.selector-button-container{border-radius:10px;background-color:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.1);height:-moz-fit-content;height:fit-content;padding:.75vh 0 1.25vh;overflow:hidden}.selector-button,.selector-button-container{position:relative;width:-moz-fit-content;width:fit-content}.selector-button{height:100%;padding:0 1.5vw;border-radius:10px;white-space:nowrap;transition:all .3s ease-in-out;cursor:pointer;z-index:10;border:none;outline:none}.selector-button-active,.selector-button-inactive{background-color:transparent}.selector-button-label{transition:color .3s ease-in-out;cursor:pointer;display:flex;align-items:center;justify-content:center}.selector-button-label-active{color:black}.selector-button-label-inactive{color:white}.selector-button-hover{position:absolute;top:0;left:0;height:100%;border-radius:10px;opacity:1;pointer-events:none;z-index:0;transition:all .4s ease-out}.selector-button-hover-bg{width:100%;height:100%;background-color:white;border-radius:10px}@media (max-width:768px){.selector-button-container{border-radius:10px;padding:1.5vw 0 2vw}.selector-button{padding:0 7.5vw}.selector-button,.selector-button-hover,.selector-button-hover-bg{border-radius:10px}}.section-platform{position:relative;width:100%;height:-moz-fit-content;height:fit-content;padding:15vh 7.5vw;display:flex;gap:5vw;justify-content:space-between;overflow:hidden}.section-platform-background{position:absolute;top:-15%;left:0;width:100%;height:auto;opacity:.25;-webkit-mask-image:linear-gradient(180deg,transparent 0,black 40%,black 60%,transparent);mask-image:linear-gradient(180deg,transparent 0,black 40%,black 60%,transparent)}.platform-left,.platform-right{position:relative;width:45%;height:80vh;display:flex;flex-direction:column;justify-content:space-between}.platform-textbox,.platform-top{display:flex;flex-direction:column;gap:2.5vh}.platform-textbox{gap:1vh}.platform-textbox p{color:rgba(255,255,255,.5)}.platform-right{width:55%}.platform-frame{position:absolute;top:0;left:0;height:100%;width:auto;border-radius:15px;background-color:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.075);padding:1vw;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.platform-image{height:100%;border-radius:15px}.animation-container{animation:fadeInOpacity .8s ease-in-out forwards,fadeInTranslate .6s forwards}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}@keyframes fadeInTranslate{0%{transform:translateY(.75vh)}to{transform:translateY(0)}}@media (max-width:768px){.section-platform{padding:25vw 5vw 0}.platform-left,.platform-right,.section-platform{height:-moz-fit-content;height:fit-content;flex-direction:column}.platform-left,.platform-right{width:100%;display:flex;justify-content:space-between;gap:17.5vw}.section-platform-background{top:-80vw;left:0;width:auto;height:200vw}.platform-textbox,.platform-top{gap:4vw}.platform-textbox{gap:2vw}.platform-frame{position:relative;top:auto;left:auto;height:auto;width:100%;padding:3.5vw 3.5vw 2.5vw}.platform-image{height:auto;width:100%;border-radius:15px}}