*{margin:0;padding:0;position:relative;box-sizing:border-box}html,body{max-width:100vw;overflow:hidden;font-weight:600;font-family:Montserrat;color:#fff}body{background:#151417;width:100%}:root{--clip-path-top-left: 20px;--clip-path-top-right:calc(100% - 20px);--clip-path-bottom-right:calc(100% - 40px);--clip-path-bottom-left: 40px}.container{position:fixed;max-height:100vh;overflow:hidden}.header__container{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;position:fixed;z-index:100;top:2rem;padding:0 2rem;display:flex;flex-direction:column;font-weight:300}@media only screen and (max-width: 965px){.header__container{top:3rem}}.container__top{display:flex;flex-direction:row-reverse;align-items:start;justify-content:space-between}@media only screen and (max-width: 965px){.container__top{flex-direction:column}}.header__title{pointer-events:none;display:block;position:relative;font-size:4rem;margin-top:16rem;margin-bottom:2rem}@media only screen and (max-width: 965px){.header__title{margin-top:1rem;margin-bottom:2rem;font-size:2rem}}.small{font-size:1rem}.capsule{-webkit-user-select:none;user-select:none;pointer-events:all;background-color:#ffffff3f;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#ffffffa5;display:block;width:auto;max-width:fit-content;padding:.5rem 1rem;border-radius:1.8rem;margin-bottom:1rem;font-size:.6rem;border:1.8px solid rgba(255,255,255,.648)}@media only screen and (max-width: 965px){.capsule{padding:.5rem 1rem;font-size:.6rem;align-self:flex-start;margin-bottom:2rem;margin-left:-.28rem}}.container__small{pointer-events:none;padding-left:.2rem;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem}@media only screen and (max-width: 965px){.container__small{font-size:.6rem;grid-template-columns:1fr 1fr}}.container__controls{overflow:hidden;z-index:3;position:fixed;bottom:1rem;left:1rem;border-radius:.8rem;padding:1rem}@media only screen and (max-width: 965px){.container__controls{display:flex;justify-content:center;align-items:star;flex-direction:column;bottom:2rem;border:none;left:0;right:0;width:100%}}.controls__title{pointer-events:none;width:100%;-webkit-user-select:none;user-select:none;align-self:start;font-weight:400;text-transform:capitalize;padding:1rem 1.2rem;border-radius:.8rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:0}@media only screen and (max-width: 965px){.controls__title{padding:1rem;color:#fff;background-color:transparent}}#indicator{width:20px;height:20px;border-radius:50%;opacity:0;border-top:2px solid rgb(109,255,80);animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container__controls p{-webkit-user-select:none;user-select:none;font-size:.9rem;padding:1rem 1.2rem;font-weight:300;max-width:600px;line-height:1.6}@media only screen and (max-width: 965px){.container__controls p{padding:1rem;align-self:start}}.container__btn{display:flex;flex-direction:row;gap:1rem;justify-content:center;justify-items:center;margin-top:2rem;gap:0 2rem}@media only screen and (max-width: 965px){.container__btn{gap:1rem;padding:0 1rem;margin-top:.6rem;max-width:600px;flex-wrap:wrap;width:100%;flex-direction:column;align-items:end;display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:start}}.toggleBtn{font-weight:400;-webkit-user-select:none;-ms-user-select:none;user-select:none;--cut: 20px;color:#000;text-align:center;min-width:155px;padding:1.2rem 2.4rem;cursor:pointer;background-color:#ffffff72;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);clip-path:polygon(0 var(--cut),var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%);transition:background .3s,color .3s}@media only screen and (max-width: 965px){.toggleBtn{font-weight:500;min-width:92px;padding:.8rem 1.8rem;font-size:.6rem}}.toggleBtn:active,.toggleBtn:hover,.active{transition:background .3s,color .3s;background-color:#50f7ff59;color:#50f7ff}.active:hover{transition:background .3s,color .3s;background-color:#50f7ffa5;color:#fff}