@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}*,:after,:before{box-sizing:inherit}html{height:100%}body{min-height:100%;width:100%;min-width:320px;margin:0;padding:0;color:#000;position:relative;font-family:Roboto,sans-serif}audio,img,video{max-width:100%;height:auto}*,:after,:before{box-sizing:border-box;outline:none}#root{min-height:100vh;width:100%;display:flex;position:relative;z-index:1}.App,.main{display:flex;flex:1 1;flex-direction:column}.container{width:100%;max-width:1170px;margin:0 auto;padding:0 15px}.custom-input{height:60px;width:350px;margin-bottom:17px;background:hsla(0,0%,100%,.2);border:1px solid #fff;border-radius:40px;text-align:center;color:#fff;font-size:22px}.custom-input::-webkit-input-placeholder{text-transform:uppercase;color:#fff;font-weight:100}.custom-input::-moz-placeholder{text-transform:uppercase;color:#fff;font-weight:100}.custom-input:-ms-input-placeholder{text-transform:uppercase;color:#fff;font-weight:100}.custom-input::-ms-input-placeholder{text-transform:uppercase;color:#fff;font-weight:100}.custom-input::placeholder{text-transform:uppercase;color:#fff;font-weight:100}@media screen and (max-width:480px){.custom-input{height:50px;width:280px;font-size:20px}}.custom-input-error{text-align:center;margin-top:-10px;margin-bottom:10px;color:red}.btn:disabled{opacity:.8}.btn-orange{height:60px;width:350px;margin:15px 0;background:#f26723;border:none;border-radius:40px;color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;-webkit-transition:all .2s ease;transition:all .2s ease}.btn-orange span{position:relative;-webkit-transition:all .3s ease;transition:all .3s ease}.btn-orange:disabled{pointer-events:none}.btn-orange:active span{top:3px}@media screen and (max-width:480px){.btn-orange{height:50px;width:280px;font-size:20px}}.btn-orange.transparent{background:#fff;border:2px solid #f26723;color:#f26723}.btn-transparent-orange{width:100%;max-width:250px;min-height:36px;padding:7px 5px 5px;border:1px solid #f26723;color:#f26723;background:#fff;border-radius:40px;font-size:16px;text-transform:uppercase;text-align:center;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.btn-transparent-orange:hover{color:#fff;background:#f26723}canvas{overflow-y:hidden;overflow-x:hidden;width:100%;margin:0;position:absolute;height:100%}.login-page{position:relative;width:100vw;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.login-page .container{display:flex;flex-direction:column;align-items:center;height:100%;justify-content:space-around}.login-page-bg{position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%}.login-page-bg img{width:100%;height:100%;object-fit:cover}.login-page-logo{display:flex;justify-content:center;align-items:center}.login-page-form{min-height:300px}.login-page-form form{display:flex;flex-direction:column}.select-team{padding:52px 0;flex:1 1}.select-team-holder{margin:0 -15px;display:flex;flex-wrap:wrap}@media screen and (max-width:650px){.select-team-holder{margin:0 auto;max-width:320px}}.select-team-loading{min-height:90vh;position:relative}.select-team-empty{flex:1 1;position:absolute;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:42%;width:80vw;display:flex;align-items:center;justify-content:center;font-size:3em;color:#fff;text-align:center}@media screen and (max-width:650px){.select-team-empty{font-size:2em}}.select-team-item{position:relative;width:calc(50% - 30px);border-radius:6px;background-color:#fff;box-shadow:0 0 34.3px .7px rgba(91,87,166,.25);overflow:hidden;margin:0 15px 35px}.select-team-item .head{height:52px;display:flex;background:#f26723;color:#fff}.select-team-item .head .left{width:70%;padding:13px 5px;display:flex;font-size:16px;font-weight:300}.select-team-item .head .left .item{position:relative;width:30%;display:flex;align-items:center;justify-content:center}.select-team-item .head .left .item:nth-child(2){width:40%;border-left:1px solid #fff;border-right:1px solid #fff}.select-team-item .head .left .item b{font-weight:600}.select-team-item .head .left .item-icon{margin:0 5px}.select-team-item .head .left .item-icon span{font-size:22px;margin-top:-4px;display:inline-block;margin-right:-3px}.select-team-item .head .left .birthday-icon{position:absolute;left:5px}@media screen and (max-width:1140px){.select-team-item .head .left .birthday-icon{left:-2px}}@media screen and (max-width:992px){.select-team-item .head .left .birthday-icon{left:4px}}@media screen and (max-width:768px){.select-team-item .head .left .birthday-icon{top:-35px;left:-24px}}.select-team-item .head .right{background:#5a4f93;width:30%;border-top-left-radius:25px;border-bottom-left-radius:25px;padding:8px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:100}.select-team-item .head .right span{font-size:18px}.select-team-item .body{height:175px;display:flex;background:#fff}.select-team-item .couches{width:47%;display:flex;justify-content:space-around;align-items:center;background:#f4f4f4}.select-team-item .couches .item{width:49%;padding:13px 7px 0;display:flex;flex-direction:column;height:100%;align-items:center;text-align:center;font-size:14px;color:#9c9c9c}.select-team-item .couches .item-img{width:70px;height:70px;overflow:hidden;border-radius:50%;box-shadow:0 0 32px 0 rgba(91,87,166,.33)}.select-team-item .couches .item-img img{width:100%;height:100%;object-fit:cover}.select-team-item .couches .item-status{height:37px;display:inline-block;vertical-align:center;align-items:center;padding-top:12px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-team-item .couches .item-name{color:#5a4f93;height:48px;overflow:hidden;display:flex;align-items:center;padding:5px 4px}.select-team-item .couches-empty{color:#9c9c9c}.select-team-item .info{width:53%;background:#fff;display:flex}.select-team-item .members{width:33%;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:10px 5px;font-size:14px}.select-team-item .members .item{width:50px;height:40px;position:relative;color:#72be44}.select-team-item .members .item .first{position:absolute;left:14px;top:6px}.select-team-item .members .item .last{position:absolute;right:18px;bottom:2px;letter-spacing:-1px}.select-team-item .team{width:67%;height:100%;padding-right:12px;display:flex;flex-direction:column;justify-content:flex-end}.select-team-item .team.without-gerb{justify-content:center}.select-team-item .team.without-gerb .btn{margin-top:10px}.select-team-item .team .team-name{font-size:18px;color:#5a4f93;text-align:center;padding-bottom:10px}.select-team-item .team .team-gerb{display:flex;justify-content:center;max-height:80px;padding:7px}.select-team-item .team .team-gerb.small{height:50px}.select-team-item .team .team-gerb img{object-fit:contain}.select-team-item .team .btn{flex-shrink:0;margin-bottom:10px;margin-right:0}@media screen and (max-width:992px){.select-team-item .body{flex-direction:column;height:auto;height:340px}.select-team-item .couches{width:100%}.select-team-item .couches .item{padding:10px 7px;height:145px}.select-team-item .couches .item-name{height:auto;max-height:36px;align-items:flex-start}.select-team-item .couches .item-status{height:auto}.select-team-item .couches-empty{min-height:140px;display:flex;align-items:center;justify-content:center}.select-team-item .info{width:100%;height:195px}.select-team-item .team{align-items:center;max-height:100%}.select-team-item .head{flex-direction:column-reverse;height:76px}.select-team-item .head .left{width:100%;padding:5px}.select-team-item .head .right{width:100%;border-radius:0;height:37px;padding:0}}@media screen and (max-width:768px){.select-team-item .head .left .item{padding:0 5px}}@media screen and (max-width:650px){.select-team-item{width:100%}}.background-cover:before{content:"Тренування закрите";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;background-color:hsla(0,0%,100%,.2);display:flex;justify-content:center;align-items:center;font-size:22px;font-weight:800;color:#d60000;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2}.game-field{position:relative;overflow:hidden;min-height:100vh;padding-top:40px}@media screen and (max-width:480px){.game-field{padding-top:20px}}.game-field-bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1}.game-field-bg img{width:100%;height:100%;object-fit:cover}.game-field-head{position:relative;min-height:110px;margin-bottom:34px;display:flex;justify-content:space-between;align-items:flex-start}.game-field-head .header{display:flex;flex-direction:column;flex:1 1;width:100%}.game-field-head .menu{min-height:52px;width:100%;max-width:540px;background:#f26723;color:#fff;border-top-right-radius:15px;border-bottom-right-radius:15px;font-weight:300}.game-field-head .menu,.game-field-head .menu .left{position:relative;display:flex;border-top-left-radius:10px;border-bottom-left-radius:10px}.game-field-head .menu .left{width:calc(100% - 85px);align-items:center;padding:5px 0 5px 30px}.game-field-head .menu .right{width:85px;background:#5a4f93;display:flex;align-items:center;justify-content:center;padding:5px;font-size:24px;font-weight:100;border-top-left-radius:25px;border-bottom-left-radius:25px;border-top-right-radius:10px;border-bottom-right-radius:10px}.game-field-head .menu .right span{font-size:18px}.game-field-head .menu .team-avatar{position:absolute;left:-23px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:55px;height:70px;display:flex;align-items:center;justify-content:center}.game-field-head .menu .team-avatar img{max-height:100%;object-fit:contain}.game-field-head .menu .team-name{width:45%;padding-left:10px;text-align:center;font-size:24px}.game-field-head .menu .info{width:55%;display:flex}.game-field-head .menu .info .item{width:55%;display:flex;align-items:center;justify-content:center;padding:0 3px}.game-field-head .menu .info .item:first-child{border-right:1px solid #fff;width:45%}.game-field-head .menu .info .item-icon{margin:0 5px}.game-field-head .menu .info .item-icon span{font-size:22px;margin-top:-4px;display:inline-block;margin-right:-3px}.game-field-head .couches{display:flex;flex-direction:column;flex:1 1;padding-left:5%;justify-content:center;width:100%}.game-field-head .couches .couches-holder{display:flex;justify-content:space-around;background-color:hsla(0,0%,100%,.65);padding:10px;border-radius:10px}.game-field-head .couches .couches-holder:empty{display:none}.game-field-head .couches .item{display:flex;max-width:250px}.game-field-head .couches .item-img{width:70px;height:70px;overflow:hidden;border-radius:50%;margin-right:10px;flex-shrink:0}.game-field-head .couches .item-img img{width:100%;height:100%;object-fit:cover}.game-field-head .couches .item-info{display:flex;flex-direction:column;justify-content:center;color:#5a4f93}.game-field-head .couches .item-status{font-size:12px;margin-bottom:8px}.game-field-head .couches .item-name{font-weight:700;font-size:14px}.game-field-head .training{margin-top:10px}@media screen and (max-width:768px){.game-field-head .training{margin-top:0;text-align:center}}.game-field-head .training .training-button{padding:10px 20px;color:#fff;border:none;border-radius:50px;background-color:#ea5125;cursor:pointer}.game-field-head .training .training-button-disabled{background-color:grey}@media screen and (max-width:1170px){.game-field-head{padding-left:10px}}@media screen and (max-width:1024px){.game-field-head .menu{margin:0 auto 10px;padding-left:10px}.game-field-head .couches{padding-left:10px;width:100%;max-width:600px}}@media screen and (max-width:768px){.game-field-head{flex-direction:column;align-items:center;padding-left:0;margin-bottom:30px}.game-field-head .couches{padding:10px}}@media screen and (max-width:480px){.game-field-head .menu{padding-left:0}.game-field-head .menu .left{width:calc(100% - 100px);padding-left:0;flex-direction:column}.game-field-head .menu .right{width:100px}.game-field-head .menu .team-avatar{display:none}.game-field-head .menu .team-name{padding:0 10px 10px;width:100%}.game-field-head .menu .info{width:100%;max-width:260px}}@media screen and (max-width:400px){.game-field-head .couches{flex-direction:column;align-items:center}.game-field-head .couches .item{width:100%;margin-bottom:15px}}.game-field-body{position:relative;padding-bottom:125px}.game-field-loader{min-height:537px;background:hsla(0,0%,100%,.6);position:relative;border-radius:10px}@media screen and (max-width:710px){.game-field-loader{min-height:250px}}.game-field-row{display:flex;flex-wrap:wrap;margin:0 -12px 40px}.game-field-row.space-bottom{margin-bottom:85px}@media screen and (max-width:480px){.game-field-row.space-bottom{margin-bottom:60px}}@media screen and (max-width:1170px){.members-holder-row{max-width:895px;width:100%;margin:0 auto}}@media screen and (max-width:937px){.members-holder-row{max-width:665px}}@media screen and (max-width:710px){.members-holder-row{max-width:436px}}.game-field-label{width:205px;height:60px;color:#fff;background:#5a4f93;display:flex;align-items:center;justify-content:center;border-radius:40px;text-transform:uppercase;font-weight:300;font-size:24px;position:relative;padding:5px;margin:0 12px}.game-field-label:after{content:"";position:absolute;width:0;height:0;border-color:transparent #5a4f93 transparent transparent;border-style:solid;border-width:0 15px 15px 0;left:40px;top:100%}.game-field-label .label-info{width:28px;height:28px;padding:3px;background:#f26723;position:absolute;right:-2px;top:-10px;font-size:14px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media screen and (max-width:480px){.game-field-label{width:100%}}.game-field-member{align-items:center;width:205px;height:80px;border-radius:40px;background:#fff;display:flex;font-weight:300;cursor:pointer;margin:0 12px 7px}.game-field-member .member-img{width:80px;height:80px;border-radius:50%;background:#5a4f93;margin-left:-2px;padding:5px}.game-field-member .member-img-wrap{background-color:#7b72a9;width:100%;height:100%;border-radius:50%;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAnCAYAAACSamGGAAAEB0lEQVRYhc2YX2hXZRjHP3P+hDmd1ZxMimFU2y4cXciIBkEmCqaUEFleSF50k3glCHVTmEi7MbpZGTSii5ByYYiji6CCiHnRXxTEnA0StEGt3MoRc79vvPE9eDqc4znnt9/W74GX95zzfJ/n+Z73vO9znvdtksQCpQt4BngU6AZagb+AH4EvgA+AnxcUIpCssXVIekfSTd2SPyT95D6Sm8Z11BqrVoL9kq6aRCB1QNI9CUy4P2C9jO9fKpKbJF2XVJX0sqQVOfgVxlVtt2mxSbZJmvDI7C1pu9d2E/azaCQHHehYjdPkmO0Hy9iVWd2rgF+AWeA+YDoFsxpYD1wDZlL0bcBloAXoBP4sEnhZUYbADqeX91IILgeGgCngovshP4/LtO1b7a+QlCE54H40RfcSsN/5cNj9fj9PymjCX76UmBunPJ+6UnQXJM3EFkSb7y+kYLvs51TR2EVHsgPo83XaPJoHzsamQegngTtTsJF9n/3WbSTP+O3HJbWk6FsS+XK1pFlJ32Rgx+3vTL1S0AY7/FJSUwF8q6QR27ySgWmyP9n/gj/3Q+4/DgOfgw3FxtfAU8C3wOtZH9D+4v4zpQjJaF79VgA7AvR6hT+SkSsjifzdkec0mcfSZMrPOnNw9wP9wCfA8wX8rnf/ex6wyEiedf8s8ADQnIGbc8D3c/xVvLL3JPxnS8HVfSJWHx6p8b8dtaMxXyfqtbpDW+mi4G9Jl26zYp+UdFeOr0v2M2i/dSMZtSi1DKToNlr34m3sB4wZKRO3LMntDnI6YySfyBnJ07bfvpgkQxtzoMdL2u2w3VjZmLWQDOX/nKTJIn8Ltw3Gzy3F9iFqh2L/8p4cbE/sX32olnhlDSqS1vj6NQcOm6uDklYlsOH+oPUyHttX6k2yWdIWScOSplwnPmbdc5KmTSJUPZ9L+tD9rJ9PG4ftZuxn2H6bF0KyW9IbnkuRXJM0bwL7jFsr6VVJ5/VfOe/na43bZ7t5+4lk0nG6y5Bsl/Su98nyW7/tt14maadHI8io82NkG2rKzkRtudE42W6n/Wyx3ynrqo7bnkeyT9IVG52TtCdj/oTF8FVsNEJaOSxpt6Rt7g/H0pWMT1tkFcc5Z9wV80gl2Rs7wzlSYHKH5L1L0mexUU9K1fpdBQrmiuPKPHojXbTvXgn84HIr7PLeKlAdxaUdeBi4F1gDXAcmgLGCdWhcXgDeBMaBB4Eb0VtElclQLXlsEdqQ+RyNRjKcOlz1mWJ3xsnEUkubzzfDIcLdoejd7SOU4w1CEPM4bl5PB5KbrRj5n4kl5SPfbw6f+zugx6yrjcPx361NOEi4GC7WAb82GEHMJ/Bat9yTM6Sg7xuAWFLCDvVG+Nwnga2NxS0m8Ok/1r+c/b60kaYAAAAASUVORK5CYII=");background-position:center 37%;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;overflow:hidden}.game-field-member .member-img-wrap img{width:100%;height:100%;object-fit:cover}.game-field-member .member-info{display:flex;flex-direction:column;grid-gap:4px;gap:4px;flex:1 1}.game-field-member .member-name{width:100%;padding:0 10px;display:flex;align-items:center;font-size:14px;color:#5a4f93;overflow:hidden}.game-field-member .member-champion{display:none;align-items:center;grid-gap:2px;gap:2px;padding:0 10px}.game-field-member .member-champion span{font-size:12px;font-weight:500;color:#ea5125}.game-field-member .member-star{display:flex;width:10px;height:10px}.game-field-member .member-star img{width:100%;height:100%}.game-field-member .member-cup{display:none;position:absolute;top:-20px;right:-10px;width:55px;height:59px}.game-field-member .member-cup img{width:100%;height:100%}.game-field-member .member-birthday{display:none;align-items:flex-start;grid-gap:2px;gap:2px;padding:0 10px}.game-field-member .member-birthday span{font-size:12px;font-weight:500;color:#212121}.game-field-member .member-present{display:none;position:absolute;top:-22px;right:-8px;width:40px;height:51px}.game-field-member .member-present img{width:100%;height:100%}.game-field-member .show-birthday,.game-field-member .show-champion{display:flex}@media screen and (max-width:480px){.game-field-member{width:100%}}.game-field-member.add{height:70px;margin-bottom:0}.game-field-member.add .member-img{flex:0.5 1;width:70px;height:70px}.game-field-member.add .member-img-wrap{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAZ0lEQVRIiWMgFfxHBS7///9nIAUzkWwjhWDUwlELRy0ctZD2gPH///+7SbTFBYl9loGB4T0JeitAFv6nowdd6R6kLCBvkqinA4k9i4GB4R4JeklRCwGj9eGohaMWjlo4aiEqYGBgAAASt3QeDcjUZgAAAABJRU5ErkJggg==");background-position:50%}.game-field-member.add .member-name{flex:1 1;text-transform:uppercase;color:#f26723;font-weight:500}@media screen and (max-width:480px){.game-field-member.add{margin-top:30px}.game-field-member.add .member-img{flex:none}}.game-field-member.success{box-shadow:0 0 32px 0 rgba(141,198,63,.8)}.game-field-member.success .member-img{background-color:#8dc63f}.game-field-member.warn{box-shadow:0 0 32px 0 rgba(241,103,39,.8)}.game-field-member.warn .member-img{background-color:#f26725}.game-field-member.pink{box-shadow:0 0 32px 0 rgba(255,159,226,.8)}.game-field-member.pink .member-img{background-color:#ff9fe2}.game-field-member-champion{position:relative;background-color:#fbdcd3}.game-field-member-birthday{position:relative;background-color:#f3d68b}.game-field-back{position:absolute;left:50%;bottom:15px;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:17px;max-width:286px;height:42px;margin:0}.popup-overlay{background:rgba(94,84,148,.64)!important;overflow-y:auto;overflow-x:hidden}.popup-content{padding:0!important;background:transparent!important;border:none!important;width:auto!important;-webkit-transition:all .2s ease;transition:all .2s ease}.member-detail{width:439px;background:#fff;box-shadow:0 0 32px 0 rgba(90,79,147,.8);border-radius:10px;position:relative}.member-detail .no-debt-message-wrap{background-color:#fce1d6;border-radius:0 0 20px 20px;padding:20px 14px;text-align:center;position:absolute;bottom:-48px;width:100%;z-index:10}.member-detail .no-debt-message-wrap span{text-align:center;display:block;color:#f06830;font-size:14px;line-height:16px;font-weight:700}.member-detail.member-detail-video-list{width:732px}.member-detail.hide-addition-button .addition-button{display:none}.member-detail .member-detail-wrap{width:100%;height:100%;padding:52px 0 44px;position:relative;z-index:1}.member-detail .row{display:flex;justify-content:center;padding:0 25px}.member-detail .row-img{position:absolute;width:100%;top:-58px;left:0}.member-detail .row-btns{justify-content:space-between;padding-top:30px;margin-top:30px;border-top:2px solid #f2f2f2}.member-detail .row-wrapper{flex-direction:column;grid-gap:10px;gap:10px}.member-detail .comment{position:absolute;top:6px;right:6px;width:46px;height:46px;cursor:pointer}.member-detail .comment img{width:100%;height:100%}.member-detail .champion{display:none;position:absolute;top:6px;left:6px;width:46px;height:46px;cursor:pointer}.member-detail .champion:before{content:"ВІДМІТИТИ ЧЕМПІОНОМ";top:-51px;padding:10px;background-color:#f26723;border-radius:30px;color:#fff;font-size:12px;line-height:14px}.member-detail .champion:after,.member-detail .champion:before{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;visibility:hidden;opacity:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.member-detail .champion:after{content:"";top:-18px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:16px solid #f26723}.member-detail .champion:hover:after,.member-detail .champion:hover:before{visibility:visible;opacity:1}.member-detail .champion img{width:100%;height:100%;border-radius:100%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.member-detail .champion img:hover{background-color:#fce1d3}.member-detail .champion-bg{display:none;position:absolute;width:750px;height:820px;top:-296px;left:-144px;z-index:-1}.member-detail .champion-bg img{width:100%;height:100%}.member-detail .champion-history{display:flex;flex-direction:column;grid-gap:10px;gap:10px;padding:14px;width:100%;background-color:#f1f0f5;border-radius:4px}.member-detail .champion-history span{color:#59579a}.member-detail .champion-list{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px}.member-detail .champion-month{display:flex;padding:4px 10px;font-size:14px;color:#59579a;border:1px solid #59579a;border-radius:50px}.member-detail .delete-champion{display:none;position:absolute;top:6px;left:6px;width:46px;height:46px;cursor:pointer}.member-detail .delete-champion:before{content:"ВІДМІНИТИ ВІДМІТКУ ЧЕМПІОНА";top:-51px;padding:10px;background-color:#59579a;border-radius:30px;color:#fff;font-size:12px;line-height:14px}.member-detail .delete-champion:after,.member-detail .delete-champion:before{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;visibility:hidden;opacity:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.member-detail .delete-champion:after{content:"";top:-18px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:16px solid #59579a}.member-detail .delete-champion:hover:after,.member-detail .delete-champion:hover:before{visibility:visible;opacity:1}.member-detail .delete-champion img{width:100%;height:100%;border-radius:100%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.member-detail .delete-champion img:hover{background-color:#eeeef5}.member-detail .counters{display:flex;align-items:center;grid-gap:10px;gap:10px;margin-top:30px}.member-detail .counters .counter{display:flex;flex-direction:column;align-items:center;grid-gap:10px;gap:10px;border:1px solid #f2f2f2}.member-detail .counters .attended{padding:16px 15.5px;border-top:2px solid #59579a}.member-detail .counters .attended span{color:#59579a}.member-detail .counters .missed{padding:16px 53px;border-top:2px solid #d60000}.member-detail .counters .missed span{color:#d60000}.member-detail .birthday-bg{display:none;position:absolute;width:520px;top:-87px;left:-47px}.member-detail .birthday-bg img{width:100%;height:100%}.member-detail-birthday{position:absolute;top:-90px;text-align:center;width:100%;color:#fff;font-size:30px;font-weight:700}.member-detail .item{width:50%}.member-detail .item-title,.member-detail .title{display:flex;justify-content:center;align-items:center}.member-detail .title{font-weight:500;font-size:20px;line-height:23px;color:#5a4f93;padding:0 5px;text-align:center}.member-detail .star{display:none;width:17px;height:17px}.member-detail .star img{width:100%;height:100%}.member-detail .item-img{display:flex;align-items:center;justify-content:center;border:15px solid #fff;width:auto;border-radius:50%;width:108px;height:108px}.member-detail .member-img{width:80px;height:80px;border-radius:50%;background:#5a4f93;margin-left:-2px;padding:5px;position:relative}.member-detail .item-img-file{position:relative;margin-top:12px;cursor:pointer;display:flex;justify-content:center}.member-detail .item-img-file-text{position:relative;text-align:center;display:inline-block;color:#f26725;font-size:14px;line-height:16px;font-weight:500;cursor:pointer;padding-left:10px}.member-detail .item-img-file-text:after,.member-detail .item-img-file-text:before{content:"";display:block;background-color:#f26725;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.member-detail .item-img-file-text:before{width:8px;height:2px;left:-4px}.member-detail .item-img-file-text:after{height:8px;width:2px;left:-1px}.member-detail .item-img-file-input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:-1}.member-detail .member-img-wrap{background-color:#7b72a9;width:100%;height:100%;border-radius:50%;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAnCAYAAACSamGGAAAEB0lEQVRYhc2YX2hXZRjHP3P+hDmd1ZxMimFU2y4cXciIBkEmCqaUEFleSF50k3glCHVTmEi7MbpZGTSii5ByYYiji6CCiHnRXxTEnA0StEGt3MoRc79vvPE9eDqc4znnt9/W74GX95zzfJ/n+Z73vO9znvdtksQCpQt4BngU6AZagb+AH4EvgA+AnxcUIpCssXVIekfSTd2SPyT95D6Sm8Z11BqrVoL9kq6aRCB1QNI9CUy4P2C9jO9fKpKbJF2XVJX0sqQVOfgVxlVtt2mxSbZJmvDI7C1pu9d2E/azaCQHHehYjdPkmO0Hy9iVWd2rgF+AWeA+YDoFsxpYD1wDZlL0bcBloAXoBP4sEnhZUYbADqeX91IILgeGgCngovshP4/LtO1b7a+QlCE54H40RfcSsN/5cNj9fj9PymjCX76UmBunPJ+6UnQXJM3EFkSb7y+kYLvs51TR2EVHsgPo83XaPJoHzsamQegngTtTsJF9n/3WbSTP+O3HJbWk6FsS+XK1pFlJ32Rgx+3vTL1S0AY7/FJSUwF8q6QR27ySgWmyP9n/gj/3Q+4/DgOfgw3FxtfAU8C3wOtZH9D+4v4zpQjJaF79VgA7AvR6hT+SkSsjifzdkec0mcfSZMrPOnNw9wP9wCfA8wX8rnf/ex6wyEiedf8s8ADQnIGbc8D3c/xVvLL3JPxnS8HVfSJWHx6p8b8dtaMxXyfqtbpDW+mi4G9Jl26zYp+UdFeOr0v2M2i/dSMZtSi1DKToNlr34m3sB4wZKRO3LMntDnI6YySfyBnJ07bfvpgkQxtzoMdL2u2w3VjZmLWQDOX/nKTJIn8Ltw3Gzy3F9iFqh2L/8p4cbE/sX32olnhlDSqS1vj6NQcOm6uDklYlsOH+oPUyHttX6k2yWdIWScOSplwnPmbdc5KmTSJUPZ9L+tD9rJ9PG4ftZuxn2H6bF0KyW9IbnkuRXJM0bwL7jFsr6VVJ5/VfOe/na43bZ7t5+4lk0nG6y5Bsl/Su98nyW7/tt14maadHI8io82NkG2rKzkRtudE42W6n/Wyx3ynrqo7bnkeyT9IVG52TtCdj/oTF8FVsNEJaOSxpt6Rt7g/H0pWMT1tkFcc5Z9wV80gl2Rs7wzlSYHKH5L1L0mexUU9K1fpdBQrmiuPKPHojXbTvXgn84HIr7PLeKlAdxaUdeBi4F1gDXAcmgLGCdWhcXgDeBMaBB4Eb0VtElclQLXlsEdqQ+RyNRjKcOlz1mWJ3xsnEUkubzzfDIcLdoejd7SOU4w1CEPM4bl5PB5KbrRj5n4kl5SPfbw6f+zugx6yrjcPx361NOEi4GC7WAb82GEHMJ/Bat9yTM6Sg7xuAWFLCDvVG+Nwnga2NxS0m8Ok/1r+c/b60kaYAAAAASUVORK5CYII=");background-position:center 46%;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;overflow:hidden;background-size:34px}.member-detail .member-img-wrap img{width:100%;height:100%;object-fit:cover}.member-detail .item-btn{margin-bottom:10px}.member-detail .item-btn .btn{max-width:155px;height:36px;font-size:14px;font-weight:300;margin:0 auto;padding:6px 5px 7px;background:transparent}.member-detail .item-btn .btn:hover{background:transparent;color:#f26723}.member-detail .item-btn .btn span{display:flex;align-items:center}.member-detail .item-btn .btn img{margin-right:3px}.member-detail .member-main-btn{max-width:190px;height:50px;margin:0}.member-detail .member-progress-btn{color:#f26725;background-color:transparent;border:1px solid #f26725}.member-detail .member-progress-btn.disabled{pointer-events:none;background-color:#9c9c9c;color:#000;border-color:#000}.member-detail .disabled-btn{background-color:#dbdce2;color:#afaeb6;pointer-events:none}.member-detail .item-video-recorder{width:100%;display:flex;flex-wrap:wrap;margin-top:20px;justify-content:center;min-height:370px}.member-detail .item-video-recorder-loader{width:100%;height:100%}.member-detail .item-video-recorder-loader>*{position:relative!important;left:-7px}.member-detail .item-video{background-color:#000;width:100%;height:300px;margin-top:20px}.member-detail .video-loader{position:relative;margin:50px 50px 20px;width:100%}.member-detail .item-video-events-btn{width:150px!important;height:50px;position:relative;margin:0 10px 0 0}.member-detail .item-video-events-btn-img{width:15px;height:15px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.member-detail .member-video-list{padding-top:20px;width:100%}.member-detail .row-years-list{margin:0 0 40px;border-bottom:3px solid #f5f7fb;display:flex;padding:0}.member-detail .item-year{color:#e4e4e6;font-size:18px;line-height:21px;font-weight:700;padding:10px 0;margin-right:30px;cursor:pointer;position:relative;top:3px}.member-detail .item-year-active{color:#5a4f93;border-bottom:3px solid #5a4f93}.member-detail .item-video-list{display:flex;flex-wrap:wrap;width:100%}.member-detail .row-video-title{color:#38331b;font-size:18px;line-height:21px;font-weight:500;margin-bottom:20px}.member-detail .item-video-block{box-shadow:0 4px 20px rgba(89,87,154,.1);border-radius:10px;margin:0 30px 30px 0;padding:6px 6px 10px;width:calc(33.33333% - 20px)}.member-detail .item-video-block:nth-child(3n){margin-right:0}.member-detail .item-video-delete-btn{height:20px;width:20px;background-color:#fff;border-radius:50%;position:absolute;top:4px;left:6px;cursor:pointer}.member-detail .row-stream-video{margin-top:16px}.member-detail .row-video-list{width:100%;display:flex;flex-wrap:wrap}.member-detail .item-video-elem{width:100%;position:relative;max-height:110px;height:100%;background-color:#000}.member-detail .item-video-elem video{width:100%;height:100%;border-radius:10px}.member-detail .item-video-bottom{margin-top:10px;display:flex;align-items:center;justify-content:space-between;padding:0 6px}.member-detail .item-video-date{font-size:13px;line-height:15px;color:#38331b}.member-detail .item-video-date-text{color:grey}.member-detail .video-item-play-btn{width:32px;height:32px;border-radius:50%;cursor:pointer;background-color:#e2e1ec;border:1px solid #b9b8d3;display:flex;align-items:center;justify-content:center}.member-detail .video-item-play-btn img{width:12px;margin-left:2px}.member-detail .row-pagination{display:flex;justify-content:center}.member-detail .item-pagination{border-radius:100px;padding:0 10px;display:flex;border:1px solid #e5e5e5}.member-detail .item-pagination-block{color:grey;font-size:12px;line-height:14px;padding:10px;cursor:pointer}.member-detail .item-pagination-block.enabled{opacity:1}.member-detail .item-pagination-block.disabled{opacity:.8;pointer-events:none}.member-detail .item-pagination-block-active{font-weight:700;background-color:#e2e1ec;color:#5a4f93}.member-detail .empty-video-list{display:flex;justify-content:center;margin:50px}.member-detail .empty-video-text{font-size:20px;line-height:24px;font-weight:700}.member-detail .video-success-loaded{position:absolute;bottom:12px;left:0;color:green;width:100%;text-align:center}.member-detail .member-video-load-btn{max-width:150px}.member-detail .return-button{position:absolute;top:10px;left:10px;width:42px;height:42px;cursor:pointer;padding:10px;z-index:2;border:1px solid #9a9a9a;border-radius:50%}.member-detail .return-button img{width:100%;height:100%;position:relative;top:-1px;left:1px}.member-detail .show-birthday,.member-detail .show-champion{display:flex}@media screen and (max-width:768px){.member-detail.member-detail-video-list{max-width:732px;width:100%}}@media screen and (max-width:650px){.member-detail .item-video-block{width:calc(50% - 10px);margin:0 20px 20px 0}.member-detail .item-video-block:nth-child(3n){margin-right:20px}.member-detail .item-video-block:nth-child(2n){margin-right:0}.member-detail .item-video-elem{max-height:160px}.member-detail .champion:before{left:70px}}@media screen and (max-width:480px){.member-detail{height:auto;width:290px}.member-detail.hide-addition-button{height:auto}.member-detail:after{display:none}.member-detail .row{flex-direction:column;align-items:center}.member-detail .row .item:not(.item-img){width:100%}.member-detail .title{height:auto}.member-detail .member-progress-btn{margin-bottom:20px;margin-right:0;max-width:100%!important;width:100%!important}.member-detail .item-video-recorder-loader>*{left:-2px}.member-detail .item-video-block{width:100%;margin:0 0 20px!important}.member-detail .champion:before{left:50%}.member-detail .champion-history{align-items:flex-start}.member-detail .champion-bg{top:-230px;width:604px;height:618px}}.add-member-popup{background:#fff;box-shadow:0 0 32px 0 rgba(90,79,147,.8);border-radius:10px;width:420px;min-height:300px;padding:35px 30px 20px}.add-member-popup .add-member-popup-input{height:100%;width:100%;position:relative}.add-member-popup .react-autosuggest__input{height:45px;width:100%;border:1px solid #f26725;border-radius:6px;padding:5px 13px;font-size:16px;color:#5a4f93;margin-bottom:20px}.add-member-popup .react-autosuggest__input::-webkit-input-placeholder{color:#5a4f93}.add-member-popup .react-autosuggest__input::-moz-placeholder{color:#5a4f93}.add-member-popup .react-autosuggest__input:-ms-input-placeholder{color:#5a4f93}.add-member-popup .react-autosuggest__input::-ms-input-placeholder{color:#5a4f93}.add-member-popup .react-autosuggest__input::placeholder{color:#5a4f93}.add-member-popup .react-autosuggest__suggestions-list{margin:0;list-style-type:none;padding:10px 0;max-height:180px;overflow:hidden;overflow-y:auto}.add-member-popup .react-autosuggest__suggestion{margin-bottom:20px;padding-left:15px}.add-member-popup .react-autosuggest__suggestion:last-child{margin-bottom:0}.add-member-popup .add-member-status{position:absolute;color:#5a4f93;left:0;top:45px;width:100%;height:calc(100% - 45px);display:flex;align-items:center;justify-content:center;background-color:hsla(0,0%,100%,.6);font-size:16px;pointer-events:none}.add-member-popup .member{font-weight:300;display:flex;font-size:14px}.add-member-popup .member .member-left{width:63%}.add-member-popup .member .member-right{width:37%}.add-member-popup .member .member-name{color:#5a4f93;margin-bottom:5px}.add-member-popup .member .member-tel{color:#f26723}.add-member-popup .member .btn{width:100%;height:36px;margin:0;text-transform:uppercase}@media screen and (max-width:480px){.add-member-popup{width:300px;padding:20px 15px 10px}.add-member-popup .react-autosuggest__suggestion{padding-left:0}.add-member-popup .btn{font-size:12px}.add-member-popup .react-autosuggest__suggestions-list{max-height:228px}}.record-holder.disabled{pointer-events:none;opacity:.7}.record-holder .record-holder-mini{display:flex;padding:0 10px}.record-holder .record-holder-mini .btn{width:75px}.record-holder .record-holder-mini .btn img{margin-right:0;width:18px}.popup-cancel-btn{position:absolute;top:-30px;right:-30px;width:20px;height:20px;cursor:pointer}@media screen and (max-width:1024px){.popup-cancel-btn{top:-22px;right:0;width:14px;height:14px}}.popup-cancel-btn img{width:100%;height:100%}.champion-loader{position:absolute;display:block;left:40%}.champion-loader div{display:block!important}.user-confirmation-wrap{padding:0 30px;width:440px;background:#fff;box-shadow:0 0 32px 0 rgba(90,79,147,.8);border-radius:20px;position:relative}.user-confirmation-wrap .back-btn{display:flex;align-items:center;grid-gap:4px;gap:4px;padding-top:12px;cursor:pointer}.user-confirmation-wrap .back-btn span{font-size:12px;color:#5a4f93}.user-confirmation-wrap .content-popup{display:flex;flex-direction:column;align-items:center;padding:26px 0 40px}.user-confirmation-wrap .video-content-popup{align-items:flex-start}.user-confirmation-wrap .item{width:100%}.user-confirmation-wrap .comment-item{padding-top:50px}@media screen and (max-width:768px){.user-confirmation-wrap .comment-item{margin-bottom:0;padding-top:20px}}.user-confirmation-wrap .title{display:flex;align-items:center;justify-content:center;margin-bottom:20px;text-align:center}.user-confirmation-wrap .title span{font-weight:500;font-size:20px;line-height:23px;color:#5a4f93}@media screen and (max-width:768px){.user-confirmation-wrap .title-comment{margin-bottom:0}}.user-confirmation-wrap .comments-patterns-wrap{display:flex;flex-wrap:wrap;align-items:center;grid-gap:10px;gap:10px;margin-bottom:20px}@media screen and (max-width:768px){.user-confirmation-wrap .comments-patterns-wrap{padding-top:14px}}.user-confirmation-wrap .comments-patterns-wrap .comment-pattern{cursor:pointer}.user-confirmation-wrap .comments-patterns-wrap .comment-pattern span{padding:4px 10px;font-size:12px;line-height:14px;color:#9b9ac2;border:1px solid #9b9ac2;border-radius:50px}.user-confirmation-wrap .comments-patterns-wrap .comment-pattern span:hover{color:#59579a;border-color:1px solid #59579a}.user-confirmation-wrap .form-wrap{width:100%}.user-confirmation-wrap .user-confirmation-form{display:flex;flex-direction:column;align-items:center;width:100%}.user-confirmation-wrap .input-container{position:relative;display:flex;flex-direction:column;align-items:flex-end;width:100%}.user-confirmation-wrap .popup-label{position:absolute;top:22px;left:20px;color:#cac9eb;font-size:16px;-webkit-transition:top .3s,left .3s,font-size .3s,color .3s;transition:top .3s,left .3s,font-size .3s,color .3s}.user-confirmation-wrap .label-error{color:#d60000}.user-confirmation-wrap .popup-custom-input{margin-bottom:26px;padding:29px 20px 11px;height:60px;width:100%;font-size:16px;background:#f5f7fb;border:none;color:#38331b}.user-confirmation-wrap .popup-custom-textarea{margin-bottom:20px;padding:22px 20px;height:200px;width:100%;font-size:16px;background:#f5f7fb;border:none;color:#38331b;resize:none}@media screen and (max-width:768px){.user-confirmation-wrap .popup-custom-textarea{margin-bottom:14px;padding:10px;height:80px}}.user-confirmation-wrap .popup-custom-textarea::-webkit-input-placeholder{position:absolute;top:22px;left:20px;color:#cac9eb;font-size:16px}.user-confirmation-wrap .popup-custom-textarea::-moz-placeholder{position:absolute;top:22px;left:20px;color:#cac9eb;font-size:16px}.user-confirmation-wrap .popup-custom-textarea:-ms-input-placeholder{position:absolute;top:22px;left:20px;color:#cac9eb;font-size:16px}.user-confirmation-wrap .popup-custom-textarea::-ms-input-placeholder{position:absolute;top:22px;left:20px;color:#cac9eb;font-size:16px}.user-confirmation-wrap .popup-custom-textarea::placeholder{position:absolute;top:22px;left:20px;color:#cac9eb;font-size:16px}@media screen and (max-width:768px){.user-confirmation-wrap .popup-custom-textarea::-webkit-input-placeholder{top:10px;left:10px}.user-confirmation-wrap .popup-custom-textarea::-moz-placeholder{top:10px;left:10px}.user-confirmation-wrap .popup-custom-textarea:-ms-input-placeholder{top:10px;left:10px}.user-confirmation-wrap .popup-custom-textarea::-ms-input-placeholder{top:10px;left:10px}.user-confirmation-wrap .popup-custom-textarea::placeholder{top:10px;left:10px}}.user-confirmation-wrap .popup-maxlength{position:absolute;top:166px;right:20px;font-size:12px;color:#cac9eb}@media screen and (max-width:768px){.user-confirmation-wrap .popup-maxlength{top:60px;right:10px}}.user-confirmation-wrap .input-error{background-color:#fdf2f2}.user-confirmation-wrap .popup-custom-input+.popup-label-filled,.user-confirmation-wrap .popup-custom-input:focus+.popup-label{top:11px;left:20px;font-size:12px;color:#5a4f93}.user-confirmation-wrap .input-password{margin-bottom:30px}.user-confirmation-wrap .popup-custom-input-error{text-align:center;margin-top:-22px;margin-bottom:10px;font-size:12px;color:#d60000}.user-confirmation-wrap .popup-custom-textarea-error{position:absolute;bottom:-10px}@media screen and (max-width:768px){.user-confirmation-wrap .popup-custom-textarea-error{bottom:10px;left:10px}}.user-confirmation-wrap .buttons-wrap{display:flex;align-items:center;grid-gap:10px;gap:10px;margin-bottom:30px}@media screen and (max-width:768px){.user-confirmation-wrap .buttons-wrap{width:100%}}.user-confirmation-wrap .btn-form span{font-size:16px}.user-confirmation-wrap .comments-block-wrap{padding-top:30px;background-color:#f9f9f9}@media screen and (max-width:768px){.user-confirmation-wrap .comments-block-wrap{padding-top:14px}}.user-confirmation-wrap .comments-block-wrap .comments-title{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e4e4e5}@media screen and (max-width:768px){.user-confirmation-wrap .comments-block-wrap .comments-title{padding-bottom:6px}}.user-confirmation-wrap .comments-block-wrap .comments-title span{font-size:14px;color:grey}@media screen and (max-width:768px){.user-confirmation-wrap .comments-block-wrap .comments-title span{font-size:12px}}.user-confirmation-wrap .comments-block-wrap .comments-empty{margin-bottom:5px}.user-confirmation-wrap .comments-block-wrap .comments-empty span{font-size:16px;color:#212121}@media screen and (max-width:768px){.user-confirmation-wrap .comments-block-wrap .comments-empty span{font-size:14px}}.user-confirmation-wrap .comments-block-wrap .comments-loader{display:flex;justify-content:center;align-items:center;padding:20px 0;width:100%}.user-confirmation-wrap .comments-block-wrap .comments-loader div{height:auto!important}.user-confirmation-wrap .comments-block-wrap .comments-wrap{display:flex;flex-direction:column-reverse;grid-gap:20px;gap:20px;padding-bottom:30px}@media screen and (max-width:768px){.user-confirmation-wrap .comments-block-wrap .comments-wrap{padding-bottom:14px}}.user-confirmation-wrap .comments-block-wrap .comments-wrap .comment-crm-wrap{display:flex;flex-direction:column;grid-gap:6px;gap:6px}.user-confirmation-wrap .comments-block-wrap .comments-wrap .comment-crm-wrap .comment-header{display:flex;justify-content:space-between;align-items:center}.user-confirmation-wrap .comments-block-wrap .comments-wrap .comment-crm-wrap .comment-info{display:flex;align-items:center}@media screen and (max-width:768px){.user-confirmation-wrap .comments-block-wrap .comments-wrap .comment-crm-wrap .comment-info{flex-direction:column;grid-gap:4px;gap:4px;align-items:flex-start}}.user-confirmation-wrap .comments-block-wrap .comments-wrap .comment-crm-wrap .comment-author{display:flex;align-items:center;grid-gap:4px;gap:4px}.user-confirmation-wrap .comments-block-wrap .comments-wrap .comment-crm-wrap .comment-avatar{width:18px;height:18px}.user-confirmation-wrap .comments-block-wrap .comments-wrap .comment-crm-wrap .comment-avatar img{width:100%;height:100%}.user-confirmation-wrap .comments-block-wrap .comments-wrap .comment-crm-wrap .comment-font{font-size:14px}@media screen and (max-width:480px){.user-confirmation-wrap .comments-block-wrap .comments-wrap .comment-crm-wrap .comment-title{max-width:160px}}.user-confirmation-wrap .comments-block-wrap .comments-wrap .comment-crm-wrap .comment-title span{color:#59579a}@media screen and (max-width:768px){.user-confirmation-wrap .comments-block-wrap .comments-wrap .comment-crm-wrap .comment-title span{font-size:12px}}.user-confirmation-wrap .comments-block-wrap .comments-wrap .comment-crm-wrap .comment-date{display:flex;margin-left:10px}@media screen and (max-width:768px){.user-confirmation-wrap .comments-block-wrap .comments-wrap .comment-crm-wrap .comment-date{margin-left:22px}}.user-confirmation-wrap .comments-block-wrap .comments-wrap .comment-crm-wrap .comment-date span{color:grey}@media screen and (max-width:768px){.user-confirmation-wrap .comments-block-wrap .comments-wrap .comment-crm-wrap .comment-date span{font-size:10px}}.user-confirmation-wrap .comments-block-wrap .comments-wrap .comment-crm-wrap .comment-category{display:flex;padding:4px 10px;background-color:#eaebf3;border-radius:4px}@media screen and (max-width:768px){.user-confirmation-wrap .comments-block-wrap .comments-wrap .comment-crm-wrap .comment-category{padding:4px}}.user-confirmation-wrap .comments-block-wrap .comments-wrap .comment-crm-wrap .comment-category span{font-size:12px;color:#59579a}@media screen and (max-width:768px){.user-confirmation-wrap .comments-block-wrap .comments-wrap .comment-crm-wrap .comment-category span{font-size:10px}}.user-confirmation-wrap .comments-block-wrap .comments-wrap .comment-crm-wrap .comment-crm span{font-size:16px;color:#212121}@media screen and (max-width:768px){.user-confirmation-wrap .comments-block-wrap .comments-wrap .comment-crm-wrap .comment-crm span{font-size:14px}}.user-confirmation-wrap .success-content{display:flex;flex-direction:column;align-items:center;grid-gap:20px;gap:20px;padding:50px 58px;background-color:#fff;box-shadow:0 4px 20px rgba(89,87,154,.4);border-radius:10px}@media screen and (max-width:1024px){.user-confirmation-wrap .success-cancel-btn{top:-23px;right:0}}.user-confirmation-wrap .success-message span{font-weight:500;font-size:20px;line-height:23px;color:#5a4f93}.user-confirmation-wrap .user-confirmation-btn{margin:0;width:190px}.user-confirmation-wrap .buttons-comment{width:200px;height:52px}@media screen and (max-width:768px){.user-confirmation-wrap .buttons-comment{flex:1 1;height:36px}}.user-confirmation-wrap .cancel-btn{margin:0;color:#f26725;background-color:transparent;border:1px solid #f26725}.user-confirmation-wrap .cancel-btn-comment:hover{color:#59579a;border-color:#59579a}@media screen and (max-width:480px){.user-confirmation-wrap .cancel-btn{width:100px}.user-confirmation-wrap .cancel-btn span{font-size:14px}}.user-confirmation-wrap .comment-btn{margin:0}.user-confirmation-wrap .comment-btn-submit:hover{background-color:#59579a}@media screen and (max-width:480px){.user-confirmation-wrap .comment-btn{width:120px}.user-confirmation-wrap .comment-btn span{font-size:14px}}@media screen and (max-width:480px){.user-confirmation-wrap{width:290px}}.comment-wrap{display:flex;flex-direction:column;padding:0;overflow:scroll;overflow-x:hidden;width:904px;height:568px;background-color:#f9f9f9}@media screen and (max-width:1024px){.comment-wrap{margin:0 auto;width:calc(100vw - 30px)}}@media screen and (max-width:768px){.comment-wrap{height:calc(100vh - 48px)}}.comment-content-wrap{padding:0 30px;background-color:#fff}@media screen and (max-width:768px){.comment-content-wrap{padding:0 10px}}.content-popup .training-buttons-wrap{display:flex;grid-gap:10px;gap:10px;align-items:center;margin-bottom:10px;flex-wrap:wrap}@media screen and (max-width:480px){.content-popup .training-buttons-wrap{flex-direction:column}}.content-popup .training-buttons-wrap a{text-decoration:none}.content-popup .training-buttons-wrap .training-btn{width:114px;margin:0}@media screen and (max-width:480px){.content-popup .training-buttons-wrap .training-btn{width:100%}}@media screen and (max-width:480px){.content-popup .training-buttons-wrap .training-btn span{font-size:14px}}.content-popup .training-buttons-wrap .training-btn-transparent{width:200px}.content-popup .training-buttons-wrap .training-btn-next{width:100%}.content-popup .training-buttons-wrap .training-btn-disabled{color:grey;border-color:grey;pointer-events:none;cursor:default}.content-popup .training-buttons-wrap .video-btn-disabled{background-color:grey;pointer-events:none;cursor:default}.content-popup .btn-none-border{padding:12px;background-color:transparent;border:none;cursor:pointer}.content-popup .btn-none-border span{position:relative;color:#f26723;-webkit-transition:color .3s ease;transition:color .3s ease}.content-popup .btn-none-border span:hover{color:#5a4f93}.content-popup .btn-none-border span:after{content:"";display:block;width:100%;height:1px;background-color:#f26723;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.content-popup .btn-none-border span:hover:after{background-color:#5a4f93}@media screen and (max-width:480px){.content-popup .btn-none-border span{font-size:14px}}.video-list-wrap{width:748px;height:454px;overflow-y:scroll}@media screen and (max-width:768px){.video-list-wrap{width:502px}}@media screen and (max-width:530px){.video-list-wrap{width:280px}}.video-list-wrap .content-popup{padding:20px 0 30px}.video-list-wrap .back-btn{padding-top:20px}.video-items-wrap{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:30px;gap:30px}.video-item-wrap{padding:6px 6px 18px;border-radius:10px;background-color:#fff;box-shadow:0 4px 20px 0 rgba(89,87,154,.1);cursor:pointer}.video-item-wrap .video-preview{width:192px;height:114px;margin-bottom:8px;border-radius:10px}.video-item-wrap .video-preview img{width:100%;height:100%;border-radius:10px}.video-item-wrap .video-player-wrap{width:100%;height:100%}.video-item-wrap .video-player-wrap .video video{height:100%}.video-item-wrap .description{display:flex;align-items:center;justify-content:space-between}.video-item-wrap .description .title-description>span{font-size:13px;color:#38331b}.video-item-wrap .description .play-icon{width:32px;height:32px}.video-item-wrap .description .play-icon>img{width:100%;height:100%}.video-player-wrap{width:1136px;height:640px;padding:0;background-color:#000}@media screen and (max-width:1230px){.video-player-wrap{width:936px;height:540px}}@media screen and (max-width:1024px){.video-player-wrap{width:calc(100vw - 10px);height:480px}}@media screen and (max-width:768px){.video-player-wrap{width:calc(100vw - 10px);height:398px}}@media screen and (max-width:480px){.video-player-wrap{width:calc(100vw - 10px);height:240px}}.video-player-wrap .video{width:100%;height:100%}.video-player-wrap .video video{height:100%}@media screen and (max-width:1024px){.video-player-wrap .video-cancel-btn{top:-24px;right:0}}
/*# sourceMappingURL=main.547e8587.chunk.css.map */