{"product_id":"gamer-fallen-cs2-mousepad","title":"Gamer Fallen CS2 Mousepad","description":"\u003cstyle\u003e\u003c!--\n @charset \"UTF-8\";\n\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\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\n #descricao-produto #new-mousepad-fallen .flex-mousepad-fallen {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n #descricao-produto #new-mousepad-fallen .hiden {\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\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\n #descricao-produto #new-mousepad-fallen .yellow {\n color: #c6c6c8;\n }\n\n #descricao-produto #new-mousepad-fallen .purple {\n color: #e09933;\n }\n\n #descricao-produto #new-mousepad-fallen .text-space {\n letter-spacing: 0.4rem;\n }\n\n #descricao-produto #new-mousepad-fallen .upper {\n text-transform: uppercase;\n }\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 #c6c6c8;\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\n #descricao-produto #new-mousepad-fallen button.bullet.active {\n background-color: #c6c6c8;\n color: #000000;\n }\n\n #descricao-produto #new-mousepad-fallen button.bullet.active svg path {\n fill: #000 !important;\n }\n\n #descricao-produto #new-mousepad-fallen button.bullet:hover {\n background-color: #e09933;\n color: #ffffff;\n }\n\n #descricao-produto #new-mousepad-fallen button.bullet:hover svg path {\n fill: #ffffff !important;\n }\n\n #descricao-produto #new-mousepad-fallen button.bullet.no-radius {\n border-radius: 0;\n }\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\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\n #descricao-produto #new-mousepad-fallen .scroll-section {\n width: 100%;\n height: 250vh;\n position: relative;\n }\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:\/\/assets.fallenstore.com.br\/lp\/mousepad\/CS2\/assets\/img\/bg-hero.webp);\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n }\n\n @media (max-width: 768px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .sticky-wrapper {\n width: 100vw;\n }\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\n @media (max-width: 768px) {\n #descricao-produto #new-mousepad-fallen .scroll-section canvas {\n width: 100vw;\n }\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\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\n @media (max-width: 1800px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling .container {\n justify-content: center;\n }\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\n @media (max-width: 1100px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling .container {\n flex-direction: column-reverse;\n }\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 transition: transform 0.1s linear;\n }\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\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\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\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\n #descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling .container .hero-content {\n width: 100%;\n max-width: 500px;\n transition: transform 0.1s linear;\n }\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\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\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\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\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\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\n #descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling .container .hero-content video {\n max-width: 400px;\n }\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\n #descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling .container .hero-content .box {\n width: 100%;\n background-color: #e09933;\n padding: 8px 25px;\n opacity: 1;\n border-radius: 10px;\n mix-blend-mode: difference;\n }\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\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\n #descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling .container .hero-content .box span {\n font-weight: 700;\n font-size: 24px;\n }\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\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\n #descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options h2 {\n margin-bottom: 20px;\n font-size: 28px;\n }\n\n #descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .img-size {\n width: 100%;\n }\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\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\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: #c6c6c8;\n position: absolute;\n height: 3px;\n transition: width 0.5s ease;\n }\n\n #descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .img-size .content-size .line.active.vertical-line {\n width: 456px;\n }\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\n #descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .img-size .content-size .line.active.horizontal-line {\n width: 1450px;\n }\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: #c6c6c8;\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\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\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\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\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\n #descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .mousepad-size-button {\n position: absolute;\n bottom: 5%;\n }\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\n @media (max-width: 500px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .mousepad-size-button {\n bottom: 1%;\n }\n }\n\n #descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .mousepad-size-button p {\n color: white;\n text-align: center;\n }\n\n #descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .mousepad-size-button .buttons-size {\n display: flex;\n }\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\n #descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .mousepad-size-button .buttons-size button {\n padding: 0 45px;\n }\n\n #descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .mousepad-size-button .buttons-size button:first-child {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n }\n\n #descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .mousepad-size-button .buttons-size button:last-child {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n }\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\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\n #descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options.active {\n opacity: 1;\n pointer-events: all;\n }\n\n #descricao-produto #new-mousepad-fallen .hero {\n width: 100%;\n height: 100vh;\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:\/\/assets.fallenstore.com.br\/lp\/mousepad\/Train\/assets\/img\/img\/hero.png);\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n }\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\n #descricao-produto #new-mousepad-fallen .hero .container .mousepad-circ {\n max-width: 850px;\n transform: rotate(-25deg);\n }\n\n #descricao-produto #new-mousepad-fallen .hero .container .hero-content {\n width: 100%;\n max-width: 500px;\n }\n\n #descricao-produto #new-mousepad-fallen .hero .container .hero-content .box {\n width: 100%;\n background-color: #e09933;\n padding: 8px 25px;\n opacity: 1;\n border-radius: 10px;\n mix-blend-mode: Difference;\n }\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\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\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\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\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\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\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\n @media (max-width: 768px) {\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 max-width: 100%;\n }\n }\n\n #descricao-produto #new-mousepad-fallen .table__size-table .content-img .mesa-img {\n z-index: 0;\n position: relative;\n }\n\n #descricao-produto #new-mousepad-fallen .table__size-table .content-img .mousepad-img {\n z-index: 1;\n }\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\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\n #descricao-produto #new-mousepad-fallen .table__size-table .size-table-content button {\n padding: 5px 80px;\n min-width: 150px;\n }\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\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\n @media (max-width: 768px) {\n #descricao-produto #new-mousepad-fallen .table__size-table .size-table-content button {\n padding: 15px 30px;\n }\n }\n\n #descricao-produto #new-mousepad-fallen .table__cards-content {\n margin: 70px 0;\n display: flex;\n justify-content: center;\n }\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\n @media (max-width: 1300px) {\n #descricao-produto #new-mousepad-fallen .table__cards-content .cards {\n gap: 15px;\n }\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\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\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\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\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\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\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\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\n #descricao-produto #new-mousepad-fallen .table__cards-content .cards .item:hover {\n cursor: pointer;\n }\n\n #descricao-produto #new-mousepad-fallen .table__cards-content .cards .item:hover img {\n transform: scale(1.4);\n }\n\n #descricao-produto #new-mousepad-fallen .sticker {\n width: 100%;\n padding: 50px 0;\n }\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\n @media (max-width: 1800px) {\n #descricao-produto #new-mousepad-fallen .sticker .box {\n max-width: 800px;\n }\n }\n\n @media (max-width: 1000px) {\n #descricao-produto #new-mousepad-fallen .sticker .box {\n max-width: 80vw;\n }\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\n #descricao-produto #new-mousepad-fallen .sticker .box video {\n max-width: 230px;\n }\n\n @media (max-width: 1800px) {\n #descricao-produto #new-mousepad-fallen .sticker .box video {\n max-width: 200px;\n }\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\n #descricao-produto #new-mousepad-fallen .sticker .box .content {\n max-width: 400px;\n flex-direction: column;\n }\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\n @media (max-width: 600px) {\n #descricao-produto #new-mousepad-fallen .sticker .box .content h3 {\n font-size: 22px;\n }\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\n @media (max-width: 600px) {\n #descricao-produto #new-mousepad-fallen .sticker .box .content .text-mousepad-fallen {\n font-size: 15px;\n }\n }\n\n @media (max-width: 600px) {\n #descricao-produto #new-mousepad-fallen .sticker .box .content {\n max-width: 90%;\n }\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\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:\/\/assets.fallenstore.com.br\/lp\/mousepad\/CS2\/assets\/img\/bg-simulation.gif);\n background-repeat: no-repeat;\n background-position: center;\n background-size: cover;\n }\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\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\n #descricao-produto #new-mousepad-fallen .simulation h3 {\n margin-bottom: 50px;\n }\n\n @media (max-width: 1800px) {\n #descricao-produto #new-mousepad-fallen .simulation h3 {\n margin-bottom: 25px;\n }\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\n #descricao-produto #new-mousepad-fallen .simulation__textile .speed-content {\n margin: 20px 0;\n }\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\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\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\n @media (max-width: 700px) {\n #descricao-produto #new-mousepad-fallen .simulation__textile .speed-content .plus {\n flex-wrap: wrap;\n }\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 auto;\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\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\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 }\n }\n\n #descricao-produto #new-mousepad-fallen .simulation__textile .speed-content .plus button:not(:last-child) {\n margin-right: 22px;\n }\n\n @media (max-width: 500px) {\n #descricao-produto #new-mousepad-fallen .simulation__textile .speed-content .plus button:not(:last-child) {\n margin-right: 10px;\n }\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\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\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\n @media (max-width: 1000px) {\n #descricao-produto #new-mousepad-fallen .simulation__textile .speed-content .plus button {\n font-size: 10px;\n }\n }\n\n #descricao-produto #new-mousepad-fallen .simulation__video {\n margin: 60px 0 5px 0;\n align-items: flex-start;\n position: relative;\n width: 100%;\n justify-content: center;\n transition: width 3s ease-in;\n }\n\n @media (max-width: 1800px) {\n #descricao-produto #new-mousepad-fallen .simulation__video {\n margin-top: 30px;\n }\n }\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\n @media (max-width: 1000px) {\n #descricao-produto #new-mousepad-fallen .simulation__video .img-container {\n max-width: 80%;\n }\n }\n\n #descricao-produto #new-mousepad-fallen .simulation__video .img-container img {\n width: 100%;\n height: auto;\n }\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\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\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\n @keyframes organicParabola {\n\n \/* Ponto inicial *\/\n 0%,\n 100% {\n top: 10%;\n left: 70%;\n transform: rotate(0deg);\n }\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\n 40% {\n top: 40%;\n left: 65%;\n transform: rotate(0deg);\n }\n\n 50% {\n top: 22%;\n left: 55%;\n transform: rotate(-15deg);\n }\n\n 60% {\n top: 22%;\n left: 70%;\n transform: rotate(15deg);\n }\n\n 70% {\n top: 22%;\n left: 55%;\n transform: rotate(-15deg);\n }\n\n 80% {\n top: 50%;\n left: 70%;\n transform: rotate(-15deg);\n }\n\n 90% {\n top: 50%;\n left: 70%;\n transform: rotate(-15deg);\n }\n }\n\n @keyframes speedMouseplus {\n 0% {\n top: 10%;\n left: 80%;\n transform: rotate(0deg);\n }\n\n 20% {\n top: 55%;\n left: 35%;\n transform: rotate(-35deg);\n }\n\n 40% {\n top: 20%;\n left: 15%;\n transform: rotate(15deg);\n }\n\n 60% {\n top: 65%;\n left: 70%;\n transform: rotate(40deg);\n }\n\n 80% {\n top: 30%;\n left: 85%;\n transform: rotate(-10deg);\n }\n\n 100% {\n top: 10%;\n left: 80%;\n transform: rotate(0deg);\n }\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\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\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\n #descricao-produto #new-mousepad-fallen .simulation__video .size button svg {\n margin-right: 20px;\n }\n\n #descricao-produto #new-mousepad-fallen .simulation .info-peq {\n margin-top: 20px;\n }\n\n @media (max-width: 1000px) {\n #descricao-produto #new-mousepad-fallen .simulation .info-peq {\n max-width: 80%;\n }\n }\n\n #descricao-produto #new-mousepad-fallen .simulation__content {\n margin-top: 60px;\n }\n\n @media (max-width: 1000px) {\n #descricao-produto #new-mousepad-fallen .simulation__content {\n max-width: 80%;\n }\n }\n\n #descricao-produto #new-mousepad-fallen .simulation__content h4 {\n margin-bottom: 15px;\n }\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\n @media (max-width: 1000px) {\n #descricao-produto #new-mousepad-fallen .simulation__content p {\n font-size: 14px;\n }\n }\n\n #descricao-produto #new-mousepad-fallen .comp-thick {\n width: 100%;\n height: 100%;\n padding: 55px 0;\n }\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:\/\/assets.fallenstore.com.br\/lp\/mousepad\/CS2\/assets\/img\/mousepad-compability.webp);\n background-repeat: no-repeat;\n background-position: bottom;\n background-size: cover;\n }\n\n #descricao-produto #new-mousepad-fallen .comp-thick .compatibility {\n flex-direction: column;\n }\n\n @media (max-width: 1200px) {\n #descricao-produto #new-mousepad-fallen .comp-thick .compatibility {\n padding-right: 100px;\n }\n }\n\n @media (max-width: 1000px) {\n #descricao-produto #new-mousepad-fallen .comp-thick .compatibility {\n margin-top: 100px;\n }\n }\n\n @media (max-width: 700px) {\n #descricao-produto #new-mousepad-fallen .comp-thick .compatibility {\n padding-right: 0;\n }\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\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\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\n @media (max-width: 700px) {\n #descricao-produto #new-mousepad-fallen .comp-thick .compatibility p {\n margin-right: 20px;\n }\n }\n\n #descricao-produto #new-mousepad-fallen .comp-thick .compatibility .content {\n margin: 100px 0 200px 0;\n }\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\n #descricao-produto #new-mousepad-fallen .comp-thick .compatibility .content video {\n max-width: 500px;\n margin-bottom: 100px;\n }\n\n @media (max-width: 1000px) {\n #descricao-produto #new-mousepad-fallen .comp-thick .compatibility .content video {\n max-width: 400px;\n }\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\n #descricao-produto .back-to-top .icon {\n width: 250px;\n height: 25px;\n background-color: #e09933;\n }\n\n \/*# sourceMappingURL=style.css.map *\/\n \n--\u003e\u003c\/style\u003e\n\u003cp\u003e\u003c\/p\u003e\n\u003cdiv id=\"new-mousepad-fallen\"\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\n\u003cvideo autoplay=\"autoplay\" class=\"mousepad-circ\" height=\"150\" loop=\"loop\" muted=\"\" width=\"300\"\u003e\n\u003csource src=\"https:\/\/assets.fallenstore.com.br\/lp\/mousepad\/CS2\/assets\/img\/circ-mousepad.webm\" type=\"video\/webm\"\u003e\u003c\/video\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cvideo autoplay=\"autoplay\" height=\"150\" loop=\"loop\" muted=\"\" width=\"300\"\u003e\n\u003csource src=\"https:\/\/assets.fallenstore.com.br\/lp\/mousepad\/CS2\/assets\/img\/mousepad-holo.webm\" type=\"video\/webm\"\u003e\u003c\/video\u003e\n\u003cdiv class=\"box\"\u003e\u003cspan class=\"upper text-mousepad-fallen\"\u003eCounter Strike 2\u003c\/span\u003e\u003c\/div\u003e\n\u003cp class=\"text-mousepad-fallen\"\u003eThe CS2 mousepad i\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Fallen Store","offers":[{"title":"Large (45x45) - Speed++","offer_id":47562395779293,"sku":"MP03401","price":45.76,"currency_code":"USD","in_stock":true},{"title":"Extended (90x40) - Speed++","offer_id":47562395746525,"sku":"MP03402","price":52.78,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0813\/4715\/0045\/files\/mousepad-cs2-grande-1.png?v=1774532698","url":"https:\/\/fallenstore.gg\/products\/gamer-fallen-cs2-mousepad","provider":"Fallen Store","version":"1.0","type":"link"}