@font-face{font-family:'WorldAthletics-Regular';src:url("./fonts/WorldAthletics-Regular.otf") format("opentype")}@font-face{font-family:'WorldAthletics-Bold';src:url("./fonts/WorldAthletics-Bold.otf") format("opentype")}@font-face{font-family:'WorldAthleticsHeadline';src:url("./fonts/WorldAthleticsHeadline.otf") format("opentype")}body{padding:0;margin:0;box-sizing:border-box;font-family:'WorldAthletics-Regular', sans-serif}.wrapper{max-width:1168px;width:100%;height:100vh;margin:auto;overflow-x:hidden;padding:20px;box-sizing:border-box}.headline,.dialog-title{font-family:'WorldAthleticsHeadline', sans-serif}.diagram{display:flex;justify-content:center;padding:40px 20px}.diagram-left{padding-right:96px;max-width:238px;width:100%;height:100%;transform:translateY(250px)}.diagram-center{transform:translateY(150px);max-width:344px;height:100%;width:100%;min-width:150px}.diagram-right{padding-left:128px;max-width:258px;width:100%}@media (max-width: 768px){.diagram{position:relative;right:-5%}.diagram-left,.diagram-center,.diagram-right{min-width:90%;box-sizing:border-box}.diagram-left{min-width:95%}.diagram-right{min-width:100%}}@media (max-width: 576px){.diagram-right{min-width:120%}.diagram-left{min-width:110%}}.rect{display:flex;align-items:center;position:relative;cursor:pointer}.rect-regular{height:69px;margin:0 0 28px}.rect-regular .text{font-size:18px;padding:0 28px}@media screen and (min-width: 768px) and (max-width: 991.98px){.rect-regular .text{font-size:16px}}.rect-large{height:79px;margin:0 0 20px;position:relative}.rect-large::after{content:"";position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);width:2.4px;height:20px;background-color:#9e75e1}.rect-large:last-of-type::after{display:none}.rect-large .text{font-size:28px;width:100%;text-align:center}@media screen and (min-width: 768px) and (max-width: 991.98px){.rect-large .text{font-size:24px}}.rect-special{height:69px;margin:95px 0 30px;transform:translateX(-60px);z-index:1}.rect-special .text{font-size:20px;padding:0 28px}@media screen and (min-width: 768px) and (max-width: 991.98px){.rect-special .text{font-size:18px}}.rect-wrap{flex-direction:column;height:auto;padding:23px;margin-bottom:10px}.rect-wrap .text{padding-bottom:28px;width:100%}.rect-wrap .title{white-space:nowrap}.rect-inside{height:40px;margin:0 0 5px;width:100%}.rect-inside .text{font-size:16px;padding:0 18px}@media screen and (min-width: 768px) and (max-width: 991.98px){.rect-inside .text{font-size:15px}}.rect-corner{position:absolute;bottom:-1px;right:-1px;border-left:20px solid transparent;border-bottom:20px solid #fff}.rect .text{margin:0;color:#fff}.rect.black{background-color:#000}.rect.mauve{background-color:#bc94ff}.rect.purple{background-color:#9469dd}.rect.gigas{background-color:#614196}.rect.crusta{background-color:#ff873c}.rect:last-of-type{margin-bottom:0}.rect-info{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;width:23px;height:23px;font-size:16px;font-weight:700;color:#fff;cursor:pointer}.rect-info.mauve{background-color:#bc94ff}.rect-info.dark-crusta{background-color:#f06a17}.rect-info.minsk{background-color:#513384}.rect .info-title,.rect .info-text{display:none}.h-line{position:relative}.h-line:after{content:"";position:absolute;top:50%;transform:translateY(-50%);right:-86px;height:2.2px;width:76px;background-color:#9e75e1}.hr-half,.hl-half{position:relative}.hr-half:after,.hl-half:after{content:"";position:absolute;top:60%;transform:translateY(-40%);height:2.3px;width:38px;background-color:#9e75e1}.hr-half:after{content:"";right:-48px}.hl-half:after{content:"";left:-48px}.vr-line{position:relative}.vr-line:before{content:"";position:absolute;top:50px;right:-50px;height:90px;width:2.2px;background-color:#9e75e1}.spec{position:absolute;width:100%;height:100%;z-index:-1;background-color:#ff873c}.spec:before{content:"";position:absolute;top:-293px;left:-60px;width:27px;height:330px;border:2px solid #ff873c;border-bottom-color:transparent;border-left-color:transparent}.spec:after{content:"";position:absolute;top:39px;left:-30px;width:30px;height:2.2px;background-color:#ff873c}.line-1{position:absolute;width:100%;height:100%}.line-1:before{content:"";position:absolute;top:-55px;left:-120px;width:58px;height:90px;border:2px solid #9e75e1;border-bottom-color:transparent;border-left-color:transparent}.line-1:after{content:"";position:absolute;top:37px;left:-60px;width:56px;height:2.2px;background-color:#9e75e1}.line-2{position:absolute;width:100%;height:100%}.line-2:before{content:"";position:absolute;top:-144px;left:-120px;width:48px;height:180px;border:2px solid #9e75e1;border-bottom-color:transparent;border-left-color:transparent}.line-2:after{content:"";position:absolute;top:38px;left:-70px;width:66px;height:2.2px;background-color:#9e75e1}.line-3{position:absolute;width:100%;height:100%}.line-3:before{content:"";position:absolute;top:-148px;left:-80px;width:125%;height:140px;border:2px solid #9e75e1;border-bottom-color:transparent;border-left-color:transparent}@media (max-width: 768px){.line-3:before{width:114%}}@media (max-width: 567px){.line-3:before{width:116%}}@media (max-width: 440px){.line-3:before{width:125%}}@media (max-width: 355px){.line-3:before{width:135%}}.line-3:after{content:"";position:absolute;top:-60px;right:30px;width:30px;height:52px;border:2px solid #9e75e1;border-bottom-color:transparent;border-left-color:transparent}.line-4{position:absolute;width:100%;height:100%}.line-4:before{content:"";position:absolute;top:-56px;right:-50px;width:38px;height:250px;border:2px solid #9e75e1;border-bottom-color:transparent;border-left-color:transparent}.line-5{position:absolute;width:100%;height:100%}.line-5:before{content:"";position:absolute;top:-50px;right:-50px;width:38px;height:90px;border:2px solid #9e75e1;border-top-color:transparent;border-left-color:transparent}.line-6{position:absolute;width:100%;height:100%}.line-6:before{content:"";position:absolute;top:46px;left:-48px;width:38px;height:2.2px;background-color:#9e75e1}.line-7{position:absolute;width:100%;height:100%}.line-7:after{content:"";position:absolute;top:36px;right:-86px;width:76px;height:2.2px;background-color:#9e75e1}.line-8{position:absolute;width:100%;height:100%}.line-8:after{content:"";position:absolute;top:-24px;right:24px;width:2.4px;height:20px;background-color:#9e75e1}.line-0{position:absolute;width:100%;height:100%}.line-0:before{content:"";position:absolute;bottom:73px;left:-119px;width:114px;height:2.2px;background-color:#9e75e1}.slider{width:100%;display:none}@media (max-width: 768px){.slider{display:flex}}.slider-element{border-radius:5px;background-color:#eee;height:10px;flex-grow:1}.slider-element:not(:last-child){margin-right:10px}.slider-element.active{height:10px;border-radius:5px;background-color:#bc94ff}.slider-element.active:before{content:'...';color:#ffffff;top:-17px;position:relative;font-size:24px;left:50%;display:inline-block;transform:translate(-5px, 0%)}.dialog{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(38,38,38,0.9);z-index:999}.dialog.show{display:block}.dialog-wrp{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:730px;min-height:570px;width:100%;margin:auto;background-color:#fff}@media screen and (max-width: 768px){.dialog-wrp{max-width:90vw;min-height:90vh}}.dialog-info{max-width:440px}@media screen and (max-width: 768px){.dialog-info{max-width:100%;padding:20px}}.dialog-i{display:flex;justify-content:center;align-items:center;color:#fff;font-size:14px;width:40px;height:40px;background-color:#262626}@media screen and (max-width: 768px){.dialog-i{width:30px;height:30px}}.dialog-title{font-size:48px;font-weight:400;line-height:54px;margin:40px 0 60px}@media screen and (max-width: 768px){.dialog-title{font-size:32px;line-height:36px;margin:30px 0 40px}}.dialog-text{font-size:18px;font-weight:400;line-height:38px;margin:0}@media screen and (max-width: 768px){.dialog-text{font-size:16px;line-height:28px}}.dialog-close{display:flex;justify-content:center;align-items:center;width:84px;height:84px;background-color:#bc94ff;position:absolute;top:0;right:0;cursor:pointer}@media screen and (max-width: 768px){.dialog-close{width:44px;height:44px}}.dialog-close .close{position:relative}.dialog-close .close::after,.dialog-close .close::before{content:"";position:absolute;top:0;right:0;width:1px;height:20px;background-color:#000}.dialog-close .close::after{transform:translate(-50%, -50%) rotate(45deg)}.dialog-close .close::before{transform:translate(-50%, -50%) rotate(-45deg)}