@charset "UTF-8";:before,:after{box-sizing:border-box;display:inline-block}*{box-sizing:border-box}html,body,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}ul,ol,li{margin:0;padding:0;list-style:none}img{margin:0;padding:0;display:block;max-width:100%}a{text-decoration:none;font-style:normal}button{border:none;background-color:transparent;cursor:pointer}section{margin:0 auto}header{margin:0 auto}footer{margin:0 auto}input{padding:0;margin:0}main{margin:0 auto}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.container{box-sizing:border-box;padding:0 15px;margin:0 auto}.main{padding-top:36px;padding-bottom:36px;background-color:#fff;background-position:center;width:1200px;margin:0 auto}.main_dark{background-color:#646464}.main-title{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;font-size:24px;font-weight:400;line-height:29px;--underline-color: black}.main-title:after{content:" ";display:block;bottom:36px;width:536px;height:1px;background-color:var(--underline-color)}.main-title_dark{color:#fff}body{font-family:Montserrat Alternates,sans-serif;color:#000;background-image:url(/coding-magic-team-project/assets/main-background-26d198e1.svg);background-position:center 0px;background-repeat:no-repeat;background-size:1441px}.body_dark{color:#fff;background-color:#4d4d4d}a{color:#000}.container{margin:0 auto;width:1120px;padding:0 15px}@media screen and (min-width: 480px){.container{width:480px}}@media screen and (min-width: 768px){.container{width:768px}}@media screen and (min-width: 1200px){.container{width:1200px}}.calculator{padding-top:36px;padding-bottom:36px;text-align:center;font-family:Arial,sans-serif}.calculator:after{margin:36px auto 0;content:" ";display:block;width:536px;height:1px;background-color:var(--calculator-underline)}:root{--calculator-underline: black }.calculator-title{margin-bottom:37px;font-family:Montserrat Alternates;font-weight:400;font-size:16px;color:#000}.calculator-title_dark{color:#fff}.calculator-num1{margin-right:38px;width:135px;box-shadow:5px 5px #b0b0b0;padding:10px 10px 10px 20px;border:none;border-radius:32px;background-color:#e0e0e0}.calculator-num1::placeholder{padding-left:5px;color:#777;font-family:Montserrat Alternates;font-weight:400;font-size:12px}.calculator-num2{margin-right:38px;width:140px;box-shadow:5px 5px #b0b0b0;padding:10px 20px;border:none;border-radius:32px;background-color:#e0e0e0}.calculator-num2::placeholder{padding-left:5px;color:#777;font-family:Montserrat Alternates,sans-serif;font-weight:400;font-size:12px}.calculator-result{margin-left:38px;width:118px;padding:10px 20px;border:none;border-radius:32px;background-color:#e0e0e0}.calculator-result::placeholder{padding-left:5px;color:#777;font-family:Montserrat Alternates;font-weight:400;font-size:12px}.calculator-input{display:flex;align-items:center;justify-content:center;gap:32px}.calculator-input .calculator-operations{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.calculator-input .calculator-operations-btn{width:48px;height:48px;border:none;border-radius:50%;background-color:#000;color:#fff;cursor:pointer;box-shadow:4px 4px #888}.calculator-input .calculator-operations-btn:hover{transform:translateY(-2px);box-shadow:none}.calculator-input #equals{width:48px;height:48px;border:none;border-radius:50%;background-color:#000;color:#fff;cursor:pointer;box-shadow:4px 4px #888}.calculator-input #equals:hover{transform:translateY(-2px);box-shadow:none}.calculator-input #calculator-result{width:192px;text-align:center}.footer-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.footer-backdrop.open-modal{opacity:1;pointer-events:auto}.footer-modal{position:relative;background-color:#fff;background-image:url(/coding-magic-team-project/assets/footer-modal-bg-7685587b.svg);background-repeat:no-repeat;background-position:center;background-size:458px;border-radius:20px;width:576px;height:316px;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:30px;color:#fff;text-align:center;transform:scale(.9);opacity:0;transition:all .3s ease-in-out}.footer-modal_dark{color:#fff;background-color:#6f6f6f;-webkit-box-shadow:0px 0px 11px 2px rgb(255,255,255);-moz-box-shadow:0px 0px 11px 2px rgb(255,255,255);box-shadow:0 0 11px 2px #fff}.footer-backdrop.open-modal .footer-modal{transform:scale(1);opacity:1}.footer-modal-wrap{display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:Inter,sans-serif;font-size:12px;font-weight:400;line-height:15px;letter-spacing:0px;text-align:center;margin:0 auto;color:#000}.footer-modal-flex{margin:0 auto;width:392px}.footer-modal-close_dark{filter:invert(1)}.footer-modal-greetings{color:#000;font-family:Inter,sans-serif;font-size:25px;margin-bottom:70px;font-weight:400;line-height:24px;width:100%}.footer-modal-greetings_dark{color:#fff}.footer-modal-close{position:absolute;top:30px;right:30px}.footer{width:1445px;margin:0 auto;height:220px;background-color:#fff}.footer_dark{color:#fff;background-color:#6f6f6f}.footer-flex{display:flex;justify-content:center;align-items:center;flex-direction:row;width:1440px;margin:0 auto;height:220px;gap:186px}.footer-logo{width:165px;height:70px}.info-wrapper{display:flex;justify-content:left;flex-direction:column;width:290px;line-height:170%}.info-wrapper-tel_dark,.info-wrapper-email_dark,.info-wrapper-fb_dark,.info-wrapper-x_dark,.info-wrapper-ig_dark{color:#fff}.footer-input{width:204px;height:35px;background-color:#d7d7d7;padding:10px;border-radius:20px;outline:none;border:none;font-size:12px;font-weight:400;line-height:15px}.footer-form-wrapper{width:357px;height:35px}.footer-form-wrapper:after{content:"*Підписавшись, Ви зможете ортимувати інформаццію про новинки на сайті";width:264px;font-size:6px;font-weight:400;line-height:7px}.footer-submit{width:107px;height:35px;background-color:#000;color:#fff;border:none;border-radius:20px;font-size:12px;font-weight:400;line-height:15px;margin-left:36px}.number-container{display:flex;align-items:center;justify-content:center;gap:10px}.input-group{border:none;outline:none;display:flex;flex-direction:column;border:20px solid #D7D7D7;border-radius:20px;background-color:#d7d7d7;font-size:16px;width:135px;height:35px;box-shadow:3px 3px #00000040}.input-row{display:flex;gap:20px;padding-top:36px}.input-result{display:flex;align-items:center;justify-content:center;padding-top:54px}.input-title{display:flex;justify-content:center;align-items:center}.input{all:unset;font-size:12px;margin-top:-7px}.result{display:flex;align-items:center;justify-content:center;padding-top:54px}.lin{width:536px;height:1px;background-color:#000;margin:20px auto;display:block}@media (max-width: 1024px){.input-group{width:120px;height:32px;border-width:15px;font-size:15px}}@media (max-width: 1024px) and (max-width: 480px){.input-group{width:80px;height:24px;border-width:10px;font-size:12px;border-radius:15px}.input-row{gap:8px;padding-top:20px}.input{font-size:8px;position:relative;top:3px}.input-result,.result{padding-top:25px}.line{width:90%;margin:15px auto}}.greatest-num-container{padding-bottom:1px}.bottom-line{width:560px;height:1px;background:#000;margin:36px auto;display:block}.input-row_dark,.input-result_dark,.input-title_dark,.result_dark{color:#fff}.lin_dark{background-color:#fff}@media (max-width: 1024px){.input-group_dark{color:#fff;background-color:#494949}}@media (max-width: 480px){.input-group_dark,.input-row_dark,.input_dark,.input-result_dark,.result_dark,.line_dark{color:#fff;background-color:#494949}}.greatest-num-container_dark,.bottom-line_dark{color:#fff;background-color:#494949}.header-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.header-backdrop.open-modal{opacity:1;pointer-events:auto}.header-modal{position:relative;background-color:#fff;background-image:url(/coding-magic-team-project/assets/header-background-c20ba167.svg);background-repeat:no-repeat;background-position:41px 154px;border-radius:20px;width:576px;height:316px;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:30px;color:#fff;text-align:center;transform:scale(.9);opacity:0;transition:all .3s ease-in-out}.header-modal_dark{color:#fff;background-color:#6f6f6f;-webkit-box-shadow:0px 0px 11px 2px rgb(255,255,255);-moz-box-shadow:0px 0px 11px 2px rgb(255,255,255);box-shadow:0 0 11px 2px #fff}.header-backdrop.open-modal .header-modal{transform:scale(1);opacity:1}.header-modal-wrap{display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:Inter,sans-serif;font-size:12px;font-weight:400;line-height:15px;letter-spacing:0px;text-align:center;margin:0 auto;color:#000}.modal-flex{margin:0 auto;width:392px}.modal-info{color:#000;width:349px}.header-modal-close_dark{filter:invert(1)}.modal-info_dark,.header-modal-greetings_dark,.input-describtion_dark{color:#fff}.header-modal-close{position:absolute;top:30px;right:30px}.header-modal-holder{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:18px}.input-describtion{font-family:Inter,sans-serif;font-size:12px;font-weight:400;line-height:15px;color:#000;margin-top:42px}.header-modal-input{width:169px;height:35px;background-color:#d7d7d7;padding:10px;border-radius:20px;outline:none;border:none;font-size:12px;font-weight:400;line-height:15px}.header-modal-submit{width:105px;height:35px;background-color:#000;color:#fff;border:none;border-radius:20px;font-size:12px;font-weight:400;line-height:15px}.header-modal-warning{display:none;color:red;font-size:14px;margin-top:8px;font-weight:500;text-align:center}.no-scroll{overflow:hidden}.header-flex{display:flex;justify-content:left;align-items:center;flex-direction:row;background-color:#fff;width:1445px;height:80px;gap:55px;padding-left:175px;-webkit-user-select:none;user-select:none}.header-flex_dark{color:#fff;background-color:#6f6f6f}.header{z-index:1}.header-arrow{transform:rotate(90deg);cursor:pointer}.interactives-wrap{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:5px}.header-team-link_dark,.header-contact-link_dark{color:#fff}.header-logo{width:133px}.header-team-link{width:130px}.toggle input{position:absolute;opacity:0;width:0;height:0}.slider{position:relative;background-color:#7a7a7a;width:40px;height:20px;border-radius:60px;cursor:pointer;transition:background-color .4s;margin-left:251px}.toggle-dot{position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:#fff;border-radius:50%;transition:transform .4s ease-in-out;display:flex;align-items:center;justify-content:center;z-index:1}input:checked+.slider{box-shadow:0 0 15px #ffffff1c}input:checked+.slider .toggle-dot{transform:translate(20px)}.icon{width:14px;height:14px;display:flex;align-items:center;justify-content:center;pointer-events:none}.icon img{width:60px;height:60px;object-fit:contain}.rps-card{position:relative;margin-top:36px;display:flex;justify-content:center;align-items:center;flex-direction:column}.rps-box{border-radius:20px;background:rgb(0,0,0);width:60px;height:60px}:root{--underline-color: black}.rps-title{font-size:16px;font-weight:400;line-height:20px;letter-spacing:0%;transform:scale(1.2)}.rps-title_dark{color:#fff}.rps-card:after{content:" ";display:block;width:536px;height:1px;margin-top:36px;background-color:var(--underline-color)}.rps-result{margin-top:36px}.rps-result_dark{color:#fff}.computer-result{margin-top:36px;width:282px;height:35px;background-color:#000;color:#fff;border-radius:20px;padding:10px 20px;font-size:12px;transform:scale(1.2);text-align:center}.box-wrap{margin-top:36px;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:38px}.rock-box{background-image:url(/coding-magic-team-project/assets/stone-687492a4.svg);background-position:center;background-repeat:no-repeat;background-size:40px;cursor:pointer}.scissors-box{background-image:url(/coding-magic-team-project/assets/scissors-296b083f.svg);background-position:center;background-repeat:no-repeat;background-size:40px;cursor:pointer}.paper-box{background-image:url(/coding-magic-team-project/assets/paper-ddae1753.svg);background-position:center;background-repeat:no-repeat;background-size:40px;cursor:pointer}.scoreboard{position:absolute;right:220px;color:#000;font-weight:500;font-size:14px;line-height:1.3;display:flex;flex-direction:column;justify-content:center;-webkit-user-select:none;user-select:none}.scoreboard_dark,.scoreboard-result_dark,.scoreboard-pc_dark,.scoreboard-player_dark{color:#fff}.team-slider{text-align:center;max-width:800px;margin:0 auto;padding:20px}.slider-title{color:inherit}.slider-title_dark{color:#fff}.slider-name{color:inherit}.slider-name_dark{color:#fff}.slider-info{color:inherit;padding-top:20px}.slider-info_dark{color:#fff}.slider-wrapper{position:relative;display:flex;align-items:center;justify-content:center;gap:20px}.slider-wrapper_dark{color:#fff;background-color:#6f6f6f}.slider-team{position:relative;width:300px;height:350px;overflow:hidden}.slider-team_dark{color:#fff;background-color:#6f6f6f}.slide{position:absolute;width:100%;top:0;left:0;opacity:0;transition:opacity .5s ease}.slide_dark{color:#fff;background-color:#6f6f6f}.slide.active{opacity:1}.slide.active_dark{color:#fff;background-color:#6f6f6f}.slider-img{width:150px;height:150px;object-fit:cover;border-radius:20px;margin:0 auto;display:block;position:relative;top:30px}.arrow{padding-bottom:130px}.right-arrow{padding-left:200px}.right-arrow_dark{filter:invert(1)}.left-arrow{padding-right:200px}.left-arrow_dark img{filter:invert(1)}.arrow img{width:100%;height:auto}.slide-content{margin-top:20px;padding-top:30px;color:inherit}.slide-content_dark{color:#fff;background-color:#6f6f6f}.slider-lines{display:flex;justify-content:center;margin-top:30px}.slider-lines_dark{color:#fff;background-color:#6f6f6f}:root{--underline: black}.liner{height:3px;background:rgb(204,204,204);margin:0 5px;flex-grow:1;max-width:18px;cursor:pointer;transition:background .3s;border-radius:3px;position:relative;bottom:90px}.liner.active{width:30px;background:rgb(51,51,51)}.li{width:536px;height:1px;background-color:var(--underline);margin:20px auto;display:block;position:relative;bottom:80px}.li_dark{background-color:#fff}.liner_dark{background:rgb(255,255,255)}.team-slider_dark{color:#fff}.active_dark{background:rgb(63,154,151)}.slider-wrapper_dark{background-color:#494949}.slider-team_dark,.slide_dark,.active_dark,.slide_dark.active_dark,.slider-img_dark{color:#fff;background-color:#494949}.slider-img_dark{color:#fff;background-color:#494949}.arrow_dark{color:#fff}.slide-content_dark{color:#fff;background-color:#494949}.time-calc{padding:36px 0}.time-calc_dark{color:#fff}:root{--underline-black-color: black}.time-calc:after{margin:0 auto;content:" ";display:block;width:536px;height:1px;background-color:var(--underline-black-color)}.time-calc__title{font-size:16px;text-align:center;margin-bottom:36px;font-weight:400;color:#000}.time-calc__title_dark{color:#fff}.time-calc--wrapp{display:flex;justify-content:center;align-items:center;gap:130px;margin-bottom:36px}.time-calc__form{position:relative}.time-calc__input{background:#d7d7d7;font-weight:400;font-size:12px;color:#7e7e7e;border:1px solid #000;border-radius:20px;padding:10px 45px 10px 10px;width:215px;height:35px}.time-calc__btn{position:absolute;right:0;width:35px;height:35px;padding:8px;border-radius:0 20px 20px 0;background-color:#000}.time-calc__text{font-weight:400;font-size:12px;text-align:right}.year-check{padding:36px 0}.year-check__text_dark,.year-check__title_dark{color:#fff}:root{--line-color: black}.year-check:after{margin:0 auto;content:" ";display:block;width:536px;height:1px;background-color:var(--line-color)}.year-check__title{font-size:16px;text-align:center;margin-bottom:36px;font-weight:400}.form-check--wrapp{display:flex;justify-content:center;align-items:center;gap:149px;margin-bottom:36px}.year-check__form{position:relative}.year-check__input{background:#d7d7d7;font-weight:400;font-size:12px;color:#7e7e7e;border:1px solid #000;border-radius:20px;padding:10px 45px 10px 10px;width:215px;height:35px}.year-check__btn{position:absolute;right:0;width:35px;height:35px;padding:8px;border-radius:0 20px 20px 0;background-color:#000}.year-check__text{font-weight:400;font-size:12px;text-align:right;color:#000}.guess-section{display:flex;flex-direction:column;justify-content:center;text-align:center;padding:36px 0;align-items:center}.guess-title{font-size:16px;font-weight:400;margin-bottom:56px}.input-container{display:flex;align-items:center;justify-content:space-between;background-color:#dcdcdc;border:2px solid rgb(215,215,215);border-radius:20px;overflow:hidden;width:150px;height:35px;padding:2px;box-shadow:0 4px 6px #ad7c7c1a}.input-container input{border:none;outline:none;padding:3px;width:70%;font-size:12px;font-weight:400px;background-color:#dcdcdc;color:#805252}.search-icon{background-color:#000;padding:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:0 20px 20px 0}.search-icon img{width:20px;height:20px}.resultMessage{font-size:18px;font-weight:700}.guess-num{display:flex;justify-content:space-between;align-items:center;width:576px;margin:0 auto}@media (max-width: 1024px){.guess-num{width:400px}}@media (max-width: 480px){.guess-num{flex-wrap:wrap}}.guess-section:after{content:" ";display:block;width:536px;height:1px;background-color:var(--guess-underline);margin-top:36px}:root{--guess-underline: black}.guess-section_dark,.guess-title_dark{color:#fff}.input-container_dark,.search-icon_dark,.resultMessage_dark,.guess-num_dark{color:#fff;background-color:#494949}@media (max-width: 1024px){.guess-num_dark{color:#fff;background-color:#494949}}@media (max-width: 480px){.guess-num{color:#fff;background-color:#494949}}