.atropos{position:relative;display:block;perspective:1200px;transform:translateZ(0)}.atropos-rotate-scroll-x,.atropos-rotate-scroll-y,.atropos-rotate-touch{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.atropos-rotate-touch-scroll-y{touch-action:pan-y}.atropos-rotate-touch-scroll-x{touch-action:pan-x}.atropos-rotate-touch{touch-action:none}.atropos-rotate,.atropos-scale{width:100%;height:100%;transform-style:preserve-3d;transition-property:transform;display:block}.atropos-highlight,.atropos-shadow{position:absolute;pointer-events:none;transition-property:transform,opacity;display:block;opacity:0}.atropos-shadow{z-index:-1;background:#000;left:0;top:0;width:100%;height:100%;filter:blur(30px)}.atropos-highlight{left:-50%;top:-50%;width:200%;height:200%;background-image:radial-gradient(circle at 50%,hsla(0,0%,100%,.25),transparent 50%);z-index:0}.atropos-inner,.atropos-rotate{position:relative}.atropos-inner{width:100%;height:100%;overflow:hidden;transform-style:preserve-3d;transform:translateZ(0);display:block}.atropos-active{z-index:1}.atropos-active .atropos-shadow{opacity:1!important}::slotted([data-atropos-offset]),[data-atropos-offset]{transition-property:transform}[data-atropos-opacity]{transition-property:opacity}::slotted([data-atropos-offset][data-atropos-opacity]),[data-atropos-offset][data-atropos-opacity]{transition-property:transform,opacity}@font-face{font-family:valorant;src:url(/_next/static/media/valorantFont.760bfd30.ttf);font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box;width:100%}body::-webkit-scrollbar{background:#ff4654;width:10px}body::-webkit-scrollbar-thumb{background-color:#0e141b}.header{background:#0e141b;display:block}.arrow{position:fixed;bottom:5px;right:1%;height:75px;width:75px;padding:25px;transition:opacity 1s;cursor:pointer;opacity:0}.arrow.visible{opacity:1}.arrowTop{height:40px;width:40px;background:#16202b;border-radius:10px;margin:auto}.headerText{justify-content:space-between;color:#fff;height:150px;padding:0 150px}.changeLenguage,.headerText{display:flex;align-items:center}.changeLenguage{color:#0e141b;width:150px;border-radius:15px;background:#0e141b;border:4px solid #ff4654;height:50px;text-align:center;justify-content:center}.changeLenguage button{font-family:valorant,sans-serif;padding-top:5px;height:50px;background:transparent;border:none;transition:.3s linear}.changeLenguage button p{font-size:30px;color:#fff;opacity:.5}.changeLenguageActive{background:#ff4654!important}.changeLenguageActive p{opacity:1!important}.spanish{border-top-left-radius:15px;border-bottom-left-radius:15px}.english{border-top-right-radius:15px;border-bottom-right-radius:15px}.title{font-family:valorant,sans-serif;color:#fff;font-size:50px;width:auto}.mainContent{display:flex}.textFlex{text-align:left;width:90%;margin-left:150px;margin-top:150px}.subTitle{font-size:40px}.parraf,.subTitle{color:#fff;font-weight:400;width:90%}.parraf{font-size:21px;opacity:.5}.parraf,.seeMore{margin-top:20px}.seeButton{width:150px;border:2.5px solid #ff4654;border-radius:15px;background:transparent;height:50px;color:#fff}.seeButton a{font-size:22px;color:#fff;text-decoration:none}.image{text-align:center;justify-content:center;height:100%;width:100%;margin-top:100px}.valorantIcon{width:350px;height:300px}.textImage{font-family:valorant,sans-serif;color:#fff;font-size:90px;margin-top:-45px}.svg-icon{height:auto}.content{background:#ff4654;min-height:500px;bottom:10%;left:0;height:1150px;padding-top:100px;padding-bottom:16px}.smooth{border:1px solid transparent}.triangle{position:relative;background:transparent;height:12vh;margin-top:100px}.triangle-1:before{content:"";position:absolute;bottom:0;border-color:#0e141b transparent transparent;border-style:solid;border-width:100px 100px 0;right:20%;transform:translateX(0) translateY(100%)}.triangle-2:before{content:"";position:absolute;bottom:0;border-color:transparent transparent #ff4654;border-style:solid;border-width:0 100px 100px;left:20%;transform:translateX(0) translateY(0)}.loaderContent{display:flex;width:150px;margin:100px auto auto}.loader{width:auto;text-align:center}.loaderAnimation{width:50px;height:50px;border:5px solid #0e141b;border-bottom-color:transparent;border-radius:50%;animation:loader 1s linear infinite}.loaderText{width:auto;font-size:20px;font-weight:700;margin:auto}@keyframes loader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes wave{0%{background-position:0 0}to{background-position:100% 0}}@media (max-width:1200px){.image{margin-top:150px}.valorantIcon{width:250px;height:200px}.textImage{font-size:60px;margin-top:-30px}.textFlex{width:100%;margin-left:0;margin-top:185px}.headerText{height:90px;padding:0 50px}.title{font-size:40px;margin-top:25px}.changeLenguage{margin-top:20px;width:120px;height:45px}.changeLenguage button{height:45px}.changeLenguage button p{font-size:24px}.subTitle{font-size:30px}.parraf,.subTitle{margin-left:50px;width:90%}.parraf{margin-top:15px;font-size:18px}.triangle-1:before{border-width:80px 80px 0;right:15%}.triangle-2:before{border-width:0 80px 80px;left:15%}.content{padding-top:150px;height:1200px}.arrow{display:none}.seeButton{width:125px;margin-left:50px}.seeButton a{font-size:20px}}@media (max-width:900px){.mainContent{display:flex;flex-wrap:wrap}.image{margin-top:100px;order:0}.valorantIcon{margin-top:50px;width:225px;height:175px}.textImage{font-size:50px;margin-top:-25px}.textFlex{width:100%;margin:50px auto auto;order:1}.headerText{padding:0 25px}.title{font-size:30px;margin:0}.changeLenguage{margin-top:0;width:100px;height:35px}.changeLenguage button{height:35px}.changeLenguage button p{font-size:20px}.subTitle{text-align:center;font-size:30px;margin-left:0;width:100%}.parraf{text-align:center;font-size:18px;width:90%;margin:20px auto auto}.triangle-1:before{border-width:60px 60px 0}.triangle-2:before{border-width:0 60px 60px}.content{padding-top:125px}.seeMore{width:100%;text-align:center}.seeButton{text-align:center;width:125px;margin-left:0}.seeButton a{font-size:20px}}@media (max-width:520px){.image{margin-top:25px;order:0}.textFlex{margin-top:25px;order:1}.subTitle{text-align:center;font-size:24px}.parraf{text-align:center;margin-top:15px;font-size:16px}.triangle-1:before{border-width:60px 60px 0;right:10%}.triangle-2:before{border-width:0 60px 60px;left:10%}.content{padding-top:100px}}.contentBackground{width:87.5%;background:#0e141b;margin:50px auto auto;border-radius:25px;box-shadow:0 0 15px 5px #0e141b}.buttonSection{display:flex;justify-content:flex-start;align-items:center;height:90px;width:100%}.button{font-size:22px;background:none;color:#fff;width:100px;height:50px;transition:all .3s linear;font-weight:700;border:none;border-bottom:4px solid transparent;margin:0 20px}.button:first-child{margin-left:40px}.button:hover{border-bottom-color:grey}.buttonActive{border-bottom-color:#ff4654!important}.dataContent{width:100%;min-height:760px;display:flex;background:#16202b;border-radius:0 0 25px 25px;border-top:4px solid #ff4654}.dataSelection{width:600px;background:#0e141b;border-radius:0 0 0 25px;border-right:4px solid #ff4654}@media (max-width:1200px){.dataContent{min-height:800px;max-height:900px;display:block}.buttonSection{justify-content:center}.button{width:120px;margin-left:0}.dataSelection{width:100%;border-radius:0;border-bottom:4px solid #ff4654;border-right:none}}@media (max-width:900px){.buttonSection{height:80px}.button{font-size:20px;width:80px;height:40px}.dataSelection{padding-bottom:0}}@media (max-width:520px){.dataContent{height:auto}.allData{height:580px}.button{font-size:16px}}.agentSelection{width:100%;background:#0e141b;height:auto;border-bottom-left-radius:25px}.buttonSelection{display:flex;justify-content:center;height:auto;width:90%;margin:27px auto 0;flex-wrap:wrap;border-radius:15px;background:#0e141b}.selectButtonRol{background:transparent;color:#fff;font-weight:700;font-size:20px;text-align:left;align-self:flex-start;border:none;border-bottom:4px solid transparent;transition:border-bottom .3s ease;width:auto;padding:10px}.selectButtonRol:hover{border-bottom:4px solid grey}.activeButton{border-bottom:4px solid #ff4654!important}.agentFlex{display:flex;flex-wrap:wrap;max-height:620px;width:90%;border-radius:15px;margin:0 auto 15px;justify-content:center;align-items:center;height:auto}.iconContent{height:55px;width:55px;margin:15px 10px;border-radius:25px;background:#16202b}.agentIcon{width:55px;height:55px;border-radius:50px;border:3px solid transparent;transition:border .3s linear}.agentIconActive{border:3px solid #ff4654!important}.agentIcon:hover{border:3px solid grey}.agentIconName{color:#fff;font-size:12px;text-align:center}@media (max-width:1200px){.agentSelection{border-bottom-left-radius:0}.buttonSelection{margin:0 auto}.selectButtonRol{margin-bottom:10px}.agentFlex{width:95%}.agentIcon,.iconContent{height:50px;width:50px}.iconContent{margin-top:0;margin-bottom:25px}}@media (max-width:900px){.buttonSelection{width:100%}.selectButtonRol{font-size:16px}.agentSelection{padding-bottom:0}.agentFlex{width:90%;margin:0 auto}.agentIcon,.iconContent{height:45px;width:45px;margin:0}.agentIconName{display:none}.iconContent{margin:0 5px 10px}}@media (max-width:520px){.selectButtonRol{font-size:14px;height:35px}.agentFlex{width:100%;margin-bottom:0}.agentIcon,.iconContent{height:40px;width:40px}}.agentData{display:flex;height:auto;padding-bottom:30px;transition:all .3s}.dataLeft{display:block}.agentAbility,.agentDescription,.agentHeader{margin:25px auto;width:85%;background:#0e141b;border-radius:15px;padding:20px;color:#fff}.agentHeader{display:flex;align-items:center;height:60px;padding:20px}.abilityHeader h1,.agentDescription h1,.agentHeader h1,.rolName{font-size:20px}.abilityHeader h1{margin-left:10px}.iconImage{width:25px;height:25px}.rolAgent{display:flex;align-items:center;text-align:right;margin-left:auto;width:auto}.rolName{margin-left:10px}.agentName,.rolName{text-align:left}.agentWallpaper{width:100%;height:100%;padding:20px}.myAtropos{width:70%;margin:auto;background:#0e141b;border-radius:25px}.abilityText,.textData{margin-top:10px;font-size:16px;opacity:.5}.agentRight{margin-top:25px;color:#fff;height:700px;overflow-x:hidden}.agentRight::-webkit-scrollbar{background:transparent;width:4px}.agentRight::-webkit-scrollbar-thumb{background-color:#ff4654}.agentAbility{margin-bottom:25px;padding:16px 20px}.abilityHeader{display:flex;align-items:center}.agentAbility:last-of-type{margin-bottom:0}.agentAbility:first-of-type{margin-top:0}@media (max-width:1200px){.agentData{padding-bottom:25px}.agentHeader{height:45px;padding:15px}.iconImage{width:20px;height:20px}.agentDescription{padding:15px}.rolName,h1{font-size:16px}.abilityText,.textData{font-size:14px}.agentRight{height:525px}}@media (max-width:900px){.myAtropos{width:85%}.rolName,h1{font-size:14px}.abilityText,.textData{font-size:12px}.agentDescription h1,.agentHeader h1,h1.abilityName{font-size:16px}}@media (max-width:520px){.agentData{display:block;height:550px;overflow-x:hidden;margin-top:25px;padding-bottom:0}.myAtropos{width:70%}.agentRight{margin-top:0;overflow-x:visible}.agentData::-webkit-scrollbar,.agentRight::-webkit-scrollbar{width:4px}.agentData::-webkit-scrollbar-thumb,.agentRight::-webkit-scrollbar-thumb{background-color:#ff4654}.agentAbility{width:85%;margin:25px auto 0}.agentHeader{margin:0 auto 25px}}.selectButtonMaps{background:transparent;color:#fff;font-weight:700;font-size:20px;text-align:left;align-self:flex-start;border:none;border-bottom:4px solid transparent;transition:border-bottom .3s ease;width:auto;padding:10px}.selectButtonMaps:hover{border-bottom:4px solid grey}@media (max-width:1200px){.selectButtonMaps{margin-bottom:10px}}@media (max-width:900px){.selectButtonMaps{font-size:16px}}@media (max-width:520px){.selectButtonMaps{font-size:14px;height:35px}}.mapsData{position:relative;height:100%}.mapsData::-webkit-scrollbar{width:4px}.mapsData::-webkit-scrollbar-thumb{background-color:#ff4654}.mapImageContent{position:relative;margin:auto;width:100%;height:800px;overflow:hidden;border-bottom-right-radius:25px}.mapImage{position:absolute;width:100%;height:100%;overflow:hidden}.infoAbsolute{display:flex;position:absolute;justify-content:center;align-items:center;bottom:2%;margin:auto;text-align:center}.mapName{width:auto;margin-right:10px}.mapName h1{font-size:20px;color:#fff}.zoomControls{margin-left:10px;width:80px;height:40px;justify-content:center;display:flex}.zoomControls button{background:#0e141b;font-size:24px;width:40px;height:40px;cursor:pointer;color:#fff;border:1.5px solid #ff4654}.zoomControls button:first-of-type{border-top-left-radius:5px;border-bottom-left-radius:5px;padding-bottom:5px}.zoomControls button:nth-of-type(2){border-top-right-radius:5px;border-bottom-right-radius:5px}@media (max-width:1200px){.mapImageContent{border-bottom-left-radius:25px;height:700px}}@media (max-width:520px){.infoAbsolute{bottom:10%}}.weaponData{margin:25px auto}.weaponHeader{width:50%;background:#0e141b;border-radius:15px;padding:20px;color:#fff;text-align:left;height:60px;margin:auto auto 25px}.killStreamIconImage{width:100px;height:20px}.weaponHeader h1{font-size:20px}.weaponWallpaper{width:100%;height:100%;padding:20px}.myAtroposWeapon{width:40%;background:#0e141b;border-radius:25px;margin:auto auto 25px}.weaponDescription{margin:25px auto;width:50%;background:#0e141b;border-radius:15px;padding:20px;color:#fff}.weaponDescription h1{font-size:20px}.weaponDescription p{font-size:16px}@media (max-width:1200px){.weaponHeader{width:60%}.myAtroposWeapon{width:50%}.weaponDescription{width:60%}}@media (max-width:900px){.myAtroposWeapon,.weaponDescription,.weaponHeader{width:70%}}@media (max-width:520px){.myAtroposWeapon,.weaponDescription,.weaponHeader{width:80%}}.tierDataContent{margin-top:20px}.tierData{display:flex;flex-wrap:wrap;justify-content:center;width:90%;margin:auto;color:#fff;font-weight:700}.tierIconData{width:125px;text-align:center;display:flex;flex-direction:column;align-items:center}.iconName{margin-top:10px}.tierIcon{width:64px}@media (max-width:900px){.tierData{width:95%}.tierIcon{width:64px;height:64px}.tierIconData{width:105px}.iconName p{font-size:16px}}@media (max-width:520px){.tierIcon{width:45px;height:45px}.tierIconData{width:100px}.iconName p{font-size:14px}}