@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap);
:root {
    --primary-color: #fe5e00;

    --text-color: #1a1b1d;
    --text-light-color: #a5a5a8;
    --text-dark-color: rgb(0,0,0);
    --selection-color: rgba(26, 27, 29, 0.05);
    --danger-border-color: #e53935;
    --danger-color: #f44336;
    --success-color: #9bbe00;
    --overlay-color: rgba(27, 28, 30, 0.7);
    --primary-selection-color: rgba(254, 94, 0, 0.1);

    --form-input-border-color: rgba(244,101,30,0.6902);
    --form-input-icon-color: rgb(145,145,145);

    --background-page-gray: #f8f8f8;
    --background-main-gray: #e8e8e8;
    --background-divider-color: #f0f0f0;
    --menu-background-color: white;
    --header-background-color: white;
    --yellow-color: #fbc02d;

    --background-main-orange: rgba(254, 94, 0, 0.2);
    --background-light-orange: #fff4ee;

    --hover-background-gray: rgba(165, 165, 168, 0.3);
    --background-type-gray: #e7e7e7;
    --color-type-gray: #67676a;

    --dark-blue: #092d8d;
    --light-red: #ff4848;
    --light-green: #21bd56;
    --light-yellow: #FFD056;
    --dark-yellow: #906800;

    --light-pink: #ffecec;
    --text-primary-light-bc: #ffc9a6;

    --light-drop-down-gray: #303133;
    --light-green-background: #D1ECDF;
    --color-green-text: #379E5A;

    --link-text: #319197;

    --11px: 0.625rem;
    --12px: 0.75rem;
    --13px: 0.8125rem;
    --14px: 0.875rem;
    --15px: 0.9375rem;
    --16px: 1rem;
    --18px: 1.125rem;
    --20px: 1.25rem;
    --22px: 1.375rem;
    --24px: 1.5rem;
    --27px: 1.6875rem;
    --28px: 1.75rem;
    --32px: 2rem;
}

html,
body,
div[id='root'] {
    height: 100%;
}

.common-table {
    background-color: white;
    word-wrap: break-word;
    border-spacing: 0;
    border-radius: 4px;
    width: 100%;
    border: 1px solid #f0f0f0;
    border: 1px solid var(--background-divider-color)
}

.common-table tbody > tr:hover {
        background-color: rgba(26, 27, 29, 0.05);
        background-color: var(--selection-color);
    }

.header-button {
    font-size: var(--14px);
    padding: 6px 16px;
    line-height: 18px;
    white-space: nowrap;
}

@media (max-width: 1024px) {
    html {
        font-size: var(--14px);
    }
}

body {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    letter-spacing: 0.3px;
    background-color: var(--background-page-gray);
}

.container__1QRIW {
    position: relative;
}

.label__1fLft {
    max-width: 90%;
    overflow-x: hidden;
    font-size: var(--14px);
    line-height: 18px;
    margin-left: 16px;
    color: var(--text-color);
    text-transform: capitalize;
}

.input__1IiEU {
    display: block;
    border: none;
    background-image: none;
    background-color: white;
    box-sizing: border-box;
    padding: 12px 16px 12px 16px;
    height: 48px;
    border-radius: 10px;
    border: 2px solid var(--background-main-gray);
    font-size: var(--14px);
    line-height: 20px;
    color: inherit;
    width: 100%;
    transition: border-color 0.15s ease-in-out 0s
    /*&:active,*/
}

.input__1IiEU:focus {
        outline: none;
        border-color: var(--text-color);
    }

.input__1IiEU::-moz-placeholder {
        color: var(--text-light-color);
        font-weight: 500;
        font-size: var(--14px)
    }

.input__1IiEU:-ms-input-placeholder {
        color: var(--text-light-color);
        font-weight: 500;
        font-size: var(--14px)
    }

.input__1IiEU::placeholder {
        color: var(--text-light-color);
        font-weight: 500;
        font-size: var(--14px)
    }

.input__1IiEU::-moz-placeholder:first-letter {
            text-transform: uppercase;
        }

.input__1IiEU:-ms-input-placeholder:first-letter {
            text-transform: uppercase;
        }

.input__1IiEU::placeholder:first-letter {
            text-transform: uppercase;
        }

.input__1IiEU:placeholder-shown {
        padding: 13px 16px 13px 16px;
    }

.input__1IiEU:-webkit-autofill {
        -webkit-transition: background-color 5000s ease-in-out 0s;
        transition: background-color 5000s ease-in-out 0s;
    }

.input__1IiEU.error__2szT- {
        border-color: var(--danger-border-color);
    }

.input__1IiEU::-webkit-outer-spin-button,
    .input__1IiEU::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.input__1IiEU {

    /* Firefox */
}

.input__1IiEU[type='number'] {
        -moz-appearance: textfield;
    }

.icon__3o6A5 {
    position: absolute;
    top: 20px;
    left: 15px;
    font-size: var(--14px);
    font-weight: lighter;
    color: var(--form-input-icon-color)
}

.icon__3o6A5.error__2szT- {
        color: var(--danger-border-color);
    }

.error-message__1pKY4 {
    height: 18px;
    overflow: hidden;
    font-size: var(--11px);
    color: var(--danger-color);
}

.container__1Czfd {
    position: relative;
}

.input__3gQwO {
    display: block;
    border: none;
    background-image: none;
    background-color: white;
    box-sizing: border-box;
    padding: 12px 16px 12px 16px;
    height: 48px;
    border-radius: 10px;
    border: 2px solid var(--background-main-gray);
    font-size: var(--14px);
    line-height: 20px;
    color: inherit;
    width: 100%;
    transition: border-color 0.15s ease-in-out 0s;
    text-transform: capitalize
}

.input__3gQwO:active,
    .input__3gQwO:focus {
        outline: none;
        border-color: var(--text-color);
    }

.input__3gQwO::-moz-placeholder {
        color: var(--text-light-color);
        font-weight: normal;
        text-transform: capitalize;
    }

.input__3gQwO:-ms-input-placeholder {
        color: var(--text-light-color);
        font-weight: normal;
        text-transform: capitalize;
    }

.input__3gQwO::placeholder {
        color: var(--text-light-color);
        font-weight: normal;
        text-transform: capitalize;
    }

.input__3gQwO:-webkit-autofill {
        -webkit-transition: background-color 5000s ease-in-out 0s;
        transition: background-color 5000s ease-in-out 0s;
    }

.input__3gQwO.error__3G19K {
        border-bottom-color: var(--danger-border-color);
    }

.label__1y7j- {
    max-width: 60%;
    font-size: var(--14px);
    line-height: 18px;
    margin-left: 16px;
    color: var(--text-color);
    text-transform: capitalize
}

.label__1y7j-:first-letter {
        text-transform: uppercase;
    }

.chevron__1kEv6 {
    position: absolute;
    bottom: 32px;
    right: 13px;
    font-size: var(--18px);
    color: var(--text-light-color);
    pointer-events: none;
}

.error-message__3JiA6 {
    height: 18px;
    font-size: var(--11px);
    color: var(--danger-color);
}

.container__2FZQs {
    position: relative;
}

.input__Z8JsH {
    width: 46px;
    height: 44px;
    border-radius: 10px 0 0 10px;
    display: block;
    border: none;
    background-image: none;
    box-sizing: border-box;
    font-size: 0
}

.input__Z8JsH:active,
    .input__Z8JsH:focus {
        outline: none;
    }

.icon__39CMG {
    position: absolute;
    top: 12px;
    left: 13px;
    pointer-events: none;
}

.container__aAOmP {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
}

.content__wW7Qz {
    height: 104px;
    width: 104px;
    border-radius: 15px;
    position: relative;
    background-color: var(--background-main-gray) !important;
    cursor: pointer;
}

.input__1T7_K {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    cursor: pointer;
    opacity: 0;
    overflow: hidden;
    padding-top: 105px;
}

.label__11lz4 {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 30px;
    border-radius: 0 0 15px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(26, 27, 29, 0.6);
    bottom: 0;
    text-transform: capitalize;
    pointer-events: none;
}

.icon__3Xhtq {
    color: white;
}

.meh__1C-xE {
    transform: scale(3);
    position: absolute;
    top: 40px;
    left: 40px;
    color: var(--text-light-color);
    pointer-events: none;
}

.error-message__2Xwb6 {
    width: 100%;
    height: 18px;
    font-size: var(--11px);
    color: var(--danger-color);
}

.icon__1G9bg {
    width: 24px;
    height: 24px;
}


.coaches-list-item__3hDp8 {
    font-size: var(--14px);
    display: flex;
    padding: 12px 0;
    align-items: center;
    border-bottom: 1px solid var(--background-main-gray);
}

.coachData__E8Ybe {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.select-container__2I5NV {
    width: 100px;
    display: flex;
    align-items: center;
}

.select__YIqBE {
    width: 100px
}

.select__YIqBE:first-letter {
        text-transform: uppercase;
    }

.chevron__zgqOp {
    position: relative;
    margin-left: -24px;
}

.avatar__OyaEC {
    height: 58px;
    width: 58px;
    border-radius: 10px;
    margin-right: 16px;
}

.title-container__I4Pjx {
    width: 50%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title__3PcIu {
    min-width: 200px;
    display: flex;
    flex-direction: column;
}

.action__1IE1F {
    margin-right: 24px;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: var(--text-light-color)
}

.action__1IE1F span:first-letter {
            text-transform: uppercase;
        }

.action__1IE1F .option__3A54h {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.action__1IE1F .icon__DJxTl {
        margin-right: 5px;
    }

.label-container__15r4B {
    display: flex;
    align-items: center
}

.label-container__15r4B .sprite-icon__255YQ {
        margin-right: 10px;
    }

.check-icon__MJEG9 svg {
        color: var(--primary-color) !important;
    }

.email__1JXbJ {
    color: var(--text-light-color);
}

.phone__2uQIb {
    color: var(--text-light-color);
}

.dropdownContainer__2nImF {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin-left: 24px;
    font-size: var(--14px);
}

.label__1cA04 {
    color: var(--text-light-color)
}

.label__1cA04:first-letter {
        text-transform: uppercase;
    }

.container__10BYY,
.controller__1Ra_E {
    position: relative;
    max-width: 304px;
}

.chevron__3gakg {
    position: absolute;
    top: 17px;
    right: 13px;
    font-size: var(--16px);
    color: var(--text-light-color);
    pointer-events: none;
}

.label__17ZHK {
    max-width: 60%;
    font-size: var(--14px);
    line-height: 18px;
    margin-left: 16px;
    color: var(--text-color);
    text-transform: capitalize
}

.label__17ZHK:first-letter {
        text-transform: uppercase;
    }

.error-message__36yDk {
    height: 18px;
    font-size: var(--11px);
    color: var(--danger-color);
}

.container__N87AG {
    position: relative;
}

.icon__11-vq {
    position: absolute;
    top: 17px;
    left: 15px;
    font-size: var(--14px);
    font-weight: lighter;
    color: var(--form-input-icon-color);
}

.label__3GPd- {
    max-width: 60%;
    font-size: var(--14px);
    line-height: 18px;
    margin-left: 16px;
    color: var(--text-color);
    text-transform: capitalize;
}

.error-message__12Zs3 {
    height: 18px;
    font-size: var(--11px);
    color: var(--danger-color);
}

.wrapperCalendar__1FjOu .classNameInput__2jhNw {
    display: block;
    background-image: none;
    background-color: white;
    box-sizing: border-box;
    padding: 12px 16px 12px 16px;
    height: 48px;
    border-radius: 10px;
    border: 2px solid var(--background-main-gray);
    /* background-color: var(--background-page-gray); */
    font-size: var(--14px);
    line-height: 20px;
    color: inherit;
    width: 100%;
    transition: border-color 0.15s ease-in-out 0s;
    cursor: pointer
    /*&:active,*/
}

.wrapperCalendar__1FjOu .classNameInput__2jhNw:focus {
        outline: none;
        border-color: transparent;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

.wrapperCalendar__1FjOu .classNameInput__2jhNw::-moz-placeholder {
        color: var(--text-light-color);
        font-weight: 500;
        font-size: var(--14px)
    }

.wrapperCalendar__1FjOu .classNameInput__2jhNw:-ms-input-placeholder {
        color: var(--text-light-color);
        font-weight: 500;
        font-size: var(--14px)
    }

.wrapperCalendar__1FjOu .classNameInput__2jhNw::placeholder {
        color: var(--text-light-color);
        font-weight: 500;
        font-size: var(--14px)
    }

.wrapperCalendar__1FjOu .classNameInput__2jhNw::-moz-placeholder:first-letter {
            text-transform: uppercase;
        }

.wrapperCalendar__1FjOu .classNameInput__2jhNw:-ms-input-placeholder:first-letter {
            text-transform: uppercase;
        }

.wrapperCalendar__1FjOu .classNameInput__2jhNw::placeholder:first-letter {
            text-transform: uppercase;
        }

.wrapperCalendar__1FjOu .classNameInput__2jhNw:placeholder-shown {
        padding: 13px 16px 13px 16px;
    }

.wrapperCalendar__1FjOu .classNameInput__2jhNw:-webkit-autofill {
        -webkit-transition: background-color 5000s ease-in-out 0s;
        transition: background-color 5000s ease-in-out 0s;
    }

.wrapperCalendar__1FjOu .classNameInput__2jhNw::-webkit-outer-spin-button,
    .wrapperCalendar__1FjOu .classNameInput__2jhNw::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.react-datepicker__error .classNameInput__2jhNw {
        border-color: var(--danger-border-color);
    }

.container__3z-ds {
    position: relative;
    height: auto;
}

.label__3KT_W {
    max-width: 60%;
    font-size: var(--14px);
    line-height: 18px;
    margin-left: 16px;
    color: var(--text-color);
    text-transform: capitalize
}

.label__3KT_W:first-letter {
        text-transform: uppercase;
    }

.input__lcjZO {
    display: block;
    border: none;
    background-image: none;
    background-color: white;
    box-sizing: border-box;
    padding: 14px 16px 14px 16px;
    border-radius: 10px;
    border: 2px solid var(--background-main-gray);
    font-size: var(--14px);
    line-height: 20px;
    color: inherit;
    width: 100%;
    transition: border-color 0.15s ease-in-out 0s;
    min-height: 71px;
    height: 140px
    /*&:active,*/
}

.input__lcjZO:focus {
        outline: none;
        border-color: var(--text-color);
    }

.input__lcjZO::-moz-placeholder {
        color: var(--text-light-color);
        font-size: var(--14px);
        font-weight: 500
    }

.input__lcjZO:-ms-input-placeholder {
        color: var(--text-light-color);
        font-size: var(--14px);
        font-weight: 500
    }

.input__lcjZO::placeholder {
        color: var(--text-light-color);
        font-size: var(--14px);
        font-weight: 500
    }

.input__lcjZO::-moz-placeholder:first-letter {
            text-transform: uppercase;
        }

.input__lcjZO:-ms-input-placeholder:first-letter {
            text-transform: uppercase;
        }

.input__lcjZO::placeholder:first-letter {
            text-transform: uppercase;
        }

.input__lcjZO:placeholder-shown {
        padding: 13px 16px 13px 16px;
    }

.input__lcjZO:-webkit-autofill {
        -webkit-transition: background-color 5000s ease-in-out 0s;
        transition: background-color 5000s ease-in-out 0s;
    }

.input__lcjZO.error__3zyiu {
        border-color: var(--danger-border-color);
    }

.icon__3sqEB {
    position: absolute;
    top: 20px;
    left: 15px;
    font-size: var(--14px);
    font-weight: lighter;
    color: var(--form-input-icon-color)
}

.icon__3sqEB.error__3zyiu {
        color: var(--danger-border-color);
    }

.error-message__34c73 {
    height: 18px;
    overflow: hidden;
    font-size: var(--11px);
    color: var(--danger-color);
}

.container__1WPuP {
    position: relative;
    height: 48px;
    background-color: lightyellow
}
.container__1WPuP [class~='input-range__label'] {
        font-size: var(--11px);
    }
.container__1WPuP {

    /* & [class~='input-range__slider'], */
    }
.container__1WPuP [class~='input-range__track--active'] {
        background-color: rgb(171,171,171);
        border-color: rgb(171,171,171);
    }
.container__1WPuP {

    /* & [class~='input-range__slider']:focus, */
    }
.container__1WPuP [class~='input-range__track--active']:focus,
    
    .container__1WPuP [class~='input-range__track--active']:active {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }
.container__1WPuP > div:first-of-type > span {
        top: 12px
    }
.container__1WPuP > div:first-of-type > span > [class~='input-range__label-container'] {
            left: 0;
        }
.container__1WPuP [class~='input-range__track'] [class~='input-range__label'] {
        top: -20px;
        display: none;
    }
.range-min__1Adfx,
.range-max__3jQQQ {
    position: absolute;
    top: 26px;
    font-size: var(--16px);
    font-weight: 500;
    color: var(--text-color);
}
.range-min__1Adfx {
    left: 1px;
}
.range-max__3jQQQ {
    right: 0;
    text-align: right;
}
.input__1JVN0 {
    display: block;
    position: absolute;

    bottom: 0;
    left: 0;
    right: 0;
    height: 0;

    background-color: transparent;
    caret-color: transparent;
    color: transparent;
    cursor: default;

    border: none;
    /* background-image: none;
  box-sizing: border-box;
  
  border-radius: 4px;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 4px solid var(--background-page-gray);
  width: 100%;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;

  &:focus {
    outline: none;
    box-shadow: 0 2px 1px -1px silver;
    border-bottom-color: var(--form-input-border-color);
  } */
}
.container__1WPuP .input-range__slider {
        width: 22px;
        height: 22px;
        margin-top: -12px;
        background-color: white;
        border: 2px solid rgb(171,171,171);
    }
.container__1WPuP.active__3AMFP .input-range__slider {
        border-color: var(--primary-color);
    }
.container__1WPuP .input-range__label-container {
        display: none;
    }
.active__3AMFP [class~='input-range__track--active'] {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.container__1G6bR {
    position: relative;
}

.label__2Ebqu {
    max-width: 60%;
    font-size: var(--14px);
    line-height: 18px;
    margin-left: 16px;
    color: var(--text-color);
    text-transform: capitalize
}

.label__2Ebqu:first-letter {
        text-transform: uppercase;
    }

.input__n8IX2 {
    position: relative;
    padding: 2px 14px 11px 8px;
    background-color: transparent;
}

.error-message__iuYAF {
    height: 18px;
    font-size: var(--11px);
    color: var(--danger-color);
    background-color: white;
}

.container__INulg {
    position: relative;
    width: 300px;
}

.label__kPgQ9 {
    display: block;
    position: absolute;
    left: 16px;
    top: 0px;
    max-width: 90%;
    overflow-x: hidden;
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-color);
    text-transform: capitalize;
}

.input__El6wf {
    display: block;
    border: none;
    background-image: none;
    background-color: white;
    box-sizing: border-box;
    padding: 18px 20px 8px 40px;
    border-radius: 4px;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 4px solid var(--background-page-gray);
    font-size: var(--15px);
    line-height: 20px;
    color: inherit;
    /* width: 100%; */
    width: 300px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s
    /*&:active,*/
}

.input__El6wf:focus {
        outline: none;
        box-shadow: 0 2px 1px -1px silver;
        border-bottom-color: var(--form-input-border-color);
    }

.input__El6wf::-moz-placeholder {
        color: var(--text-light-color);
        font-weight: 500;
        text-transform: capitalize;
    }

.input__El6wf:-ms-input-placeholder {
        color: var(--text-light-color);
        font-weight: 500;
        text-transform: capitalize;
    }

.input__El6wf::placeholder {
        color: var(--text-light-color);
        font-weight: 500;
        text-transform: capitalize;
    }

.input__El6wf:placeholder-shown + .label__kPgQ9 {
        display: none;
    }

.input__El6wf:placeholder-shown {
        padding: 16px 20px 10px 40px;
    }

.input__El6wf:-webkit-autofill {
        -webkit-transition: background-color 5000s ease-in-out 0s;
        transition: background-color 5000s ease-in-out 0s;
    }

.input__El6wf.error__1jwg0 {
        border-bottom-color: var(--danger-border-color);
    }

.input__El6wf::-webkit-outer-spin-button,
    .input__El6wf::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.input__El6wf {

    /* Firefox */
}

.input__El6wf[type='number'] {
        -moz-appearance: textfield;
    }

.icon__1ih4W {
    position: absolute;
    top: 20px;
    left: 15px;
    font-size: var(--14px);
    font-weight: lighter;
    color: var(--form-input-icon-color)
}

.icon__1ih4W.error__1jwg0 {
        color: var(--danger-border-color);
    }

.error-message__3kn3Q {
    height: 18px;
    overflow: hidden;
    font-size: var(--11px);
    color: var(--danger-color);
}

.container__HewR3 {
}

.content__3RiET {
    position: relative;
    height: 140px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    border: 2px dashed var(--background-main-gray);
    border-radius: 10px;
    cursor: pointer
    /* background-color: white;
  background-image: url("data:image/CircularProgressbar+xml;utf8,<CircularProgressbar width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill: none; stroke: silver; stroke-width: 2; stroke-dasharray: 10 10'/></CircularProgressbar>"); */
}

.content__3RiET.error__eA3CI {
        border-color: var(--danger-border-color);
    }

.input__1UCcN {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 50px;
    cursor: pointer;
}

.label__3hfFN {
    max-width: 60%;
    font-size: var(--14px);
    line-height: 18px;
    margin-left: 16px;
    color: var(--text-color)
}

.label__3hfFN:first-letter {
        text-transform: uppercase;
    }

.icon__35v9L {
    margin-right: 10px;
    color: var(--primary-color);
}

.file-name__3jqod {
    position: absolute;
    font-size: var(--12px);
    color: var(--text-light-color);
    bottom: 5px;
    left: 10px;
    width: 283px;
    overflow: hidden;
}

.error-message__3WeKH {
    height: 18px;
    overflow: hidden;
    font-size: var(--11px);
    color: var(--danger-color);
}

.label__EVCPw {
    font-size: var(--14px);
    line-height: 18px;
    margin-left: 16px;
    color: var(--text-color);
}

.input-container__1mUS4 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width: 304px;
}

.input__1rBwl {
    border: 2px solid var(--background-main-gray);
    border-radius: 10px;
    height: 36px;
    width: 90px;
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-light-color);
    text-align: center
}

.input__1rBwl:focus {
        outline: none;
        border-color: var(--text-color);
    }

.input__1rBwl:-webkit-autofill {
        -webkit-transition: background-color 5000s ease-in-out 0s;
        transition: background-color 5000s ease-in-out 0s;
    }

.input__1rBwl.error__1J6ea {
        border-color: var(--danger-border-color);
    }

.input__1rBwl::-webkit-outer-spin-button,
    .input__1rBwl::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.input__1rBwl {

    /* Firefox */
}

.input__1rBwl[type='number'] {
        -moz-appearance: textfield;
    }

.input__1rBwl.target-input__YQJun {
        color: var(--primary-color);
    }

.input-group__1vwF5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.input-label__gMGRP {
    font-weight: 500;
    font-size: var(--12px);
    line-height: 18px;
    color: var(--text-light-color);
    text-align: center;
}

.error-message__1DDFg {
    height: 18px;
    overflow: hidden;
    font-size: var(--11px);
    color: var(--danger-color);
}

.container__I7l2A {
    position: relative;
}

.label__1Ggwv {
    max-width: 60%;
    font-size: var(--14px);
    line-height: 18px;
    margin-left: 16px;
    color: var(--text-color);
    text-transform: capitalize
}

.label__1Ggwv:first-letter {
        text-transform: uppercase;
    }

.input__3rTr4 {
    display: block;
    border: none;
    background-image: none;
    background-color: white;
    box-sizing: border-box;
    padding: 12px 16px 12px 16px;
    height: 48px;
    border-radius: 10px;
    border: 2px solid var(--background-main-gray);
    font-size: var(--14px);
    line-height: 20px;
    color: inherit;
    width: 100%;
    transition: border-color 0.15s ease-in-out 0s
    /*&:active,*/
}

.input__3rTr4:focus {
        outline: none;
        border-color: var(--text-color);
    }

.input__3rTr4::-moz-placeholder {
        color: var(--text-light-color);
        font-weight: 300;
        font-size: var(--14px)
    }

.input__3rTr4:-ms-input-placeholder {
        color: var(--text-light-color);
        font-weight: 300;
        font-size: var(--14px)
    }

.input__3rTr4::placeholder {
        color: var(--text-light-color);
        font-weight: 300;
        font-size: var(--14px)
    }

.input__3rTr4::-moz-placeholder:first-letter {
            text-transform: uppercase;
        }

.input__3rTr4:-ms-input-placeholder:first-letter {
            text-transform: uppercase;
        }

.input__3rTr4::placeholder:first-letter {
            text-transform: uppercase;
        }

.input__3rTr4:placeholder-shown {
        padding: 13px 16px 13px 16px;
    }

.input__3rTr4:-webkit-autofill {
        -webkit-transition: background-color 5000s ease-in-out 0s;
        transition: background-color 5000s ease-in-out 0s;
    }

.input__3rTr4.error__188wL {
        border-color: var(--danger-border-color);
    }

.input__3rTr4::-webkit-outer-spin-button,
    .input__3rTr4::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.input__3rTr4 {

    /* Firefox */
}

.input__3rTr4[type='number'] {
        -moz-appearance: textfield;
    }

.label-container__1hY5h {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.icon__2E8GZ {
    position: absolute;
    top: 20px;
    left: 15px;
    font-size: var(--14px);
    font-weight: lighter;
    color: var(--form-input-icon-color)
}

.icon__2E8GZ.error__188wL {
        color: var(--danger-border-color);
    }

.eye-button__3Fr2u {
    /* display: none; */
    //opacity: 0;
    position: absolute;
    height: 32px;
    padding: 4px;
    right: 12px;
    bottom: 26px;
    outline: none;
    color: var(--text-light-color)
}

.eye-button__3Fr2u:hover {
        color: var(--text-color);
    }

.forgot-link__1wj1j {
    font-size: var(--14px);
    line-height: 18px;
    margin-right: 16px;
    color: var(--text-light-color)
}

.forgot-link__1wj1j:first-letter {
        text-transform: capitalize;
    }

.error-message__3s3Tu {
    height: 18px;
    overflow: hidden;
    font-size: var(--11px);
    color: var(--danger-color);
}
.container__3abKT {
    position: relative;
}

.title__1pvaW {
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    margin: 0 24px 0 0;
    width: 225px
}

.title__1pvaW:first-letter {
        text-transform: uppercase;
    }

.error-message__1RJ3y {
    height: 18px;
    overflow: hidden;
    font-size: var(--11px);
    color: var(--danger-color);
}

.answers-container__knQRZ {
    display: flex;
}

.answers__1vCnH {
    display: flex;
}

.labelClass__SSYnX {
    padding-left: 24px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.answer__3M1OF {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none

}

.answer__3M1OF input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.answer__3M1OF:nth-of-type(1) {
        margin-right: 37px;
    }

.checkmark__2QUXj {
    position: absolute;
    left: 0;
    height: 14px;
    width: 14px;
    border: 2px solid var(--text-light-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.checkmark__2QUXj div {
        visibility: hidden;
        height: 6px;
        width: 6px;
        border-radius: 50%;
        background-color: var(--primary-color);
    }

.checked__3PHUK {
    border-color: var(--primary-color)
}

.checked__3PHUK div {
        visibility: visible;
    }
.container__2WyRG {
    position: relative;
}

.label__2jFYE {
    max-width: 90%;
    overflow-x: hidden;
    font-size: var(--14px);
    line-height: 18px;
    margin-left: 16px;
    color: var(--text-color);
    text-transform: capitalize;
}

.input__2nWI2 {
    display: block;
    border: none;
    background-image: none;
    background-color: white;
    box-sizing: border-box;
    padding: 12px 16px 12px 16px;
    height: 48px;
    border-radius: 10px;
    border: 2px solid var(--background-main-gray);
    font-size: var(--14px);
    line-height: 20px;
    color: inherit;
    width: 100%;
    transition: border-color 0.15s ease-in-out 0s
    /*&:active,*/
}

.input__2nWI2:focus {
        outline: none;
        border-color: var(--text-color);
    }

.input__2nWI2::-moz-placeholder {
        color: var(--text-light-color);
        font-weight: 500;
        font-size: var(--14px)
    }

.input__2nWI2:-ms-input-placeholder {
        color: var(--text-light-color);
        font-weight: 500;
        font-size: var(--14px)
    }

.input__2nWI2::placeholder {
        color: var(--text-light-color);
        font-weight: 500;
        font-size: var(--14px)
    }

.input__2nWI2::-moz-placeholder:first-letter {
            text-transform: uppercase;
        }

.input__2nWI2:-ms-input-placeholder:first-letter {
            text-transform: uppercase;
        }

.input__2nWI2::placeholder:first-letter {
            text-transform: uppercase;
        }

.input__2nWI2:placeholder-shown {
        padding: 13px 16px 13px 16px;
    }

.input__2nWI2:-webkit-autofill {
        -webkit-transition: background-color 5000s ease-in-out 0s;
        transition: background-color 5000s ease-in-out 0s;
    }

.input__2nWI2.error__101_d {
        border-color: var(--danger-border-color);
    }

.input__2nWI2::-webkit-outer-spin-button,
    .input__2nWI2::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.input__2nWI2 {

    /* Firefox */
}

.input__2nWI2[type='number'] {
        -moz-appearance: textfield;
    }

.icon__1h1zs {
    position: absolute;
    top: 20px;
    left: 15px;
    font-size: var(--14px);
    font-weight: lighter;
    color: var(--form-input-icon-color)
}

.icon__1h1zs.error__101_d {
        color: var(--danger-border-color);
    }

.error-message__3_8Yf {
    height: 18px;
    overflow: hidden;
    font-size: var(--11px);
    color: var(--danger-color);
}

.container__1uFNk {
}

.content__fhR9r {
    position: relative;
    height: 60px;
    width: 180px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    border: 2px solid var(--background-main-gray);
    border-radius: 10px;
    cursor: pointer
}

.content__fhR9r.error__2fNbX {
        border-color: var(--danger-border-color);
    }

.input__3z83e {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.label__1NTQN {
    max-width: 60%;
    font-size: var(--14px);
    line-height: 18px;
    margin-left: 16px;
    color: var(--text-color)
}

.label__1NTQN:first-letter {
        text-transform: uppercase;
    }

.error-message__1Qmix {
    height: 18px;
    overflow: hidden;
    font-size: var(--11px);
    color: var(--danger-color);
}

.badge__1aXmB {
    position: absolute;
    width: 60px;
    border-radius: 0 8px 8px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(26, 27, 29, 0.2);
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.icon__2ywFf {
    color: white;
}

.image__npHGV {
    position: absolute;
    width: 180px;
    height: 60px;
    border-radius: 8px;
}
.avatar__1DIcI {
    width: 40px;
    height: 40px;
    vertical-align: middle;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
}

.button__1-HdD {
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    touch-action: manipulation;
    transition-duration: 0.3s;
    background-color: white;
    background-image: none;
    text-decoration: none;
    color: var(--primary-color);
    white-space: nowrap;
    text-align: center;
    border-radius: 4px;
    padding: 10px 40px;
    font-size: var(--14px);
    cursor: pointer;
    text-transform: capitalize
}

.button__1-HdD:focus {
        outline: 0;
    }

.icon__iYhZs {
    margin-right: 10px;
    color: var(--primary-color);
}

.small__3mWri {
    min-height: 36px;
    font-size: var(--14px);
    text-transform: capitalize
}

.small__3mWri .icon__iYhZs {
        font-size: var(--14px);
    }

.tiny__2hvYy {
    font-size: var(--12px);
    padding: 4px 16px;
}

.outline__1_LY9 {
    background-color: transparent;
    border-color: var(--text-light-color);
    color: var(--text-color);
    opacity: 0.6
}

.outline__1_LY9:hover,
    .outline__1_LY9:focus {
        opacity: 1;
    }

.outlinePrimary__1OmVy {
    background-color: transparent;
    border-color: var(--primary-color);
    color: var(--primary-color)
}

.outlinePrimary__1OmVy:hover,
    .outlinePrimary__1OmVy:focus {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
        color: white;
    }

.primary__2i7m9 {
    background-color: var(--primary-color);
    color: white;
    box-shadow: 0 4px 36px rgba(254, 94, 0, 0.2);
    border-radius: 10px
}

.primary__2i7m9:hover,
    .primary__2i7m9:focus {
        opacity: 0.6;
    }

.primary__2i7m9[type='submit'] {
        height: 48px;
        width: 200px;
    }

.primary__2i7m9 .icon__iYhZs {
        color: white;
    }

.default__2cb_2 {
    border-color: var(--text-light-color);
    background-color: white;
    color: #333
}

.default__2cb_2:hover,
    .default__2cb_2:focus {
        background-color: var(--text-light-color);
        border-color: var(--text-light-color);
        color: white;
    }

.transparent__3oXBc {
    background-color: transparent;
    border-color: transparent;
    color: var(--text-light-color)
}

.transparent__3oXBc:hover,
    .transparent__3oXBc:focus {
        background-color: white;
        border-color: var(--text-light-color);
        color: var(--text-light-color);
    }

.danger__3Sm3Z {
    background-color: #999;
    opacity: 0.2
}

.danger__3Sm3Z:hover,
    .danger__3Sm3Z:focus {
        background-color: #999;
        opacity: 0.2;
    }

.facebook__NnXtO {
    background-color: #365899;
    color: #ffffff
}

.facebook__NnXtO:hover {
        background-color: #365899;
        opacity: 0.8;
    }

.facebook__NnXtO .icon__iYhZs {
        color: white;
    }

.black__M_NOn {
    background-color: white;
    color: var(--text-color);
    box-shadow: 0 4px 16px rgba(26, 27, 29, 0.1)
}

.black__M_NOn .icon__iYhZs {
        color: var(--text-color);
    }

.black__M_NOn:hover,
    .black__M_NOn:focus {
        opacity: 0.6;
    }

.disabled__HqV-4 {
    background-color: var(--background-main-gray);
    color: var(--text-light-color);
    cursor: auto;
    box-shadow: 0 4px 36px rgba(165, 165, 168, 0.2)
}

.disabled__HqV-4:hover {
        opacity: 1;
    }

@media (max-width: 576px) {
        .with-icon__3FDMl .button__1-HdD {
            padding: 6px 8px;
        }
        .with-icon__3FDMl .icon__iYhZs {
            margin-right: 0;
        }
        .with-icon__3FDMl .title__prm2Q {
            display: none;
        }
}

.waiting__10Ra- {
    opacity: 1;
    -webkit-animation: blink__gcbiC 1s linear infinite;
            animation: blink__gcbiC 1s linear infinite;
}

@-webkit-keyframes blink__gcbiC {
    0% { opacity: 1; }
    25% { opacity: 0.75; }
    50% { opacity: 0.6; }
    75% { opacity: 0.75; }
    100% { opacity: 1; }
}

@keyframes blink__gcbiC {
    0% { opacity: 1; }
    25% { opacity: 0.75; }
    50% { opacity: 0.6; }
    75% { opacity: 0.75; }
    100% { opacity: 1; }
}

.badge__21A8_ {
    border: 2px solid white;
    border-radius: 12px;
    position: absolute;
    background: var(--primary-color);
    color: white;
    font-size: 60%;
    top: 2px;
    right: 2px;
    padding: 4px;
    transform: translate(50%, -50%);
}

.container__2n98o {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-decoration: underline;
}

.container__1e7Ay {
    padding: 8px;
    background-color: var(--selection-color);
    border-radius: 4px;
    margin: 0 3px;
}

.container__2suwv {
    margin: 20px 50px;
    padding: 2rem;
    border-radius: 5px;
}

.container__1h7E_ {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.icon__VzdGt {
    color: var(--text-light-color);
}

.container__2AaPm {
    position: relative;
}

.input__21fuU {
    display: block;
    border: none;
    background-image: none;
    background-color: white;
    box-sizing: border-box;
    padding: 11px 20px 11px 40px;
    border-radius: 10px;
    font-size: var(--15px);
    font-weight: 500;
    line-height: 20px;
    color: inherit;
    width: 100%
}

.input__21fuU:active,
    .input__21fuU:focus {
        outline: none;
    }

.input__21fuU::-moz-placeholder {
        color: var(--text-light-color);
        font-weight: 700;
        font-size: var(--14px);
        text-transform: capitalize;
    }

.input__21fuU:-ms-input-placeholder {
        color: var(--text-light-color);
        font-weight: 700;
        font-size: var(--14px);
        text-transform: capitalize;
    }

.input__21fuU::placeholder {
        color: var(--text-light-color);
        font-weight: 700;
        font-size: var(--14px);
        text-transform: capitalize;
    }

.input__21fuU:-webkit-autofill {
        -webkit-transition: background-color 5000s ease-in-out 0s;
        transition: background-color 5000s ease-in-out 0s;
    }

.icon__jCfww {
    position: absolute;
    top: 12px;
    left: 13px;
    color: var(--text-light-color);
}

.container__251h7 {
    position: relative;
    margin-left: 10px;
}

.select__1o1PC {
    display: block;
    border: none;
    background-image: none;
    background-color: white;
    box-sizing: border-box;
    padding: 11px 20px 10px 40px;
    border-radius: 4px;
    font-size: var(--15px);
    line-height: 20px;
    color: inherit;
    width: 100%;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    text-transform: capitalize
}

.select__1o1PC:active,
    .select__1o1PC:focus {
        outline: none;
        box-shadow: 0 2px 1px -1px silver;
    }

.select__1o1PC::-moz-placeholder {
        color: var(--text-light-color);
        font-weight: 500;
        text-transform: capitalize;
    }

.select__1o1PC:-ms-input-placeholder {
        color: var(--text-light-color);
        font-weight: 500;
        text-transform: capitalize;
    }

.select__1o1PC::placeholder {
        color: var(--text-light-color);
        font-weight: 500;
        text-transform: capitalize;
    }

.select__1o1PC:-webkit-autofill {
        -webkit-transition: background-color 5000s ease-in-out 0s;
        transition: background-color 5000s ease-in-out 0s;
    }

.select__1o1PC option {
        text-transform: capitalize;
    }

.icon__3AvfG {
    position: absolute;
    top: 12px;
    left: 13px;
    /* font-size: var(--18px); */
    color: var(--text-light-color);
}

.container__3lb1C {
    padding: 30px 100px 50px;
    background-color: white;
    border-radius: 4px;
}

.title__2FQYY {
    font-size: var(--20px);
    line-height: 30px;
    text-align: center;
    margin-bottom: 24px;
    font-weight: 700;
}

.subtitle__uBEm8 {
    font-style: normal;
    font-weight: 500;
    font-size: var(--16px);
    line-height: 24px;
    text-align: center;
    margin-bottom: 24px;
}

.button-group__WhZmf {
    display: flex;
    justify-content: space-around;
}

.error__px3Dh {
    background-color: var(--danger-color);
    color: white;
    display: flex;
    justify-content: row wrap;
    align-items: center;
    padding: 1rem;
    border-radius: 4px;
    margin-bottom: 16px;
}

.error-content__2VwAp {
    padding: 0 1rem;
}

.error-title__3VSY_ {
    font-weight: 500;
    font-size: var(--11px);
    line-height: 12px;
    margin-bottom: 0.3rem;
}

.error-message__2eMxN {
    font-size: var(--12px);
    line-height: 14px;
}

.icon__1tyTb {
    color: white;
    font-size: var(--24px);
}

.confirmButton__2sQs-,
.cancelButton__2W7WW {
    min-width: 200px;
    padding: 16px 50px;
}

.confirmButton__2sQs- {
    margin-right: 24px;
}

.cancelButton__2W7WW {
    background-color: #fff;
    color: var(--primary-color);
    box-shadow: 0 4px 16px rgba(254, 94, 0, 0.2);
}

.overlay__3Vrwc {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: scroll;
    z-index: 1000;
    background-color: var(--overlay-color);
    /*backdrop-filter: blur(1px);*/
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center
}

.overlay__3Vrwc.closed__12_QL {
        display: none;
    }

.container__FD2y0 {
    position: relative;
    width: content;
    background-color: white;
    min-height: 100px;
    min-width: 400px;
    padding: 72px 32px 32px;
    border-radius: 10px;
    overflow-y: auto;
}

.close-button__3JDZo {
    position: absolute;
    font-size: var(--14px);
    font-weight: 500;
    line-height: 16px;
    right: 0;
    top: 22px;
}

.close-button__3JDZo,
.close-button__3JDZo svg {
    color: var(--text-color);
}

@media (max-width: 1024px) {
    .overlay__3Vrwc {
        overflow-y: hidden;
    }

    .container__FD2y0 {
        height: 100vh;
        width: 100vw;
    }
}

.container__Zx1mc {
    position: relative;
    width: 100%;
    /*height: 100%;*/
}

.playback-rate-container__1XPCF {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0.5;
    border-radius: 5px
}

.playback-rate-container__1XPCF:hover {
        opacity: 1;
    }

.button__2I0CY {
    margin: 0;
    opacity: 0.5;
    border-radius: 0;
    outline: none
}

.button__2I0CY:hover {
        opacity: 0.8;
    }

.left__265Ah {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.right__9R6Mg {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.rate__1oaFW {
    text-align: center;
    color: white;
    padding: 2px 5px;
    cursor: pointer;
}

.rate-active__3CQcY {
    background: white;
    color: var(--text-color);
    border-radius: 5px;
}

.player__3jXeX {
    width: auto !important;
    height: auto !important;
    display: flex
}

.player__3jXeX .react-player__preview {
        background-color: var(--text-color);
        min-height: 300px;
        background-size: contain !important;
    }

.player__3jXeX video {
        max-height: 300px;
        background-color: var(--text-color);
    }

.playIcon__ztFby {
    width: 32px !important;
    height: 32px !important;
    opacity: 0.5
}

.playIcon__ztFby:hover {
        opacity: 1;
    }

.container__kLoyU {
    width: 48px;
    height: 48px
}

.container__kLoyU [class='CircularProgressbar-trail'],
    .container__kLoyU [class='CircularProgressbar-background'] {
        stroke: transparent !important;
    }

.container__kLoyU [class='CircularProgressbar-path'] {
    }

.container__kLoyU [class='CircularProgressbar-text'] {
        font-size: 1.6875rem !important;
        font-weight: 500 !important;
        line-height: 18px !important;
        dominant-baseline: central !important;
        -webkit-user-select: none !important;
           -moz-user-select: none !important;
            -ms-user-select: none !important;
                user-select: none !important;
    }

.zero__2CqT3 [class='CircularProgressbar-path'] {
        stroke: var(--text-light-color) !important;
    }

.zero__2CqT3 [class='CircularProgressbar-text'] {
        fill: var(--text-light-color) !important;
    }

.primary__3qYjX .CircularProgressbar-path {
        stroke: var(--primary-color) !important;
        color: var(--primary-color) !important;
    }

.primary__3qYjX .CircularProgressbar-text {
        fill: var(--primary-color) !important;
        color: var(--primary-color) !important;
    }

.container__1TbFM {
    display: flex;
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
    margin-left: 20px;
}

.title__PXNK6 {
    font-size: var(--11px);
    font-weight: 500;
    line-height: 12px;
    margin-top: 8px;
    opacity: 0.8;
    text-transform: uppercase;
}

.container__t1Haf {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: center;
    opacity: 0.75;
}

.icon__3wvVr {
    font-size: var(--28px);
}

.value__5CW_6 {
    font-size: var(--15px);
    font-weight: 700;
    margin-top: 4px;
    opacity: 0.75;
    text-transform: uppercase;
}

.title__2N64c {
    font-size: var(--11px);
    font-weight: 500;
    margin-top: 4px;
    opacity: 0.8;
    text-transform: uppercase;
}

.container__3_VVg {
}

.label-chart__3GH4w {
    font-size: var(--12px);
    font-weight: 500
}

.label-chart__3GH4w * {
        stroke: none;
        fill: white;
    }

.root__8LIjq {
    /* padding-top: 1rem; */
    /* margin-right: 200px; */
}

.container__3-vcR {
    display: flex;
    padding: 24px;
    flex-flow: row nowrap;
    justify-content: center;
    color: var(--text-light-color);
    list-style: none;
}

.page-link__29MSf,
.previous-link__VbxIW,
.next-link__34p8u,
.break-link__3s7sL {
    position: relative;
    float: left;
    text-decoration: none;
    margin-left: -1px;
    padding: 4px 12px;
    margin: 0 4px;
    outline-style: none;
    color: inherit;
    cursor: pointer;
    font-weight: 700;
    font-size: var(--16px);
    line-height: 24px;
}

.previous-link__VbxIW,
.next-link__34p8u {
    color: var(--text-color);
    font-size: var(--24px);
}

.previous.disabled .previous-link__VbxIW,
.next.disabled .next-link__34p8u,
.disabled__hhu28 .icon__N6ILu {
    color: transparent;
    cursor: default
}

.previous.disabled .previous-link__VbxIW:hover, .next.disabled .next-link__34p8u:hover, .disabled__hhu28 .icon__N6ILu:hover {
        color: transparent;
    }

:not(.active__SXTjD).page-link__29MSf:hover,
:not(.active__SXTjD).previous-link__VbxIW:hover,
:not(.active__SXTjD).next-link__34p8u:hover,
.icon__N6ILu:hover {
    color: var(--primary-color);
    text-shadow: 0 0 16px var(--primary-color);
}

.active__SXTjD {
    cursor: default;
    color: var(--text-color);
}

.container__3bluu {
    /*border-bottom: 1px solid var(--background-divider-color);*/
    /*background: var(--text-light-color);*/
}

.cell__2GBS- {
    padding: 15px;
    text-align: left;
    text-transform: capitalize;
    color: var(--text-color)
}

.cell__2GBS-:first-of-type {
        padding-left: 40px;
    }

.title__3MmVY {
    margin-right: 10px;
    font-size: var(--12px);
    font-weight: 500;
    color: var(--text-light-color);
}

.active__IljV5 {
    cursor: pointer
}

.active__IljV5:hover .title__3MmVY {
        color: var(--text-color);
    }

.cell-container__jE4QE {
    display: flex;
    flex-flow: row nowrap;
}

.icon__3rg5E {
    font-size: var(--12px);
    margin-top: 1px;
    color: var(--text-light-color);
}

.progress-bar__ADe3r {
    position: fixed;
    overflow: hidden;
    background-color: var(--primary-color);
    height: 3px;
    width: 0;
    left: 0;
    /* top: 77px; */
    top: 0;
    transition: width 0.35s;
    z-index: 1000;
    opacity: 0.5;
}

.done__1vtNl {
    width: 100%;
}

.hide__1fFSk {
    position: fixed;
    overflow: hidden;
    background-color: var(--primary-color);
    height: 3px;
    width: 0;
    left: 0;
    top: 77px;
}

.progress-animation1__wZptx {
    -webkit-animation: progress1__2SfmH 20s;
            animation: progress1__2SfmH 20s;
}

@-webkit-keyframes progress1__2SfmH {
    0% {
        width: 10%;
    }
    20% {
        width: 70%;
    }
    100% {
        width: 100%;
    }
}

@keyframes progress1__2SfmH {
    0% {
        width: 10%;
    }
    20% {
        width: 70%;
    }
    100% {
        width: 100%;
    }
}

.progress-animation2__3VJ_s {
    -webkit-animation: progress2__1qwGu 18s;
            animation: progress2__1qwGu 18s;
}

@-webkit-keyframes progress2__1qwGu {
    0% {
        width: 20%;
    }
    30% {
        width: 60%;
    }
    100% {
        width: 100%;
    }
}

@keyframes progress2__1qwGu {
    0% {
        width: 20%;
    }
    30% {
        width: 60%;
    }
    100% {
        width: 100%;
    }
}

.progress-animation3__2JOGc {
    -webkit-animation: progress3__38lf3 15s;
            animation: progress3__38lf3 15s;
}

@-webkit-keyframes progress3__38lf3 {
    0% {
        width: 30%;
    }
    50% {
        width: 90%;
    }
    100% {
        width: 100%;
    }
}

@keyframes progress3__38lf3 {
    0% {
        width: 30%;
    }
    50% {
        width: 90%;
    }
    100% {
        width: 100%;
    }
}

.tab-list__2YmR4 {
    text-transform: capitalize;
    margin-bottom: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    list-style: none
}

.tab-list__2YmR4 li {
        background: var(--background-divider-color);
        border-radius: 0;
        border: 0;
        font-weight: 500;
        font-size: var(--12px);
        padding: 5px 20px;
        cursor: pointer
    }

.tab-list__2YmR4 li:first-child {
            border-radius: 5px 0 0 5px;
        }

.tab-list__2YmR4 li:last-child {
            border-radius: 0 5px 5px 0;
        }

.tab-list__2YmR4 .react-tabs__tab--selected {
        background: var(--primary-color);
        color: white;
        font-weight: normal;
    }

.tab-list-hide__UhnTY {
    display: none;
}

.tabs___ax8T,
.tabPanel__2rObT {
}

.emptyTab__FJ-8G {
    display: none;
}

.container__1gHAP {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
}

.input__2jX3h {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 16px;
    margin-right: 48px;
    border: 1px solid var(--background-main-gray);
    border-radius: 10px
}

.input__2jX3h::-moz-placeholder {
        color: var(--text-light-color);
        font-size: var(--14px);
        font-weight: 500
    }

.input__2jX3h:-ms-input-placeholder {
        color: var(--text-light-color);
        font-size: var(--14px);
        font-weight: 500
    }

.input__2jX3h::placeholder {
        color: var(--text-light-color);
        font-size: var(--14px);
        font-weight: 500
    }

.input__2jX3h::-moz-placeholder:first-letter {
            text-transform: uppercase;
        }

.input__2jX3h:-ms-input-placeholder:first-letter {
            text-transform: uppercase;
        }

.input__2jX3h::placeholder:first-letter {
            text-transform: uppercase;
        }

.button__2J9tN {
    /* width: 95px;
    height: 35px;
    background-color: var(--form-input-icon-color);
    color: white;
    padding: 3px 16px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; */
}

.header-search__1fwOu {
    position: relative;
    width: 280px;
}

.input__3vG_L {
    display: block;
    border: none;
    background-image: none;
    background-color: white;
    box-sizing: border-box;
    padding: 9px 9px 9px 48px;
    border-radius: 10px;
    border: 2px solid var(--background-main-gray);
    font-size: var(--14px);
    line-height: 20px;
    color: inherit;
    width: 100%;
    transition: border-color 0.15s ease-in-out 0s
    /*&:active,*/
}

.input__3vG_L:focus {
        outline: none;
        border-color: var(--text-color);
    }

.input__3vG_L::-moz-placeholder {
        color: var(--text-light-color);
        font-weight: 500
    }

.input__3vG_L:-ms-input-placeholder {
        color: var(--text-light-color);
        font-weight: 500
    }

.input__3vG_L::placeholder {
        color: var(--text-light-color);
        font-weight: 500
    }

.input__3vG_L::-moz-placeholder:first-letter {
            text-transform: uppercase;
        }

.input__3vG_L:-ms-input-placeholder:first-letter {
            text-transform: uppercase;
        }

.input__3vG_L::placeholder:first-letter {
            text-transform: uppercase;
        }

.input__3vG_L:placeholder-shown {
        padding: 9px 9px 9px 48px;
    }

.input__3vG_L:-webkit-autofill {
        -webkit-transition: background-color 5000s ease-in-out 0s;
        transition: background-color 5000s ease-in-out 0s;
    }

.input__3vG_L.error__3kZhY {
        border-color: var(--danger-border-color);
    }

.input__3vG_L::-webkit-outer-spin-button,
    .input__3vG_L::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.input__3vG_L {

    /* Firefox */
}

.input__3vG_L[type='number'] {
        -moz-appearance: textfield;
    }

.icon__1H1v6 {
    position: absolute;
    top: 10px;
    left: 20px;
    font-size: var(--14px);
    font-weight: lighter;
    color: var(--form-input-icon-color)
}

.icon__1H1v6.error__3kZhY {
        color: var(--danger-border-color);
    }

.header-filter-menu__H-YYt {
}

.title__2vKI5 {
    display: flex;
    align-items: center;
    cursor: pointer
}

.title__2vKI5 > span {
        font-weight: 500;
        font-size: var(--14px);
        line-height: var(--18px);
        color: var(--text-light-color);
        margin-right: 14px;
    }

.title__2vKI5 > span:first-letter {
        text-transform: capitalize;
    }

.menu__2-dK1 {
    margin-bottom: 28px;
}

.menu-item__3eUP5 {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    list-style-type: none;
    margin: 14px 16px;
    cursor: pointer
}

.menu-item__3eUP5 > span {
        font-weight: 500;
        font-size: var(--14px);
        line-height: var(--16px);
        color: var(--text-color);
    }

.menu-item__3eUP5 > span:first-letter {
        text-transform: capitalize;
    }

.check-icon__3R4h2 {
    color: var(--primary-color);
}

.header-filter-group__2oLg6 {
    margin: 0 auto;
    padding: 0 24px;
    width: 100%;
    max-width: 400px;
}

.header-search-improvements__2oZm1 {
}

.modal__2rxh7 {
    display: block;
    position: absolute;
    background-color: white;
    border-radius: 10px;
    padding: 16px;
    box-shadow: 0 0 16px 0 rgba(220, 220, 220, 0.6);
    z-index: 1001;
    transition: left 0.2s ease-in-out;
    width: calc(100% - 48px);
    top: 10px;
    left: 24px
}

.modal__2rxh7.closed__2RVus {
        left: 105vw;
    }

.overlay__1RNkI {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    overflow: hide;
    z-index: 1000
}

.overlay__1RNkI.closed__2RVus {
        display: none;
    }

.search__ma4fK {
    outline: none;
    padding: 0 30px;
    width: 100%
}

.search__ma4fK:-webkit-autofill {
        -webkit-transition: background-color 5000s ease-in-out 0s;
        transition: background-color 5000s ease-in-out 0s;
    }

.search-button-container__1rjag.hidden__1N9aq {
    display: none;
}

.search-button__17eXn {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 10px 10px 10px 15px;
    background-color: white;
    border-radius: 10px;
    height: 42px;
    width: 304px;
}

.search-text__2nNU4 {
    flex: 10;
    text-align: left;
    padding-left: 10px;
}

.placeholder__39m-x {
    font-size: var(--14px);
    /*font-weight: 700;*/
    color: var(--text-light-color);
}

.placeholder__39m-x:first-letter {
    text-transform: uppercase;
}

.icon__244lT {
    position: absolute;
    left: 16px;
    top: 16px;
    color: var(--text-light-color);
}

.search-icon__11tOP {
    cursor: pointer;
    color: var(--text-light-color);
}

.clearIconWrapper__S1mFS {
    display: flex;
    cursor: pointer;
}

.clear-icon-modal__1-gPx {
    position: absolute;
    right: 16px;
    top: 16px;
}

.improvements__1GAA0 {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin-top: 16px;
}

.tag__2nJfN {
    font-size: var(--14px);
    /*font-weight: 500;*/
    padding: 8px 12px;
    margin-right: 12px;
    margin-bottom: 12px;
    border-radius: 10px;
    cursor: pointer;
    color: var(--primary-color);
    background-color: var(--primary-selection-color)
}

.tag__2nJfN.active__34gu_ {
        color: white;
        background-color: var(--primary-color);
    }

.mobile .search-button__17eXn {
        padding: 0;
        width: auto;
        height: auto;
        background-color: transparent;
    }

.mobile .search-text__2nNU4,
    .mobile .clearIconWrapper__S1mFS {
        display: none;
    }

.thumbnail__1G4C_ {
    /* width: 40px; */
    height: 50px;
    padding: 4px;
    border: 1px solid var(--background-divider-color);
    border-radius: 4px;
    -o-object-fit: cover;
       object-fit: cover;
    vertical-align: middle;
}

.tool-tip__140Zv {
    max-height: 300px;
    //overflow-y: auto;
}

.react-tooltip-lite {
    background-color: white;
    color: var(--text-color);
    border-radius: 10px;
    min-width: 180px;
    /*min-height: 100px;*/
    box-shadow: 0 0 16px 0 rgba(220, 220, 220, 1);
    max-height: calc(100vh - 250px);
    overflow-y: auto;
}

.react-tooltip-lite-arrow {
    border-color: white;
}

.container__2GG9f {
    padding: 4px 12px;
    cursor: pointer;
    white-space: nowrap;
}

.title__3_GIG {
    display: inline-block;
    font-weight: 500;
    line-height: 18px;
    margin-right: 10px;
}

.title__3_GIG:first-letter {
    text-transform: uppercase;
}

.container__3acXO {
    margin: 8px 0;
    display: flex;
    flex-flow: column nowrap;
    font-size: var(--14px);
    justify-content: flex-start;
    overflow: auto;
    max-width: 300px;
}

.option__2Ra7T {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;
    list-style-type: none;
    cursor: pointer;
}

.option__2Ra7T:hover {
    background-color: var(--selection-color);
}

.title__9Cg82 {
    display: inline-block;
    font-weight: 500;
    font-size: var(--14px);
    line-height: 16px;
    color: var(--text-color)
}

.title__9Cg82:first-letter {
        text-transform: uppercase;
    }

.divider__wSSiR {
    margin: 4.5px 16px;
    border-bottom: 1px solid var(--background-main-gray);
}

.icon__uCHbN {
    font-size: var(--14px);
    color: var(--primary-color);
}

.button__21zDA {
    outline: none;
}

.container__1YDO6 {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    margin: 8px 0;
}

.option__1kbMe {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    padding: 3.5px 16px;
    list-style-type: none;
    cursor: pointer;
}

.option__1kbMe.without-icons__2HT2m {
    padding: 6px 16px;
}

.option__1kbMe:hover {
    background-color: var(--selection-color);
}

.iconContainer__1gmt1 {
    min-width: 32px;
}

.iconContainer__1gmt1.without-icons__2HT2m {
    min-width: 0;
}

.title__Jg2ik {
    display: inline-block;
    /*font-weight: 500;*/
    font-size: var(--14px);
    line-height: 24px;
    color: var(--text-color)
}

.title__Jg2ik:first-letter {
        text-transform: uppercase;
    }

.divider__2qd1d {
    margin: 4.5px 16px;
    border-bottom: 1px solid var(--background-main-gray);
}

.icon__2Z5Fy,
.sprite__3o1PB {
    font-size: var(--24px);
}

.button__1qwx4 {
    outline: none;
}

.container__1TqQQ {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    margin: 8px 0;
}

.button__19mxF {
    outline: none;
}

.container__1EH5u {
}

.tab-list__X7djA {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}

.tab__3MJ-8 {
    list-style-type: none;
    margin-right: 24px;
    cursor: pointer;
    color: var(--text-light-color);
    padding-bottom: 3px;
    border-bottom: 2px solid transparent;
    text-transform: capitalize;
    background-color: transparent;

    font-size: var(--16px);
    line-height: 24px;
}

.tab__3MJ-8.active__t4_AN {
    color: var(--text-color);
    background-color: transparent;
    border-bottom: 2px solid var(--primary-color);
}

.hidden__1MYds {
    display: none;
    position: absolute;
}

.link__AxGrJ {
    display: inline-block;
    text-decoration: none;
    margin-right: 24px;
    cursor: pointer;
    color: var(--text-light-color);
    border-bottom: 2px solid transparent;
    text-transform: capitalize;
    background-color: transparent;
    font-size: var(--16px);
    line-height: 24px;
    white-space: nowrap;
}

.active__3cC2R {
    color: var(--text-color);
    background-color: transparent;
    border-bottom: 2px solid var(--primary-color);
}

.cell__3Te8t {
    text-align: left;
    color: var(--text-light-color);
    text-transform: capitalize;
    display: table-cell;
    vertical-align: top;
}

.orderable__1wLRv:hover {
    color: var(--text-color);
    cursor: pointer;
}

.title__GaAEH {
    display: inline-block;
    margin-right: 5px;
    line-height: 24px;
    font-weight: 500;
    font-size: var(--12px);
    vertical-align: top;
}

.notOrderable__3fdeW {
    margin-right: 0;
}

.paginator__3hwqh {
    margin: 15px 24px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.drop-down__7-ht8 {
    flex: 1 1 100px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
}

.spacer__1pTY7 {
    flex: 1 100 100px;
}

.pageSize__2N18O {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
}

.pageSize__2N18O:hover .pageSizeTitle__2dFnV {
    color: var(--text-color);
}

.pageSizeTitle__2dFnV {
    color: var(--text-light-color);
    margin-right: 15px;
    transition: color 0.3s ease-in-out;
}

.pageSizeValue__1bzic {
    margin-right: 8px;
}

.mobile .paginator__3hwqh {
        margin: 0;
        flex-flow: column;
    }

.container__3pS5i {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: var(--14px);
    color: var(--text-color);
}

.more__2LaJE {
    color: var(--light-green);
}

.less__IMCk1 {
    color: var(--light-red);
}

.zero__3gqFu {
    color: var(--text-light-color);
}

.completed__2mVzi {
    color: var(--dark-blue);
}

.score__6cVRG {
    color: var(--primary-color);
}

.assigned__1O-n8 {
    color: var(--text-light-color);
}

.subTitle__jSQ4k {
    font-size: var(--12px);
    color: var(--text-light-color);
}

.paramsWrapper__1PXVU {
}

.completedParams__3loX0 {
    display: flex;
    margin-bottom: 2px;
}

.persentParamsWrapper__3ZveM {
    display: flex;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
}

.completedStats__31JJg {
    margin-right: 8px;
}

.container__1ApCb {
    margin-right: 5px;
}

.container__PR2b3 {
    display: flex;
    margin: 0 245px;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.header__xUyJB {
    max-width: 304px;
    margin-bottom: 32px;
}

.title__2f4yP {
    font-weight: 700;
    font-size: var(--20px);
    line-height: 30px;
    margin-bottom: 8px;
}

.subtitle__3e12U {
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 8px;
    color: var(--text-light-color);
    font-size: var(--14px);
}

.sendIcon__3qsqt {
    width: 120px;
    height: 120px;
    margin-bottom: 8px;
}

@media (max-width: 1024px) {
    .container__PR2b3 {
        margin: 0;
        height: 100%;
        justify-content: center;
    }
}

.content-container__3i_zy {
    margin: 8px 0;
}

.custom-container__PZJN7 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    margin: 16px;
    /* width: 600px; */
}

.menu-container__3f9fm {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    min-width: 181px;
}

.custom-container__PZJN7 .menu-container__3f9fm {
    margin-left: 16px;
}

.option__2jlY5 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;
    list-style-type: none;
    cursor: pointer;
}

.option__2jlY5:hover {
    background-color: var(--selection-color);
}

.title__To6iy {
    display: inline-block;
    font-weight: 500;
    font-size: var(--14px);
    line-height: 16px;
    color: var(--text-color)
}

.title__To6iy:first-letter {
        text-transform: uppercase;
    }

.divider__2zzZS {
    margin: 4.5px 16px;
    border-bottom: 1px solid var(--background-main-gray);
}

.icon__2CLOd {
    font-size: var(--14px);
    color: var(--primary-color);
}

.calendar-icon__iC5z7 {
    display: none;
    color: var(--text-light-color);
}

.button__Yo-FU {
    outline: none;
    width: 160px;
    height: 36px;
    padding: 0 8px 0 16px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    border: 2px solid var(--background-main-gray);
    border-radius: 10px
}

.button__Yo-FU > h4 {
        font-weight: 500;
        font-size: var(--14px);
        line-height: 18px;
        white-space: nowrap
    }

.button__Yo-FU > h4:first-letter {
            text-transform: capitalize;
        }

.datepicker__2R3SY {
    display: flex;
    flex-flow: row nowrap
}

.datepicker__2R3SY .react-datepicker {
        border: none;
    }

.datepicker__2R3SY .react-datepicker__header {
        background-color: white;
        border: none;
    }

.datepicker__2R3SY .react-datepicker__day-name {
        color: var(--text-light-color);
        font-weight: 500;
    }

.datepicker__2R3SY .react-datepicker__day--in-range {
        color: var(--text-color);
        background-color: rgba(254, 94, 0, 0.1);
        width: calc(1.7rem + 0.166rem + 0.166rem);
        margin-left: 0;
        margin-right: 0;
        border-radius: 0;
    }

.datepicker__2R3SY {
    /* & :global(.react-datepicker__day--selected), */
    }

.datepicker__2R3SY .react-datepicker__day--range-start,
    .datepicker__2R3SY .react-datepicker__day--range-end {
        color: white;
        background-color: var(--primary-color);
        border-radius: 50%;
        width: 1.7rem;
        margin: 0.166rem;
    }

.datepicker__2R3SY .react-datepicker__day--in-selecting-range {
        background-color: rgba(254, 94, 0, 0.1);
        color: var(--text-color);
    }

.datepicker__2R3SY .react-datepicker__day--in-selecting-range:hover {
        background-color: var(--primary-color);
        color: white;
    }

.apply-container__WYE-d {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
    margin-top: 16px;
    padding: 16px;
    border-top: 1px solid var(--background-main-gray);
}

.date-range__UQUMp {
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    margin-right: 27px;
}

.custom__2cCIu .datepicker-container__2fe_J {
        /* display: block; */
    }

.mobile .calendar-icon__iC5z7 {
        display: block;
    }

.mobile .chevron-icon__2OfPI {
        display: none;
    }

.mobile .button__Yo-FU {
        width: auto;
        padding: 0;
        border: none;
    }

.mobile .button__Yo-FU > h4 {
        display: none;
    }

.container__qm5nb {
    display: flex;
    font-weight: 500;
    color: var(--text-light-color)
}
.container__qm5nb table {
        border-spacing: 0;
    }
.container__qm5nb th {
        padding: 8px;
        text-align: center;
        font-size: var(--14px);
        line-height: 18px;
    }
.container__qm5nb.small__2Ab0V th {
        font-size: var(--12px);
        line-height: 14px;
    }
.container__qm5nb td {
        padding: 8px;
        text-align: center;
        font-size: var(--16px);
        line-height: 24px;
    }
.container__qm5nb.small__2Ab0V td {
        font-size: var(--14px);
        line-height: 18px;
    }
.container__qm5nb .higher___ObMP {
        color: var(--text-color);
        font-weight: 700;
    }
.container__qm5nb .separator__2BPQy {
        margin: 16px 8px;
        border-right: 1px solid var(--background-main-gray);
    }
.container__qm5nb td:first-child,
    .container__qm5nb th:first-child {
        border-right: 1px solid var(--background-main-gray);
    }
.container__qm5nb td:last-child,
    .container__qm5nb th:last-child {
        border-left: 1px solid var(--background-main-gray);
    }
.container__qm5nb.without-score__1QvYy td:first-child,
    .container__qm5nb.without-score__1QvYy th:first-child {
        display: none;
    }
.container__qm5nb.without-overtime__3Zc5Q td:last-child,
    .container__qm5nb.without-overtime__3Zc5Q th:last-child {
        display: none;
    }

.switch__nQP-K {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px;
    padding: 2px;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    margin: 0 8px;
    background-color: var(--text-light-color)
}

.switch__nQP-K.active__2JQ6H {
        background-color: var(--primary-color);
    }

.container__2uxDt {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.button__zPUSs {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: transparent
}

.button__zPUSs.active__2JQ6H {
        background-color: white;
    }

.title__3SYUO {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: var(--text-light-color);
    cursor: pointer
}

.title__3SYUO:first-letter {
        text-transform: uppercase;
    }

.container__3I4jo {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 7px;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: white;
    background-color: var(--text-light-color);
}

.tooltip__1P3En {
    padding: 8px;
    border-radius: 5px;
    font-size: var(--14px);
    max-width: 300px;
}
.container__RKMVg {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 48px;
}

.arrow__2Iex3 {
    cursor: pointer;
    display: flex;
    color: var(--text-color)
}

.arrow__2Iex3:hover {
        color: var(--primary-color);
    }

.number__OvSVe {
    padding: 12px;
    color: var(--text-color);
}

.hidden__2mv-U {
    display: none;
}
.container__17-Tl {
    padding: 0 240px;
    display: flex;
    flex-direction: column;
}

.title__1fYM8 {
    width: 100%;
    text-transform: capitalize;
    text-align: center;
    font-size: var(--20px);
    line-height: 24px;
    margin-bottom: 24px;
}

.input-container__2K_nM {
    position: relative;
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
}

.input-wrapper__2Ahf6 {
    display: flex;
    align-items: center;
}

.label__3g-h4 {
    padding-left: 14px;
    line-height: 24px;
    font-weight: 500;
    color: var(--text-color)
}

.label__3g-h4:first-letter {
        text-transform: uppercase;
    }

.input__cSp_T {
    max-width: 100%

}

.input__cSp_T .react-select__menu {
        position: relative;
    }

.controllerClass__2x29P {
    z-index: 100;
}

.button-container__1TMH6 {
    display: flex;
    justify-content: center;
}

.button__2cMQR {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.icon-container__10BmY {
    position: absolute;
    right: 8px;
    height: 24px;
    cursor: pointer;
    color: var(--background-main-gray);
}

.icon__luQIN {
    transition: color 0.15s ease-in-out
}

.icon__luQIN:hover {
        color: var(--text-light-color);
    }
.container__2k3Hs {
    border: 2px solid var(--background-main-gray);
    border-radius: 10px;
    padding: 9px 8px;
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
}
.input__j-saf {
    width: 40px;
    outline: none;
}
.button__1GE9e {
    padding: 4px;
}
.number-link__xE8s1 {
    display: flex;
    font-size: 14px;
    text-decoration: underline;
    flex-flow: row nowrap;
    align-items: center;
}
.icon__dzOwE {
    cursor: pointer;
    margin-left: 5px;
    color: var(--text-light-color);
    transition: opacity 0.3s ease
}
.icon__dzOwE:hover {
        opacity: 0.6;
    }
.copy-icon__1G64_ {
    color: var(--text-light-color);
    cursor: pointer;
    transform: scale(.75);
}

.copy-icon-container__qtl-Z {
    height: 16px;
    display: flex;
    align-items: center;
}
.form__1R7KF {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.logo__92MyU {
    height: 50px;
    margin-bottom: 30px;
}

.title__C1tuw {
    margin-bottom: 24px;
    color: var(--text-color);
    font-weight: 700;
    font-size: var(--20px);
    line-height: 30px
}

.title__C1tuw:first-letter {
        text-transform: capitalize;
    }

.agree-container__19NGI {
    display: flex;
    flex-direction: column;
}

.paragraph__2uK3K {
    font-size: var(--16px);
    line-height: 24px;
    font-weight: 500;
    text-align: center;
    color: var(--text-color);
}

.link__2U1hT {
    color: var(--primary-color);
    cursor: pointer;
    text-decoration: underline;
}

.inputs__1Twmz {
    width: 100%;
}

.submit__G4kFx {
    width: 220px !important;
}

.server-error__3zjlE {
}

.recaptcha__2JijO {
    width: 280px;
}

.capitalize__3JfTS {
    text-transform: capitalize;
}

.actions__5TpML {
    margin-bottom: 32px;
}

.social__2tDOy {
    text-align: center;
    width: 100%;
}

.facebook__58HDJ {
    font-size: var(--14px);
    border-radius: 10px;
    padding: 8px 15px;
    text-transform: none
}

.facebook__58HDJ svg {
        font-size: var(--14px);
    }

.divider__3U2tv {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    width: 100%;
    margin: 24px 0 10px
}

.divider__3U2tv .line__2w9M9 {
        width: 100%;
        border-top: 1px solid var(--background-main-gray);
    }

.divider__3U2tv .or__Vsb70 {
        margin: 0 8px;
        font-weight: 500;
        font-size: var(--14px);
        line-height: 18px;
        color: var(--text-light-color);
    }

.player-name__25A8e {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 18px
}

.player-name__25A8e > div {
        width: 192px;
    }

.checkbox__1qIQG {
    display: inline-block;
    height: 24px;
    outline: none;
    vertical-align: middle;
    margin-right: 13px;
    margin-bottom: 3px;
    color: var(--text-light-color);
}

.checked__3JB69 {
    color: var(--primary-color);
}

.checkbox-label__2nnd9 {
    cursor: pointer;
}

.small__11P0c {
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
}

.comment__10Abk {
    font-style: normal;
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-light-color);
    text-align: center;
    margin-bottom: 16px;
}

.error-message__EoAmT {
    width: 100%;
    height: 18px;
    padding-left: 6px;
    overflow: hidden;
    font-size: var(--11px);
    color: var(--danger-color);
    text-align: left;
}

.facebookIcon__2lcIt {
    margin-right: 10px !important;
}

.facebookTitle__s7oUD {
    display: block !important
}

.facebookTitle__s7oUD:first-letter {
        text-transform: uppercase;
    }

.club__2B9CR,
.controllerClass__1eEbz,
.countrySelector__aNWO_ {
    max-width: 100%;
}

@media (max-width: 460px) {
    .player-name__25A8e {
        flex-direction: column
    }

        .player-name__25A8e div {
            width: 100%;
        }

    .actions__5TpML {
        width: 100%
    }

        .actions__5TpML .submit__G4kFx {
            width: 100% !important;
        }
}


.content__26drj {
    background-color: #fff;
    border-radius: 10px;
    padding: 24px;
    min-height: calc(100vh - 180px);
    margin-top: 151px;
}

.empty-content__13yOQ {
    padding-top: 10%;
    text-align: center;
}

.message__1UMTP {
    font-size: var(--32px);
    line-height: 13px;
    margin-bottom: 40px;
    color: var(--text-light-color);
    opacity: 0.8;
}

.table__3hcs5 {
    width: 100%;
    border-collapse: collapse;
}

.modal__2h6Qx {
    width: 440px;
}

.container__1us56 {
    font-size: var(--14px);
    font-weight: 500;
    line-height: var(--24px);
    cursor: pointer;
    color: var(--text-light-color)
}

.container__1us56 p {
        margin: 14px 0;
    }

.container__1us56 td {
        border-bottom: 1px solid var(--background-main-gray);
    }

.withPhoto__2186a {
    display: flex;
    align-items: center;
}

.status__wOYvt {
    font-size: var(--16px);
    font-weight: 700;
    color: var(--primary-color);
}

.photo__LwQaN {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    margin-right: 8px;
}

.status__1aMa- {
    display: inline-block;
    padding: 2px 16px;
    font-weight: 700;
    font-size: var(--12px);
    border-radius: 10px;
    line-height: 18px;
}

.status__1aMa-.expired__1PEN2 {
    background: var(--background-page-gray);
    color: var(--text-light-color);
}

.status__1aMa-.executed__1XTOw {
    background: #D9FFD2;
    color: #21BD56;
}

.status__1aMa-.planned__RPEz_, .status__1aMa-.in_progress__j_JL9 {
    background: #E4F2FF;
    color:  #319197;
}
.filtersContainer__3KyjH {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 24px 24px 0 0;
}

.filters__2H1B4,
.dropdown-container__NLwtk {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.dropdown-container__NLwtk {
    margin-left: 24px;
    font-size: var(--14px);
}

.controls__2qwt6 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
}

.label__31XuY, .labelPeriod__2-kbO {
    color: var(--text-light-color)
}

.label__31XuY:first-letter, .labelPeriod__2-kbO:first-letter {
        text-transform: capitalize;
    }

.labelPeriod__2-kbO {
    margin-right: 12px;
}

.clear-filters-button__WvDpq {
    margin-left: 24px;
    padding: 10px 16px;
    color: var(--text-light-color);
    box-shadow: 0 4px 16px rgba(26, 27, 29, 0.1);
    border-radius: 10px;
    transition: color 0.3s ease
}

.clear-filters-button__WvDpq:hover {
        color: var(--text-color);
    }

.toolTip__2QPHi .react-tooltip-lite {
        overflow: hidden;
    }

@media (max-width: 576px) {
}

@media (max-width: 768px) {
}

.filter-button__3OA5Z,
.filter-reset-button__2Pp1S {
    display: none;
}

.mobile .period-label__31AO_,
    .mobile .dropdown-container__NLwtk,
    .mobile .clear-filters-button__WvDpq {
        display: none;
    }

.mobile .filter-button__3OA5Z {
        display: inline-flex;
        background-color: transparent;
        color: var(--text-light-color);
        cursor: pointer;
    }

.mobile .filter-reset-button__2Pp1S {
        display: block;
        color: var(--text-light-color);
        height: 24px;
    }

.mobile .filter-modal__1iEs8 {
        width: 100%;
        height: 100%;
        overflow-y: auto;
    }

.container__mlxWy {
    width: 100%;
}

.title__2kjZ7 {
    font-weight: 700;
    font-size: var(--20px);
    line-height: 30px;
    color: var(--text-color);
    position: absolute;
    left: 32px;
    top: 25px
}

.title__2kjZ7:first-letter {
         text-transform: uppercase;
    }

.inputStyle__3z_F4 {
    width: 100%;
    max-width: 100%;
}

.submitButton__g08Pj {
    width: 100% !important;
}

.actions__3iMt1 {
    display: flex;
    justify-content: center;
    align-items: center;
    /*margin-bottom: 100px;*/
}

.container__1sMpQ {
    background-color: var(--background-page-gray);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.container__1sMpQ video {
    min-height: 300px;
}

.content__2jlAU {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.left__2PfsP {
    width: 30%;
}

.right__2ypY5 {
    width: 70%;
    background: white;
    border-radius: 10px;
}

.empty-content__3WAPL {
    padding-top: 10%;
    text-align: center;
}

.message__27PEW {
    font-size: var(--16px);
    line-height: 13px;
    margin-bottom: 40px;
    color: var(--text-light-color);
    opacity: 0.8;
}

.detailsHeader__3CaXF {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.backLink-wrapper__1u4AN {
    margin-right: 16px;
}

.backLink__2nFZA {
    display: flex;
    cursor: pointer;
}

.photoWrapper__1_S-G {
    margin-right: 8px;
}

.photo__2Iweg {
    width: 48px;
    height: 48px;
    border-radius: 100%;
}

.titleData__7cVjV {
    display: flex;
    flex-direction: column;
}

.titleData__7cVjV .coach__qVkHV {
    /*font-weight: 500;*/
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-light-color);
}

.titleWrapper__39yW4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.titleWrapper__39yW4 .title__1Qw0B {
    font-weight: 500;
    font-size: var(--20px);
    color: var(--text-color);
    line-height: 30px;
    margin-right: 8px;
    max-width: 650px;
}

.titleWrapper__39yW4 .type__ZNn8H {
    text-transform: capitalize;
    padding: 3px 16px;
    text-align: center;
    border-radius: 10px;
    font-weight: 500;
    font-size: var(--12px);
    color: var(--color-type-gray);
    background-color: var(--background-type-gray);
}

.left__256MC {
    display: flex;
    padding: 24px 0 0 0;
    align-items: center;
}

.right__1167U {
    padding: 24px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.actionBtn__15LRH {
    border-radius: 10px;
    padding: 10px 16px;
    margin-left: 14px;
    position: relative;
}

.iconMenuAltWrapper__34HgK {
    margin: 14px;
    background-color: var(--menu-background-color);
    display: flex;
    padding: 6px 15px;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 4px 16px rgba(26, 27, 29, 0.1);
    border-radius: 10px;
}

.iconMenuAltWrapper__34HgK:hover .menuText__3feLs,
.iconMenuAltWrapper__34HgK:hover .iconMenuAlt__ZG3wC {
    color: var(--text-color);
}

.menuText__3feLs {
    font-weight: 500;
    font-size: var(--14px);
    line-height: 16px;
    transition: color 0.3s ease-in-out;
    color: var(--text-light-color);
}

.iconMenuAlt__ZG3wC {
    transition: color 0.3s ease-in-out;
    color: var(--text-light-color);
    margin-right: 10px;
}

.language__1HWtW {
    margin-right: 32px;
    color: var(--text-light-color);
    font-weight: 500;
    font-size: var(--14px);
    cursor: default;
    text-transform: capitalize;
}

.detailsSubheader__D0pnT {
    margin: 24px 0;
    background: white;
    border-radius: 10px;
    padding: 16px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.prop__1IYzW {
    margin-left: 16px;
    font-size: 14px;
}

.programTitle__3niRr {
    font-size: 16px;
}

.prop__1IYzW:last-of-type {
    margin-left: 32px;
}

.propName__3u5RV {
    color: var(--text-light-color);
}

.programIcon__DLgeT {
    color: var(--primary-color);
}

.programIconWrapper__3JTX3 {
    background: rgba(254, 94, 0, 0.05);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
}

.iconMenuAltWrapper__34HgK {
    height: 40px;
}

.container__1kn1l {
    margin-right: 24px;
}

.title__2BOsK {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 9px;
}

.athleteItem__1TxKr {
    padding-left: 0 !important;
}

.item__1jmLM {
    cursor: pointer;
    margin-bottom: 4px;
    padding: 4px 12px;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 18px;
}

.container__2Fec1 {
    padding-left: 16px;
}

.item__1jmLM.active__1HB-b {
    background: #E8E8E8;
    border-radius: 10px;
}

.chevronIcon__2vkrU {
    color: var(--text-light-color) !important;
}

.chevronIconWrapper__3miyS {
    margin-right: 5px;
    width: 16px;
    height: 16px;
}

.checkIcon__3aWq0 {
    width: 14px;
    height: 14px;
}

.checkIconWrapper__2icsr {
    width: 14px;
    height: 14px;
    margin-left: 5px;
}

.item__1jmLM.withMargin__3htUm {
    margin-left: 4px;
}

.loader__PSTf1 {
    border: 2px solid #FE5E00;
    border-top: 2px solid transparent;
    border-radius: 100%;
    width: 14px;
    height: 14px;
    -webkit-animation: spin__Hb3y2 2s linear infinite;
            animation: spin__Hb3y2 2s linear infinite;
    margin-left: 5px;
}

.button__397Vj {
    box-shadow: none;
    margin-left: auto;
    background: none;
    border: none;
    padding: 0;
}

.button__397Vj > svg {
    margin: 0;
}

@-webkit-keyframes spin__Hb3y2 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes spin__Hb3y2 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.container__1IPEM {
    width: 100%;
}

.content__3PcZ3 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.button__uxoES {
    padding: 10px 16px;
    position: relative;
    margin-left: 16px;
}

.btnWrap__Bg177 {
    display: flex;
    justify-content: flex-end;
    padding: 24px;
}

.image__23vVW {
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-left: 24px;
}

.image__23vVW > img {
    width: 64px;
    height: 64px;
    border-radius: 100%;
}

.athleteInfo__3Jhjj {
    padding: 24px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.athleteAbout__38Nt6 {
    /*margin-left: 72px;*/
}

.athleteParameters__1KXbl {
    margin-left: 24px;
}

.prop__10-C8 {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 18px;
}

.propName__1Oy79 {
    margin-right: 8px;
    color: var(--text-light-color);
}

.propName__1Oy79:first-letter {
    text-transform: capitalize;
}

.propValue__1jlxo {
}

.paramsTitle__2FYBf:first-letter {
    text-transform: capitalize;
}

.paramsTitle__2FYBf {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 8px;
}

.container__36ejm {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.left__O_BVf {
    width: 55%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.right__2HJvS {
    width: 45%;
    padding: 16px 16px 16px 24px;
}

.workoutVideoWrapper__25oh7 {
    width: 100%;
    background: #e8e8e8;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.empty-workout-video__2W-t_ {
    min-height: 280px;
    display: flex;
    align-items: center;
    color: var(--text-light-color);
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.workout-video__2mWBl {
    width: 100%;
    border-radius: 10px;
}

.propTitle__x11Sg {
    padding-bottom: 8px;
    font-size: 16px;
    font-weight: 700;
}

.propTitle__x11Sg:first-letter {
    text-transform: capitalize;
}

.propSubtitle__mPkqa {
    color: var(--text-light-color);
    font-size: 14px;
}

.baseInfo__3Aw3c {
    padding: 24px;
}

.prop__dwfMF {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 18px;
}

.propName__3ERqb {
    margin-right: 8px;
    color: var(--text-light-color);
}

.propName__3ERqb:first-letter {
    text-transform: capitalize;
}

.propValue__Uzg0q {
    color: #FE5E00;
}

.paramsTitle__2JmUA:first-letter {
    text-transform: capitalize;
}

.paramsTitle__2JmUA {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
}

.kpiParameters__1HHvP {
    margin-top: 16px;
}

.controlParameters__1Vl2n {
    margin-top: 16px;
}

.description__ztfPy {
    margin-top: 16px;
}

.empty-content__25zVq {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 48px 0;
}

.message__2_Bua {
    font-size: var(--16px);
    line-height: 13px;
    color: var(--text-light-color);
    opacity: 0.8;
}

.buttons__3QLXE {
    display: flex;
    justify-content: flex-end;
}

.container__xQ5E3 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.left__2kHLs {
    width: 55%;
}

.right__qe5tq {
    width: 45%;
    padding: 16px 16px 16px 24px;
}

.videoWrapper__1hU7E {
    width: 100%;
    background: #e8e8e8;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.emptyVideo__T_YTI {
    min-height: 280px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--background-main-gray);
    color: var(--text-light-color);
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.failedVideo__QZCJA {
    background: black;
}

.errorText__2-vr3 {
    color: var(--danger-color);
    opacity: 0.8;
}

.video__2S6T1 {
    width: 100%;
    border-radius: 10px;
}

.table__KhEMZ {
    width: 100%;
    border-collapse: collapse;
}

.noValues__3kJyH {
    text-align: center;
    color: var(--text-light-color);
    margin-top: calc(30% - 24px);
}

.header__2nYER {
    display: flex;
    justify-content: space-between;
}

.executionData__2YXIC {
    display: flex;
    justify-content: space-between;
}

.buttons__1Urwo {
    display: flex;
    justify-content: center;
    margin: 16px 0;
    padding: 0 16px;
}

.editButton__19eKs {
    margin: 0 16px;
    /*height: 40px;*/
    /*width: calc(50% - 8px);*/
}

.executionDate__2ubz8 {
    color: var(--text-light-color);
    font-size: 14px;
}

.score__3sAQi {
    color: #FE5E00;
}

.container__1kahK {
    font-size: var(--14px);
    font-weight: 500;
    line-height: var(--24px);
    cursor: pointer
}

.container__1kahK p {
      margin: 14px 0;
  }

.container__1kahK td {
      border-bottom: 1px solid var(--background-main-gray);
  }
.container__1CvIZ {
    width: 800px;
    margin-top: 24px;
}

.containerLg__3vHyQ {
}

.containerInput__3gWiB {
    width: calc(100% - 32px);
    min-width: 210px;
}

.input__1yaNI {
}

.actions__3iJIj {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

.inputs__1vZYp {
    display: flex;
    flex-wrap: wrap;
}

.singleInput__1mqC3 .containerInput__3gWiB {
    width: 100%;
}

.containerLg__3vHyQ .kpiInputGroup__gYa4y {
    width: 33%;
}

.kpiInputGroup__gYa4y {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 50%;
}

.units__1S2bB {
    width: 30px;
    margin-left: 8px;
    margin-right: 8px;
}

.label__3CzOI {
    white-space: nowrap;
}

.root__3P_aE {
}

.form__3yg6D {
    width: 100%;
    margin-top: 3px;
}

.inputContainer__3_ZZT {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    min-width: 210px;
    width: 100%;
    padding: 8px;
    text-align: center;
    overflow: hidden;
}

.input__1kCBh {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    cursor: pointer;
}

.button__1lU_d {
    box-shadow: none;
}

.label__35pb_ {
    max-width: 90%;
    overflow-x: hidden;
    font-size: var(--14px);
    line-height: 18px;
    margin-left: 16px;
    color: var(--text-color);
    text-transform: capitalize;
}

.placeholder__19202 {
    overflow-x: hidden;
    font-size: var(--14px);
    line-height: 18px;
    margin-top: 16px;
    color: var(--text-light-color);
    width: 100%;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.error__1Y38J {
    color: var(--danger-color);
    font-size: 11px;
    height: 18px;
}

.container__1kAz2 {
    width: 800px;
    margin-top: 24px;
}

.buttons__1FKFe {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
}

.info__1sM3z {
    color: var(--text-light-color);
    font-size: 14px;
    text-align: center;
    width: 300px;
    margin: 0 auto;
}

.noDataInfo__O85UH {
    color: var(--text-light-color);
    font-size: 14px;
    text-align: center;
    width: 300px;
    margin: 24px auto;
}

.container__14AWa {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.canvasContainer__1NuMb {
    height: 100%;
    aspect-ratio: 9 / 16;
}

.canvas__31C1k {
    width: 100%;
    height: 100%;
}

.phaseItem__3eTFJ {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 9px;
    padding-top: 8px;
    padding-bottom: 8px;
    cursor: pointer;
}

.phaseItem__3eTFJ.disabled__3d6JB {
    filter: brightness(50%);
}

.phaseItem__3eTFJ.error__11kwp {
    -webkit-animation: shake__1L_UY .5s linear;
            animation: shake__1L_UY .5s linear;
}

@-webkit-keyframes shake__1L_UY {
    8%, 41% {
        transform: translateX(-10px);
    }
    25%, 58% {
        transform: translateX(10px);
    }
    75% {
        transform: translateX(-5px);
    }
    92% {
        transform: translateX(5px);
    }
    0%, 100% {
        transform: translateX(0);
    }
}

.phaseItem__3eTFJ:hover {
    background: rgba(197, 197, 197, 0.10);
    filter: brightness(100%);
}

.phaseNum__2fla5 {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 100%;
    color: #000;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 17px;
    margin-right: 15px;
}

.phaseInfo__1ga2J {

}

.phaseName__536U7 {
    color: #DADADA;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.phaseTime__2uZ19 {
    color: #949494;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.left___hjPi {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.phaseControls__1O5hI {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 24px;
    opacity: 0;
}

.phaseControlsVisible__3hJv1 {
    opacity: 1;
}

.phaseShortcut__1AkVS {
    color: #949494;
    text-align: right;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 65px;
}

.phaseConfirmBtn__pU60Q {
    padding: 0;
    background: none;
    margin-left: 10px;
    width: 36px;
    height: 36px;
    border-radius: 50px;
    background: rgba(197, 197, 197, 0.10);
}

.phaseConfirmBtn__pU60Q:hover {
    filter: brightness(140%);
}

.phaseConfirmBtnIcon__2Lnf4 {
    width: 24px;
    height: 24px;
    margin: 0;
    color: #00B0BA;
}

.openBtn__2k56W {
    position: absolute;
    top: 16px;
    right: 24px;
    padding: 0;
    z-index: 9999;
    background: none;
}

.openBtnIcon__O9FDl {
    width: 36px;
    height: 36px;
    margin: 0;
}

.popup__3UhTF {
    position: absolute;
    right: 0;
    z-index: 999999;
    top: 16px;
    border-radius: 15px 0 0 15px;
    background: rgba(38, 38, 38, 0.80);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    padding-top: 13px;
    padding-bottom: 13px;
}

.header__1kvjW {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 17px;
    margin-bottom: 16px;
}

.title__8U2Fh {
    margin-left: 47px;
}

.closeBtn__32cwy {
    padding: 0;
    background: none;
}

.closeBtnIcon__32JOg {
    width: 22px;
    height: 22px;
    margin: 0;
}

.track__272ko {
    bottom: 11px;
    left: 8px;
    position: absolute;
    width: calc(100% - 16px);
    height: 6px;
    border-radius: 10px;
    background: #8E8E8E;
}

.trackCurrentTime__1Oj_n {
    position: absolute;
    height: 6px;
    background: white;
    top: 0;
    left: 0;
}

.trackToSeek__fRxVj {
    position: absolute;
    height: 6px;
    background: #C0C0C0;;
    top: 0;
    left: 0;
}

.timestamp__166iW {
    cursor: pointer;
    position: absolute;
    top: 0;
    transform: translate(-50%, -100%);
    width: 13px;
    height: 13px;
    color: white;
}

.timestamp__166iW > svg {
    width: 13px;
    height: 13px;
}

.timestamp__166iW.active__leki_ {
    color: var(--primary-color);
}

.zoomBtn__2UMbn {
    position: absolute;
    top: 20px;
    left: 27px;
    padding: 0;
    z-index: 9999;
    background: none;
    color: white;
    border-radius: 50px;
    font-size: 12px;
    border: 3px solid white;
    width: 32px;
    height: 32px;
}

.zoomContainer__Dtdvv {
    position: relative;
    border-radius: 10px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.container__2scNi {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    width: 100%;
    outline: none;
    position: relative;
}

.video__1QLKH {
    background: black;
    height: 100%;
    width: 100%;
    border-radius: 10px;
}

.videoContainerCropped__1Hv9E {
    width: 100%;
    height: 100%;
    max-height: calc(100% - 32px);
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.maxHeightContainer__398mH {
    height: 100%;
}

.maxWidthContainer__2SXf_ {
    width: 100%;
}

.leftButtons__32eUY {
    position: absolute;
    left: 16px;
    bottom: 42px;
}

.leftButtons__32eUY > button:first-of-type {
    margin-right: 8px;
}

.rightButtons__3fz7W {
    position: absolute;
    right: 16px;
    bottom: 42px;
}

.rightButtons__3fz7W > button:first-of-type {
    margin-right: 8px;
}

.closeBtn__cXpWL {
    background: black;
    border: 2px solid white;
    color: white;
    border-radius: 20px;
    width: 110px;
}

.recalculateBtn__39tVg {
    width: 110px;
    border-radius: 20px;
    background: black;
    color: var(--primary-color);
    border: 2px solid var(--primary-color);
}

.recalculateBtn__39tVg:disabled {
    filter: brightness(50%);
}

.resetBtn__miyio {
    position: absolute;
    top: 68px;
    left: 24px;
    padding: 0;
    z-index: 9999;
    background: none;
}

.resetBtnIcon__2YGn0 {
    width: 36px;
    height: 36px;
    margin: 0;
}

.warning__1wwoq {
    text-align: center;
    color: var(--text-light-color);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loader__3HexY {
    border: 5px solid #FE5E00;
    border-top: 5px solid white;
    border-radius: 100%;
    width: 64px;
    height: 64px;
    -webkit-animation: spin__1w2NY 2s linear infinite;
            animation: spin__1w2NY 2s linear infinite;
}

.loaderWrapper__2nnNj {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: black;
    border-radius: 10px;
}

.loaderWrapperTransparent__18VsE {
    opacity: 0.85;
}

.arrowBtn__xPs30 {
    background: black;
    border: 2px solid white;
    border-radius: 20px;
    width: 50px;
}

.arrowBtn__xPs30 > svg {
    margin: 0;
}

@-webkit-keyframes spin__1w2NY {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes spin__1w2NY {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.frameModal__2S4Vd {
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-y: hidden;
    background: black;
}

.frameModal__2S4Vd > button {
    background: 0;
    padding: 0;
}

.frameModal__2S4Vd > button > svg {
    display: none;
}

.closeFramesBtn__2UZC8 {
    padding: 4px;
    right: 12px;
    top: 12px;
}

.my-club-form__1wMoM {
    position: relative;
    margin: 0 102px;
    /* height: 510px; */
}
.container__1UOdf {
    display: flex;
    margin: 24px 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
}
.subtitle__f_WiT {
    font-weight: 700;
    font-size: var(--16px);
    line-height: 24px;
    text-align: center;
    margin-bottom: 24px;
    text-transform: capitalize;
}
.input-style__1JKY9 {
    width: 304px !important
}
.input-style__1JKY9 > label {
        text-transform: none;
    }
.input-style__1JKY9 > label:first-letter {
        text-transform: uppercase;
    }
.submit-button__24k7Y {
    margin-top: 24px;
    width: 200px;
}
.actions__1qlfU {
    display: flex;
    justify-content: center;
    align-items: center;
}
.spacer__1NAvN {
    width: 0;
    margin: 0 25px;
    border-left: 1px solid var(--background-main-gray);
}
.label__2-Ia7 {
    text-transform: none;
}

.coachInviteform__3bZmp {
    position: relative;
    margin: 0 102px;
}

.container__2srxw {
    margin: 24px 300px;
}

.title__3Brlh {
    margin-bottom: 24px;
    font-weight: 700;
    font-size: var(--20px);
    line-height: 30px;
    text-align: center;
    color: var(--text-color)
}

.title__3Brlh:first-letter {
        text-transform: uppercase;
    }

.input-style__2v6r7 {
    width: 304px !important
}

.input-style__2v6r7 > label {
        text-transform: none;
    }

.input-style__2v6r7 > label:first-letter {
        text-transform: uppercase;
    }

.submit-button__1isW9 {
    margin-top: 24px;
    width: 200px;
}

.actions__8nuL5 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.form__JNffy {
    display: flex;
}

.image__1bYA0 {
    width: 140px;
    height: 140px;
    margin-right: 24px;
}

.inputs__3dZzB {
    width: 300px;
    display: flex;
    flex-direction: column;
}

.button__3e8mI {
    width: 100% !important;
}

.inputStyle__3vHEA {
}

.coach-role__ddjBl {
    position: relative
}

.coach-role__ddjBl input {
        text-transform: capitalize;
    }

.coach-role__ddjBl button {
        top: 28px;
        right: 6px;
        padding: 8px;
        color: white;
        position: absolute;
        background-color: var(--text-light-color);
        box-shadow: 0px 4px 16px rgba(26, 27, 29, 0.1);
        border-radius: 10px;
    }

.request-message__1NaTY {
    padding: 12px 0;
    color: var(--text-light-color);
    text-align: center;
}

.container__Vh9C2 {
    display: flex;
    flex-direction: column;
    align-items: center
}

.container__Vh9C2 h2 {
        margin-bottom: 32px;
        font-weight: 700;
        font-size: var(--20px);
        line-height: 30px;
        text-align: center
    }

.container__Vh9C2 h2:first-letter {
            text-transform: uppercase;
        }

.plan-items___RODh {
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    overflow-x: auto;
    max-width: 905px;
}

.title__2hTXX {
    margin-top: 24px;
    min-width: 165px;
}

.count-games__3UOfH {
    margin-bottom: 32px;
    font-weight: 700;
    font-size: var(--20px);
    line-height: 30px;
    color: var(--primary-color);
}

.price__2nQRw {
    display: flex;
    justify-content: center;
    padding: 16px 0;
    width: 100%;
    border-top: 1px solid var(--background-main-gray);
    border-bottom: 1px solid var(--background-main-gray);
    margin-bottom: 16px;
    white-space: nowrap;
}

.old-price__3Gkgm {
    margin-right: 8px;
    text-decoration: line-through;
    color: var(--text-light-color);
    font-weight: 500;
}

.paid-before-date__3qYTb {
    min-width: 180px;
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-light-color);
    text-align: center;
}

.item-container__34Da8 {
    margin: 0 12px;
    padding: 16px;
    width: 202px;
    height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: border 0.3s ease;;
}

.active__2NLfy {
    border: 6px solid var(--primary-color);
    box-shadow: 0 10px 24px rgba(254, 94, 0, 0.3), 0 4px 12px rgba(0, 0, 0, 0.1)
}

.active__2NLfy .title__2hTXX {
        margin-top: 18px;
    }

.button__3u96m {
    margin-bottom: 12px;
    width: 248px;
    height: 48px;
}

.not-available__2uQ3e h2 {
        margin-bottom: 24px;
    }

.subtitle__1YOzL {
    width: 300px;
    margin-bottom: 32px;
    text-align: center;
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-light-color)
}

.subtitle__1YOzL:first-letter {
        text-transform: uppercase;
    }
.container__lQ53N {
    display: flex;
    flex-direction: column;
    align-items: center
}

.container__lQ53N h2  {
        margin-bottom: 32px;
        font-weight: 700;
        font-size: var(--20px);
        line-height: 30px;
        text-align: center;
        max-width: 272px
    }

.container__lQ53N h2:first-letter {
            text-transform: uppercase;
        }

.container__lQ53N .games-continer__sj2YS {
        align-items: stretch;
        width: 460px;
        min-height: 154px;
        padding: 16px 24px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        border-radius: 20px;
        margin-bottom: 24px
    }

.container__lQ53N .games-continer__sj2YS h3 {
            display: flex;
            align-items: center;
            margin-bottom: 0;
            font-weight: 700;
            font-size: var(--20px);
            line-height: 30px;
            text-align: center
        }

.container__lQ53N .games-continer__sj2YS h3:first-letter {
                text-transform: uppercase;
            }

.back__2aQtg {
    display: flex;
    align-items: center;
    position: absolute;
    top: 30px;
    left: 24px;
    cursor: pointer
}

.back__2aQtg span {
        margin-right: 8px;
        font-weight: 500;
        font-size: var(--14px)
    }

.back__2aQtg span:first-letter {
            text-transform: uppercase;
        }

.games-continer__sj2YS, .count-container__3Kp4f {
    display: flex;
    justify-content: space-between;
}

.cost-container__YO50b {
    width: 100%;
    display: flex;
    flex-direction: column
}

.cost-container__YO50b p {
        font-weight: 500;
        font-size: var(--16px);
        line-height: 20px;
        color: var(--text-light-color);
        text-transform: uppercase;
        margin-bottom: 8px;
    }

.count-games__2DRBi {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    font-weight: 700;
    font-size: var(--20px);
    line-height: 30px;
    color: var(--primary-color);
}

.vertical-separator__1AD5U {
    height: 100%;
    border-right: 1px solid var(--background-main-gray);
    margin-right: 16px;
}

.horisontal-separator__2cz6z {
    width: 100%;
    border-bottom: 1px solid var(--background-main-gray);
}

.button__17dx6 {
    width: 248px;
    height: 48px;
}

.price__b8w5y {
    display: flex;
    justify-content: left;
    margin: 8px 0 32px;
    white-space: nowrap;
}

.old-price__20QUf {
    margin-right: 8px;
    text-decoration: line-through;
    color: var(--text-light-color);
    font-weight: 500;
}
.container__2x-pl {
    width: 460px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative
}

.container__2x-pl h2 {
        margin-bottom: 16px;
        text-align: center
    }

.container__2x-pl h2:first-letter {
            text-transform: uppercase;
        }

.container__2x-pl iframe {
        height: 500px;
        width: 100%;
    }

.waiting__36y4E {
    visibility: hidden;
}

.totalPayble__3jkHa {
    padding: 16px;
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 20px
}

.totalPayble__3jkHa>span:first-letter {
            text-transform: uppercase;
        }

.totalPayble__3jkHa>span {
        margin-bottom: 8px;
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
        color: var(--text-light-color);
    }

.price__26BjG {
    display: flex;
    justify-content: left;
    white-space: nowrap;
}

.old-price__11nHC {
    margin-right: 8px;
    text-decoration: line-through;
    color: var(--text-light-color);
    font-weight: 500;
}

.spinner-container__3Ldr5 {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.3
}

.spinner-container__3Ldr5 .spinner__EGreb {
        width: 64px;
        height: 64px;
    }
.container__UQeU6 {
    display: flex;
    margin: 0 200px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
}

.title__229vm {
    margin-bottom: 24px;
    font-weight: 700;
    font-size: var(--20px);
    line-height: 30px;
    text-align: center;
    color: var(--text-color)
}

.title__229vm:first-letter {
        text-transform: uppercase;
    }

.subtitle__1Dmm4 {
    font-weight: 700;
    font-size: var(--16px);
    line-height: 24px;
    text-align: center;
    margin-bottom: 24px;
}

.input-style__2WEcP {
    width: 304px !important
}

.input-style__2WEcP > label {
        text-transform: none;
    }

.input-style__2WEcP > label:first-letter {
        text-transform: uppercase;
    }

.input-style__2WEcP ::-moz-placeholder:first-letter {
        text-transform: uppercase;
    }

.input-style__2WEcP :-ms-input-placeholder:first-letter {
        text-transform: uppercase;
    }

.input-style__2WEcP ::placeholder:first-letter {
        text-transform: uppercase;
    }

.submit-button__2cCwm {
    margin-top: 24px;
    width: 200px;
}

.actions__2XYdF {
    display: flex;
    justify-content: center;
    align-items: center;
}

.label__1eXmu {
    text-transform: none;
}

.containerInput__2tcjE {
    margin-bottom: 12px;
}

.submit__2Am01 {
    width: 304px !important;
    margin-bottom: 24px;
}

.container__1IZ0N {
    display: flex;
    margin: 24px 102px 24px 102px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
}

.title__1VgdV {
    font-weight: 700;
    font-size: var(--20px);
    line-height: 30px;
    text-align: center;
    color: var(--text-color)
}

.title__1VgdV:first-letter {
        text-transform: uppercase;
    }

.subtitle__1SZAe {
    font-weight: 700;
    font-size: var(--16px);
    line-height: 24px;
    text-align: center;
    margin-bottom: 24px;
}

.input-style__2wHwA {
    width: 304px !important
}

.input-style__2wHwA > label {
        text-transform: none;
    }

.input-style__2wHwA > label:first-letter {
        text-transform: uppercase;
    }

.submit-button__3f0_5 {
    margin-top: 24px;
    width: 200px;
}

.actions__1uf4q {
    display: flex;
    justify-content: center;
    align-items: center;
}

.spacer__aTGdR {
    width: 0;
    margin: 0 25px;
    border-left: 1px solid var(--background-main-gray);
}

.label__3VsVq {
    text-transform: none;
}

.order-form__3oI-- {
}

.container__3z_eV {
    margin: 24px 102px 24px 102px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
}

.title__3rHDf {
    font-weight: 700;
    font-size: var(--20px);
    line-height: 30px;
    text-align: center;
    color: var(--text-color)
}

.title__3rHDf:first-letter {
        text-transform: uppercase;
    }

.input-style__3-K-p {
    width: 304px !important;
}

.submit-button__3DIX0 {
    width: 200px;
}

.actions__2M3Qm {
    display: flex;
    justify-content: center;
    align-items: center;
    /*margin-bottom: 100px;*/
}

.spacer__KzlMo {
    width: 0;
    margin: 0 25px;
    border-left: 1px solid var(--background-main-gray);
}

.container__3xmt3 {
    margin: 24px 102px 24px 102px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
}

.title__3VDgD {
    font-weight: 700;
    font-size: var(--20px);
    line-height: 30px;
    text-align: center;
    color: var(--text-color)
}

.title__3VDgD:first-letter {
        text-transform: uppercase;
    }

.subtitle__fM8Wo {
    font-weight: 700;
    font-size: var(--16px);
    line-height: 24px;
    text-align: center;
    margin-bottom: 24px;
}

.input-style__Iq5Sb {
    width: 304px !important;
}

.submit-button__lAMTf {
    margin-top: 24px;
    width: 200px;
}

.actions__3tPwn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.spacer__2HCG2 {
    width: 0;
    margin: 0 25px;
    border-left: 1px solid var(--background-main-gray);
}

.label__qyrmj {
    text-transform: none;
}

.container__1uLje {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 500;
    margin: 0 90px;
}

.contentWrapper__Yrzas {
    max-width: 650px;
    display: flex;
    justify-content: center;
}

.leftPart__1_0gf,
.rightPart__K-_BQ {
    width: 304px;
}

.title__15lpw {
    font-weight: 700;
    font-size: var(--20px);
    margin-bottom: 24px;
    text-align: center;
    color: var(--text-color)
}

.title__15lpw:first-letter {
        text-transform: uppercase;
    }

.input-style__1Ov15 {
    text-transform: none;
}

.submit-button__3Bg3f {
    margin-top: 24px;
    font-size: var(--14px);
}

.input-container__3d8l9 {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.partition__1M8V_ {
    margin: 0 25px;
    border-left: 1px solid var(--background-main-gray);
}

.labelTime__31q1- {
    text-transform: none;
    max-width: none;
    margin-right: 0;
}

.time__294Qh {
    display: flex;
}

.minutes__2fUvo {
    margin-right: 15px;
}

.input-label-style__1oS59 {
    margin: 0 5px;
}

.player-form__3t-1n {
    position: relative;
    margin: 0 102px;
    height: 510px;
}
.container__dhPda {
    display: flex;
    margin: 24px 0;
    flex-flow: row nowrap;
    justify-content: center;
    overflow: hidden;
    height: 0
}
.container__dhPda.active__hdP85 {
        height: auto;
        height: initial;
        overflow: visible;
        overflow: initial;
    }
.title__2F1u9 {
    margin-bottom: 24px;
    font-weight: 700;
    font-size: var(--20px);
    line-height: 30px;
    text-align: center;
    color: var(--text-color)
}
.title__2F1u9:first-letter {
        text-transform: uppercase;
    }
.subtitle__3VPaM {
    font-weight: 700;
    font-size: var(--16px);
    line-height: 24px;
    text-align: center;
    margin-bottom: 24px;
}
.input-style__3eLM1 {
    width: 304px !important;
}
.submit-button__2n0Oe {
    margin-top: 24px;
    width: 200px;
}
.actions__K8BfT {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.spacer__1vZC_ {
    width: 0;
    margin: 0 25px;
    border-left: 1px solid var(--background-main-gray);
}
.parent-container__1R-lE {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.player-name-container__30Wxx {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}
.player-name-container__30Wxx .photo__1K3SO {
        margin-top: 24px;
    }
.player-form__1cemq {
    position: relative;
    margin: 0 102px;
    height: 510px;
}

.container__3ViiW {
    display: flex;
    margin: 24px 0;
    flex-flow: row nowrap;
    justify-content: center;
}

.title__39F9t {
    font-weight: 700;
    font-size: var(--20px);
    line-height: 30px;
    text-align: center;
    color: var(--text-color)
}

.title__39F9t:first-letter {
        text-transform: uppercase;
    }

.subtitle__2mnFq {
    font-weight: 700;
    font-size: var(--16px);
    line-height: 24px;
    text-align: center;
    margin-bottom: 24px;
    text-transform: capitalize;
}

.input-style__1__lx {
    width: 304px !important
}

.input-style__1__lx > label {
        text-transform: none;
    }

.input-style__1__lx > label:first-letter {
        text-transform: uppercase;
    }

.submit-button__6uUgI {
    margin-top: 24px;
    width: 200px;
}

.actions__2AM3G {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.actions__2AM3G.assessment__1X0cX {
    bottom: 72px;
}

.spacer__3AS9d {
    width: 0;
    margin: 0 25px;
    border-left: 1px solid var(--background-main-gray);
}

.label__3TNr2 {
    text-transform: none;
}

.inputGroup__2165Z {

}

.inputGroup__2165Z.assessment__1X0cX {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    grid-gap: 16px;
    gap: 16px;
}

.container__2Lycn {
    display: flex;
    margin: 24px 102px 24px 102px;
    flex-flow: row nowrap;
    justify-content: center;

    /* & hr {
        margin: 12px 0 24px;
        // border-style: solid;
        //border-color: var(--background-main-gray);
        border: 1px solid var(--background-main-gray);
    }*/
}

.title__2Bd-y {
    font-weight: 700;
    font-size: var(--20px);
    line-height: 30px;
    text-align: center;
    color: var(--text-color)
}

.title__2Bd-y:first-letter {
        text-transform: uppercase;
    }

.subtitle__20dIb {
    font-weight: 700;
    font-size: var(--16px);
    line-height: 24px;
    text-align: center;
    margin-bottom: 24px
}

.subtitle__20dIb:first-letter {
        text-transform: uppercase;
    }

.inputStyle__1YzOX {
    width: 304px !important
}

.inputStyle__1YzOX .react-select__control {
        cursor: pointer;
    }

.submit-button__mS0Ke {
    margin-top: 24px;
    width: 200px;
}

.actions__3bk6c {
    display: flex;
    justify-content: center;
    align-items: center;
}

.spacer__14wjL {
    width: 0;
    margin: 0 25px;
    border-left: 1px solid var(--background-main-gray);
}

.split__3M9T9 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.small-input-style__1A3v- {
    width: 144px !important;
}

.label__2JvdR {
    text-transform: none;
}

@media (max-width: 1024px) {
    .container__2Lycn {
        display: flex;
        flex-direction: column;
        margin: 0;
        justify-content: center;
        align-items: center;
    }

    .title__2Bd-y {
        margin-bottom: 24px;
    }

    .subtitle__20dIb {
        margin-bottom: 12px;
    }

    .spacer__14wjL {
        width: 304px;
        margin: 25px 0;
        border-left: 0;
        border-bottom: 1px solid var(--background-main-gray);
    }

    .actions__3bk6c .submit__1WeV4 {
        margin-top: 24px;
        width: 304px;
    }
}

.form__1ZhuG {
    margin: 12px 195px 32px;
}

.back__2KrkN {
    display: flex;
    align-items: center;
    position: absolute;
    top: 30px;
    left: 24px;
    cursor: pointer
}

.back__2KrkN span {
        margin-right: 8px;
        font-weight: 500;
        font-size: var(--14px)
    }

.back__2KrkN span:first-letter {
            text-transform: uppercase;
        }

.title__21VQ9 {
    margin-bottom: 16px;
    font-weight: 700;
    font-size: var(--20px);
    line-height: 30px;
    text-align: center;
    color: var(--text-color)
}

.title__21VQ9:first-letter {
        text-transform: uppercase;
    }

.subtitle__3mHdi {
    margin-bottom: 12px;
    font-weight: 700;
    font-size: var(--16px);
    line-height: 24px;
}

.teamsContainerWrapper__2Txg6 {
    display: flex;
    margin-bottom: 24px;
    padding: 8px;
    overflow: hidden;
    align-items: flex-start;
}

.teamsContainer__4HsxF {
    display: flex;
}

.aside__rCF4K {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 304px;
}

.separator__DLPvK {
    margin: 0 24px;
    border-right: 1px solid var(--background-main-gray);
}

.playersList__3CgpA {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.playerData__2Ifmp {
    display: flex;
    align-items: center;
    padding: 12px 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px
}

.playerData__2Ifmp:hover .edit__3QwSz {
            visibility: visible;
        }

.jersey__2CspL {
    margin-right: 8px;
    color: var(--text-light-color);
}

.avatar__3Dx5j {
    margin-right: 8px;
    width: 24px;
    height: 24px;
    border-radius: 6px;
}

.actions__3IZym {
    display: flex;
    justify-content: center;
    align-items: center
}

.actions__3IZym .submit__3X0kp {
        margin-top: 8px;
        width: 100%;
    }

.input-style__2pwii {
    width: 100%;
}

.edit__3QwSz {
    visibility: hidden;
    margin-left: 4px;
    color: var(--text-light-color);
    cursor: pointer
}

.edit__3QwSz svg {
         transform: scale(0.65);
     }

@media (max-width: 1024px) {
    .teamsContainer__4HsxF {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .separator__DLPvK {
        margin: 24px 0;
        width: 304px;
        border: 0;
        border-bottom: 1px solid var(--background-main-gray);
    }

    .actions__3IZym .submit__3X0kp {
        margin-top: 24px;
        width: 304px;
    }
}

.container__3-FPj {
    width: 304px;
    margin: 0 235px 32px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: var(--14px);
    font-weight: 500;
}

.title__2LyN- {
    margin-bottom: 40px;
    text-align: center;
    font-weight: 700;
    font-size: var(--20px);
    line-height: 30px
}

.title__2LyN-:first-letter {
        text-transform: uppercase;
    }

.input__3dITC {
    display: none;
}

.actions__2uaMx {
    margin-bottom: 24px;
    display: flex;
    justify-content: space-between
}

.actions__2uaMx .button__2DCjd {
        width: 145px;
        border-radius: 10px;
    }

.actions__2uaMx .large-button__3eKM1 {
        width: 100%;
    }

.uploadVideo__2uNAn {
    margin-bottom: 24px;
    height: 48px;
    padding-left: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 4px 16px rgba(254, 94, 0, 0.2);
    color: var(--primary-color);
    border: 0;
    cursor: pointer;
    border-radius: 10px;
    font-weight: 500
}

.uploadVideo__2uNAn:hover {
        color: var(--primary-color);
        border: 0;
        opacity: 0.7;
        box-shadow: 0 4px 16px rgba(254, 94, 0, 0.5);
    }

.uploadVideo__2uNAn span:first-letter {
        text-transform: uppercase;
    }

.limit-size__9XqIF {
    margin: 16px 0 24px;
    display: flex;
    align-items: center
}

.limit-size__9XqIF .limit-title__28ve9 {
        color: var(--text-light-color)
    }

.limit-size__9XqIF .limit-title__28ve9:first-letter {
            text-transform: uppercase;
        }

.limit-size__9XqIF .limit-red__3kc_r {
        margin: 0 5px 0 12px;
        font-weight: 700;
        color: var(--danger-color);
    }

.cloudUp__2tx-E {
    color: var(--primary-color);
    margin-right: 8px;
}

.closeIconContainer__38iI2 {
    cursor: pointer;
    height: 24px;
    width: 24px;
}

.closeIcon__1XXt1 {
    color: var(--text-color);
    margin-right: 8px;
}

.progressData__1C-yJ {
    color: var(--text-light-color);
}

.progressLine__1Wpha {
    background-color: var(--background-main-gray);
    margin-bottom: 20px;
}

.persentData__1NxA1 {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.progress__1Y-MQ {
    margin-left: 12px;
}

.checkboxContainer__1jP8a {
    display: flex;
    align-items: center;
    margin-bottom: 28px

}

.checkboxContainer__1jP8a .checkbox__kWkGz {
        height: 24px;
        margin-right: 12px;
        color: var(--text-light-color);
    }

.checkboxContainer__1jP8a .checked__39cDP {
        color: var(--primary-color);
    }

.checkboxContainer__1jP8a .checkbox-label__3Btit {
        cursor: pointer;
    }

.checkboxContainer__1jP8a .checkbox-label__3Btit {
        cursor: pointer
    }

.checkboxContainer__1jP8a .checkbox-label__3Btit:first-letter {
            text-transform: uppercase;
        }

.disabled__1BVpT .uploadVideo__2uNAn {
    color: var(--text-light-color);
    box-shadow: 0 4px 16px rgba(134, 134, 134, 0.5);
    cursor: auto
}

.disabled__1BVpT .uploadVideo__2uNAn .cloudUp__2tx-E {
        color: var(--text-light-color);
    }

.disabled__1BVpT .uploadVideo__2uNAn:hover {
        color: var(--text-light-color);
        box-shadow: 0 4px 16px rgba(134, 134, 134, 0.5);
        opacity: 1;
    }

.disabled__1BVpT .checkboxContainer__1jP8a {
    color: var(--text-light-color)
}

.disabled__1BVpT .checkboxContainer__1jP8a .checkbox__kWkGz {
        color: var(--text-light-color);
    }

.disabled__1BVpT .checkboxContainer__1jP8a .closeIconContainer__38iI2 {
        cursor: auto;
    }

.disabled__1BVpT .checkboxContainer__1jP8a .closeIcon__1XXt1 {
        color: var(--text-light-color);
    }

.dnd-provider-container__10B8m {
    margin-bottom: 24px;
}

.playsight-container__2UF14 {
    display: flex;
    flex-direction: column;
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px
}

.playsight-container__2UF14 .playsight__1rwgx {
        padding: 16px 0;
        margin-bottom: 24px;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid var(--background-main-gray);
    }

.playsight-container__2UF14 .data-container__20PRG {
        display: flex;
        align-items: center;
    }

.playsight-container__2UF14 .data__ckt4f {
        display: flex;
        color: var(--text-light-color);
    }

@media (max-width: 1024px) {
    .container__3-FPj {
        height: 100%;
        margin: 0;
        align-items: center;
        width: 100%;
    }

    .uploadVideo__2uNAn,
    .progressData__1C-yJ {
        width: 304px;
    }
}

.container__36MK5 {
    padding: 0 0 12px 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    color: var(--text-color);
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    justify-content: space-between;
    cursor: pointer
}

.container__36MK5.invisible__2TB4K {
        opacity: 0;
    }

.container__36MK5 .file-name__1QWXj {
        display: flex;
        flex-direction: column;
    }

.container__36MK5 .size__3a6zU {
        color: var(--text-light-color);
        font-weight: 700;
        white-space: nowrap;
    }

.container__36MK5:not(:last-of-type) {
        border-bottom: 1px solid var(--background-main-gray);
    }

.container__36MK5 .close-icon-container__3Xm1p {
        cursor: pointer;
        height: 24px;
        width: 24px;
    }

.disabled__2ir_0 {
    color: var(--text-light-color);
}
.container__2DCGp {
    display: flex;
    margin: 24px 102px 24px 102px;
    flex-flow: row nowrap;
    flex-direction: column;
    min-width: 300px;
}

.form__ejJt7 {
    padding: 24px 76px;
}

.title__1xWIj {
    font-weight: 700;
    font-size: var(--20px);
    line-height: 30px;
    text-align: center;
    color: var(--text-color)
}

.title__1xWIj:first-letter {
        text-transform: uppercase;
    }

.subtitle__1H7hu {
    font-weight: 700;
    font-size: var(--16px);
    line-height: 24px;
    text-align: center;
    margin-bottom: 24px
}

.subtitle__1H7hu:first-letter {
        text-transform: uppercase;
    }

.input-style__1NaSj {
    width: 304px !important
}

.input-style__1NaSj .react-select__control {
        cursor: pointer;
    }

.actions__2oldS {
    display: flex;
    justify-content: space-between
}

.actions__2oldS .button__31HWn {
        border-radius: 10px;
        width: 100%
    }

.actions__2oldS .button__31HWn:first-of-type {
            margin-right: 12px;
        }

.spacer__3SYKZ {
    width: 0;
    margin: 0 25px;
    border-left: 1px solid var(--background-main-gray);
}

.split__i6Rbh {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.small-input-style__3s4Bb {
    width: 144px !important;
}

.label__P9d_f {
    text-transform: none;
}

@media (max-width: 1024px) {
    .container__2DCGp {
        display: flex;
        flex-direction: column;
        margin: 0;
        justify-content: center;
        align-items: center;
    }

    .title__1xWIj {
        margin-bottom: 24px;
    }

    .subtitle__1H7hu {
        margin-bottom: 12px;
    }

    .spacer__3SYKZ {
        width: 304px;
        margin: 25px 0;
        border-left: 0;
        border-bottom: 1px solid var(--background-main-gray);
    }

    .actions__2oldS {
        margin-top: 24px;
        width: 304px;
    }
}

.player-id__acoHP {
    visibility: hidden;
    height: 0;
}

.container__JMH0b {
    cursor: pointer
}

.container__JMH0b td {
        padding: 9px 18px 9px 0;
    }

.checkbox__1QYjH {
    width: 0;
}

.screen-shot__2LGkv {
    width: 132px;
}

.video-info__FFDk7 {
    width: 490px;
}

.icon__32SGp {
    color: var(--text-light-color);
}

.icon__32SGp.checked__3cdcg {
    color: var(--primary-color);
}

.thumbnail__2NgIs {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 84px;
    max-width: 132px;
    overflow: hidden;
    border-radius: 10px;
    background-color: var(--text-color)
}

.thumbnail__2NgIs .image__G7pz8 {
        width: 100%;
    }

.emptyThumbnail__1VRIZ {
    color: var(--text-light-color);
}

.empty-text__1Shs3 {
    text-align: center;
    padding: 12px
}

.empty-text__1Shs3:first-letter {
        text-transform: uppercase;
    }

.arrowPlay__wN0XQ {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
}

.playsight__1j77W {
    padding: 16px 0;
    display: flex;
    justify-content: space-between
}

.playsight__1j77W .data-container__2jm-W {
        display: flex;
        align-items: center;
    }

.playsight__1j77W .camera-name__2N9B2 {
        margin-bottom: 12px;
    }

.playsight__1j77W .data__2RX1j {
        display: flex;
        color: var(--text-light-color);
    }


    .container__2TvBO .scroll__2vifs {
        height: 440px !important;
    }

.table__3jkJt {
    width: 100%;
    border-collapse: collapse
}

.table__3jkJt td {
        border-bottom: 1px solid var(--background-main-gray);
    }


.container__1MJOC {
    width: 810px;
    height: 610px;
    display: flex;
    flex-direction: column;
    font-size: var(--14px);
    font-weight: 500;
}

.title-container__O45qs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px
}

.title-container__O45qs .title__1u6Lv {
        font-weight: 700;
        font-size: var(--20px);
        line-height: 30px
    }

.title-container__O45qs .title__1u6Lv:first-letter {
            text-transform: uppercase;
        }

.title-container__O45qs .period-container__1W49d {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-end;
        align-items: center;
    }

.title-container__O45qs .period-label__1bJJo {
        font-weight: 500;
        font-size: var(--14px);
        line-height: 18px;
        color: var(--text-light-color);
        text-transform: capitalize;
        white-space: nowrap;
        margin-right: 12px;
    }

.back__5SHV0 {
    display: flex;
    align-items: center;
    position: absolute;
    top: 30px;
    left: 24px;
    cursor: pointer
}

.back__5SHV0 span {
        margin-right: 8px;
        font-weight: 500;
        font-size: var(--14px)
    }

.back__5SHV0 span:first-letter {
            text-transform: uppercase;
        }

.button__2kRMS {
    position: absolute;
    bottom: 124px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.spinner-container__2MMEf {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.3
}

.spinner-container__2MMEf .spinner__2QbpF {
        width: 64px;
        height: 64px;
    }

.empty-playsight__1GwuW {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-light-color);
    font-weight: 700;
    font-size: var(--20px);
    line-height: 30px;
}


.player-form__X33nH {
    position: relative;
    margin: 0 102px;
    height: 510px;
}
.container__22Wo0 {
    display: flex;
    margin: 24px 0;
    flex-flow: row nowrap;
    justify-content: center;
}
.title__PUWAc {
    margin-bottom: 24px;
    font-weight: 700;
    font-size: var(--20px);
    line-height: 30px;
    text-align: center;
    color: var(--text-color)
}
.title__PUWAc:first-letter {
        text-transform: uppercase;
    }
.subtitle__10YU5 {
    font-weight: 700;
    font-size: var(--16px);
    line-height: 24px;
    text-align: center;
    margin-bottom: 24px;
}
.input-style__wKyKL {
    width: 304px !important;
}
.submit-button__13Evg {
    margin-top: 24px;
    width: 200px;
}
.actions__32L7C {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.spacer__2tDlC {
    width: 0;
    margin: 0 25px;
    border-left: 1px solid var(--background-main-gray);
}
.player-name-container__ttkr3 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}
.player-name-container__ttkr3 .photo__2y9a_ {
        margin-top: 24px;
    }

.container__BYWDJ {
    background-color: var(--background-page-gray);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.card__3T2HP {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    background-color: white;
    border-radius: 10px;
    padding: 50px 64px;
    min-width: 1088px;
    min-height: 696px;
}

.form__1Sm2t {
    width: 400px;
}

.logo__18Aqg {
    position: absolute;
    top: 50px;
    left: 64px

}

.logo__18Aqg img {
        height: 60px;
    }

@media (max-width: 1024px) {
    .card__3T2HP {
        height: 100%;
        width: 100%;
        min-width: auto;
        min-height: auto;
        padding: 0;
        border-radius: 0;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }

    .form__1Sm2t {
        margin-bottom: 32px;
    }

    .logo__18Aqg {
        margin: 24px 0 50px 0;
        position: static;
    }

    .picture__2wLjx {
        background: #fff
    }

        .picture__2wLjx img {
            width: 100%;
        }
}

@media (max-width: 1024px) {
    .container__BYWDJ {
        height: 100%;
    }
}

@media (max-width: 460px) {
    .form__1Sm2t {
        width: 100%;
        min-width: 250px;
        padding: 0 24px;
    }
}

.container__1XO42 {
    background-color: var(--background-page-gray);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.card__18jT6 {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background-color: white;
    border-radius: 10px;
    padding: 50px 64px;
    min-width: 1088px;
    min-height: 696px;
}

.form__A0O5P {
    width: 400px;
}

.logo__3EjU3 {
    position: absolute;
    top: 50px;
    left: 64px
}

.logo__3EjU3 img {
        height: 64px;
    }

@media (max-width: 1024px) {
    .card__18jT6 {
        height: 100%;
        width: 100%;
        min-width: auto;
        min-height: auto;
        padding: 0;
        border-radius: 0;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }

    .form__A0O5P {
        margin-bottom: 32px;
    }

    .logo__3EjU3 {
        margin: 24px 0 50px 0;
        position: static;
    }

    .picture__9FaYh {
        background: #fff
    }

        .picture__9FaYh img {
            width: 100%;
        }
}

@media (max-width: 1024px) {
    .container__1XO42 {
        height: 100%;
    }
}

@media (max-width: 460px) {
    .form__A0O5P {
        width: 100%;
        min-width: 250px;
        padding: 0 24px;
    }
}

.container__3z0a2 {
    height: 100%;
}

.content__2AudE {
    display: flex;
    justify-content: center;
    align-items: center;
}

.alert__33ski {
    text-align: center;
    margin-top: 20%
}

.alert__33ski > div {
        margin: 40px 0;
        font-size: var(--22px)
    }

.alert__33ski > div + button {
            margin-right: 30px;
        }

.container__2Q28Y {
    background-color: var(--background-page-gray);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.card__QKOXA {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 10px;
    padding: 50px 64px;
    min-width: 1088px;
    min-height: 696px;
}

.form__1e2uC {
    /* width: 400px; */
}

.logo__2jNXt {
    position: absolute;
    top: 50px;
    left: 64px
}

.logo__2jNXt img {
        height: 64px;
    }

.link__9db1S {
    color: var(--primary-color);
}

.paragraph__24Bsq {
    margin: 0 auto;
    width: 400px;
    font-size: var(--16px);
    line-height: 24px;
    text-align: center;
    color: var(--text-light-color);
    padding: 0 20px;
}

.email__lkyir {
    font-weight: 500;
    font-size: var(--16px);
    line-height: 24px;
    text-align: center;
    width: 400px;
    margin: 0 auto 32px;
}

.back__3sU-N {
    font-weight: 300;
    font-size: var(--16px);
    color: var(--text-color);
    text-align: center;
}

.container__3d9x- {
    display: flex;
    flex-direction: column;
    background-color: var(--background-page-gray);
    align-items: center;
    justify-content: center;
}

.title__1JHCD {
    margin: 24px 0;
    font-weight: 700;
    font-size: var(--24px);
    line-height: 30px;
    text-align: center;
    color: var(--text-color)
}

.title__1JHCD:first-letter {
        text-transform: uppercase;
    }
.container__uM31A {
    background-color: #fff;
    border-radius: 10px;
    padding: 24px;
    height: calc(100vh - 180px);
    min-height: 530px;
}

.container__2qorj {
    background-color: #fff;
    border-radius: 10px;
    padding: 24px;
    min-height: calc(100vh - 180px);
    overflow-y: auto;
}

.header__1Xj8- {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.title__1-t_W h3 {
        font-weight: 700;
        font-size: var(--20px)
    }

.title__1-t_W h3:first-letter {
            text-transform: uppercase;
        }

.list__2k8hS {
    /* height: 660px; */
    /* overflow: auto; */
}

.button__20Rtv {
    padding: 10px 16px 10px 20px;
}

.empty__ZZom2 {
    color: var(--text-light-color);
    font-weight: 700;
    font-size: var(--20px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 280px)
}

.empty__ZZom2 div:nth-of-type(1) {
        margin-bottom: 12px;
    }

.container__53PR1 {
    background-color: #fff;
    border-radius: 10px;
    padding: 24px;
    height: calc(100vh - 180px);
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 640px;
}

.container__jYuuv {
    background-color: #fff;
    border-radius: 10px;
    padding: 24px;
    height: calc(100vh - 180px);
    min-height: 350px;
}

.container__lnJSB {
    background-color: #fff;
    border-radius: 10px;
    padding: 24px;
    height: calc(100vh - 180px);
    display: flex;
    flex-direction: column
}

.container__lnJSB h3 {
        margin-bottom: 16px;
        line-height: 24px;
        font-weight: 700;
        font-size: var(--16px);
    }

.plan__lRm8R {
    padding: 24px;
    width: 400px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 10px
}

.plan__lRm8R h3 {
        margin-bottom: 8px;
        font-weight: 700;
        line-height: 30px;
    }

.plan__lRm8R .count__1ttzZ {
        margin-left: 11px;
        font-weight: 700;
        line-height: 24px;
        color: var(--primary-color);
    }

.first-uppercase__2jqj2:first-letter {
        text-transform: uppercase;
    }

.no-subscriptions__1UE9i {
    align-items: center;
    justify-content: center
}

.no-subscriptions__1UE9i h2 {
        font-weight: 700;
        font-size: var(--20px);
        line-height: 30px;
        color: var(--text-light-color);
    }

.date__70tZy {
    display: flex;
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px
}

.date__70tZy span:first-of-type {
        margin-right: 8px;
        color: var(--text-light-color);
    }

.plan-list-button__2L2LB {
    padding: 16px 42px;
    margin-bottom: 24px;
}

.subscribe-container__21tmA {
   margin-top: 24px;
}

.amount-games__df4Ex {
    display: flex;
    align-items: center;
}

.confirm-subscription__3279a, .payment__32L8b {
    padding: 72px 254px 32px;
}

.paymentOverlay__1SJrx {
}

.spinner-container__1JK1k {
    height: calc(100vh - 600px);
    padding: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.3
}

.spinner-container__1JK1k .spinner__1WKM7 {
        width: 64px;
        height: 64px;
    }

@media (max-height: 800px) {
    .container__lnJSB {
        height: 100%;
    }
}

@media (max-width: 1024px) {
    .payment__32L8b {
        padding: 24px;
        display: flex;
        justify-content: center;
    }

}
.container__tcq3M {
    height: calc(100vh - 510px);
    overflow-y: auto;
}

.table__inhdt {
    width: 100%;
    border-collapse: collapse;
}

.table-head-cell__1pBrE {
    margin-right: 48px;
    font-weight: 500;
    font-size: var(--12px);
    color: var(--text-light-color);
    text-transform: uppercase;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--background-main-gray)
}

.table-head-cell__1pBrE span {
        line-height: normal;
    }

.title__2UMSt {
    width: 230px;
}

.spinner-container__2HaVN {
    display: flex;
    justify-content: center;
    //margin-bottom: 14px;
    opacity: 0.3
}

.spinner-container__2HaVN .spinner__2upGF {
        width: 36px;
        height: 36px;
    }

@media (max-height: 800px) {
    .container__tcq3M {
        height: 100%;
    }
}

.container__38lRV {
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px
}

.container__38lRV td {
        padding: 10px 0;
    }

.status__zOy4e {
    display: inline-block;
    padding: 2px 16px;
    font-weight: 700;
    font-size: var(--12px);
    line-height: 18px;
    background-color: var(--light-pink);
    color: var(--light-red);
    border-radius: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.status__zOy4e:first-letter {
        text-transform: uppercase;
    }

.active__1-Vw3 {
    background-color: var(--light-green-background);
    color: var(--color-green-text);
}

.title-container__3R7OY {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pending__Dgsz4 {
    color: var(--text-color);
}

.pay-order__GDzIL {
    color: var(--link-text)
}

.pay-order__GDzIL:first-letter {
        text-transform: uppercase;
    }

.pay-order__GDzIL:focus {
        color: var(--link-text);
    }

.container__2yYUr {

}

.form__39gyJ {
    display: flex
}

.form__39gyJ h3 {
        padding-left: 250px;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 16px
    }

.form__39gyJ h3:first-letter {
            text-transform: uppercase;
        }

.aside__2Iqiq {
    background-color: #fff;
    border-radius: 10px;
    padding: 24px;
}

.panel-left__11y0k {
    padding: 32px;
    flex-grow: 1;
    margin-right: 24px;
}

.panel-right__2K_0J {
    display: flex;
    flex-direction: column;
    padding: 24px;
    width: 400px;
    font-weight: 500;
    font-size: var(--14px);
    line-height: 24px;
    color: var(--text-light-color)
}

.panel-right__2K_0J h3 {
        padding-left: 0;
        margin-bottom: 16px;
    }

.panel-right__2K_0J>div {
        margin-bottom: 24px;
    }

.input-container__19lGo {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    max-width: 100%;
}

.react-radio__2ibNg {
    margin: 42px 0;
}

.controller-class__3eDzO {
    max-width: 100%;
}

.label-class__34WTf {
    margin: 0 24px 0 0;
    width: 225px;
}

.class-select__oxA7r, .input-style__3bLS5 {
    min-width: 150px;
    width: 350px;
}

.separator__3QBvq {
    margin: 32px 0;
    width: 100%;
    border-bottom: 1px solid var(--background-main-gray);
}

.actions__23ESa {
    display: flex;
    margin-top: 32px;
    justify-content: center
}

.actions__23ESa .cancel__XRbH- {
        height: 48px;
        width: 200px;
        border-radius: 10px;
        margin-right: 24px;
    }

.actions__23ESa .submit__IdSFy {
        width: 250px;
    }

.isEditMode__3sCMG {
    display: flex;
    visibility: visible;
}

.avatar__1PDBr {
    width: 217px;
    height: 178px;
    border-radius: 10px;
    background-color: var(--background-main-gray);
    margin-bottom: 24px;
}

.description__3ySHG {
    margin-bottom: 16px
}

.description__3ySHG:first-letter {
        text-transform: uppercase;
    }

.coach-param__3Ha-I {
    margin-bottom: 16px
}

.coach-param__3Ha-I .param-description__2P6Ep {
        display: inline-block;
        margin-right: 8px
    }

.coach-param__3Ha-I .param-description__2P6Ep:first-letter {
            text-transform: uppercase;
        }

.coach-param__3Ha-I .param-value__3MgBW {
        display: inline-block;
        color: var(--primary-color)
    }

.coach-param__3Ha-I .param-value__3MgBW:first-letter {
            text-transform: uppercase;
        }

.contacts__15Lqu {
    display: flex;
    flex-direction: column
}

.contacts__15Lqu>span {
        margin-bottom: 16px;
    }

.switch__EUYqr {
    margin-bottom: 32px !important;
    display: flex;
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-light-color);
    align-items: center
}

.switch__EUYqr label {
        margin-left: 8px;
        cursor: pointer
    }

.switch__EUYqr label:first-letter {
            text-transform: uppercase;
        }

.spinner-container__18iFY {
    height: 100vh;
    padding: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.3
}

.spinner-container__18iFY .spinner__3rFTq {
        width: 64px;
        height: 64px;
    }
.container__1d-M8 {
    background-color: var(--background-page-gray);
    display: flex;
    align-items: center;
    justify-content: center;
}

.card__3Ju-p {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
    background-color: white;
    border-radius: 10px;
    padding: 50px 64px;
    min-width: 1088px;
    min-height: 696px;
}

.form__1seP6 {
    width: 400px;
}

.logo__3lfJj {
    position: absolute;
    top: 50px;
    left: 64px
}

.logo__3lfJj img {
        height: 64px;
    }

@media (max-width: 1024px) {
    .card__3Ju-p {
        height: 100%;
        width: 100%;
        min-width: auto;
        min-height: auto;
        padding: 0;
        border-radius: 0;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }

    .form__1seP6 {
        margin-bottom: 32px;
    }

    .logo__3lfJj {
        margin: 24px 0 50px 0;
        position: static;
    }

    .picture__3S-h0 {
        background: #fff
    }

        .picture__3S-h0 img {
            width: 100%;
        }
}

@media (max-width: 1024px) {
    .container__1d-M8 {
        height: 100%;
    }
}

@media (max-width: 460px) {
    .form__1seP6 {
        width: 100%;
        min-width: 250px;
        padding: 0 24px;
    }
}

.container__21qor {
    height: 100%;
    background-color: var(--background-page-gray);
}

.sidebar__1ew35 {
    padding-top: 24px;
    height: 100vh;
    max-height: 100vh;
    width: 200px;
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-x: hidden
}

.sidebar__1ew35>div {
        background-color: #fff;
    }

.sidebar__1ew35.bottom__1R4Oe {
        padding-top: 16px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        position: relative;
    }

.hide__3f4qo {
    display: none;
}

.content__3SEGA {
    /*min-height: 100%;*/
    background-color: var(--background-page-gray);
    align-content: space-between;
    justify-content: center;
    place-content: space-between center;
    /*padding-bottom: 1rem;*/
}

.logo__10ZEC {
    cursor: pointer;
    display: flex;
    flex-flow: row;
    justify-content: left;
    width: 200px;
    height: 60px
}
.logo__10ZEC img {
        width: 180px;
        height: 60px;
        margin: 0 10px;
    }

.container__1EsMf {
    flex: 1;
    display: flex;
    height: 100%;
    flex-flow: column nowrap;
    justify-content: space-between;
    background-color: var(--menu-background-color);
}

.list-item__18bMZ {
    list-style: none;
}

.link__2LZb7 {
    display: flex;
    text-decoration: none;
    align-items: center;
    color: var(--text-light-color);
    font-weight: 500;
    margin: 22px 0
}

.link__2LZb7:hover {
        color: var(--primary-color)
    }

.link__2LZb7:hover .icon__2ntg7 {
            fill: var(--primary-color);
        }

.iconWrapper__26-nw {
    display: flex;
    align-items: center;
    padding: 9px 15px 9px 25px;
    border-radius: 0 20px 20px 0;
    /*transition: 0.3s ease;*/
}

.icon__2ntg7 {
    width: 24px;
    height: 24px;
    fill: var(--text-light-color);
    transition: 0.3s ease;
}

.title__2qeSI {
    transition: 0.3s ease;
    margin-left: 8px;
    font-weight: 500;
    font-size: var(--14px)
}

.title__2qeSI:first-letter {
        text-transform: capitalize;
    }

.active__3k5LT .iconWrapper__26-nw {
        background-color: var(--background-main-orange);
    }

.active__3k5LT .icon__2ntg7 {
        color: var(--primary-color);
    }

.active__3k5LT .title__2qeSI {
        color: var(--text-color);
    }

.container__2v_rn {
    background-color: white;
    height: 80px;
}

.header__2tAOt {
    display: grid;
    grid-template-columns: 200px 3fr 1fr 3fr;
    grid-template-rows: 80px;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 100;
    background-color: white;
    background: linear-gradient(to bottom, white 0%, white 90%, rgba(255, 255, 255, 0.5) 100%);
}

.left__13UHY {
    display: flex;
    align-items: center;
    grid-column: 2;
    padding-left: 50px;
}

.center__28QU7 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-column: 3;
    color: var(--text-color);
}

.right__2y6Sz {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    grid-column: 4;
    padding-right: 50px;
}

.title__3ja3w {
    font-size: var(--16px);
    font-weight: 500;
    text-transform: uppercase;
}

.subtitle__3rTTL {
    font-size: var(--14px);
    font-weight: 500;
    margin-top: 4px;
    white-space: nowrap;
}

.container__1MHSY {
    padding: 8px 16px;
    margin: 0 16px 16px;
    /*margin-top: 0;*/
    border-radius: 12px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: 0.3s ease
}

.container__1MHSY:hover {
        background-color: var(--background-main-gray);
    }

.avatarWrapper__3kjUr {
    margin-right: 8px;
}

.nameWrapper__1dwmc {
    display: flex;
    flex-direction: column;
}

.avatar__2O51P {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background-color: silver;
}

.name__3ahUN {
    margin-bottom: 4px;
    font-weight: 500;
    font-size: var(--14px);
    line-height: 17px;
    text-transform: capitalize;
    color: var(--text-color);
}

.trainer__2nO6D {
    font-size: var(--12px);
    line-height: 14px;
    font-weight: 500;
    color: var(--text-light-color);
    text-transform: capitalize;
}

.dropdown__REPWR {
}

.tipContentClassName__3GBnt > .react-tooltip-lite {
    left: 15px !important;
}

.tipContentClassName__3GBnt > .react-tooltip-lite-arrow {
    left: 43px !important;
}

/* .reactTooltip {
    padding: 5px 15px !important;
    box-shadow: 2px -1px 15px 1px rgba(0,0,0,0.15);
    border-radius: 10px !important;
    pointer-events: auto !important;
    overflow: visible;
}

.tooltipItemContainer {
    padding: 9px;
}

.tooltipItemContainer:not(:last-of-type) {
    border-bottom: 1px solid var(--background-main-gray);
}

.linkClass {
    color: var(--text-color);
}

.iconWrapperClass {
    display: flex;
    align-items: center;
    padding: 0;
    border-radius: 0 20px 20px 0;
}

.iconClass {
    width: 24px;
    height: 24px;
    transition: .1s ease;
}

.titleClass {
    margin-left: 8px;
    color: var(--text-color);
} */

.container__HjnTT {
    position: relative;
    top: 20px;
    background-color: var(--background-page-gray);
    margin-bottom: 140px;
    transition: margin-bottom 0.1s ease-in-out;
}

.header__1U809 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    background-color: var(--background-page-gray);
    background: linear-gradient(
        to bottom,
        var(--background-page-gray) 0%,
        var(--background-page-gray) 94%,
        rgba(248, 248, 248, 0.8) 100%
    );
    will-change: transform;
    transition: all 0.1s ease-in-out;
}

.inner-container___PIu- {
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: stretch;
    padding: 24px 24px 21px 48px;
    margin-left: auto;
    margin-right: auto;
}

.fade__3ham0 {
    margin-bottom: 0;
}

.hide__2o2Wf {
    transform: translateY(-140px);
}

.hamburgerContainer__nWDSf {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.controls-container__2JEd3 {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.title__Ziwlq {
    /* font-family: DM Sans; */
    font-style: normal;
    font-weight: 700;
    font-size: var(--32px);
    line-height: 42px;
    color: #1a1b1d;
    white-space: nowrap
}

.title__Ziwlq:first-letter {
        text-transform: capitalize;
    }

.controls__12ORr {
    margin-left: 24px;
    width: 100%;
}

.menu-container__34buj {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}

.menu__3a-Xd {
    width: 100%;
}

@media (min-width: 1024px) {
    .header__1U809 {
        left: 200px;
        width: calc(100% - 200px);
    }
}

@media (min-width: 1400px) {
    .inner-container___PIu- {
        max-width: 1320px;
    }
}

@media (max-width: 1024px) {
    .inner-container___PIu- {
        padding: 16px;
    }
}

.full-size .header__1U809 {
        left: 0;
        width: 100%;
    }

.full-size .inner-container___PIu- {
        max-width: auto;
        padding: 24px 24px 21px 48px;
    }

.container__26FWJ {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}

.container__26FWJ > li.active__1xZC6 {
    color: var(--text-color);
    border-bottom: 2px solid var(--primary-color);
}

.container__26FWJ > li {
    list-style-type: none;
    margin-right: 24px;
    cursor: pointer;
    color: var(--text-light-color);
    padding-bottom: 3px;
    border-bottom: 2px solid transparent;
    text-transform: capitalize;
}

.container__2KS5n {
    padding: 0 24px 24px 24px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 1400px) {
    .container__2KS5n {
        max-width: 1320px;
    }
}

@media (max-width: 1024px) {
    .container__2KS5n {
        padding: 16px;
    }
}

.hamburger__3qQEK {
    margin-bottom: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--text-light-color);
    outline: none;
}

.icon__2u_AC {
    width: 24px;
    height: 24px;
}

@media (min-width: 1024px) {
    .hamburger__3qQEK {
        display: none;
    }
}

.server-error__2opV8 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    min-height: 72px;
    z-index: 1000;
    background-color: var(--danger-color);
}

.container__1HCkB {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 860px;
    margin: 0 auto;
    color: white;
    padding: 1rem 0;
}

.message__W6GpY {
    font-weight: 700;
    font-size: var(--20px);
    line-height: 30px;
}

.close-button__wHzxS {
    padding: 4px;
    cursor: pointer;
}

.plan__2S3v_ {
    margin-bottom: 8px;
    padding:  0 24px;
    display: flex;
    flex-direction: column
}

.plan__2S3v_ h3 {
        font-weight: 500;
        font-size: var(--12px);
        color: var(--text-light-color);
    }

.plan__2S3v_ .count__2jGWw {
        margin-left: 11px;
        font-weight: 700;
        line-height: 24px;
        color: var(--primary-color);
    }

.first-uppercase__2KD7L:first-letter {
        text-transform: uppercase;
    }

.amount-games__10TyP {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--background-main-gray);
    padding-bottom: 16px;
}
.container__2Mocx {
}

.list-header__3RFI2 nav {
    margin-top: 24px;
}

.team-list-item__mimzo {
    padding: 12px 24px;
    display: flex;
    margin-bottom: 8px;
    justify-content: space-between;
    background: #fff;
    border-radius: 10px;
    cursor: pointer;
    transition: box-shadow 0.3s ease;
    font-weight: 500;
    min-width: 850px
}

.team-list-item__mimzo:hover {
        box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
    }

.team-img-wrapper__1md1g {
    min-width: 250px;
    height: 142px;
    margin-right: 32px;
    background: #e8e8e8;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.thumbnailBColor__xpBtn {
    background-color: var(--text-color);
}

.team-data__3DuDC {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.team-data__3DuDC > div {
    margin-right: 48px;
}

.team-name-container__2h0cI {
    display: flex;
    flex-direction: column;
    min-width: 300px;
}

.team-name-wrapper__3Z-L5 {
    display: flex;
    flex-flow: row nowrap;
    min-width: 370px;
}

.team-name__1uBYq {
    color: var(--text-color);
    font-weight: 500;
}

.number__3qyfK {
    max-height: 22px;
    padding: 2px 16px;
    background-color: var(--background-type-gray);
    color: var(--color-type-gray);
    font-size: var(--12px);
    line-height: 18px;
    font-weight: 500;
    border-radius: 10px;
    margin-left: 8px;
    text-transform: capitalize;
}

.coach-name__1R9az {
    color: var(--text-light-color);
    font-weight: 500;
    font-size: var(--14px);
}

.filter-name__2o7tN {
    max-height: 22px;
    padding: 2px 16px;
    background-color: var(--background-type-gray);
    color: var(--color-type-gray);
    font-size: var(--12px);
    line-height: 18px;
    border-radius: 10px;
    margin-left: 8px;
    text-transform: capitalize;
}

.owner-tag__gZQjp {
    background-color: var(--background-type-gray);
    color: var(--color-type-gray);
    font-size: 8px;
    padding: 6px;
    border-radius: 50%;
    margin-left: 8px;
}

.coach-data__sbUHS {
    color: var(--text-light-color);
    font-size: var(--14px);
}

.description__1-86I {
    width: 230px;
    font-size: var(--14px);
    line-height: 24px;
    color: var(--text-light-color);
}

.team-params__1mlGk {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: var(--primary-color);
    font-weight: 500;
    font-size: var(--14px);
    padding: 36px 0;
}

.team-params__1mlGk span {
    font-weight: 500;
    color: var(--text-light-color);
    margin-right: 8px;
}

.menuAltContainer__Akdjj {
    width: 24px;
    position: relative;
    display: flex;
    align-items: center;
}

.iconMenuAlt__2DazE {
    color: var(--text-light-color);
    transition: fill 0.3s ease-in-out
}

.iconMenuAlt__2DazE:hover {
        fill: var(--text-color);
    }

.tipContentClassName__3QVHq > .react-tooltip-lite {
    margin-left: 10px;
}

.playersWrapper__2qG9Z,
.programsWrapper__3IstL {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.icon__14S1I {
    margin-right: 8px;
    color: var(--primary-color);
}

.duration__3lSPr,
.sessions__13YDe {
    font-size: var(--14px);
    color: var(--text-color);
}

.duration__3lSPr p:first-of-type,
.sessions__13YDe p:first-of-type {
    text-transform: capitalize;
    color: var(--text-light-color);
}

.team-description__27oK5 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.avatar__2kGgM {
    height: 48px;
    width: 48px;
    border-radius: 10px;
    margin-right: 16px;
}

.mobile .team-list-item__mimzo {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        min-width: auto;
        padding: 8px;
        position: relative;
    }

.mobile .team-data__3DuDC {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        margin-bottom: 16px;
    }

.mobile .team-description__27oK5 {
        margin-right: 0;
        padding: 8px;
        margin-bottom: 8px;
    }

.mobile .playersWrapper__2qG9Z {
        margin-left: 18px;
        margin-bottom: 8px;
        margin-right: 0;
    }

.mobile .programsWrapper__3IstL {
        margin-left: 18px;
        margin-right: 0;
    }

.mobile .menuAltContainer__Akdjj {
        margin-right: 0;
        position: absolute;
        bottom: 12px;
        right: 18px;
    }

.controls-container__1e0Sc,
.menu-container__2JdTw,
.dropdown-container__1BxrG {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.menu-container__2JdTw {
    margin-top: 24px;
}

.dropdown-container__1BxrG {
    margin-left: 24px;
    font-size: var(--14px);
}

.controls__2zSIW {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
}

.label__1Xns3 {
    color: var(--text-light-color)
}

.label__1Xns3:first-letter {
        text-transform: uppercase;
    }

.search-input__3RbqV {
    width: 340px;
}

.create-button__2M1Oc {
}

.dropDownButton__2JvUO {
    padding: 0;
}

.filter-button__1kr8n {
    display: none;
}

.filter-reset-button__3vYoe {
    display: none;
}

.clear-filters-button__ISDpm {
    margin-left: 24px;
    padding: 6px 16px;
    color: var(--text-light-color);
    box-shadow: 0 4px 16px rgba(26, 27, 29, 0.1);
    border-radius: 10px;
    transition: color 0.3s ease
}

.clear-filters-button__ISDpm:hover {
        color: var(--text-color);
    }

.mobile .filter-button__1kr8n {
        display: inline-flex;
        background-color: transparent;
        color: var(--text-light-color);
        cursor: pointer;
    }

.mobile .filter-modal__1IpGK {
        width: 100%;
        height: 100%;
        overflow-y: auto;
    }

.mobile .dropdown-container__1BxrG,
    .mobile .clear-filters-button__ISDpm {
        display: none;
    }

.mobile .filter-reset-button__3vYoe {
        display: block;
        color: var(--text-light-color);
        height: 24px;
    }

.container__1bPKF,
.panel__3MwFS {
    padding: 0;
    background-color: var(--background-page-gray);
}

.panel__3MwFS {
    margin: 0 24px;
}

.content__3uz5s {
    border-radius: 4px;
}

.table__m0OXp {
}

.row__3RDw3 {
    border-top: 2px solid black;
    font-size: var(--14px);
    height: 80px;
    border-top: 1px solid var(--background-divider-color);
    cursor: pointer
}

.row__3RDw3:first-child {
        border-top: none;
    }

.row__3RDw3 td:first-child {
        text-align: center;
    }

.row__3RDw3:hover {
        background: #fefefe
    }

.row__3RDw3:hover .button-group__2iziR {
            visibility: visible;
        }

.search-input__3kk52 {
    width: 340px;
}

.create-button__2NSFa {
    font-size: var(--14px);
    padding: 12px 14px;
    line-height: 18px;
}

.empty-content__3Yyuq {
    padding-top: 10%;
    text-align: center;
}

.message__34VZL {
    font-size: var(--16px);
    line-height: 13px;
    margin-bottom: 40px;
    color: var(--text-light-color);
    opacity: 0.8;
}

.controls-container__1ekBE {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.team-details-header__1LfLr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 11px 0;
}

.backLink-wrapper__1qUap {
    margin-right: 24px;
}

.backLink__Uk-AE {
    display: flex;
    cursor: pointer;
}

.team-title-data__1cTT1 {
    display: flex;
    flex-direction: column;
}

.coach__3HlFH {
    /*font-weight: 500;*/
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-light-color);
}

.title-wrapper__2tfu9 {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.title-container__h9eS6 {
    display: flex;
    flex-direction: column;
}

.title__16-Hz {
    font-weight: 500;
    font-size: var(--20px);
    color: var(--text-color);
    line-height: 30px;
    margin-right: 8px;
    max-width: 650px;
}

.number__yXpQY {
    text-transform: capitalize;
    padding: 3px 16px;
    text-align: center;
    border-radius: 10px;
    font-weight: 500;
    font-size: var(--12px);
    color: var(--color-type-gray);
    background-color: var(--background-type-gray);
}

.left__2FbJz {
    display: flex;
    padding: 24px 0;
    align-items: center;
}

.right__2tZzZ {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transition: fill 0.3s ease-in-out;
}

.iconMenuAltWrapper__36y51 {
    margin: 14px;
    background-color: var(--menu-background-color);
    display: flex;
    padding: 6px 15px;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0 4px 16px rgba(26, 27, 29, 0.1);
}

.iconMenuAltWrapper__36y51:hover .menuText__2yv4m,
.iconMenuAltWrapper__36y51:hover .iconMenuAlt__jvCop {
    color: var(--text-color);
}

.menuText__2yv4m {
    font-weight: 500;
    font-size: var(--14px);
    line-height: 16px;
    transition: color 0.3s ease-in-out;
    color: var(--text-light-color);
}

.iconMenuAlt__jvCop {
    transition: color 0.3s ease-in-out;
    color: var(--text-light-color);
    margin-right: 10px;
}

.language__1JbHb {
    margin-right: 32px;
    color: var(--text-light-color);
    font-weight: 500;
    font-size: var(--14px);
    cursor: default;
}

.coach-name__RuV14 {
    color: var(--text-light-color);
    font-weight: 500;
    font-size: var(--14px);
}

.container__24mB4 {
    display: flex;
    margin-bottom: 24px;
    font-weight: 500;
}

.leftData__YuHVp {
    max-width: 480px;
    width: 300px;
    min-width: 190px;
    padding: 24px;
    margin-right: 24px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fff;
}

.rightData__s2-qf {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 24px;
    border-radius: 10px;
    background-color: #fff;
}

.playersWrapper__117wh,
.programWrapper__aPsjI {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.programWrapper__aPsjI {
    margin-top: 16px;
}

.iconWrapper__1csqf {
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    margin-right: 16px;
    background-color: rgba(254, 94, 0, 0.05);
}

.icon__3_ZLm {
    color: var(--primary-color);
}

.players___fYP_,
.program__VOcsq {
    font-size: var(--14px);
    color: var(--text-color);
}

.players___fYP_ p:first-of-type,
.program__VOcsq p:first-of-type {
    text-transform: capitalize;
    color: var(--text-light-color);
}

.descriptionWrapper__2bwpV,
.improvementsWrapper__3yQdt {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.descriptionWrapper__2bwpV h3, .improvementsWrapper__3yQdt h3 {
        margin-bottom: 8px;
        font-weight: 700;
        color: var(--text-color)
    }

.descriptionWrapper__2bwpV h3:first-letter, .improvementsWrapper__3yQdt h3:first-letter {
            text-transform: uppercase;
        }

.descriptionWrapper__2bwpV {
    height: 100%;
    margin-right: 24px;
    font-size: var(--14px);
    line-height: 24px;
    color: var(--text-light-color);
}

.improvementsWrapper__3yQdt {
}

.improvements__3SfJe {
    display: flex;
    flex-wrap: wrap;
    margin: -5px -5px
}

.improvements__3SfJe div {
        margin: 5px 5px;
        padding: 7px 16px;
        background: var(--background-light-orange);
        border-radius: 10px;
        font-size: var(--14px);
        color: var(--primary-color);
    }

.avatar__2H-yH {
    width: 104px;
    height: 104px;
    border-radius: 15px;
    margin-right: 24px;
    background-color: var(--background-main-gray);
}

.table__uTiTH {
    width: 100%;
    font-size: var(--14px);
    border-collapse: collapse;
}

.tableHeadCell__iQKA_ {
    text-align: center;
    min-width: 32px;
}

.tableHeadCell__iQKA_.user__first_name__1hAxs, .tableHeadCell__iQKA_.jersey__1IXjw {
    text-align: left;
}

.table__uTiTH tbody tr:last-of-type td {
    border-bottom: none;
}

.container__35HoN {
    height: 80px;
    font-weight: 500;
    transition: box-shadow .3s ease
}

.container__35HoN td {
        border-bottom: 1px solid var(--background-main-gray);
    }

.personData__31iYQ:hover {
        cursor: pointer
    }

.personData__31iYQ:hover .name__2gcJK {
            text-decoration: underline;
        }

.avatarWrapper__2R_cc {
    width: 64px;
}

.avatar__2XOSS {
    margin-left: 24px;
    margin-right: 24px;
    width: 48px;
    height: 48px;
    border-radius: 10px;
}

.nameContainer__EEzKn {
    color: var(--text-color);
    font-weight: 700;
}

.jersey__2HmRR {
    color: var(--text-light-color);
    margin-right: 10px;
}

.jersey-cell__1E2B3 {
    width: 130px;
}

.jersey-input__1IOB2 {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.email__12o32 {
    color: var(--text-light-color);
}

.remove__d7Vny {
    width: 138px;
    color: var(--text-light-color)
}

.remove__d7Vny > div {
        margin-right: 24px;
        display: flex;
        align-items: center;
        cursor: pointer
    }

.remove__d7Vny > div span {
            white-space: nowrap
        }

.remove__d7Vny > div span:first-letter {
                text-transform: uppercase;
            }

.remove__d7Vny > div .icon__2S-MT {
            margin-right: 5px;
        }

.center__2EOpw {
    text-align: center;
}

.emptyContent__1nDn9 {
    padding-top: 10%;
    text-align: center;
}

.emptyMessage__RjnFo {
    height: calc(100vh - 400px);
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: var(--20px);
    line-height: 40px;
    color: var(--text-light-color)
}

.emptyMessage__RjnFo > div:first-letter {
        text-transform: capitalize;
    }

.spinner-container__2MM2J {
    height: calc(100vh - 435px);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.3
}

.spinner-container__2MM2J .spinner__2q2Bu {
        width: 64px;
        height: 64px;
    }

.assign-program-item__XiFUi {
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border-bottom: 1px solid var(--background-main-gray);
}

.program-data__3R-SQ {
    display: flex;
    align-items: center;
    //min-width: 800px;
}

.program-description__2XaJl {
    width: 600px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 64px;
}

.title__2A2Mo {
    margin-bottom: 4px;
    color: var(--text-color);
    font-weight: 700;
    font-size: var(--14px);
    line-height: 18px;
    text-decoration: none
}

.title__2A2Mo:hover {
        text-decoration: underline;
    }

.duration__1iwJY {
    display: flex;
    align-items: center;
    font-size: var(--14px);
    line-height: 18px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--text-light-color);
}

.program-params__2aOh4 {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: var(--primary-color);
    font-weight: 500;
    font-size: var(--14px)
}

.program-params__2aOh4 span {
        text-transform: capitalize;
        color: var(--text-light-color);
    }

.type__1FRMg {
    margin-bottom: 8px;
}

.trash-button__33e2h {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    font-size: var(--14px);
    display: flex;
    align-items: center;
    padding: 6px;
    cursor: pointer;
    color: var(--text-light-color)
}

.trash-button__33e2h svg {
        margin-right: 5px;
    }

.trash-button__33e2h span:first-letter {
        text-transform: uppercase;
    }

.noUnderLine__3CV9g {
    border-bottom: none;
}

.emptyMessage__3I_Xd {
    height: calc(100vh - 400px);
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: var(--20px);
    line-height: 40px;
    color: var(--text-light-color)
}

.emptyMessage__3I_Xd > div:first-letter {
        text-transform: capitalize;
    }

.spinner-container__1vizQ {
    height: calc(100vh - 435px);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.3
}

.spinner-container__1vizQ .spinner__3-Coh {
        width: 64px;
        height: 64px;
    }


    .row__1r9c9 td {
        padding: 16.5px 0;
        border-bottom: 1px solid var(--background-main-gray);
    }
.add-button__1lIjz {
    margin-right: 12px;
    color: var(--text-light-color);
    font-weight: 500;
    font-size: var(--14px);
    line-height: 16px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    white-space: nowrap;
    outline: none;
    display: inline-flex;
    align-items: center
}
.add-button__1lIjz > span {
        margin-left: 10px;
    }
.add-button__1lIjz > span:first-letter {
        text-transform: uppercase;
    }
.add-button__1lIjz.added__2FCSR {
        color: var(--light-green);
    }
.avatar__2Gqa4 {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    margin-right: 16px;
}
.player-name__n3v25 {
    font-weight: 700;
    font-size: var(--14px);
    line-height: 18px;
}
.player-email__1eYDG {
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    text-decoration: none;
    color: var(--text-light-color)
}
.player-email__1eYDG:hover {
        text-decoration: underline;
    }
.param__1wat5 {
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    color: var(--primary-color);
}
.avatar-column__3v-T6 {
    width: 1%;
}
.action-column__2cnzn {
    text-align: right;
    width: 150px
}
.action-column__2cnzn.disabled__31No2 > button {
        cursor: wait;
    }

.header-container__35HeZ {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 19px;
}
.title__1T_RF {
    font-weight: 700;
    font-size: var(--20px);
    line-height: 30px;
    margin-right: 12px
}
.title__1T_RF:first-letter {
        text-transform: uppercase;
    }
.title-container__2az_Q {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.add-player-list__1Vgzu {
}

.assign-program-calendar__NhvoF {
    padding: 18px;
}

.action-container__3IdNJ {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid var(--background-main-gray);
    margin-top: 18px;
    padding-top: 18px;
}

.dates__3xcQV {
    font-weight: bold;
    font-size: var(--12px);
    line-height: 18px;
}

.assign-program-calendar__NhvoF .react-datepicker {
        border: none;
    }

.assign-program-calendar__NhvoF .react-datepicker__header {
        background-color: white;
        border: none;
    }

.assign-program-calendar__NhvoF .react-datepicker__day-name {
        color: var(--text-light-color);
        font-weight: 500;
    }

.assign-program-calendar__NhvoF .react-datepicker__day--in-range {
        color: var(--text-color);
        background-color: rgba(254, 94, 0, 0.1);
        width: calc(1.7rem + 0.166rem + 0.166rem);
        margin-left: 0;
        margin-right: 0;
        border-radius: 0;
    }

.assign-program-calendar__NhvoF {
    /* & :global(.react-datepicker__day--selected), */
    }

.assign-program-calendar__NhvoF .react-datepicker__day--range-start,
    .assign-program-calendar__NhvoF .react-datepicker__day--range-end {
        color: white;
        background-color: var(--primary-color);
        border-radius: 50%;
        width: 1.7rem;
        margin: 0.166rem;
    }

.assign-program-calendar__NhvoF .react-datepicker__day--in-selecting-range {
        background-color: rgba(254, 94, 0, 0.1);
        color: var(--text-color);
    }

.assign-program-calendar__NhvoF .react-datepicker__day--in-selecting-range:hover {
        background-color: var(--primary-color);
        color: white;
    }

.assign-program-dropdown__1W68s {
    color: var(--text-light-color);
    font-weight: 500;
    font-size: var(--14px);
    line-height: 16px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    white-space: nowrap;
    outline: none;
    display: flex;
    align-items: center
}

.assign-program-dropdown__1W68s > span {
        margin-left: 10px;
    }

.assign-program-dropdown__1W68s > span:first-letter {
        text-transform: uppercase;
    }

.assign-program-dropdown__1W68s.added__2ol9h {
        color: var(--light-green);
    }

.overlay__3wDoQ {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}

.overlay__3wDoQ.hidden__22oD0 {
    display: none;
    width: 0;
    height: 0;
}

.assign-program-item__2-uCT {
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border-bottom: 1px solid var(--background-main-gray);
}

.program-data__1ZKIk {
    display: flex;
    align-items: center;
    min-width: 800px;
}

.program-description__KvGKL {
    min-width: 250px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 64px;
}

.title__-K1Di {
    margin-bottom: 4px;
    color: var(--text-color);
    font-weight: 700;
    font-size: var(--14px);
    line-height: 18px;
    text-decoration: none
}

.title__-K1Di:hover {
        text-decoration: underline;
    }

.duration__2PjUX {
    display: flex;
    align-items: center;
    font-size: var(--14px);
    line-height: 18px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--text-light-color);
}

.program-params__3zCYh {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: var(--primary-color);
    font-weight: 500;
    font-size: var(--14px)
}

.program-params__3zCYh span {
        text-transform: capitalize;
        color: var(--text-light-color);
    }

.type__33WPU {
    margin-bottom: 8px;
}

.action__3Ni2E.disabled__t2tbk button {
    cursor: wait;
}

.header-container__1RtLA {
    margin-bottom: 19px;
}

.menu-container__hd5oR,
.controls-container__GDj49,
.dropdown-container__39bbQ {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    font-size: var(--14px);
}

.menu-container__hd5oR {
    justify-content: flex-end;
    padding-right: 24px;
    margin-top: 24px;
}

.title__3woLW {
    font-weight: 700;
    font-size: var(--20px);
    line-height: 30px
}

.title__3woLW:first-letter {
        text-transform: uppercase;
    }

.label__16r4_ {
    color: var(--text-light-color)
}

.label__16r4_:first-letter {
        text-transform: capitalize;
    }

.headerWrapper__1nzLs {
    padding: 0 24px;
    margin-bottom: 5px;
    cursor: pointer;
}

.assign-program__1pQfB {
}

.button__17DjC {
    padding: 10px 20px;
    position: fixed;
    bottom: 150px;
    left: 50%;
    transform: translate(-50%, 0);
}

.container__1FdjT {
    position: relative;
    width: 100%;
    padding: 24px;
    min-width: 500px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 10px;
}

.tab-list__184xb {
    margin-bottom: 48px;
}

.tab-content__1EAj1 {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.buttons-container__16zY1 {
    position: absolute;
    right: 24px;
    display: flex;
    align-items: center;
}

.assignButton__1p-Wo {
    margin-left: 24px;
}

.Button__2bqEP {
    border-radius: 10px;
    padding: 10px 20px;
    margin-left: 24px;
}

.modal__h9xYg {
    width: 1024px;
    height: calc(100% - 48px);
}

.merge-modal__1cFR7 {
    width: 1024px;
}

.importModal__2ntiw {
    width: 300px;
    height: 350px;
}

.root__3iq5z {
  text-align: center;
}

.form__6k7G9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.button__16DBH {
  margin-top: 24px;
}

.inputContainer__1vJWn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 200px;
  height: 200px;
  padding: 8px;
  border: 2px dashed var(--primary-color);
  border-radius: 10px;
  text-align: center;
  overflow: hidden;
}

.input__2uPBc {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  cursor: pointer;
}

.icon__2Ce0j {
  width: 36px !important;
  height: 36px !important;
}

.label__1v8r- {
  color: var(--text-light-color);
  overflow: hidden;
  width: 100%;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.error__2NLiS {
  color: var(--danger-color);
  margin-top: 8px;
  font-size: 14px;
}

.container__11q2V {
    background-color: var(--background-page-gray);
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.details-data__2CHCn {
    display: flex;
    flex-grow: 1
}

.details-data__2CHCn h3 {
        margin-bottom: 12px;
    }

h3 {
    font-weight: 500;
    font-size: var(--16px);
    line-height: 24px;
    color: var(--text-color);
}

.controls-container__3Eh8O,
.dropdowns__2Kb-V,
.menu-container__164on,
.dropdown-container__jVx2w {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.header-layout__Lo-rK {
    margin-bottom: 155px;
}

.menu-container__164on {
    padding-right: 24px;
    margin-top: 24px;
}

.dropdown-container__jVx2w {
    margin-left: 24px;
    font-size: var(--14px);
}

.controls__1u7Qi {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
}

.label__2F3xE {
    color: var(--text-light-color)
}

.label__2F3xE:first-letter {
        text-transform: uppercase;
    }

.search-input__4aYg0 {
    width: 340px;
}

.create-button__1pWWM {
}

.dropDownButton__2BqpQ {
    padding: 0;
}

.filter-reset-button__3d8Az {
    display: none;
}

.clear-filters-button__3KWUV {
    margin-left: 24px;
    padding: 10px 16px;
    color: var(--text-light-color);
    box-shadow: 0 4px 16px rgba(26, 27, 29, 0.1);
    border-radius: 10px;
    transition: color 0.3s ease
}

.clear-filters-button__3KWUV:hover {
        color: var(--text-color);
    }

@media (max-width: 1024px) {
}

@media (max-width: 768px) {
}

.filter-button__3c2C0 {
    display: none;
}

.mobile .filter-button__3c2C0 {
        display: inline-flex;
        background-color: transparent;
        color: var(--text-light-color);
        cursor: pointer;
    }

.mobile .filter-modal__3Pex3 {
        width: 100%;
        height: 100%;
        overflow-y: auto;
    }

.mobile .dropdown-container__jVx2w,
    .mobile .clear-filters-button__3KWUV {
        display: none;
    }

.mobile .filter-reset-button__3d8Az {
        display: block;
        color: var(--text-light-color);
        height: 24px;
    }

.program-list-item__1l9LE {
    padding: 24px;
    display: flex;
    margin-bottom: 16px;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    cursor: pointer;
    transition: box-shadow 0.3s ease;
    font-weight: 500
}

.program-list-item__1l9LE:hover {
        box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
    }

.program-img-wrapper__1CrgQ {
    min-width: 250px;
    height: 142px;
    margin-right: 32px;
    background: #e8e8e8;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.thumbnailBColor__2Y1Lr {
    background-color: var(--text-color);
}

.program__18KuU {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    min-width: 270px;
}

.program-name__2RRXQ {
    max-width: 190px;
    margin-bottom: 8px;
    color: var(--text-color);
}

.program-name__2RRXQ.long__2eqNW {
    max-width: unset;
}

.license-type__263Yk {
    max-height: 22px;
    padding: 2px 16px;
    background-color: var(--background-type-gray);
    color: var(--color-type-gray);
    font-size: var(--12px);
    line-height: 18px;
    border-radius: 10px;
    margin-left: 8px;
    text-transform: capitalize;
}

.owner-tag__J2VYC {
    background-color: var(--background-type-gray);
    color: var(--color-type-gray);
    font-size: 8px;
    padding: 6px;
    border-radius: 50%;
    margin-left: 8px;
}

.coach__28Qr1 {
    color: var(--text-light-color);
    font-size: var(--14px);
}

.description__3OYx8 {
    font-size: var(--14px);
    line-height: 24px;
    color: var(--text-light-color);
    min-width: 40%;
}

.program-params__3VX63 {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: var(--primary-color);
    font-weight: 500;
    font-size: var(--14px);
    padding: 36px 0;
}

.program-params__3VX63 span {
    font-weight: 500;
    color: var(--text-light-color);
    margin-right: 8px;
}

.menuAltContainer__2jE9h {
    width: 24px;
    position: relative;
    display: flex;
    align-items: flex-start;
}

.iconMenuAlt__1U9bo {
    color: var(--text-light-color);
    transition: fill 0.3s ease-in-out
}

.iconMenuAlt__1U9bo:hover {
        fill: var(--text-color);
    }

.tipContentClassName__3eKDL > .react-tooltip-lite {
    margin-left: 10px;
}

.durationWrapper__3g29M,
.sessionsWrapper__ACc3E {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 110px;
}

.icon__epbFp {
    margin-right: 8px;
    color: var(--primary-color);
}

.duration__cty_P,
.sessions__3hsxr {
    font-size: var(--14px);
    color: var(--text-color);
}

.duration__cty_P p:first-of-type,
.sessions__3hsxr p:first-of-type {
    text-transform: capitalize;
    color: var(--text-light-color);
}

@media (max-width: 1024px) {
}

@media (max-width: 768px) {
}

@media (max-width: 576px) {
}

.mobile .program-list-item__1l9LE {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        min-width: auto;
        padding: 16px;
        position: relative;
    }

.mobile .program-list-item__1l9LE > div {
        margin-bottom: 8px;
    }

.mobile .description__3OYx8 {
        color: var(--text-color);
    }

.mobile .menuAltContainer__2jE9h {
        position: absolute;
        bottom: 12px;
        right: 18px;
    }

.programIcon__1dhlV {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    margin-right: 16px;
    background-color: var(--background-main-gray);
    font-size: 20px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.left__2opNv {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}


.container__1zji6,
.panel__oU87D {
    padding: 0;
    background-color: var(--background-page-gray);
}

.panel__oU87D {
    margin: 0 24px;
}

.content__3KkoV {
    border-radius: 4px;
}

.table__1aX21 {
}

.row__14k1q {
    border-top: 2px solid black;
    font-size: var(--14px);
    height: 80px;
    border-top: 1px solid var(--background-divider-color);
    cursor: pointer
}

.row__14k1q:first-child {
        border-top: none;
    }

.row__14k1q td:first-child {
        text-align: center;
    }

.row__14k1q:hover {
        background: #fefefe
    }

.row__14k1q:hover.button-group__2fetI {
            visibility: visible;
        }

.search-input__2bTi0 {
    width: 340px;
}

.create-button__t1wgR {
    font-size: var(--14px);
    padding: 12px 14px;
    line-height: 18px;
}

.empty-content__GwDgx {
    padding-top: 10%;
    text-align: center;
}

.message__1kcv0 {
    font-size: var(--16px);
    line-height: 13px;
    margin-bottom: 40px;
    color: var(--text-light-color);
    opacity: 0.8;
}

.controls-container__3a2dw {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.addWorkoutModal__2oOFA {
    height: calc(100% - 48px);
    width: 1024px;
    /* margin: 24px; */
}

.workout-details-header__1xlKE {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 11px 0;
}

.backLink-wrapper__2xoud {
    margin-right: 24px;
}

.backLink__3yaKi {
    display: flex;
    cursor: pointer;
}

.workout-title-data__2Dx8d {
    display: flex;
    flex-direction: column;
}

.workout-title-data__2Dx8d .coach__mUgp5 {
    /*font-weight: 500;*/
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-light-color);
}

.title-wrapper__2koc6 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.title-wrapper__2koc6 .title__3EqqD {
    font-weight: 500;
    font-size: var(--20px);
    color: var(--text-color);
    line-height: 30px;
    margin-right: 8px;
    max-width: 650px;
}

.title-wrapper__2koc6 .type__2R6XD {
    text-transform: capitalize;
    padding: 3px 16px;
    text-align: center;
    border-radius: 10px;
    font-weight: 500;
    font-size: var(--12px);
    color: var(--color-type-gray);
    background-color: var(--background-type-gray);
}

.left__PPGwy {
    display: flex;
    padding: 24px 0;
    align-items: center;
}

.right__1TAnd {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transition: fill 0.3s ease-in-out;
}

.iconMenuAltWrapper__2mqKe {
    margin: 14px;
    background-color: var(--menu-background-color);
    display: flex;
    padding: 6px 15px;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 4px 16px rgba(26, 27, 29, 0.1);
    border-radius: 10px;
}

.iconMenuAltWrapper__2mqKe:hover .menuText__3KOR5,
.iconMenuAltWrapper__2mqKe:hover .iconMenuAlt__1pW4L {
    color: var(--text-color);
}

.menuText__3KOR5 {
    font-weight: 500;
    font-size: var(--14px);
    line-height: 16px;
    transition: color 0.3s ease-in-out;
    color: var(--text-light-color);
}

.iconMenuAlt__1pW4L {
    transition: color 0.3s ease-in-out;
    color: var(--text-light-color);
    margin-right: 10px;
}

.language__3KVX8 {
    margin-right: 32px;
    color: var(--text-light-color);
    font-weight: 500;
    font-size: var(--14px);
    cursor: default;
    text-transform: capitalize;
}

.container__1PDWu {
    display: flex;
    margin-bottom: 24px;
    font-weight: 500;
}

.leftData__4GzcJ {
    max-width: 480px;
    width: 300px;
    min-width: 190px;
    padding: 24px;
    margin-right: 24px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fff;
}

.rightData__15gOD {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
    border-radius: 10px;
    background-color: #fff;
}

.durationWrapper__3Wg4w,
.sessionsWrapper__3gFN7 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.durationWrapper__3Wg4w {
    margin-bottom: 16px;
}

.iconWrapper__3a37v {
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    margin-right: 16px;
    background-color: rgba(254, 94, 0, 0.05);
}

.icon__1LLJc {
    color: var(--primary-color);
}

.duration__3gLvL,
.sessions__3VkCq {
    font-size: var(--14px);
    color: var(--text-color);
}

.duration__3gLvL p:first-of-type,
.sessions__3VkCq p:first-of-type {
    text-transform: capitalize;
    color: var(--text-light-color);
}

.descriptionWrapper__38hR1,
.improvementsWrapper__3k5mt {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.descriptionWrapper__38hR1 h3, .improvementsWrapper__3k5mt h3 {
        margin-bottom: 8px;
        font-weight: 700;
        color: var(--text-color)
    }

.descriptionWrapper__38hR1 h3:first-letter, .improvementsWrapper__3k5mt h3:first-letter {
            text-transform: uppercase;
        }

.descriptionWrapper__38hR1 {
    margin-right: 24px;
    font-size: var(--14px);
    line-height: 24px;
    color: var(--text-light-color);
}

.improvementsWrapper__3k5mt {
}

.improvements__3fevY {
    display: flex;
    flex-wrap: wrap;
    margin: -5px -5px
}

.improvements__3fevY div {
        margin: 5px 5px;
        padding: 7px 16px;
        background: var(--background-light-orange);
        border-radius: 10px;
        font-size: var(--14px);
        color: var(--primary-color);
    }

.container__3wYot {
    padding: 8px 0;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--background-main-gray)
}

.container__3wYot.last-item__3ufmj {
        border-bottom: none;
    }

.video-thumbnail__2Ap92 {
    margin-right: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    color: var(--text-light-color);
    font-size: var(--14px);
    width: 80px;
    height: 142px;
    background-color: var(--background-main-gray);
    overflow: hidden
}

.video-thumbnail__2Ap92 div:first-letter {
            text-transform: uppercase;
        }

.video-thumbnail__2Ap92 .imgWrapper__3r2n0 {
        display: flex;
        height: 100%
    }

.video-thumbnail__2Ap92 .imgWrapper__3r2n0 img {
            height: 100%;
        }

.count__1dkVn {
    margin-right: 16px;
    color: var(--primary-color);
    font-weight: 700;
}

.details__BHNJ- {
    display: flex;
    flex-direction: column;
    font-size: var(--14px);
    color: var(--text-color);
    font-weight: 700
}

.details__BHNJ- .time__rovCm {
        color: var(--text-light-color);
        font-weight: 500;
    }

.container__3FqIe {
    padding: 8px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--background-main-gray)
}

.container__3FqIe.invisible__31qG6 {
        opacity: 0;
    }

.container__3FqIe.last-item__3GdkP {
        border-bottom: none;
    }

.left__33ESY {
    display: flex;
    align-items: center;
}

.center__2K41W {
    display: flex;
    align-items: center
}

.center__2K41W p {
        font-weight: 500;
        font-size: var(--14px);
        color: var(--text-light-color)
    }

.center__2K41W p:first-letter {
            text-transform: uppercase;
        }

.right__1_vAG {
    display: flex;
    align-items: center
}

.right__1_vAG .iconWrapper__1UUSf {
        margin: 16px
    }

.right__1_vAG .iconWrapper__1UUSf .icon__1u_fi {
            cursor: pointer;
            color: var(--text-light-color);
            transition: opacity 0.3s ease
        }

.right__1_vAG .iconWrapper__1UUSf .icon__1u_fi:hover {
                opacity: 0.6;
            }

.dragIcon__3iUHW {
    margin-right: 16px;
    color: var(--text-light-color);
    cursor: pointer;
}

.video-thumbnail__1cT7v {
    margin-right: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    color: var(--text-light-color);
    font-size: var(--14px);
    width: 80px;
    height: 142px;
    background-color: var(--background-main-gray);
    overflow: hidden
}

.video-thumbnail__1cT7v div:first-letter {
            text-transform: uppercase;
        }

.video-thumbnail__1cT7v .imgWrapper__2k2ZR {
        display: flex;
        height: 100%
    }

.video-thumbnail__1cT7v .imgWrapper__2k2ZR img {
            height: 100%;
        }

.details__Dn3ul {
    width: 165px;
    display: flex;
    flex-direction: column;
    font-size: var(--14px);
    color: var(--text-color);
    font-weight: 700
}

.details__Dn3ul .time__H-hah {
        color: var(--text-light-color);
        font-weight: 500;
    }

.counter__1CZlz {
    color: var(--primary-color);
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.counter__1CZlz .iconWrapper__1UUSf {
        width: 32px;
        height: 32px;
        margin: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0 4px 16px rgba(26, 27, 29, 0.1)
    }

.counter__1CZlz .iconWrapper__1UUSf .icon__1u_fi {
            cursor: pointer;
            color: var(--text-light-color);
            transition: opacity 0.3s ease
        }

.counter__1CZlz .iconWrapper__1UUSf .icon__1u_fi:hover {
                opacity: 0.6;
            }

.add-workout-item__3b-W_ {
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border-bottom: 1px solid var(--background-main-gray);
}

.workout-img-wrapper__1qiTN {
    width: 84px;
    height: 64px;
    margin-right: 16px;
    background: var(--background-main-gray);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-color: black;
}

.thumbnailBColor__2hqZM {
    background-color: var(--text-color);
}

.empty-workout-img__2cJE5 {
    color: var(--text-light-color);
    font-size: var(--11px);
    line-height: 16px;
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.workout-img__SoCzz {
    min-width: 100%;
    min-height: 100%;
}

.workout-data__6EQuY {
    display: flex;
    align-items: center;
    min-width: 800px;
}

.workout-description__2sjUV {
    min-width: 250px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 64px;
}

.title__1xNTs {
    margin-bottom: 4px;
    color: var(--text-color);
    font-weight: 700;
    font-size: var(--14px);
    line-height: 18px;
    text-decoration: none
}

.title__1xNTs:hover {
        text-decoration: underline;
    }

.duration__3jNqD {
    color: var(--text-light-color);
    font-size: var(--14px);
    line-height: 18px;
    font-weight: 500;
}

.workout-params__3a6BB {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: var(--primary-color);
    font-weight: 500;
    font-size: var(--14px);
}

.type__Uzu-3 {
    margin-bottom: 8px;
}

.workout-params__3a6BB span {
    font-weight: 500;
    color: var(--text-light-color);
    margin-right: 8px;
}

.add-button__3V_vd {
    color: var(--text-light-color);
    font-weight: 500;
    font-size: var(--14px);
    line-height: 16px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    white-space: nowrap;
    outline: none;
    display: flex;
    align-items: center
}

.add-button__3V_vd > span {
        margin-left: 10px;
    }

.add-button__3V_vd > span:first-letter {
        text-transform: uppercase;
    }

.add-button__3V_vd.added__1I0RI {
        color: var(--light-green);
    }

.header-container__17nwg {
    margin-bottom: 24px;
}

.search-container__3jVxQ,
.controls-container__2k003,
.menu-container__a1maC,
.dropdown-container__mm6yU {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.menu-container__a1maC {
    padding-right: 24px;
    margin-top: 24px;
}

.dropdown-container__mm6yU {
    margin-left: 24px;
    font-size: var(--14px);
}

.label__1Tsj- {
    color: var(--text-light-color)
}

.label__1Tsj-:first-letter {
        text-transform: uppercase;
    }

.search-input__2NZ4d {
    width: 340px;
}

.create-button__qTe_3 {
}

.dropDownButton__XvnbY {
    padding: 0;
}

.title__39Jt3 {
    font-weight: 700;
    font-size: var(--20px);
    line-height: 30px
}

.title__39Jt3:first-letter {
        text-transform: uppercase;
    }

.add-workout__1XABV {
    overflow-y: auto;
    height: 100%;
    padding-right: 16px;
}

.container__vglud {
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    align-items: stretch;
    padding: 24px;
    background-color: #fff;
    border-radius: 10px;
    min-height: calc(100vh - 300px);
}

.header__14_Tw {
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header__14_Tw .headingWrapper__3DOj5 h3 {
            color: var(--text-color);
            font-weight: 700;
            font-size: var(--20px);
            line-height: 30px
        }

.header__14_Tw .headingWrapper__3DOj5 h3:first-letter {
                text-transform: uppercase;
            }

.header__14_Tw .headingWrapper__3DOj5 p {
            font-size: var(--14px);
            color: var(--text-light-color);
            font-weight: 500;
            line-height: 18px
        }

.header__14_Tw .headingWrapper__3DOj5 p:first-letter {
                text-transform: uppercase;
            }

.header__14_Tw .editButtons__3QN-A {
        display: flex;
        justify-content: flex-end;
        align-items: center
    }

.header__14_Tw .editButtons__3QN-A .icon__3GC3C {
            margin-right: 10px;
        }

.header__14_Tw .editButtons__3QN-A .button__3SEuy {
            display: flex;
            align-items: center;
            padding: 8px 16px;
        }

.header__14_Tw .editButtons__3QN-A .closeButton__3tv-Y {
            margin-left: 24px;
        }

.content__1OFO5.edit-mode__zYsWj {
    padding-bottom: 100px;
}

.emptyContent__l8DFt {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.empty__1QzjO {
    color: var(--text-light-color);
    font-weight: 700;
    font-size: var(--20px);
    line-height: 30px;
    text-align: center;
    margin-bottom: 24px
}

.empty__1QzjO:first-letter {
        text-transform: uppercase;
    }

.empty__1QzjO:first-of-type {
        margin-bottom: 16px;
    }

.addButtonWrapper__1ZmXN {
    /* position: absolute;
    bottom: 90px;
    width: 100%;
    height: 0;
    left: 0;
    right: 0; */
    display: flex;
    justify-content: center;
}

.emptyAddButtonWrapper__2fQrI {
    position: static;
}

.addButton__NT48Y {
    width: 200px;
    height: 48px;
}

.add-workout-modal__3AQqS {
    width: 1024px;
    height: calc(100vh - 48px);
}

.container__26V2X {
    background-color: var(--background-page-gray);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.details-data__xlL-B {
    display: flex;
    flex-grow: 1
}

.details-data__xlL-B h3 {
        margin-bottom: 12px;
    }

h3 {
    font-weight: 500;
    font-size: var(--16px);
    line-height: 24px;
    color: var(--text-color);
}

.workout-list-item__3jfZP {
    display: flex;
    margin-bottom: 16px;
    justify-content: space-between;
    background: #fff;
    border-radius: 10px;
    cursor: pointer;
    transition: box-shadow 0.3s ease;
    min-width: 850px
}

.workout-list-item__3jfZP:hover {
        box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
    }

.workout-img-wrapper__1BIaA, .workout-icon-wrapper__18ZFf {
    /* min-width: 250px; */
    width: 80px;
    height: 142px;
    margin-right: 32px;
    background: #e8e8e8;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.workout-icon-wrapper__18ZFf {
    width: 112px;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0;
}

.workout-icon__1GI9l {
    width: 80px;
    height: 80px;
}

.thumbnailBColor__W6R5_ {
    background-color: var(--text-color);
}

.empty-workout-img__32lQj {
    color: var(--text-light-color);
    /*font-weight: 500;*/
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.workout-img__2wX8D {
    height: 100%;
}

.workout-data__1xiFT {
    /*padding: 24px 27px 24px 0;*/
    display: flex;
    min-width: calc(100% - 80px);
}

.workout-description__3kmk1 {
    min-width: 250px;
    flex: 1;
    padding: 25px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 64px;
}

.workout-name-wrapper__TT8r3 {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.workout-name__3X0A8 {
    /*max-width: 170px;*/
    /*margin-right: 10px;*/
    color: var(--text-color);
    font-weight: 500;
}

.licenseTypeWrapper__32lk9 {
}

.filter-name__vW8zD {
    max-height: 22px;
    padding: 2px 16px;
    background-color: var(--background-type-gray);
    color: var(--color-type-gray);
    font-size: var(--12px);
    line-height: 18px;
    font-weight: 500;
    border-radius: 10px;
    margin-left: 8px;
    text-transform: capitalize;
}

.owner-tag__38-sW {
    background-color: var(--background-type-gray);
    color: var(--color-type-gray);
    font-size: 8px;
    padding: 6px;
    border-radius: 50%;
    margin-left: 8px;
}

.coach-data__2fCBJ {
    color: var(--text-light-color);
    font-size: var(--14px);
    /*font-weight: 500;*/
}

.description__36rTc {
    color: var(--text-color);
    font-size: var(--14px);
    line-height: 18px;
    /* max-width: 225px; */
    max-height: calc(18px * 3);
    overflow-y: hidden;
}

.workout-params__36ROa {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: var(--primary-color);
    font-weight: 500;
    font-size: var(--14px);
    padding: 36px 0;
}

.workout-params__36ROa span {
    font-weight: 500;
    color: var(--text-light-color);
    margin-right: 8px;
}

.type__3q_SZ {
}

.time__3kxKJ {
}

.set__1ZijU {
}

.type__3q_SZ,
.time__3kxKJ,
.set__1ZijU {
    font-size: var(--14px);
}

.menuAltContainer__21Pzh {
    width: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    margin-right: 24px;
}

.iconMenuAltWrapper__3oyJ3 {
}

.iconMenuAlt__3AZsC {
    color: var(--text-light-color);
    transition: fill 0.3s ease-in-out
}

.iconMenuAlt__3AZsC:hover {
        fill: var(--text-color);
    }

.toolTipContentWrapper__G_Lbg {
    top: 24px;
    position: absolute !important;
}

.tipContentClassName__3h7j- {
}

.tipContentClassName__3h7j- > .react-tooltip-lite {
    margin-left: 10px;
}

.tipContentClassName__3h7j- > .react-tooltip-lite-arrow {
}

.mobile .workout-list-item__3jfZP {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        min-width: auto;
        padding: 8px;
        position: relative;
    }

.mobile .workout-data__1xiFT {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        margin-bottom: 16px;
    }

.mobile .workout-img-wrapper__1BIaA {
        min-width: 100%;
        height: calc((100vw - 24px) / 16 * 9);
        margin-right: 0;
    }

.mobile .workout-img__2wX8D {
        min-height: 100%;
        min-width: 100%;
        -o-object-fit: contain;
           object-fit: contain;
    }

.mobile .workout-description__3kmk1 {
        margin-right: 0;
        padding: 8px 16px;
    }

.mobile .workout-params__36ROa {
        padding: 0 16px;
    }

.mobile .workout-name__3X0A8 {
        font-weight: bold;
        font-size: var(--18px);
        line-height: 32px;
    }

.mobile .description__36rTc {
        margin-top: 8px;
    }

.mobile .menuAltContainer__21Pzh {
        margin-right: 0;
        position: absolute;
        bottom: 72px;
        right: 18px;
    }

.workout-description__3kmk1 > .type__3q_SZ {
    color: var(--primary-color);
}

.workout-description__3kmk1 > .type__3q_SZ > span {
    color: var(--text-light-color);
    margin-right: 8px;
}

.dropdowns__3XQJ9,
.controls-container__36xDb,
.menu-container__25zKj,
.dropdown-container__3pbP0 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.menu-container__25zKj {
    padding-right: 24px;
    margin-top: 24px;
}

.dropdown-container__3pbP0 {
    margin-left: 24px;
    font-size: var(--14px);
}

.label__3_MFO {
    color: var(--text-light-color)
}

.label__3_MFO:first-letter {
        text-transform: uppercase;
    }

.search-input__2fEio {
    width: 340px;
}

.create-button__15CM8 {
}

.dropDownButton__1uCpt {
    padding: 0;
}

.filter-button__17NXu {
    display: none;
}

.controls__1-aFR {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
}

@media (max-width: 1024px) {
}

@media (max-width: 768px) {
}

@media (max-width: 576px) {
}

.mobile .filter-button__17NXu {
        display: inline-flex;
        background-color: transparent;
        color: var(--text-light-color);
        cursor: pointer;
    }

.mobile .filter-modal__1XFDE {
        width: 100%;
        height: 100%;
        overflow-y: auto;
    }

.mobile .dropdown-container__3pbP0 {
        display: none;
    }

.container__3rJ6T,
.panel__1hZ6b {
    padding: 0;
    background-color: var(--background-page-gray);
}

.panel__1hZ6b {
    margin: 0 24px;
}

.content__2ukQZ {
    border-radius: 4px;
}

.table__3x1yr {
}

.row__3QXt3 {
    border-top: 2px solid black;
    font-size: var(--14px);
    height: 80px;
    border-top: 1px solid var(--background-divider-color);
    cursor: pointer
}

.row__3QXt3:first-child {
        border-top: none;
    }

.row__3QXt3 td:first-child {
        text-align: center;
    }

.row__3QXt3:hover {
        background: #fefefe
    }

.row__3QXt3:hover .button-group__1NtH- {
            visibility: visible;
        }

.search-input__FgbXc {
    width: 340px;
}

.create-button__3Nb_x {
    font-size: var(--14px);
    padding: 12px 14px;
    line-height: 18px;
}

.empty-content__2eGHL {
    padding-top: 10%;
    text-align: center;
}

.message__1CA7- {
    font-size: var(--16px);
    line-height: 13px;
    margin-bottom: 40px;
    color: var(--text-light-color);
    opacity: 0.8;
}

.controls-container__2A8eJ {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.workout-details-header__3pfSh {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 11px 0;
}

.backLink-wrapper__H76xm {
    margin-right: 24px;
}

.backLink__3NlQC {
    display: flex;
    cursor: pointer;
}

.workout-title-data__2jNSq {
    display: flex;
    flex-direction: column;
}

.workout-title-data__2jNSq .coach__1aShH {
    /*font-weight: 500;*/
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-light-color);
}

.title-wrapper__1nS5q {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.title-wrapper__1nS5q .title__HFDCa {
    font-weight: 500;
    font-size: var(--20px);
    color: var(--text-color);
    line-height: 30px;
    margin-right: 8px;
    max-width: 650px;
}

.title-wrapper__1nS5q .type__2BsQq {
    text-transform: capitalize;
    padding: 3px 16px;
    text-align: center;
    border-radius: 10px;
    font-weight: 500;
    font-size: var(--12px);
    color: var(--color-type-gray);
    background-color: var(--background-type-gray);
}

.left__16pI7 {
    display: flex;
    padding: 24px 0;
    align-items: center;
}

.right__2O3aC {
    transition: fill 0.3s ease-in-out;
}

.iconMenuAltWrapper__iCTtO {
    margin: 14px;
    background-color: var(--menu-background-color);
    display: flex;
    padding: 6px 15px;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 4px 16px rgba(26, 27, 29, 0.1);
    border-radius: 10px;
}

.iconMenuAltWrapper__iCTtO:hover .menuText__3h586,
.iconMenuAltWrapper__iCTtO:hover .iconMenuAlt__e05pA {
    color: var(--text-color);
}

.menuText__3h586 {
    font-weight: 500;
    font-size: var(--14px);
    line-height: 16px;
    transition: color 0.3s ease-in-out;
    color: var(--text-light-color);
}

.iconMenuAlt__e05pA {
    transition: color 0.3s ease-in-out;
    color: var(--text-light-color);
    margin-right: 10px;
}

.container__1JBuu {
    width: 50%;
    min-width: 500px;
    display: flex;
    flex-direction: column;
    margin-right: 24px;
    background: #fff;
    border-radius: 10px;
    justify-content: space-between;
}

.workout-video-wrapper__bh3u1 {
    width: 100%;
    /*height: 100%;*/
    margin-right: 32px;
    background: #e8e8e8;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.controlParametersWrapper___b_Bj {
    padding: 24px;
}

.empty-workout-video__15R9N {
    min-height: 280px;
    display: flex;
    align-items: center;
    color: var(--text-light-color);
    /*font-weight: 500;*/
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.workout-video__2y_EI {
    width: 100%;
    /*height: 100%;*/
    border-radius: 10px;
}

.control-parameters__2NJt7 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: var(--primary-color);
    font-weight: 500;
    font-size: var(--14px);
    margin-bottom: 8px;
}

.kpiParameters__11R3g {
}

.grayText__3_s54 {
    /*font-weight: 500;*/
    color: var(--text-light-color);
    margin-right: 8px;
}

.type__20nGP,
.time__2K_aw,
.set__1Ck_y,
.grayText__3_s54 {
    font-size: var(--14px);
    margin-bottom: 8px;
}

.buttonWrapper__3hTa2 {
    display: flex;
    justify-content: center;
}

.modifyButton__2rBLI {
    /*font-weight: 500;*/
    font-size: var(--14px);
    line-height: 16px;
    padding: 14px 45px;
    margin-bottom: 24px;
}

.rowContainer__3FaIu {
    width: 100%;
    background: none;
}

.rowContainer__3FaIu > .videoData__2WA4F {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.rowContainer__3FaIu .controlParametersWrapper___b_Bj {
    min-width: 500px;
    background: white;
    border-radius: 10px;
}

.container__3YjJE {
    width: 50%;
    min-width: 500px;
    display: flex;
    flex-direction: column;
}

.tab-list__3O2jW {
    padding-left: 24px;
    padding-bottom: 17px;
}

.tab-content__ZHLlD {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.tabClassName__3JBY_ {
    text-transform: none;
}

.container__EOkFx {
    padding: 24px;
    background: #fff;
    border-radius: 10px;
    flex-grow: 1;
}

.container__EOkFx > div {
    margin-bottom: 20px;
}

.improvements-wrapper__fl-rZ {
    display: flex;
    flex-wrap: wrap;
}

.improvement__FKu6c {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 16px;
    margin: 4px;
    border-radius: 10px;
    background: var(--background-light-orange);
    /*font-weight: 500;*/
    font-size: var(--14px);
    line-height: 18px;
    color: var(--primary-color);
}

.grayText__2EKh- {
    font-size: var(--14px);
    margin-bottom: 8px;
    /*font-weight: 500;*/
    color: var(--text-light-color);
}


.subtitle__54SAt {
    display: inline-block;
    margin-right: 16px;
    color: var(--text-light-color);
    text-transform: capitalize;
    white-space: nowrap;
}

.kpiSetTitle__3tkXS {
    width: 142px;
    margin: 0 16px 4px 0;
}

.params__1mxjO {
    font-weight: 500;
    color: var(--primary-color);
    text-transform: capitalize;
}

.measure__1WFMp {
    font-weight: 500;
    color: var(--text-color);
}


.container__1fGaS {
    display: flex;
    padding: 12px 16px;
    margin-bottom: 8px;
    font-size: var(--12px);
    line-height: 18px;
    background: #fff;
    border-radius: 10px;
    /*font-weight: 500;*/
    justify-content: space-between;
}

.kpiDataWrapper__2xeak {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.playerDataWrapper__16BNp {
    display: flex;
    /*flex-direction: column;*/
}

.playerData__1HpII {
    flex: 1;
}

.kpiSetData__phw5k {
    flex: 1;
}

.playerData__1HpII > div {
    margin: 0 40px 4px 0;
}

.kpiTitle__351BG {
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    margin-bottom: 8px;
}

.subtitle__2JitW {
    display: inline-block;
    margin-right: 16px;
    color: var(--text-light-color);
    text-transform: capitalize;
    white-space: nowrap;
}

.sex-title__2zwvY,
.age-title__q-K-a,
.height-title__34GFW {
    width: 60px;
}

.params__Ky95C {
    font-weight: 500;
    color: var(--primary-color);
    text-transform: capitalize;
}

.measure__2Sf4W {
    font-weight: 500;
    color: var(--text-color);
}

.kpiSetTitle__j1dR0 {
    width: 142px;
    margin: 0 16px 4px 0;
}

.iconMenuAlt__2xO-o {
    color: var(--text-light-color);
    transition: fill 0.3s ease-in-out
}

.iconMenuAlt__2xO-o:hover {
        fill: var(--text-color);
    }

.container__3C6QB {
    font-size: var(--12px);
}

.emptyContent__u85xJ {
    padding-top: 10%;
    text-align: center;
}

.kpiListWrapper__1t5Mv {
    width: 100%;
    margin-bottom: 20px;
}

.kpiContent__2io02 {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.message__6ev7w {
    font-size: var(--16px);
    line-height: 13px;
    margin-bottom: 40px;
    color: var(--text-light-color);
    opacity: 0.8;
}

.kpiButton__1PRzH {
    text-transform: none;
    margin-bottom: 24px;
}

.container__26gcL {
    background-color: var(--background-page-gray);
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.details-data__CM0Fp {
    display: flex;
    flex-grow: 1
}

.details-data__CM0Fp h3 {
        margin-bottom: 12px;
    }

h3 {
    font-weight: 500;
    font-size: var(--16px);
    line-height: 24px;
    color: var(--text-color);
}

.playerListItem__2tPKT {
    font-size: var(--14px);
    padding: 16px 24px;
    display: flex;
    margin-bottom: 16px;
    justify-content: space-between;
    background: #fff;
    border-radius: 10px;
    cursor: pointer;
    transition: box-shadow 0.3s ease;
    font-weight: 500;
    min-width: 850px
}

.playerListItem__2tPKT:hover {
        box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
    }

.playerData__15erv {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.playerDescription__2UNPK {
    margin-right: 48px;
    display: flex;
    width: 240px;
    align-items: center;
}

.playerNameWrapper__2Aub4 {
    display: flex;
    flex-direction: column
}

.playerNameWrapper__2Aub4 > div {
        margin-bottom: 4px;
        display: flex;
        justify-content: space-between;
    }

.playerName__28nsT {
    font-size: var(--14px);
    width: 150px;
    color: var(--text-color);
}

.avatar__29uJW {
    height: 48px;
    width: 48px;
    border-radius: 10px;
    margin-right: 16px;
}

.teamList__PML02 {
    display: flex;
    flex-wrap: wrap;
    width: 300px;
}

.teamTitle__3P7C- {
    margin-right: 2px;
}

.email__Zh4Jq {
    font-weight: 500;
    color: var(--text-light-color);
}

.tipContentClassName__3DpQU > .react-tooltip-lite {
    margin-left: 10px;
}

.teamsWrapper__1yHU0 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.teams__2mHeu {
    color: var(--text-color)
}

.teams__2mHeu p:first-of-type {
        text-transform: capitalize;
        color: var(--text-light-color);
    }

.menuAltContainer__1S4or {
    width: 24px;
    position: relative;
    display: flex;
    align-items: center;
}

.iconMenuAlt__2s3vr {
    color: var(--text-light-color);
    transition: fill 0.3s ease-in-out
}

.iconMenuAlt__2s3vr:hover {
        fill: var(--text-color);
    }

.icon__3b91h {
    margin-right: 8px;
    color: var(--primary-color);
}

.controls-container__3eseB,
.menu-container__34a6a,
.dropdown-container__2Y4zg {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.menu-container__34a6a {
    margin-top: 24px;
    justify-content: flex-end;
}

.dropdown-container__2Y4zg {
    margin-left: 10px;
    font-size: var(--14px);
}

.controls__1Aucj {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
}

.label__3Gtc7 {
    color: var(--text-light-color)
}

.label__3Gtc7:first-letter {
        text-transform: uppercase;
    }

.search-input__1-bpr {
    width: 340px;
}

.create-button__2mgtT {
}

.dropDownButton__17cBK {
    padding: 0;
}

.filter-button__2yyYM {
    display: none;
}

.mobile .filter-button__2yyYM {
        display: inline-flex;
        background-color: transparent;
        color: var(--text-light-color);
        cursor: pointer;
    }

.mobile .filter-modal__2NW4j {
        width: 100%;
        height: 100%;
        overflow-y: auto;
    }

.mobile .dropdown-container__2Y4zg {
        display: none;
    }

.content__2V0P6 {
    border-radius: 4px;
}

.empty-content__2mVMs {
    padding-top: 10%;
    text-align: center;
}

.message__3I-Wr {
    font-size: var(--16px);
    line-height: 13px;
    margin-bottom: 40px;
    color: var(--text-light-color);
    opacity: 0.8;
}

.player-details-header__2CeN2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 11px 0;
}

.backLink-wrapper__VcjSi {
    margin-right: 24px;
}

.backLink__PkMz- {
    display: flex;
    cursor: pointer;
}

.player-title-data__14dum {
    display: flex;
    flex-direction: column;
}

.player-title-data__14dum .coach__3wrfm {
    /*font-weight: 500;*/
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-light-color);
}

.title-wrapper__sga5g {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.title-wrapper__sga5g .title__1NRx- {
    font-weight: 500;
    font-size: var(--20px);
    color: var(--text-color);
    line-height: 30px;
    margin-right: 8px;
    max-width: 650px;
}

.title-wrapper__sga5g .type__zpxzH {
    text-transform: capitalize;
    padding: 3px 16px;
    text-align: center;
    border-radius: 10px;
    font-weight: 500;
    font-size: var(--12px);
    color: var(--color-type-gray);
    background-color: var(--background-type-gray);
}

.left__1XQhg {
    display: flex;
    padding: 24px 0;
    align-items: center;
}

.right__3K6I5 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transition: fill 0.3s ease-in-out;
}

.iconMenuAltWrapper__1CHeo {
    margin: 14px;
    background-color: var(--menu-background-color);
    display: flex;
    padding: 6px 15px;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 4px 16px rgba(26, 27, 29, 0.1);
    border-radius: 10px;
}

.iconMenuAltWrapper__1CHeo:hover .menuText__1HdCs,
.iconMenuAltWrapper__1CHeo:hover .iconMenuAlt__3624c {
    color: var(--text-color);
}

.menuText__1HdCs {
    font-weight: 500;
    font-size: var(--14px);
    line-height: 16px;
    transition: color 0.3s ease-in-out;
    color: var(--text-light-color);
}

.iconMenuAlt__3624c {
    transition: color 0.3s ease-in-out;
    color: var(--text-light-color);
    margin-right: 10px;
}

.language__1p9sR {
    margin-right: 32px;
    color: var(--text-light-color);
    font-weight: 500;
    font-size: var(--14px);
    cursor: default;
}

.sendParentInvitation__2Ce76 {
    font-weight: 500;
    font-size: var(--14px);
    color: var(--text-light-color);
    text-decoration: underline;
    cursor: pointer;
}

.container__ov4cS {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    font-weight: 500;
    padding: 24px;
    border-radius: 10px;
    background-color: #fff;
}

.data__1hzVz {
    width: 100%;
    display: flex;
    justify-content: flex-start
}

.data__1hzVz > div {
        display: flex;
        flex-direction: column;
        font-size: var(--14px);
        margin-right: 24px
    }

.data__1hzVz > div h3 {
            font-size: var(--16px);
            font-weight: 700;
            text-transform: capitalize;
            margin-bottom: 8px;
        }

.data__1hzVz > div p {
            margin-bottom: 8px;
            white-space: nowrap;
        }

.data__1hzVz.parents__3X8vl {
    justify-content: space-between;
}

.iconWrapper__2cHEm {
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    margin-right: 16px;
    background-color: rgba(254, 94, 0, 0.05);
}

.icon__12ZQJ {
    color: var(--primary-color);
}

.avatar__3p7Jm {
    width: 154px;
    height: 154px;
    border-radius: 15px;
    margin-right: 24px;
    background-color: var(--background-main-gray);
}

.label__3Mdr4 {
    margin-right: 8px;
    color: var(--text-light-color);
    text-transform: capitalize;
}

.about__sQwZT {
}

.assigned-program-item__3OeBb {
    padding: 16px 0;
    display: flex;
    justify-content: space-between;
    background: #fff;
    border-bottom: 1px solid var(--background-main-gray);
}

.program-description__uarql {
    min-width: 250px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 64px;
}

.titleWrapper__2NqCu {
    display: flex;
    align-items: center;
}

.title__1J4DM {
    margin-right: 4px;
    color: var(--text-color);
    font-weight: 700;
    font-size: var(--14px);
    line-height: 18px;
    text-decoration: none;
}

.program-params__lgiZB {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: var(--primary-color);
    font-weight: 500;
    font-size: var(--14px)
}

.program-params__lgiZB span {
        text-transform: capitalize;
        color: var(--text-light-color);
    }

.type__4x6yQ {
    margin-bottom: 8px;
}

.typeProgram__1Y7Fh {
    display: flex;
    align-items: center;
    text-transform: capitalize;
    padding: 2px 16px;
    border-radius: 10px;
    font-size: var(--12px);
    color: var(--color-type-gray);
    background-color: var(--background-type-gray);
}

.assignedDate__30o7t {
    font-weight: 500;
    font-size: var(--14px);
    color: var(--text-light-color);
}

.digitalCoach__Hu430 {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    padding: 3.5px 16px;
    border-radius: 10px;
    font-size: 10px;
    color: var(--color-type-gray);
    white-space: nowrap;
    margin-left: 8px;
    background-color: var(--background-type-gray);
}

.container__6dkGx {
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff
}

.container__6dkGx:not(:last-of-type) {
        border-bottom: 1px solid var(--background-main-gray);
    }

.personData__2axkN,
.titleWrapper__2EI25 {
    display: flex;
    align-items: center;
}

.personData__2axkN {
    min-width: 53%;
    justify-content: space-between;
}

.title__384p_ {
    margin-right: 4px;
    color: var(--text-color);
    font-weight: 700;
    font-size: var(--14px);
    line-height: 18px;
    text-decoration: none;
}

.avatar__2uVPE {
    height: 48px;
    width: 48px;
    border-radius: 10px;
    margin-right: 16px;
}

.iconWrapper__2-qD3 {
    margin: 16px
}

.iconWrapper__2-qD3 .icon__P0pjR {
        cursor: pointer;
        color: var(--text-light-color);
        transition: opacity 0.3s ease
    }

.iconWrapper__2-qD3 .icon__P0pjR:hover {
            opacity: 0.6;
        }

.actions__2RMgI {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
}

.jerseyWrapper__1JtxE {
    margin-left: 24px;
    width: 84px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.jersey__1Ltzn {
    color: var(--text-light-color);
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    margin-right: 8px;
}

.header__3jZ9f {
    display: flex;
    align-items: center;
}

.switch__1iLc2 {
    flex: 2 2 60%;
    display: flex;
    justify-content: center;
}

.tables-container__49i92 {
    display: flex;
    flex-flow: row nowrap;
    max-width: 100%;
    overflow-x: hidden;
    flex-direction: column;
    align-items: flex-start
}

.tables-container__49i92 .table-container__N7XcS {
        margin-top: 32px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        border-collapse: collapse;
        overflow: auto;
        width: 100%

    }

.tables-container__49i92 .table-container__N7XcS:first-of-type {
            margin-top: 12px;
        }

.tables-container__49i92 .table-container__N7XcS .table__3w-0S {
            overflow-x: auto;
            width: 100%;
            border-spacing: 0;

        }

.tables-container__49i92 .table-container__N7XcS tr td:first-of-type {
                width: 200px
            }

.tables-container__49i92 .table-container__N7XcS tr td:first-of-type span {
                    justify-content: left;
                    text-align: left !important;
                    padding-left: 8px;
                    padding-right: 50px;
                }

.tables-container__49i92 .table-container__N7XcS tr td span {
                min-height: 64px;
            }

.tables-container__49i92 .table-container__N7XcS tr:nth-child(even) td {
                    background-color: var(--background-page-gray);
                }

.tables-container__49i92 .table-container__N7XcS tr:nth-child(even) span {
                    min-height: auto;
                }

.tables-container__49i92 th {
        color: var(--text-light-color);
        border-bottom: 1px solid var(--background-main-gray)
    }

.tables-container__49i92 th span {
            width: 100%;
            display: inline-block;
            text-align: center;
            color: var(--text-light-color);
            font-weight: 500;
            font-size: var(--12px);
            padding: 12px 0 18px;
            text-transform: uppercase;
        }

.tables-container__49i92 td {
        text-align: center;
        font-size: var(--14px);
        cursor: default
    }

.tables-container__49i92 td>span {
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 32px;
            text-align: center;
            padding: 8px 0;
            font-size: var(--14px);
            cursor: default;
            white-space: nowrap;
        }

.tables-container__49i92 .pointer__15OHv :hover {
            cursor: pointer;
        }

.table-head-scores-cell__1ZXeZ:first-of-type {
        width: 200px
    }

.table-head-scores-cell__1ZXeZ:first-of-type span {
            justify-content: left;
            text-align: left !important;
            padding-left: 8px;
            padding-right: 50px;
        }

.table-row-scores-cell__1AgV7:first-of-type {
        border-radius: 6px 0 0 6px
    }

.table-row-scores-cell__1AgV7:first-of-type span {
            text-align: left;
            padding-left: 8px;
            padding-right: 50px;
        }

.table-row-scores-cell__1AgV7:last-of-type {
        border-radius: 0 6px 6px 0;
    }

.title__23QHU {
    font-weight: 700;
    font-size: var(--16px);
    line-height: 24px;
    padding-left: 8px
}

.title__23QHU:first-letter {
        text-transform: uppercase;
    }

.subtitle__2Bvsn {
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-light-color);
}

.empty-data__MOBOk {
    width: 100%;
    height: calc(100vh - 450px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--20px);
    color: var(--text-light-color)
}

.empty-data__MOBOk span:first-letter {
        text-transform: uppercase;
    }

.total-table__1kZz6 {
    margin-top: 48px !important;
}

.opponent-title__1YtAi {
    padding-left: 8px;
}
.shot-chart-point__3q8M0 {
    width: 24px;
    height: 24px;
    position: absolute;
    cursor: pointer
}

.shot-chart-point__3q8M0:hover {
        z-index: 1
    }

.shot-chart-point__3q8M0:hover .tooltip__Hueqm {
            visibility: visible !important;
        }

.point-icon__21W_G {
    color: red;
    width: 100%;
    height: 100%
}

.point-icon__21W_G.success__bg4Fy {
        color: green;
    }

.tooltip__Hueqm {
    padding: 8px;
    display: flex;
    flex-direction: column;
    background-color: white;
    color: var(--text-light-color);
    border-radius: 5px;
    box-shadow: 0 0 16px 0 rgba(220, 220, 220, 1);
    font-weight: 500;
    font-size: var(--14px)
}

.tooltip__Hueqm .player-container__3PVAF {
        display: flex;
        margin-bottom: 4px;
        align-items: center;
    }

.tooltip__Hueqm .period__3Qdk8 {
        margin-right: 8px;
    }

.tooltip__Hueqm .type__1xrFl {
        color: var(--text-color);
    }

.tooltip__Hueqm .player__N_UkH {
        font-size: var(--12px);
        color: var(--text-color);
        white-space: nowrap;
    }

.tooltip__Hueqm .jersey__2DYIw {
        color: var(--text-light-color);
    }

.analysis-shot-chart__3tT92 {
    background-color: white;
    border-radius: 10px;
    padding: 24px;
    min-height: calc(100vh - 172px);
    position: relative;
}

.filters__3AyCg,
.dropdown-container__1kkUX {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
}

.dropdown-container__1kkUX {
    margin-left: 24px;
    font-size: var(--14px);
}

.label__31IQN {
    color: var(--text-light-color);
    text-transform: capitalize;
}

.clear-filters-button__2oerP {
    margin-left: 24px;
    padding: 10px 16px;
    color: var(--text-light-color);
    box-shadow: 0 4px 16px rgba(26, 27, 29, 0.1);
    border-radius: 10px;
    transition: color 0.3s ease;
    position: absolute;
    top: 24px;
    left: 0
}

.clear-filters-button__2oerP:hover {
        color: var(--text-color);
    }

.main__11n-C {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.title__1FDx8 {
    font-weight: bold;
    font-size: var(--20px);
    line-height: 30px;
    margin: 24px 0;
    text-transform: capitalize;
    text-align: center;
}

.left__1jBtI,
.right__3OfWr {
    flex: 1;
    margin-left: 48px;
}

.shotsContainer__3Z4zB {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

.shots__3xv47 {
    height: 490px;
    width: 500px;
    position: relative
}

.shots__3xv47 img {
        width: inherit;
        height: inherit;
    }

.playerList__3jPOX {
    max-height: 400px;
    overflow-y: auto;
}

.assign-program-item__2jsNc {
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border-bottom: 1px solid var(--background-main-gray);
}

.program-data__3gL99 {
    display: flex;
    align-items: center;
    //min-width: 800px;
}

.program-description__rJsth {
    width: 600px;
    flex: 5;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 64px;
}

.title__S8mS9 {
    margin-bottom: 4px;
    color: var(--text-color);
    font-weight: 700;
    font-size: var(--14px);
    line-height: 18px;
    text-decoration: none
}

.title__S8mS9:hover {
        text-decoration: underline;
    }

.duration__1sVzY {
    display: flex;
    align-items: center;
    font-size: var(--14px);
    line-height: 18px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--text-light-color);
}

.program-params__3VpVu {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: var(--primary-color);
    font-weight: 500;
    font-size: var(--14px)
}

.program-params__3VpVu span {
        text-transform: capitalize;
        color: var(--text-light-color);
    }

.type__HRhfk {
    margin-bottom: 8px;
}

.trash-button__1zuQp {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    font-size: var(--14px);
    display: flex;
    align-items: center;
    padding: 6px;
    cursor: pointer;
    color: var(--text-light-color)
}

.trash-button__1zuQp svg {
        margin-right: 5px;
    }

.trash-button__1zuQp span:first-letter {
        text-transform: uppercase;
    }

.noUnderLine__3UzaY {
    border-bottom: none;
}

.title-container__3qnUQ {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.digitalCoach__27G4v {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    padding: 2.5px 16px;
    border-radius: 10px;
    font-size: 10px;
    color: var(--color-type-gray);
    white-space: nowrap;
    margin-left: 8px;
    background-color: var(--background-type-gray);
}

.emptyMessage__25JmB {
    height: calc(100vh - 400px);
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: var(--20px);
    line-height: 40px;
    color: var(--text-light-color)
}

.emptyMessage__25JmB > div:first-letter {
        text-transform: capitalize;
    }

.spinner-container__8JF7K {
    height: calc(100vh - 435px);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.3
}

.spinner-container__8JF7K .spinner__3_TgL {
        width: 64px;
        height: 64px;
    }


    .row__1x1-Z td {
        padding: 16.5px 0;
        border-bottom: 1px solid var(--background-main-gray);
    }

.add-button__1v1C- {
    margin-right: 12px;
    color: var(--text-light-color);
    font-weight: 500;
    font-size: var(--14px);
    line-height: 16px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    white-space: nowrap;
    outline: none;
    display: inline-flex;
    align-items: center
}

.add-button__1v1C- > span {
        margin-left: 10px;
    }

.add-button__1v1C- > span:first-letter {
        text-transform: uppercase;
    }

.add-button__1v1C-.added__jIKlD {
        color: var(--light-green);
    }

.avatar__UOD-x {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    margin-right: 16px;
}

.title__1XZu1 {
    font-weight: 700;
    font-size: var(--14px);
    line-height: 18px;
}

.avatar-column__2qFTi {
    width: 1%;
}

.action-column__1kwVk {
    text-align: right;
    width: 150px
}

.action-column__1kwVk.disabled__3m5BH > button {
        cursor: wait;
    }

.memberCount__j3v1l {
    font-weight: 500;
    font-size: var(--14px);
    color: var(--text-light-color);
}

.empty-message__2d5Zu {
    height: calc(100vh - 100px);
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    margin-top: -60px;
    font-weight: 700;
    font-size: var(--20px);
    line-height: 40px;
    color: var(--text-light-color)
}
.empty-message__2d5Zu > div:first-letter {
        text-transform: capitalize;
    }
.container__1HQLg {
    position: relative;
    width: 100%;
    padding: 24px;
    min-width: 500px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 10px;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
}

.waitingContainer__17Oj7 {
    align-items: center;
    justify-content: center;
}

.tab-list__3OHds {
    margin-bottom: 24px;
    padding-left: 8px;
}

.tab-content__37J7c {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.add-button__2e_35 {
    padding: 10px 20px;
    position: absolute;
    right: 24px;
}

.modal__3S92F {
    width: 1024px;
    height: calc(100% - 48px);
}

.empty-message__2O3zO {
    height: calc(100vh - 460px);
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: var(--20px);
    line-height: 40px;
    color: var(--text-light-color)
}

.empty-message__2O3zO > div:first-letter {
        text-transform: capitalize;
    }

.drop-down-container__14zV6 {
    padding: 24px 12px;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    font-size: var(--14px)
}

.drop-down-container__14zV6 .label__1CUrF {
        font-weight: 500;
        line-height: 18px;
        color: var(--text-light-color)
    }

.drop-down-container__14zV6 .label__1CUrF:first-letter {
            text-transform: capitalize;
        }

.common-drop-down-container__i5MY7 {
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
    align-items: center
}

.common-drop-down-container__i5MY7 .drop-down-container__14zV6 {
        position: relative;
        top: auto;
        right: auto
    }

.common-drop-down-container__i5MY7 .drop-down-container__14zV6:first-of-type {
            padding: 24px 0;
        }

.spinner-container__1hPk3 {
    margin-top: 53px;
    display: flex;
    justify-content: center;
    opacity: 0.3;
    height: inherit;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    align-items: center
}

.spinner-container__1hPk3 .spinner__2Ga4x {
        width: 64px;
        height: 64px;
    }

.gameSelectData__3l5av {
    max-width: 300px;
}
.container__26uXd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 114px;
    border-radius: 10px;
    margin-bottom: 8px;
    background-color: white;
    position: relative;
}

.analysisListItem__3-Gj6 {
    height: inherit;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center
}

.analysisListItem__3-Gj6 > div:not(:first-child) {
        margin-left: 24px;
    }

.processed__g1onG {
    cursor: pointer;
    transition: box-shadow 0.3s ease
}

.processed__g1onG:hover {
        box-shadow: 3px 4px 11px 0px rgba(0, 0, 0, 0.1);
    }

.thumbnail__eP6Ra {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 174px;
    min-width: 174px;
    overflow: hidden;
    border-radius: 10px;
    background-color: var(--text-color);
}

.emptyThumbnail__3OCOU {
    color: var(--text-light-color);
}

.empty-text__PqNXC {
    text-align: center;
    padding: 12px
}

.empty-text__PqNXC:first-letter {
        text-transform: uppercase;
    }

.image__1QOlY {
    min-width: 100%;
    min-height: 100%;
}

.info__SpS5W {
    width: 200px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 100%;
    padding: 14px 0;
}

.date__1Eu0Z {
    font-size: var(--12px);
    line-height: 18px;
    color: var(--text-light-color);
}

.club__1MmFF {
    display: flex;
    align-items: center
}

.club__1MmFF .club-icon__1qDAe {
        width: 24px;
        height: 24px;
        margin-right: 8px;
        border-radius: 3px;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: 50% 50%;
           object-position: 50% 50%;
        background-color: var(--background-main-gray);
    }

.team__2N0zZ {
    font-weight: bold;
    font-size: var(--14px);
    line-height: 18px;
    white-space: nowrap;
}

.scores__3A90Z {
}

.turnament__JXyAT {
    margin-right: 48px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.duration__wkL5J,
.league__A_Qf5 {
    font-weight: bold;
    font-size: var(--14px);
    line-height: 18px;
}

.duration__wkL5J {
    color: var(--text-light-color);
    margin-top: 8px;
}

.empty-statistic__6IAT4 {
    display: inline-block;
    color: var(--text-light-color);
    margin-left: 32px
}

.empty-statistic__6IAT4:first-letter {
        text-transform: uppercase;
    }

.uploadButton__2aMi4 {
    margin-left: 100px;
}

.menuAltContainer__2PhHM {
    position: absolute;
    top: 10px;
    right: 10px;
}

.iconMenuAlt__zdw2T {
    color: var(--text-light-color);
    transition: fill 0.3s ease-in-out
}

.iconMenuAlt__zdw2T:hover {
        fill: var(--text-color);
    }


    .container__3jzOl .modal__4ONEm{
        padding: 72px 32px;
    }

.controls-container__32fc6,
.dropdowns__3JqUw,
.menu-container__M4ruI,
.dropdown-container__3srKT {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.menu-container__M4ruI {
    margin-top: 10px;
    padding-right: 24px;
    font-weight: 500;
}

.controls__JuXh9 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
}

.dropdown-container__3srKT {
    margin-left: 24px;
    font-size: var(--14px);
}

.label__1N18W {
    color: var(--text-light-color)
}

.label__1N18W:first-letter {
        text-transform: uppercase;
    }

.filter-reset-button__38kXo {
    display: none;
}

.clear-filters-button__2CGHf {
    margin-left: 24px;
    padding: 10px 16px;
    color: var(--text-light-color);
    box-shadow: 0 4px 16px rgba(26, 27, 29, 0.1);
    border-radius: 10px;
    transition: color 0.3s ease
}

.clear-filters-button__2CGHf:hover {
        color: var(--text-color);
    }

.filter-button__wCHZh,
.filter-reset-button__38kXo {
    display: none;
}

.modal-form__3QXAR {
    //overflow-y: visible;
}

.mobile .filter-button__wCHZh {
        display: inline-flex;
        background-color: transparent;
        color: var(--text-light-color);
        cursor: pointer;
    }

.mobile .filter-modal__1NtQr {
        width: 100%;
        height: 100%;
        overflow-y: auto;
    }

.mobile .dropdown-container__3srKT,
    .mobile .clear-filters-button__2CGHf {
        display: none;
    }

.mobile .filter-reset-button__38kXo {
        display: block;
        color: var(--text-light-color);
        height: 24px;
    }

.no-subscription__1BhFY {
    display: flex;
    flex-direction: column;
    align-items: center
}

.no-subscription__1BhFY h2 {
        text-transform: capitalize;
    }

.no-subscription__1BhFY p {
        margin-bottom: 16px;
        margin-top: 16px;
    }

.subtitle__11bds {
    color: var(--text-light-color);
}

.period-container__2jrh1 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
}

.period-label__1nIsj {
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-light-color);
    text-transform: capitalize;
    white-space: nowrap;
    margin-right: 12px;
}
.analysis-games-list__1-Axr {
}

.empty-content__1vXvx {
    padding-top: 10%;
    text-align: center;
}

.message__2x9_x {
    font-size: var(--16px);
    line-height: 13px;
    margin-bottom: 40px;
    color: var(--text-light-color);
    opacity: 0.8;
}



.analysis-details-header__3kwj_ {
    padding: 11px 0;
}

.nav__sBxkh {
    margin-left: 24px;
    margin-bottom: 5px;
    height: 36px;
    display: flex;
    align-items: center;
}

.title-container__3zRcG {
    display: flex;
    padding: 24px 0;
    align-items: center;
}

.backLink__WKI_I {
    margin-right: 24px;
    cursor: pointer;
}

.analysis-title__1iKpb {
    display: flex;
    flex-flow: column
}

.analysis-title__1iKpb .date__xKvKf {
        font-weight: 500;
        font-size: var(--14px);
        line-height: 18px;
        color: var(--text-light-color);
    }

.title__oD7IE {
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.title__oD7IE .team-title__hOS1R {
        font-weight: bold;
        font-size: var(--20px);
        line-height: 30px;
    }

.title__oD7IE .vs__2RDi9 {
        margin: 0 8px;
        font-weight: 500;
        font-size: var(--14px);
        line-height: 18px;
        color: var(--text-light-color);
    }

.icon-chevron-big-left__89rIb {
}

@media (max-width: 1024px) {
    .title-container__3zRcG {
        padding: 0 0 24px;
    }
}

.analysis-details__1Qb-X {
    /* min-height: calc(100vh - 172px); */
}

.spinner-container__255S6 {
    height: 100vh;
    padding: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.3
}

.spinner-container__255S6 .spinner__OEudU {
        width: 64px;
        height: 64px;
    }

.players-filter__3OPdd {
    color: white;
}

.title__a54TS {
    font-weight: bold;
    font-size: var(--20px);
    line-height: 30px;
    margin-bottom: 20px;
}

.players-filter-item__fdL7j {
    display: flex;
    align-items: center;
    font-size: var(--14px);
    font-weight: 500;
    margin-bottom: 18px;
    cursor: pointer;
}

.checkbox__1vVOb {
    margin-right: 8px;
    color: var(--text-light-color)
}

.checkbox__1vVOb.checked__1ZYHQ {
        color: var(--primary-color);
    }

.avatar__52b8u {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    margin-right: 8px;
}

.container__SGiSE {
    display: flex;
    align-items: center;
    justify-content: flex-start
   
}

.container__SGiSE:hover {
        background: rgba(255, 255, 255, 0.1)
    }

.container__SGiSE:hover.is-dragging__27pSz {
            cursor: -webkit-grabbing;
            cursor: grabbing;
        }

.container__SGiSE.order-mode__35rTI {
        cursor: move;
        cursor: -webkit-grab;
        cursor: grab;
    }

.highlight-item__3C9lU {
    width: 100%;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    font-weight: 500;
    font-size: var(--14px);
}

.active__37bfV {
    cursor: auto
}

.active__37bfV .actionType__1F0ZK {
        background-color: var(--primary-color);
        cursor: auto
    }

.active__37bfV .actionType__1F0ZK .actionSecond__3aC7V {
            color: white;
        }

.actionType__1F0ZK {
    margin-right: 16px;
    width: 48px;
    min-width: 48px;
    height: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}

.actionMain__2APUq {
    font-size: 14px;
    font-weight: 700;
}

.actionSecond__3aC7V {
    font-size: 10px;
    font-weight: lighter;
    color: var(--text-light-color);
}

.highlightDataContainer__1pvMR {
    height: 50px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-evenly;
}

.highlightData__M1tQn {
    display: flex;
    align-items: center;
    position: relative;
}

.player__22UeW,
.teamName__ZyYKu {
    white-space: nowrap;
}

.team-title__39Snp {
    color: var(--text-light-color);
    font-weight: lighter;
    font-style: italic;
}

.show-all-text__3sYCx {
    padding: 0;
    background-color: #fff;
    white-space: normal;
    z-index: 100;
}

.jersey__3UF43 {
    color: var(--text-light-color);
    margin-right: 8px;
}

.time__GtZJZ {
    color: var(--text-light-color);
    font-size: 12px;
    font-weight: lighter;
    font-family: monospace;
}

.checkbox__15Wo4 {
}

.order-container__2p0Ji {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    padding: 8px;
}

.icon__Y60Jb {
    color: var(--text-light-color);
    margin-right: 18px;
}
.controls__3WCao {
    position: absolute;
    bottom: 0;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
    color: #fff;
    z-index: 10;
}

.full-screen-controls__2rqnO {
    width: 100% !important;
}

.bottom__3a57e,
.left__Z1h7R,
.right__26xuh,
.small-screen__xBaDB,
.full-screen__3ysP8,
.mute__9KSyV,
.volume-container__Iv3-6 {
    display: flex;
    align-items: center;
}

.mute__9KSyV {
    margin-right: 24px;
    cursor: pointer;
}

.screen-size__iNPkA {
    cursor: pointer;
}

.highlights-navigate__iPU_V {
    padding: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.highlights-navigate__iPU_V div {
        height: 24px;
        margin-right: 12px;
    }

.highlights-switchers__17aLT {
    display: flex;
    justify-content: space-between;
    width: 70px;
}

.switch-icon__1ic0- {
    cursor: pointer;
}

.switch-icon-disabled__1GjjA {
    opacity: 0.4;
}

.autoplay-button__26Whj {
    margin-right: 24px
}

.autoplay-button__26Whj .autoplay-title__12mHD {
        color: #fff;
    }

.progressContainer__1uVuZ {
    width: 100%;
}

.bottom__3a57e {
    justify-content: space-between;
}

.progressLine__2jLGc[type=range] {
    -webkit-appearance: none;
    height: 5px;
    width: 100%;
    background: var(--text-light-color);
    overflow: hidden;
    opacity: .7;
    transition: opacity .3s ease;
    cursor: pointer
}

.progressLine__2jLGc[type=range]:hover {
        opacity: 1;
    }

.progressLine__2jLGc[type=range]::-webkit-slider-thumb {
        width: 0;
        -webkit-appearance: none;
        height: 0;
        cursor: ew-resize;
        box-shadow: -1000px 0 0 1000px var(--primary-color);
    }

.disabled-progress__27lME[type=range] {
    cursor: auto
}

.disabled-progress__27lME[type=range]:hover {
        opacity: .7;
    }

.time__3n6qL {
    display: flex;
    font-weight: 500;
    font-size: var(--14px)
}

.time__3n6qL .played__NNpsP {
        margin-right: 2px;
    }

.time__3n6qL .duration__2a9y- {
        margin-left: 2px;
    }

.container__3VW-8 {
    flex: 1;
}

.highlights-list__T5ZxE {
    /*height: calc(100vh - 196px);*/
    /*margin-top: 12px;*/
    height: 100%;
    overflow-y: auto;
}

.empty-highlights__Y9CPq {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-light-color);
    font-size: var(--24px);
    font-weight: 700
    /*background-color: rgba(0, 0, 0, 0.6);*/
}

.empty-highlights__Y9CPq span {
        margin-bottom: 75px
    }

.empty-highlights__Y9CPq span:first-letter {
            text-transform: uppercase;
        }

.spinner-container__3LQ1K {
    display: flex;
    justify-content: center;
    margin-bottom: 14px;
}

@-webkit-keyframes rotating__3vX_o {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes rotating__3vX_o {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.spinner__1-44P {
    width: 36px;
    height: 36px;
    color: var(--text-light-color);
}

.tag__1C8PB {
    margin: 0 -5px;
}

.scroll__2OWzG .menu-container__1uMuG {
        overflow-x: hidden !important;
        margin-bottom: 0 !important;
    }

.container__LxSgw {
    /*height: 100%;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    background-color: var(--text-color);
}

.playButton__3KPuA {
    padding: 8px 16px;
    height: auto !important;
    width: auto !important;
    position: absolute;
    top: 45%;
    z-index: 1;
    font-size: var(--16px);
}

.fullScreen__13xc7 {
    overflow-y: hidden
}

.fullScreen__13xc7 .video__1uvgY {
        position: absolute;
        border-radius: 0;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1
    }

.fullScreen__13xc7 .video__1uvgY video {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
        }
.overlay__3BtZZ {
    padding: 24px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: scroll;
    z-index: 1000;
    background-color: var(--overlay-color);
    /*backdrop-filter: blur(1px);*/
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center
}

.overlay__3BtZZ.closed__G7peG {
        display: none;
    }

.container__KJwKj {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    background-color: transparent;
    width: 100%;
}

.video-container__3ePjI {
    display: flex;
    flex-direction: column;
    /*height: calc(100vh - 35px);*/
    margin-right: 24px;
    border-radius: 10px;
    overflow: hidden;
    /*background-color: var(--text-color);*/

    /*& :global(.react-player__preview),
    & video {
        border-radius: 0 0 10px 10px;
    }*/
}

.info__1-PeG {
    padding: 24px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: var(--text-color);
    position: relative;
}

.club__1p3ZQ {
    display: flex;
    align-items: center;
}

.club-icon__1sxnk {
    width: 32px;
    height: 32px;
    border-radius: 7px;
    background-color: var(--background-main-gray);
}

.scores__klev1 {
    padding: 8px 0;
    display: flex;
    justify-content: center;
}

.vs__2irhd {
    color: var(--text-light-color);
    margin: 0 32px;
}

.score-stat__12sZH {
    margin: 0 8px;
    font-size: var(--20px);
    font-weight: 700;
}

.team__1nnAC {
    margin: 0 24px;
    font-weight: 700;
}

.details-container__tNWQz {
    flex: 1 1 326px;
    min-width: 326px;
}

.details-container-wide__3p8xq {
    flex: 1 1 403px;
    min-width: 403px;
}

.close-container__30GwO {
    //position: absolute;
    //top: 10px;
    //right: 24px;
    margin-bottom: 8px;
    align-self: flex-end;
}

.panel-container__2qrk8 {
    height: calc(100vh - 88px);
    /*padding: 24px;*/
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    flex-flow: column;
}

.close-button__3Gr4I {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 8px;
    color: white
}

.close-button__3Gr4I > span {
        margin-left: 8px;
        font-weight: 500;
        font-size: var(--14px);
        text-transform: capitalize;
    }

.filters__3wdBu {
    padding: 12px 12px 0 12px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*border-bottom: 5px solid #A5A5A8;*/
}

.dropdown-container__2bNr7 .label__1r3sa {
        color: var(--text-light-color);
    }

.dropdown-container__2bNr7 button {
    padding: 8px;
    font-size: var(--14px);
    border-radius: 10px;
}

.dropdown-container__2bNr7 .dropdown-modal_active button {
    background-color: var(--light-drop-down-gray);
}

.players-filter__2sDHT {
    display: flex;
    padding: 24px;
    background-color: var(--light-drop-down-gray)
}

.players-filter__2sDHT > div:not(:first-child) {
        padding-left: 20px;
        margin-left: 24px;
        border-left: 1px solid var(--text-light-color);
    }

.tool-tip__nYcGL .react-tooltip-lite-arrow {
    border-color: transparent;
}

.tool-tip__nYcGL .react-tooltip-lite {
    box-shadow: none;
    background-color: transparent;
}

.empty-video__3N1rE {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-light-color);
    font-size: var(--24px);
    font-weight: 700;
    background-color: var(--text-color)
}

.empty-video__3N1rE span:first-letter {
        text-transform: uppercase;
    }

@-webkit-keyframes rotating__135O9 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes rotating__135O9 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.tag__1KGzK {
    margin: 0 -5px;
}

.separator-container__2A_Jn {
    padding: 12px;
    width: 100%;
}

.separator__wPKXh {
    width: 100%;
    border-bottom: 1px solid var(--text-light-color);
}

.video__2dQvg {
    /*height: 100%;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    background-color: var(--text-color);
}

.playButton__yosJu {
    padding: 8px 16px;
    height: auto !important;
    width: auto !important;
    position: absolute;
    top: 45%;
    z-index: 1;
    font-size: var(--16px);
}

.fullScreen__3zyfU {
    overflow-y: hidden
}

.fullScreen__3zyfU .video__2dQvg {
        position: absolute;
        border-radius: 0;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1
    }

.fullScreen__3zyfU .video__2dQvg video {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
        }

.order-button-container__1hYDZ {
    /* width: 100%; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.order-button__1dmbr {
    width: 300px;
    color: white;
    border-radius: 7px;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 8px;
    margin: 8px
}

.order-button__1dmbr:disabled {
        color: var(--text-light-color);
    }

.order-button__1dmbr:hover {
      background-color: rgba(255, 255, 255, 0.2);
    }

.separate-button-container__30Uil {
   padding: 8px 24px;
}

.separate-button-text__2HIzK {
    margin-left: 8px;
    color: var(--text-light-color);
    font-size: var(--14px);
}

.confirm-video-order-container__3E1Hf {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.combine-video-container__2LKAn {
    padding: 12px
}

.combine-video-container__2LKAn [name="combinedVideo"] {
        margin-left: 12px;
    }

.confirm-button__PTQ4S {
    width: 200px;
    color: white;
    border-radius: 7px;
    background-color: var(--primary-color);
    padding: 8px;
    margin: 8px
}

.confirm-button__PTQ4S:disabled {
        color: var(--text-light-color);
        background-color: rgba(255, 255, 255, 0.2);
    }

.confirm-button__PTQ4S:hover:not(:disabled) {
        color: white;
    }

.cancel-button__29fOh {
     width: 140px;
    color: white;
    border-radius: 7px;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 8px;
    margin: 8px
}

.cancel-button__29fOh:disabled {
        color: var(--text-light-color);
    }

.cancel-button__29fOh:hover {
      background-color: rgba(255, 255, 255, 0.2);
    }



    .team-score-table__2gh8c table {
        width: 100%;
        font-weight: 500;
        font-size: var(--14px);
        line-height: 16px;
    }

.team-score-table__2gh8c th {
        padding: 8px 8px;
        text-align: right;
        color: var(--text-light-color);
        font-size: var(--12px);
        line-height: 16px;
        text-transform: uppercase;
    }

.team-score-table__2gh8c td {
        padding: 8px 8px;
        text-align: center
    }

.team-score-table__2gh8c td.pointer__2ryl6 {
            cursor: pointer;
            text-decoration: underline;
        }

.team-score-table__2gh8c th:first-child,
    .team-score-table__2gh8c td:first-child {
        text-align: left;
    }

.team-score-table__2gh8c tr:nth-child(1) > td:first-child {
        border-left: 4px solid var(--primary-color);
    }

.team-score-table__2gh8c tr:nth-child(2) > td:first-child {
        border-left: 4px solid var(--dark-blue);
    }

.emptyData__2W264 {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-light-color);
    font-weight: 700
}

.emptyData__2W264 span:first-letter {
        text-transform: uppercase;
    }

.row__2FdvV:hover td {
            background-color: var(--background-page-gray);
        }

.th__1oe0O {
    padding: 16px;
}

.divider__2KjD6 {
    width: 4px;
    height: 100%;
}

.tooltip__rx5-e {
    display: flex;
    padding: 6px 18px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.tooltip__rx5-e::after {
    content: '';
    position: absolute;
    left: 28px;
    bottom: -18px;
    border: transparent;
}

.score__2CbJn {
    color: var(--primary-color)
}

.score__2CbJn:last-child {
        color: var(--dark-blue);
    }

.team-score-chart__1sdJv {
    margin-top: 40px;
}

.container__2Epg8 {
    /* display: flex;
    justify-content: space-between; */
}

.header-container__2uNO_ {
    display: flex;
    align-items: center;
    border-radius: 10px;
    margin-bottom: 24px;
    background-color: white;
}

.video-thumbnail-container__3OTV9 {
    display: flex;
    width: 600px;
    height: 220px;
    border-radius: 10px;
    position: relative;
    align-items: center;
    justify-content: center;
    background-color: var(--text-color);
    overflow: hidden;
    cursor: pointer;
}

.video-thumbnail__3GD5_ {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.video-thumbnail-cover__bPkYT {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease
}

.video-thumbnail-cover__bPkYT:hover {
        background: rgba(0, 0, 0, 0.6);
    }

.iconContainer__1ugt9 {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--primary-color);
    color: white;
    padding: 8px 16px;
    font-size: 14px;
}

.icon__2_FWn {
    margin-right: 8px;
}

.info-container-right__1KEWT {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.info-container__16u3d {
    margin: 0 24px
}

.info-container__16u3d td {
        padding: 8px;
    }

.league__1qVh0,
.season__2-VfR {
    font-size: 14px;
}

.season__2-VfR {
    margin-left: 8px;
    color: var(--text-light-color);
}

.empty-text__3cRU6 {
    color: #a5a5a8
}

.empty-text__3cRU6:first-letter {
        text-transform: uppercase;
    }

.info__1sMSa {
    padding: 16px 0;
}

.club__vBeKu {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.club-icon__29fZS {
    width: 32px;
    height: 32px;
    border-radius: 7px;
    background-color: var(--background-main-gray);
}

.scores__3_Wgl {
    padding: 8px 0;
    display: flex;
    justify-content: center;
    margin-right: 24px;
}

.score__1Vzy8 {
    font-size: var(--20px);
    font-weight: 700;
}

.team__StJGN {
    font-size: 16px;
    font-weight: 700;
    padding-right: 24px;
}

.empty-statistic__3yBtN {
    display: inline-block;
    color: var(--text-light-color);
    margin-top: 32px
}

.empty-statistic__3yBtN:first-letter {
        font-weight: 700;
        text-transform: uppercase;
    }

.score-table__yb5tF {
    padding: 16px;
    border-radius: 10px;
    background-color: white;
    margin-top: 8px;
}

.score-table-title__37ugb {
    margin-bottom: 24px;
    text-transform: capitalize;
}

.spinner-container__3rHp9 {
    height: calc(100vh - 175px);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.3
}

.spinner-container__3rHp9 .spinner__3O-zl {
        width: 64px;
        height: 64px;
    }

@media (max-width: 1200px) {

    .header-container__2uNO_ {
        flex-direction: column;
    }

    .video-thumbnail-container__3OTV9 {
        width: 100%;
    }

}

@media (max-width: 576px) {

    .info-container-right__1KEWT {
        flex-direction: column;
    }
}
.team-switch__t6wOi {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    background-color: var(--background-main-gray);
    border-radius: 20px;
    padding: 2px;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
}

.button__3csHT {
    padding: 8px 12px;
    border-radius: 20px;
    cursor: pointer;
    font-weight: bold;
    font-size: var(--12px);
    line-height: 18px;
    text-align: center
}

.button__3csHT.active__g_wiy {
        box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.05);
        background-color: white;
    }

.analysis-box-score___8AqN {
    background-color: white;
    border-radius: 10px;
    padding: 16px;
    min-height: calc(100vh - 174px);
}

.header__25UAT {
    display: flex;
    align-items: center;
}

.switch___nPZg {
    flex: 2 2 60%;
    display: flex;
    justify-content: center;
}

.tables-container__1JRa7 {
    display: flex;
    flex-flow: row nowrap;
    max-width: 100%;
    overflow-x: hidden;
    margin-top: 40px
}

.tables-container__1JRa7 table {
        border-spacing: 0;
    }

.tables-container__1JRa7 th {
        color: var(--text-light-color)
    }

.tables-container__1JRa7 th span {
            margin-right: 0;
            text-align: center;
            color: var(--text-light-color);
            font-weight: 500;
            font-size: var(--14px);
        }

.tables-container__1JRa7 td {
        min-height: 84px;
        text-align: center;
        border-bottom: 1px solid var(--background-main-gray);
        padding: 8px 0;
        font-size: var(--14px);
        cursor: default
    }

.tables-container__1JRa7 td.pointer__ST3au {
            cursor: pointer;
        }

.tables-container__1JRa7 td > span {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        min-width: 64px;
        padding: 0 10px;
        border-radius: 10px;
        white-space: nowrap;
    }

.table__2XOU5 {
    width: 100%;
}

.left__2YKzj {
    box-shadow: 10px 0 14px rgba(0, 0, 0, 0.15);
    z-index: 1
}

.left__2YKzj td > span {
        width: 30px;
        justify-content: flex-start;
        color: var(--text-light-color);
        padding: 0;
    }

.left__2YKzj td:last-child > span {
        min-width: 180px;
        color: var(--text-color);
    }

.right__3uZ-p {
    flex: 2;
    overflow-x: auto;
    border-collapse: collapse
}

.right__3uZ-p tr:hover td {
            background-color: rgba(255, 232, 148, 0.3);
        }

.right__3uZ-p td {
        transition: background-color 0.3s ease
    }

.right__3uZ-p td:nth-child(even) span {
            background-color: var(--background-page-gray);
        }

.title__Hir5P {
    font-weight: bold;
    font-size: var(--20px);
    line-height: 30px
}

.title__Hir5P:first-letter {
        text-transform: uppercase;
    }

.subtitle__ecNhO {
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-light-color);
}

.emptyData__1ParF {
    width: 100%;
    height: calc(100vh - 450px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--20px);
    color: var(--text-light-color)
}

.emptyData__1ParF span:first-letter {
        text-transform: uppercase;
    }

.tableHeadNamesCell__1h-XZ {
    text-align: left
}

.tableHeadNamesCell__1h-XZ:last-child {
        padding-left: 40px;
    }

.tableHeadScoresCell__VbT81 {
    text-align: center;
}

.player-name__2Vyh0 {
    transition: box-shadow .3s ease
}

.player-name__2Vyh0:hover {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1)
    }

.player-name__2Vyh0:hover .name__SdsAP {
            text-decoration: underline;
        }

.jersey__2lFQF {
    color: var(--text-light-color);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
}

.name__SdsAP {
    width: 200px;
    display: flex;
    justify-content: flex-start;
    padding: 15px 24px 15px 40px;
    cursor: pointer;
    white-space: nowrap;
}


.shot-chart-point__3czEC {
    width: 24px;
    height: 24px;
    position: absolute;
    cursor: pointer
}

.shot-chart-point__3czEC:hover {
        z-index: 1
    }

.shot-chart-point__3czEC:hover .tooltip__1ygGu {
            visibility: visible !important;
        }

.point-icon__3dGV9 {
    color: red;
    width: 100%;
    height: 100%
}

.point-icon__3dGV9.success__3ntvO {
        color: green;
    }

.tooltip__1ygGu {
    padding: 8px;
    display: flex;
    flex-direction: column;
    background-color: white;
    color: var(--text-light-color);
    border-radius: 5px;
    box-shadow: 0 0 16px 0 rgba(220, 220, 220, 1);
    font-weight: 500;
    font-size: var(--14px)
}

.tooltip__1ygGu .player-container__10A_F {
        display: flex;
        margin-bottom: 4px;
        align-items: center;
    }

.tooltip__1ygGu .period__3AWaB {
        margin-right: 8px;
    }

.tooltip__1ygGu .type__3Itbt {
        color: var(--text-color);
    }

.tooltip__1ygGu .player__3LmR3 {
        font-size: var(--12px);
        color: var(--text-color);
        white-space: nowrap;
    }

.tooltip__1ygGu .jersey__k10lL {
        color: var(--text-light-color);
    }

.analysis-shot-chart__1283P {
    background-color: white;
    border-radius: 10px;
    padding: 24px;
    min-height: calc(100vh - 172px);
    position: relative;
}

.filters__3ka8n,
.dropdown-container__3_fFq {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
}

.dropdown-container__3_fFq {
    margin-left: 24px;
    font-size: var(--14px);
}

.label__1Oks8 {
    color: var(--text-light-color);
    text-transform: capitalize;
}

.clear-filters-button__3jUxH {
    margin-left: 24px;
    padding: 10px 16px;
    color: var(--text-light-color);
    box-shadow: 0 4px 16px rgba(26, 27, 29, 0.1);
    border-radius: 10px;
    transition: color 0.3s ease;
    position: absolute;
    top: 24px;
    left: 0
}

.clear-filters-button__3jUxH:hover {
        color: var(--text-color);
    }

.main__3tdrl {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.title__2eg2E {
    font-weight: bold;
    font-size: var(--20px);
    line-height: 30px;
    margin: 24px 0;
    text-transform: capitalize;
    text-align: center;
}

.left__mH_Ap,
.right__Kd7zH {
    flex: 1;
    margin-left: 48px;
}

.shotsContainer__2l2oE {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

.shots__1sjOO {
    height: 490px;
    width: 500px;
    position: relative
}

.shots__1sjOO img {
        width: inherit;
        height: inherit;
    }

.playerList__6CIxm {
    max-height: 400px;
    overflow-y: auto;
}

.analysis-point-chart__39DRc {
    background-color: white;
    border-radius: 10px;
    padding: 24px;
    min-height: calc(100vh - 172px);
}

.filters__uacEK,
.dropdown-container__y5q4L {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.dropdown-container__y5q4L {
    margin-left: 24px;
    font-size: var(--14px);
}

.label__2TBI1 {
    color: var(--text-light-color);
    text-transform: capitalize;
}

.clear-filters-button__3bhRi {
    margin-left: 24px;
    padding: 10px 16px;
    color: var(--text-light-color);
    box-shadow: 0 4px 16px rgba(26, 27, 29, 0.1);
    border-radius: 10px;
    transition: color 0.3s ease
}

.clear-filters-button__3bhRi:hover {
        color: var(--text-color);
    }

.main__3WaRR {
}

.title-container__2bMZW {
}

.title__V5s4f {
    display: block;
    font-weight: bold;
    font-size: var(--20px);
    line-height: 30px;
    text-transform: capitalize;
}

.subtitle__yW1yc {
    display: block;
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-light-color);
}


.container__1D1YX {
    margin-top: 24px;
    height: calc(100vh - 300px)
}

.container__1D1YX .recharts-active-dot {
        cursor: pointer;
    }

.headerChart__2cCRu {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
}

.switcherContainer__3srAq {
    width: 32px;
    height: 32px;
    display: flex;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
}

.switcher__26As3 {
    color: var(--text-light-color);
    margin: 4px;
}

.title__1-UQY {
    font-weight: 700;
    font-size: var(--20px);
    line-height: 30px;
    color: var(--text-color);
}

.subTitle__1Qu3x {
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-light-color);
}

.tick__2V-Bs {
    font-size: var(--12px);
    color: var(--text-light-color);
}

.tooltip__3Fyl8 {
    display: flex;
    padding: 6px 18px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    cursor: pointer;
}

.tooltip__3Fyl8::after {
    content: '';
    position: absolute;
    left: 28px;
    bottom: -18px;
    //border: 8px solid transparent;
    //border-top: 10px solid #fff;
    border: transparent;
}

.score__wytW9 {
    color: var(--primary-color);
    font-weight: 700;
}

.score2__39W0a {
    color: var(--dark-blue);
    font-weight: 700;
}

.time__2C7wC {
    font-size: var(--12px);
    color: var(--text-light-color);
}

.period__2ZYe9 {
    font-weight: bold;
    color: var(--text-color);
}

.more__2oPdw {
    color: var(--light-green);
}

.less__1Flx_ {
    color: var(--light-red);
}

.equal__HGROH {
    color: var(--text-light-color);
}

.date__2KoqY {
    color: var(--text-light-color);
    font-size: var(--12px);
}

.descriptionWrapper__1tXQJ {
    display: flex;
    margin-left: 39px;
    align-items: center;
}

.info__jJtUh {
    display: flex;
}

.line__33Vws {
    width: 24px;
    height: 0;
    margin-right: 16px;
    border-radius: 2px;
}

.primaryLine__1d0dO {
    border: 2px solid var(--primary-color);
}

.blueLine__21Xx1 {
    border: 2px solid var(--dark-blue);
}

.description__2UUkY {
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-color);
}

.dot__2xdz_ {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #21bd56;
}

/*.teamMyDot {*/

/*    color: var(--primary-color);*/

/*}*/

/*.teamOpponentDot {*/

/*    color: var(--dark-blue);*/

/*}*/
.container__3v_8k {
    background-color: white;
    border-radius: 10px;
    padding: 36px 24px 24px;
    min-height: calc(100vh - 172px);
    font-weight: 400;
    position: relative
}

.container__3v_8k input:focus {
            outline:none;
        }

.container__3v_8k input:valid {
            border:none;
        }

.document__PZWLW {
    /* padding: 0 50px; */
}

.info__285M8 {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 12px
}

.info__285M8 div {
        display: flex;
        align-items: center
    }

.info__285M8 div:first-of-type {
            margin-right: 24px;
        }

.info__285M8 div:last-of-type {
            width: 100%;
        }

.date__1b_xU {
    display: flex;
    align-items: center;
}

.label__3NDNk {
    font-size: var(--14px);
    margin-right: 4px;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
}

.input__19W-C {
    width: 100%;
    border-bottom: 1px solid var(--text-color);
}

.myTeamContainer__2nqIW {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.confirmButton__1TUBN {
    position: absolute;
    font-size: var(--14px);
    font-weight: 500;
    right: 0;
    padding: 0;
}

.myTeam__3SQEb {
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 12px;
}

.title__1l3BT {
    margin: 24px 0;
    font-size: var(--20px);
    text-align: center;
    text-transform: capitalize;
}

.opponentTitle__17UCE {
    margin: 24px 0 12px 240px;
    font-size: var(--16px);
    line-height: var(--24px);
    text-transform: capitalize;
}

.opponentDivider__2Ljmp {
    width: 714px;
    margin: 32px 0;
    border-color: var( --background-main-gray);
    margin-bottom: 16px;
}

.areaInput__2aGZu {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    margin-bottom: 16px;
    width: 714px
}

.areaInput__2aGZu label {
        flex: 1;
        font-weight: 500;
        min-width: 200px;
        padding-right: 16px;
        line-height: var(--18px);
        margin-top: 16px;
    }

.areaInput__2aGZu textarea {
        flex: 4;
        width: 482px;
        min-height: 72px;
    }

.bold__1GDYP {
    font-weight: 700;
}

.container__3ZZXi {
    display: flex;
    margin-bottom: 24px;
    background: #F8F8F8;
    border-radius: 10px;
    padding: 24px

}

.container__3ZZXi:last {
        align: right;
    }

.tableHeadCell__19wfU {
    width: 304px;
    margin-right: 14px;
    color: var(--text-color)
}

.tableHeadCell__19wfU span {
        font-size: var(--14px);
    }

.headRow__1GrIr {
    margin-left: 16px
}

.headRow__1GrIr td {
        text-transform: capitalize;
    }

.textareaContainer__2O2ja {
    display: flex;
    flex-direction: column
}

.textareaContainer__2O2ja textarea:focus {
            outline:none;
        }

.textareaContainer__2O2ja textarea:valid {
            border:none;
        }

.textareaContainer__2O2ja.label__3Pzdk {
        font-size: var(--16px);
        margin-bottom: 12px;
        text-transform: capitalize;
    }

.table__CYYTg {
    width: 100%;
    & th,td {
        width: 300px !important;
    }
}
.container__16GAe {
    /* display: flex; */
    width: 30%;
}

.selector__1cres {
    /* width: 400px; */
    /* width: 404px; */
    /* margin-right: 12px; */
}

.input-style__1Zlds {
}

.dominate-substitutions__oGEem, .starting-five__1wcp_ {
    width: 304px !important;
}
.container__1ayBO {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;

}

.title__3IU2Z {
    text-transform: capitalize;
    weight: 700;
    font-size: var(--20px);
    line-height: 30px;
    color: var(--text-color);
}

.subtitle__1wFxX {
    weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-light-color);
}

.submit-button__1_TdT {
    margin-left: 24px;
    padding: 12px 40px;
    height: auto !important;
    width: auto !important;
    border-radius: 6px;
    font-weight: 700;
}

.cartsWrapper__3nXCm {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.spinner-container__3SzTi {
    padding: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.3
}

.spinner-container__3SzTi .spinner__17WKo {
        width: 64px;
        height: 64px;
    }

.emptyStatsWrapper__UI6wQ {
    display: flex;
    height: 40vh;
    justify-content: center;
    align-items: center;
}

.content__24zcT {
}

.emptyStats__2-4_X {
    text-align: center;
    width: 322px;
    color: var(--text-light-color);
    font-weight: 700;
    font-size: var(--20px);
    line-height: 30px;
}

.showMoreExecution__3U5e6 {
    display: flex;
    height: 100%;
    border-radius: 10px;
    padding: 24px;
    align-items: center;
    background-color: #fff;
    cursor: pointer;
    text-decoration: none;
}

.showMoreExecution__3U5e6:hover .icon__2Tj4t {
    margin-left: 15px;
}

.text__1xnHu {
    font-weight: 700;
    font-size: var(--14px);
    line-height: 18px;
    margin-right: 18px;
    color: var(--text-color);
}

.icon__2Tj4t {
    transition: margin-left 0.3s ease;
    position: relative;
    color: var(--primary-color);
}

@media (max-width: 1024px) {
    .cartsWrapper__3nXCm {
        flex-direction: column;
    }
}

.container__1K0xS {
    margin-bottom: 24px;
    position: relative;
}

.button__xAtbA {
    /* position: absolute; */
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    cursor: pointer;
    outline: none;
}

.foggingLeft__2ljH6,
.foggingRight__1kJI8 {
    top: 0;
    bottom: 0;
    z-index: 0;
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
}

.foggingLeft__2ljH6 {
    left: 0;
    background: linear-gradient(270deg, rgba(248, 248, 248, 0.01) -2.34%, #f8f8f8 100%);
}

.foggingRight__1kJI8 {
    right: 0;
    background: linear-gradient(270deg, #f8f8f8 10%, rgba(248, 248, 248, 0.01) 100%);
}

@media (max-width: 1024px) {
    .container__1K0xS {
        margin-bottom: 16px;
    }
}

.container__1WM2G {
    background-color: #fff;
    border-radius: 10px;
    padding: 24px;
    margin-right: 24px;
    width: 100%;
}

.headerChart__13Mlm {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
}

.switcherContainer__qFIwa {
    width: 32px;
    height: 32px;
    display: flex;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    cursor: pointer;
}

.switcher__3a6Su {
    color: var(--text-light-color);
    margin: 4px;
}

.title__1_cXk {
    font-weight: 700;
    font-size: var(--20px);
    line-height: 30px;
    color: var(--text-color);
}

.subTitle__39EOZ {
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-light-color);
}

.bar__3-7sO {
    fill: var(--dark-blue);
}

.tick__3Elvw {
    font-size: var(--12px);
    color: var(--text-light-color);
}

.tooltip__3qL8K {
    display: flex;
    padding: 6px 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.tooltip__3qL8K::after {
    content: '';
    position: absolute;
    left: 45px;
    bottom: -18px;
    border: 8px solid transparent;
    border-top: 10px solid #fff;
}

.percent__nW8Li {
    color: var(--dark-blue);
    font-weight: 700;
}

.more__mlDDG {
    color: var(--light-green);
}

.less__2BwTP {
    color: var(--light-red);
}

.equal__3qYwD {
    color: var(--text-light-color);
}

.completed__1LGVJ {
    color: var(--dark-blue);
}

.assigned__2mCGZ {
    color: var(--text-light-color);
}

.date__2DFIo {
    color: var(--text-light-color);
    font-size: var(--12px);
}

.descriptionWrapper__1IxTo {
    display: flex;
    margin-left: 39px;
    align-items: center;
}

.line__Osyph {
    width: 24px;
    height: 0;
    margin-right: 16px;
    border-radius: 2px;
    border: 2px solid var(--dark-blue);
}

.description__1ETl1 {
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-color);
}

@media (max-width: 1024px) {
    .container__1WM2G {
        margin-right: 0;
        margin-bottom: 16px;
    }
}

.container__3MHgq {
}

.header__2LWY3 {
    display: flex;
    justify-content: space-between;
    color: var(--text-light-color);
    font-weight: 500;
    font-size: var(--12px);
    line-height: 18px;
}

.header__2LWY3 div:last-of-type {
    min-width: 179px;
}

.header__2LWY3 th {
    text-align: left;
}

.scroll__3gwHq > div:first-of-type {
    padding-right: 8px;
}

.container__1yhoE {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    font-size: var(--14px);
    height: 53px;
    border-bottom: 1px solid var(--background-main-gray);
}

.container__1yhoE td {
    height: 53px;
}

.stats__3TuCm {
    display: flex;
    align-items: center;
    min-width: 170px;
}

.progressBar__2Q9GQ {
    display: flex;
    align-items: center;
    margin-right: 11px;
}

.progress__12CKl {
    text-align: left;
}

.percent__g30VB {
    color: var(--dark-blue);
}

.score__3QJoy {
    color: var(--primary-color);
}

.more__GoNsR {
    color: var(--light-green);
}

.less__2aWcF {
    color: var(--light-red);
}

.equal___H8iq {
    color: var(--text-light-color);
}

.assigned__3xcaS {
    color: var(--text-light-color);
    margin-right: 11px;
    font-size: var(--12px);
}

.completed__PwVUw {
    color: var(--text-light-color);
}

.date__2mH75 {
    color: var(--text-color);
    min-width: 100px;
}

.container__2GH5O {
    background-color: #fff;
    border-radius: 10px;
    padding: 24px;
    width: 100%;
}

.headerChart__142yk {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
}

.switcherContainer__XDuiv {
    width: 32px;
    height: 32px;
    display: flex;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    cursor: pointer;
}

.switcher__1Ur_n {
    color: var(--text-light-color);
    margin: 4px;
}

.title__22Z3g {
    font-weight: 700;
    font-size: var(--20px);
    line-height: 30px;
    color: var(--text-color);
}

.subTitle__FVdQd {
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-light-color);
}

.tick__3u5SC {
    font-size: var(--12px);
    color: var(--text-light-color);
}

.tooltip__adayy {
    display: flex;
    padding: 6px 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.tooltip__adayy::after {
    content: '';
    position: absolute;
    left: 45px;
    bottom: -18px;
    border: 8px solid transparent;
    border-top: 10px solid #fff;
}

.score__2Mo4p {
    color: var(--primary-color);
    font-weight: 700;
}

.more__3DbB2 {
    color: var(--light-green);
}

.less__2_cU0 {
    color: var(--light-red);
}

.equal__34eVl {
    color: var(--text-light-color);
}

.date__D_rnX {
    color: var(--text-light-color);
    font-size: var(--12px);
}

.descriptionWrapper__ROvnj {
    display: flex;
    margin-left: 39px;
    align-items: center;
}

.line__221_p {
    width: 24px;
    height: 0;
    margin-right: 16px;
    border-radius: 2px;
    border: 2px solid var(--primary-color);
}

.description__1O4Is {
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-color);
}

.dot__2iFrv {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #21bd56;
}

.scroll__oX0jU {
    margin-top: 12px;
    width: 100% !important;
    height: 29px !important;
}

.menu-container__RyrSH {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    padding-right: 24px;
    font-weight: 500;
}

.period-container__3naOP {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
    /* margin-right: 24px; */
}

.dropdown-container__3VBaL {
    margin-left: 24px;
    font-size: var(--14px);
}

.period-label__3IJ3K {
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-light-color);
    text-transform: capitalize;
    white-space: nowrap;
    margin-right: 12px;
}

.period-select__1m9N- {
    width: 200px;
    height: auto;
}

.mobile .period-label__3IJ3K {
        display: none;
    }

.mobile .period-container__3naOP {
        margin-right: 0;
    }

.mobile .scroll__oX0jU {
        margin-top: 12px;
    }

.execution-comments__2YTtv {
    margin: 16px 32px;
}

.link__2lMr2 {
    color: var(--text-color);
}

.comments__M-e8v {
    margin-top: 30px
}

.comments__M-e8v > div {
        margin-top: 20px;
    }

.comment-container__3a01j {
    font-size: var(--14px);
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.avatar__33xEU {
    height: 38px;
    width: 38px;
    margin-right: 15px;
    border-radius: 10px;
}

.player__1HdgA {
    margin-right: 8px;
    display: inline-block;
    font-weight: 700;
    font-size: var(--14px);
    line-height: 14px;
    color: var(--text-color);
}

.date__1RkYg {
    font-size: var(--12px);
    font-weight: 500;
    line-height: 14px;
    color: var(--text-light-color);
}

.comment__1V_Hv {
    margin-top: 2px;
    font-weight: 400;
    line-height: 14px;
    color: var(--text-color);
}

.image-container__24Jbr {
    width: 100px;
}

.header__2Pl0k {
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--background-main-gray)
}

.header__2Pl0k .title__2B6EN {
        font-weight: bold;
        font-size: var(--20px);
        line-height: 30px;
    }

.header__2Pl0k .date__1RkYg {
        font-weight: 500;
        font-size: var(--14px);
        line-height: 18px;
        color: var(--text-light-color);
    }

.titleContainer__21Vl6 {
    display: flex;
    align-items: center;
}

.workoutKpiGroup__2XpXv {
    margin-left: 16px;
    padding: 2px 16px;
    font-weight: 700;
    font-size: var(--12px);
    color: var(--color-type-gray);
    border-radius: 10px;
    background-color: var(--background-type-gray);
}

.execution-details__14lUa {
}

.overlay__1BWCW {
    padding: 24px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    //overflow-y: scroll;
    z-index: 1000;
    background-color: var(--overlay-color);
    /*backdrop-filter: blur(1px);*/
    display: flex;
    flex-flow: column nowrap;
    //justify-content: center;
    //align-items: center
}

.overlay__1BWCW.closed__l1D-z {
        display: none;
    }

.container__yoKJN {
    height: 100vh;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    background-color: transparent;
}

.scrollVideo__2Hneo {
    max-height: calc(100vh - 48px);
    border-radius: 10px;
}

.videoContainer__14jvx {
    min-height: 100%;
    margin-right: 24px;
    border-radius: 10px;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
}

.video__3vByy {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: black;
    border-radius: 10px 10px 0 0
}

.video__3vByy .react-player__preview,
    .video__3vByy video {
        border-radius: 10px;
    }

.comments__4-reB {
    flex: 1;
    height: 100%;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    //overflow-y: auto;
}

.details-container__2aEsc {
    flex: 1 1 326px;
    min-width: 326px;
}

.close-container__3WgQ5 {
    display: flex;
    justify-content: flex-end;
}

.player-badge__2xYdd {
    padding-bottom: 16px;
    display: flex;
    border-bottom: 1px solid var(--background-main-gray);
}

.avatar__3Qebn {
    height: 48px;
    width: 48px;
    border-radius: 10px;
    margin-right: 16px;
}

.player__3XH_8 {
    font-weight: 700;
    font-size: var(--16px);
    line-height: 24px;
    word-wrap: anywhere;
}

.date__7EM1x {
    font-weight: 500;
    font-size: var(--13px);
    line-height: 18px;
    color: var(--text-light-color);
}

.close-button__8W9s- {
    padding: 20px;
    font-weight: 500;
    font-size: var(--14px);
    display: flex;
    align-items: center;
    outline: none;
    color: white;
}

.closeIcon__1qIC5 {
    margin-right: 15px;
}

.workout__1okir {
    padding: 24px;
    border-radius: 10px;
    background-color: white;
    height: calc(100vh - 112px);
}

.workout-title__1SPvB {
    border-bottom: 1px solid var(--background-main-gray);
    padding-bottom: 16px;
}

.title__2GxIq {
    font-weight: 700;
    font-size: var(--16px);
    line-height: 24px;
}

.type__3nzcM {
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-light-color);
}

.scoreWrapper__2T2Uk {
    padding: 16px 0;
    border-bottom: 1px solid var(--background-main-gray);
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.score__1kPmB {
    margin-left: 12px;
    color: var(--primary-color);
    font-weight: 700;
}

.total__3GeqT {
    margin-right: 24px;
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-light-color)
}

.total__3GeqT:first-letter {
        text-transform: capitalize;
    }

.scrollKpis__2503R {
    max-height: calc(100vh - 280px);
}

.KPI-param-container__-lZVN {
    margin: 16px 0;
}

.KPI-title__Oe2qG {
    font-weight: 700;
    font-size: var(--14px);
    line-height: 18px;
}

.KPI-param__EIpQc {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin: 16px 0;
}

.KPI-param-title__37Qmi {
    text-transform: capitalize;
    color: var(--text-light-color);
    font-weight: 500;
    font-size: var(--12px);
    line-height: 18px;
    margin-bottom: 8px;
}

.goal-column__2LBvX {
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    padding: 6px 0;
}

.KPI-compare-sign__1d3lO,
.KPI-param-value__22ENu {
    color: var(--primary-color);
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
}

.KPI-param-unit__1z8O9 {
    margin-left: 4px;
    color: var(--primary-color);
}

.KPI-result__-FRl2 {
    min-width: 100px;
    background-color: rgba(254, 94, 0, 0.1);
    color: var(--primary-color);
    border-radius: 10px;
    padding: 6px 8px;
    text-align: center;
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
}

.KPI-param-score__2Vj3N {
    background-color: rgba(254, 94, 0, 0.1);
    color: var(--primary-color);
    border-radius: 10px;
    width: 60px;
    padding: 6px 8px;
    text-align: center;
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
}

.emptyKpis__1qfcW {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--20px);
    font-weight: 700;
    color: var(--text-light-color);
}

.empty-message__r2OOB {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: var(--20px);
    line-height: 40px;
    color: var(--text-light-color)
}

.empty-message__r2OOB > div:first-letter {
        text-transform: capitalize;
    }

.container__3FCeD {
    height: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    padding: 24px;
    border-radius: 10px;
    margin-right: 24px;
    max-width: 270px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
}

.circularContainer__2SkrB {
    margin-right: 16px;
}

.description__3h2zN {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.title__36QhH {
    white-space: nowrap;
    font-weight: 700;
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-color);
}

.date__3yntJ,
.workout__2QmTn {
    white-space: nowrap;
    font-weight: 500;
    line-height: 18px;
}

.date__3yntJ {
    font-size: var(--12px);
    color: var(--text-light-color);
}

.workout__2QmTn {
    font-size: var(--14px);
    color: var(--primary-color);
}

.avatarWrapper__3ozGA {
    display: flex;
    align-items: center;
}

.avatar__3ylcY {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    margin-right: 8px;
}

.workout__1wny- {
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
}

.program__YiJ6V {
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-light-color);
}

.circular__14N4I {
    margin-right: 16px;
}

.row__2htKx {
    /*height: 24px;*/
    font-weight: 500;
    font-size: var(--14px);
    line-height: 24px;
    height: 72px
}

.row__2htKx:last-child > td {
        border-bottom: none;
    }

.row__2htKx > td {
    vertical-align: middle;
    border-bottom: 1px solid var(--background-main-gray);
}

.date-column__54B7G {
    color: var(--text-light-color);
}

.chart-column__1qFgL {
    width: 1%;
}

.action-column__1TM8r {
    text-align: right;
    color: var(--text-light-color);
    padding-right: 8px;
    cursor: pointer;
    width: 1%;
    white-space: nowrap
}

.action-column__1TM8r:first-letter {
        text-transform: capitalize;
    }

.action-column__1TM8r > span,
    .action-column__1TM8r > svg {
        vertical-align: middle;
        margin-left: 8px;
    }

.name__1QdDy {
    max-width: 500px;
}

.last-executions__33oSA {
}

.container__srLlG {
    background-color: white;
    border-radius: 10px;
    padding: 24px;
    min-height: calc(100vh - 180px)
}

.container__srLlG.empty__1Jd2b {
    }

.header__hCG8M {
    margin-bottom: 19px;
}

.title__1f86f {
    font-size: var(--20px);
    line-height: 30px;
    font-weight: 700;
    text-transform: capitalize;
}

.subtitle__oHBT8 {
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-light-color);
}

.table__2jRJN {
    width: 100%;
}

.empty-message__20zX8 {
    height: calc(100vh - 300px);
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    margin-top: -60px;
    font-weight: 700;
    font-size: var(--20px);
    line-height: 40px;
    color: var(--text-light-color)
}

.empty-message__20zX8 > div:first-letter {
        text-transform: capitalize;
    }

.emptyContent__380P1 {
    padding-top: 10%;
    text-align: center;
}

.spinner-container__HdRjU {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.3
}

.spinner-container__HdRjU .spinner__3W71n {
        width: 64px;
        height: 64px;
    }

.dashboardWorkouts__1aB3j {
    font-weight: 500;
}

.container__3doLY {
    background-color: white;
    border-radius: 10px;
    padding: 16px 0 24px 0;
    min-height: calc(100vh - 180px)
}

.container__3doLY.empty__3bFGg {
    }

.header__1oNv3 {
    margin-bottom: 19px;
    padding: 0 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title__1PQNv {
    font-size: var(--20px);
    line-height: 30px;
    font-weight: 700;
    text-transform: capitalize;
}

.subtitle__3etVg {
    font-size: var(--14px);
    line-height: 18px;
    font-weight: 500;
    color: var(--text-light-color)
}

.subtitle__3etVg:first-letter {
        text-transform: uppercase;
    }

.empty-message__2Tohn {
    height: calc(100vh - 300px);
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    margin-top: -60px;
    font-weight: 700;
    font-size: var(--20px);
    line-height: 40px;
    color: var(--text-light-color)
}

.empty-message__2Tohn > div:first-letter {
        text-transform: capitalize;
    }

.dropdown-container__1R0Kj {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin-left: 24px;
    font-size: var(--14px);
}

.label__14b6W {
    color: var(--text-light-color)
}

.label__14b6W:first-letter {
        text-transform: capitalize;
    }

.headerWrapper__XRkNr {
    padding: 0 24px;
    margin-bottom: 5px;
    cursor: pointer;
}

.workoutProgressList__2I7-Y {
    transition: box-shadow 0.3s ease;
}

.listItemWrapper__1jW0D {
    padding: 0 24px;
    display: none;
}

.selected__kTY3V {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
}

.openedTable__3cTIO {
    display: block;
}

.emptyContent__3j6Fi {
    padding-top: 10%;
    text-align: center;
}

.spinner-container__rrx1m {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.3
}

.spinner-container__rrx1m .spinner___ZjDe {
        width: 64px;
        height: 64px;
    }

.container__1rd7P {
    font-size: var(--14px);
    padding: 16px 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid var(--background-main-gray);
}

.prevItem__2bM2h {
    border-bottom: 1px solid transparent;
}

.active__2BdQS {
    border-bottom: none;
}

.active__2BdQS .dropDownArrow__JhIsW {
    transform: rotate(-180deg);
}

.title__2-ZC5 {
    font-weight: 500;
    text-transform: capitalize;
}

.kpiAmount__14yYN {
    font-weight: 500;
    color: var(--text-light-color);
}

.params__2nC5E {
    display: flex;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
}

.completedWrapper__6F0IU {
    margin-right: 65px;
}

.scoreWrapper__1S6WE {
    margin-right: 50px;
}

.dropDownArrow__JhIsW {
    display: flex;
    align-items: center;
    margin-right: 6px;
    transition: transform 0.3s ease;
}

.titleChart__3nVMt {
    text-transform: capitalize;
}

.table__3GpON {
    width: 100%;
}

.tableHeadCell__3tw_3:not(:first-of-type) {
    text-align: right;
    width: 250px;
}

.table__3GpON tbody tr:last-of-type td {
    border-bottom: none;
}

.container__3Wge4 {
    font-size: var(--14px);
}

.kpiAmount__2uLCL {
    color: var(--text-light-color);
}

.container__3Wge4 td {
    padding: 14px 0;
    border-bottom: 1px solid var(--background-main-gray);
}

.dashboardPlayers__1Mi4S {
    font-weight: 500;
}

.container__wdEN1 {
    background-color: white;
    border-radius: 10px;
    padding: 16px 0 24px 0;
    min-height: calc(100vh - 180px)
}

.container__wdEN1.empty__3RqU0 {
    }

.header__2YYGT {
    margin-bottom: 19px;
    padding: 0 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title__17Z4s {
    font-size: var(--20px);
    line-height: 30px;
    font-weight: 700;
    text-transform: capitalize;
}

.subtitle__1HlVc {
    font-size: var(--14px);
    line-height: 18px;
    font-weight: 500;
    color: var(--text-light-color)
}

.subtitle__1HlVc:first-letter {
        text-transform: uppercase;
    }

.empty-message__4jbRF {
    height: calc(100vh - 300px);
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    margin-top: -60px;
    font-weight: 700;
    font-size: var(--20px);
    line-height: 40px;
    color: var(--text-light-color)
}

.empty-message__4jbRF > div:first-letter {
        text-transform: capitalize;
    }

.dropdown-container__1c2-E {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin-left: 24px;
    font-size: var(--14px);
}

.label__2wdHv {
    color: var(--text-light-color)
}

.label__2wdHv:first-letter {
        text-transform: capitalize;
    }

.headerWrapper__1iXyf {
    padding: 0 24px;
    margin-bottom: 5px;
    cursor: pointer;
}

.emptyContent__2AnEj {
    padding-top: 10%;
    text-align: center;
}

.spinner-container__1LrsB {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.3
}

.spinner-container__1LrsB .spinner__vBR39 {
        width: 64px;
        height: 64px;
    }

.table__-a06v {
    width: 100%;
    padding: 0 24px;
}

.tableHeadCell__3KDlU:not(:nth-of-type(-n + 3)) {
    text-align: right;
}

.table__-a06v tbody tr:last-of-type td {
    border-bottom: none;
}

.container__2IYE8 {
    color: var(--text-light-color);
    font-size: var(--14px);
}

.container__2IYE8 td {
    padding: 14px 0;
    border-bottom: 1px solid var(--background-main-gray);
}

.position__376jz {
    font-size: var(--12px);
}

.name-wrapper__3G1S0 {
    display: flex;
    align-items: center;
}

.avatar__12bRZ {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    margin-right: 8px;
}

.name__3ws44 {
    padding-right: 8px;
    color: var(--text-color);
}

.dashboardPrograms__2Zuzt {
    font-weight: 500;
}

.container__2AZKu {
    background-color: white;
    border-radius: 10px;
    padding: 16px 0 24px 0;
    min-height: calc(100vh - 180px)
}

.container__2AZKu.empty__PqKZG {
    }

.header__mW4NV {
    margin-bottom: 19px;
    padding: 0 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title__3zlR_ {
    font-size: var(--20px);
    line-height: 30px;
    font-weight: 700;
    text-transform: capitalize;
}

.subtitle__hNUt8 {
    font-size: var(--14px);
    line-height: 18px;
    font-weight: 500;
    color: var(--text-light-color)
}

.subtitle__hNUt8:first-letter {
        text-transform: uppercase;
    }

.empty-message__SKepE {
    height: calc(100vh - 300px);
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    margin-top: -60px;
    font-weight: 700;
    font-size: var(--20px);
    line-height: 40px;
    color: var(--text-light-color)
}

.empty-message__SKepE > div:first-letter {
        text-transform: capitalize;
    }

.dropdown-container__1CatD {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin-left: 24px;
    font-size: var(--14px);
}

.label__TQOY_ {
    color: var(--text-light-color)
}

.label__TQOY_:first-letter {
        text-transform: capitalize;
    }

.headerWrapper__25vlr {
    padding: 0 24px;
    margin-bottom: 5px;
    cursor: pointer;
}

.programsList__1dsTt {
    transition: box-shadow 0.3s ease;
}

.listItemWrapper__GfD42 {
    padding: 0 24px;
    display: none;
}

.selected__1dcyV {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
}

.openedTable__3bFjo {
    display: block;
}

.emptyContent__1ukDA {
    padding-top: 10%;
    text-align: center;
}

.spinner-container__1q3pe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.3
}

.spinner-container__1q3pe .spinner__2ihcE {
        width: 64px;
        height: 64px;
    }

.container__2BfVU {
    font-size: var(--14px);
    padding: 16px 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid var(--background-main-gray);
}

.prevItem__3ilXU {
    border-bottom: 1px solid transparent;
}

.active__2n4iR {
    border-bottom: none;
}

.active__2n4iR .dropDownArrow__3egg6 {
    transform: rotate(-180deg);
}

.title__1eMUD {
    font-weight: 500;
    text-transform: capitalize;
}

.workoutsAmount__14CQf {
    font-weight: 500;
    color: var(--text-light-color);
    text-transform: capitalize;
}

.params__32muR {
    display: flex;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
}

.completedWrapper__PqKnd {
    margin-right: 65px;
}

.scoreWrapper__3SZif {
    margin-right: 50px;
}

.dropDownArrow__3egg6 {
    display: flex;
    align-items: center;
    margin-right: 6px;
    transition: transform 0.3s ease;
}

.titleChart__3kFXt {
    text-transform: capitalize;
}

.table__2Dh9v {
    width: 100%;
}

.tableHeadCell__14FdM:not(:first-of-type) {
    text-align: right;
    width: 250px;
}

.table__2Dh9v tbody tr:last-of-type td {
    border-bottom: none;
}

.container__3Edrh {
    font-size: var(--14px);
}

.kpiAmount__1h3vq {
    color: var(--text-light-color);
}

.container__3Edrh td {
    padding: 14px 0;
    border-bottom: 1px solid var(--background-main-gray);
}

.container__1yvrT {
    font-size: var(--14px);
    padding: 16px 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid var(--background-main-gray);
}

.prevItem__2GP_A {
    border-bottom: 1px solid transparent;
}

.active__3ctmt {
    border-bottom: none;
}

.active__3ctmt .dropDownArrow__3UpIn {
    transform: rotate(-180deg);
}

.teamName__1zJd0 {
    display: flex;
    align-items: center;
}

.title__hauPo {
    max-width: 500px;
    font-weight: 500;
    text-transform: capitalize;
}

.teamAvatar__1lZSG {
    width: 48px;
    height: 48px;
    border-radius: 15px;
    margin-right: 8px;
}

.playersAmount__YRGdy {
    font-weight: 500;
    color: var(--text-light-color);
}

.params__3DjcP {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    display: flex;
}

.completedWrapper__3Ub8S {
    margin-right: 65px;
}

.scoreWrapper__2JV84 {
    margin-right: 50px;
}

.dropDownArrow__3UpIn {
    display: flex;
    align-items: center;
    margin-right: 6px;
    transition: transform 0.3s ease;
}

.titleChart__3BHxm {
    text-transform: capitalize;
}

.container__qHf9H {
    font-size: var(--14px);
}

.container__qHf9H td {
    padding: 14px 0;
    border-bottom: 1px solid var(--background-main-gray);
}

.container__qHf9H td:first-of-type {
    display: flex;
    align-items: center;
}

.avatar__2D880 {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    margin-right: 8px;
}

.table__2-nCW {
    width: 100%;
}

.tableHeadCell__3QBS8:not(:first-of-type) {
    text-align: right;
    width: 250px;
}

.table__2-nCW tbody tr:last-of-type td {
    border-bottom: none;
}

.dashboardTeams__zhefj {
    font-weight: 500;
}

.container__1iOoQ {
    background-color: white;
    border-radius: 10px;
    padding: 16px 0 24px 0;
    min-height: calc(100vh - 180px)
}

.container__1iOoQ.empty__1QI1v {
    }

.header__3WZTG {
    margin-bottom: 19px;
    padding: 0 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title__bUyZ1 {
    font-size: var(--20px);
    line-height: 30px;
    font-weight: 700;
    text-transform: capitalize;
}

.subtitle__3m0V- {
    font-size: var(--14px);
    line-height: 18px;
    font-weight: 500;
    color: var(--text-light-color)
}

.subtitle__3m0V-:first-letter {
        text-transform: uppercase;
    }

.empty-message__33sz0 {
    height: calc(100vh - 300px);
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    margin-top: -60px;
    font-weight: 700;
    font-size: var(--20px);
    line-height: 40px;
    color: var(--text-light-color)
}

.empty-message__33sz0 > div:first-letter {
        text-transform: capitalize;
    }

.dropdown-container__AFNj8 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin-left: 24px;
    font-size: var(--14px);
}

.label__3pzOA {
    color: var(--text-light-color)
}

.label__3pzOA:first-letter {
        text-transform: capitalize;
    }

.headerWrapper__1TDAe {
    padding: 0 24px;
    margin-bottom: 5px;
    cursor: pointer;
}

.teamsList__1TwEw {
    transition: box-shadow 0.3s ease;
}

.listItemWrapper__2C16L {
    padding: 0 24px;
    display: none;
}

.selected__2SA8U {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
}

.openedTable__3CXMF {
    display: block;
}

.emptyContent__3gqot {
    padding-top: 10%;
    text-align: center;
}

.spinner-container__2x11f {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.3
}

.spinner-container__2x11f .spinner__1gpni {
        width: 64px;
        height: 64px;
    }

.dashboardKPI__3dFHC {
    font-weight: 500;
}

.container__3mD5B {
    background-color: white;
    border-radius: 10px;
    padding: 16px 0 24px 0;
    min-height: calc(100vh - 180px)
}

.container__3mD5B.empty__1hvvH {
    }

.header__7EfMF {
    margin-bottom: 19px;
    padding: 0 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title__2qLXg {
    font-size: var(--20px);
    line-height: 30px;
    font-weight: 700;
    text-transform: capitalize;
}

.subtitle__1IGB3 {
    font-size: var(--14px);
    line-height: 18px;
    font-weight: 500;
    color: var(--text-light-color)
}

.subtitle__1IGB3:first-letter {
        text-transform: uppercase;
    }

.empty-message__1dsNO {
    height: calc(100vh - 300px);
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    margin-top: -60px;
    font-weight: 700;
    font-size: var(--20px);
    line-height: 40px;
    color: var(--text-light-color)
}

.empty-message__1dsNO > div:first-letter {
        text-transform: capitalize;
    }

.dropdown-container__3d3A- {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin-left: 24px;
    font-size: var(--14px);
}

.label__RBzNi {
    color: var(--text-light-color)
}

.label__RBzNi:first-letter {
        text-transform: capitalize;
    }

.headerWrapper__3Lg-M {
    padding: 0 24px;
    margin-bottom: 5px;
    cursor: pointer;
}

.table__2BToV {
    width: 100%;
    padding: 0 24px;
}

.tableHeadCell__2YYX0:last-of-type {
    text-align: right;
}

.table__2BToV tbody tr:last-of-type td {
    border-bottom: none;
}

.container__2IZ1R {
    color: var(--text-light-color);
    font-size: var(--14px);
}

.container__2IZ1R td {
    padding: 14px 0;
    border-bottom: 1px solid var(--background-main-gray);
}

.container__2IZ1R td:last-of-type {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.position__1Y-bi {
    font-size: var(--12px);
}

.name__2MkBp,
.range__21JwU {
    color: var(--text-color);
}

.goal__22WDp,
.average__12q4Z {
    color: var(--dark-blue);
}

.percent__4ucKt {
    margin-left: 10px;
    color: var(--primary-color);
}

.player-list-item__1UUsu {
    padding: 12px 0;
    display: flex;
    font-size: var(--14px);
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--background-main-gray);
}

.avatar__3evgp {
    height: 48px;
    width: 48px;
    border-radius: 10px;
    margin-right: 16px;
}

.player__242aC {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

.player__242aC .player-name__3Poki {
        font-size: var(--14px);
        font-weight: bold;
        width: 150px;
        color: var(--text-color);
    }

.player__242aC .player-email__zalEn {
        color: var(--text-light-color);
    }

.action__1fcwL {
    cursor: pointer;
    padding-right: 20px;
}

.icon__2r3NW {
    color: var(--text-light-color);
}

.icon__2r3NW.checked__1ntHX {
    color: var(--primary-color);
}

.player-selector__2QDt3 {
    padding: 24px 24px 0 24px;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    height: 100%;
    min-width: 850px;
    min-height: calc(100vh - 110px);
}

.list__14kgJ {
    max-height: calc(100vh - 410px);
    overflow-y: auto
}

.list__14kgJ.tall__3TzU4 {
        max-height: calc(100vh - 320px);
    }

.search-container__3l2BB {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.input__3S-dm {
    width: 100%;
    margin: 0 12px;
    outline: none;
}

.button__14_nE {
    padding: 10px 50px;
}

.search-icon__2_9nu {
    min-width: 24px;
}

.workout-list-item__Nk2Fo {
    padding: 12px 0;
    display: flex;
    font-size: var(--14px);
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--background-main-gray);
}

.avatar__1E2LN {
    height: 48px;
    width: 48px;
    border-radius: 10px;
    margin-right: 16px;
}

.workout__3UquN {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

.workout__3UquN .title__N9l9c {
        font-size: var(--14px);
        font-weight: 700;
        width: 150px;
        color: var(--text-color);
    }

.workout__3UquN .coach__268e9 {
        color: var(--text-light-color);
    }

.action__33vvO {
    cursor: pointer;
    padding-right: 20px;
}

.icon__2NQV6 {
    color: var(--text-light-color);
}

.icon__2NQV6.checked__3wVqg {
    color: var(--primary-color);
}

.workout-selector__jhmwU {
    padding: 24px 24px 0 24px;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    height: 100%;
    min-width: 850px;
    min-height: calc(100vh - 110px);
}

.list__3BTXb {
    max-height: calc(100vh - 410px);
    overflow-y: auto
}

.list__3BTXb.tall__2lCck {
        max-height: calc(100vh - 320px);
    }

.search-container__engOE {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.input__3Q7aL {
    width: 100%;
    margin: 0 12px;
    outline: none;
}

.search-icon__2pC07 {
    min-width: 24px;
}

.program-list-item__49xpo {
    padding: 12px 0;
    display: flex;
    font-size: var(--14px);
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--background-main-gray);
}

.program__3UX5o {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

.program__3UX5o .title__2gXte {
        font-size: var(--14px);
        font-weight: bold;
        width: 150px;
        color: var(--text-color);
    }

.program__3UX5o .coach__1LfWK {
        color: var(--text-light-color);
    }

.action__2_yYF {
    cursor: pointer;
    padding-right: 20px;
}

.icon__1HebK {
    color: var(--text-light-color);
}

.icon__1HebK.checked__186rm {
    color: var(--primary-color);
}

.program-selector__4-40- {
    padding: 24px 24px 0 24px;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    height: 100%;
    min-width: 850px;
    min-height: calc(100vh - 110px);
}

.list__1SFOQ {
    max-height: calc(100vh - 410px);
    overflow-y: auto
}

.list__1SFOQ.tall__1qajc {
        max-height: calc(100vh - 320px);
    }

.search-container__3iHJm {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.input__nY_Cj {
    width: 100%;
    margin: 0 12px;
    outline: none;
}

.search-icon__A2XLW {
    min-width: 24px;
}

.periodContainer__1y3ZC {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
    /* margin-right: 24px; */
}

.period-label__1ib-o {
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-light-color);
    text-transform: capitalize;
    white-space: nowrap;
    margin-right: 12px;
}

.filtersContainer__123b2 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 24px 24px 0 0;
}

.periodSelect__2rvlX {
    width: 200px;
    height: auto;
}

.filters__10qCi,
.dropdown-container__1xTyD {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.dropdown-container__1xTyD {
    margin-left: 24px;
    font-size: var(--14px);
}

.controls__N5XEx {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
}

.label__2ZkxU {
    color: var(--text-light-color);
}

.clear-filters-button__1H3Z9 {
    margin-left: 24px;
    padding: 10px 16px;
    color: var(--text-light-color);
    box-shadow: 0 4px 16px rgba(26, 27, 29, 0.1);
    border-radius: 10px;
    transition: color 0.3s ease
}

.clear-filters-button__1H3Z9:hover {
        color: var(--text-color);
    }

.toolTip__uFxH1 .react-tooltip-lite {
        overflow: hidden;
    }

@media (max-width: 576px) {
}

@media (max-width: 768px) {
}

.filter-button__34NWc,
.filter-reset-button__kL0dS {
    display: none;
}

.mobile .period-label__1ib-o,
    .mobile .dropdown-container__1xTyD,
    .mobile .clear-filters-button__1H3Z9 {
        display: none;
    }

.mobile .filter-button__34NWc {
        display: inline-flex;
        background-color: transparent;
        color: var(--text-light-color);
        cursor: pointer;
    }

.mobile .filter-reset-button__kL0dS {
        display: block;
        color: var(--text-light-color);
        height: 24px;
    }

.mobile .filter-modal__3qSbX {
        width: 100%;
        height: 100%;
        overflow-y: auto;
    }

.container__2xx20 {
    font-size: var(--14px);
    font-weight: 500;
    cursor: pointer
}

.container__2xx20 td {
        border-bottom: 1px solid var(--background-main-gray);
    }

.videoContainer__POtw2 {
    width: 48px;
}

.noVideo__2_UuH {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 48px;
    height: 48px;
    border: 2px solid var(--text-light-color);
    color: var(--text-light-color);
    border-radius: 10px;
    margin: 10px 16px 10px 0;
    font-size: 8px;
    font-weight: 500;
}

.noVideoIcon__3SXnj {
    color: var(--text-light-color);
}

.video-thumbnail__3g_5G {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    margin: 10px 16px 10px 0;
}

.workout__1NykY {
    margin-bottom: 4px;
    font-weight: 700;
}

.program__1vubI {
    color: var(--text-light-color);
}

.date__3SVlV {
    color: var(--text-light-color);
}

.playerAvatarContainer__2iTJf {
    display: flex;
    align-items: center;
}

.playerAvatar__1WciU {
    height: 24px;
    width: 24px;
    margin-right: 8px;
    border-radius: 10px;
}

.score__1FX7o {
    font-size: var(--16px);
    font-weight: 700;
    color: var(--primary-color);
}

.action-column__3YUIO {
    text-align: right;
    color: var(--text-light-color);
    padding-right: 8px;
    cursor: pointer;
    width: 1%;
    white-space: nowrap
}

.action-column__3YUIO:first-letter {
        text-transform: capitalize;
    }

.action-column__3YUIO > span,
    .action-column__3YUIO > svg {
        vertical-align: middle;
        margin-left: 8px;
    }

.content__24h7Q {
    background-color: #fff;
    border-radius: 10px;
    padding: 24px;
    min-height: calc(100vh - 180px);
    margin-top: 151px;
}

.table__Ruf1i {
    width: 100%;
    border-collapse: collapse;
}

.empty-message__UXSKR {
    height: calc(100vh - 300px);
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    margin-top: -60px;
    font-weight: 700;
    font-size: var(--20px);
    line-height: 40px;
    color: var(--text-light-color)
}

.empty-message__UXSKR > div:first-letter {
        text-transform: capitalize;
    }

.empty-message__UXSKR div:nth-of-type(2) {
        min-width: 250px;
        text-align: center;
    }

.manager-dashboard-root__1Pqzv {
    height: 100%;
    background-color: var(--background-page-gray);
}

.container__w7I6Y {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 114px;
    border-radius: 10px;
    margin-bottom: 8px;
    background-color: white;
    cursor: pointer;
    transition: box-shadow 0.3s ease;
    position: relative
}

.container__w7I6Y:hover {
        box-shadow: 3px 4px 11px 0 rgba(0, 0, 0, 0.1);
    }

.managerDashboardListItem__SAwpL {
    height: inherit;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center
}

.managerDashboardListItem__SAwpL > div:not(:first-child) {
        margin-left: 24px;
    }

.processed__1Psnn {
    cursor: pointer;
    transition: box-shadow 0.3s ease
}

.processed__1Psnn:hover {
        box-shadow: 3px 4px 11px 0px rgba(0, 0, 0, 0.1);
    }

.thumbnail__SWTly {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 174px;
    min-width: 174px;
    overflow: hidden;
    border-radius: 10px;
    background-color: var(--text-color);
}

.emptyThumbnail__1Bgjs {
    color: var(--text-light-color);
}

.empty-text__36znn {
    text-align: center;
    padding: 12px
}

.empty-text__36znn:first-letter {
        text-transform: uppercase;
    }

.image__3RkXV {
    min-width: 100%;
    min-height: 100%;
}

.info__1DtBt {
    width: 190px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 100%;
    padding: 14px 0;
}

.date__qyIYK {
    font-size: var(--12px);
    line-height: 18px;
    color: var(--text-light-color);
}

.club__3l2P- {
    display: flex;
    align-items: center
}

.club__3l2P- .club-icon__BfGm8 {
        width: 24px;
        height: 24px;
        margin-right: 8px;
        border-radius: 3px;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: 50% 50%;
           object-position: 50% 50%;
        background-color: var(--background-main-gray);
    }

.team__2n3OL {
    font-weight: bold;
    font-size: var(--14px);
    line-height: 18px;
    white-space: nowrap;
}

.scores__tPCBB {
    flex: 2;
}

.turnament-and-dates-container__gS-hm {
    min-width: 400px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.turnament__12MUD {
    /*max-width: max-content;*/
    padding-left: 24px;
    width: 150px;
    margin-right: 48px;
}

.duration__7yZsR,
.league__2RR-J {
    font-weight: bold;
    font-size: var(--14px);
    line-height: 18px;
}

.duration__7yZsR {
    color: var(--text-light-color);
    margin-top: 8px;
}

.process-dates__UIRXt {
    width: 200px;
    margin-right: 48px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.process-date__23LIS {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    font-size: var(--12px);
    line-height: 18px;
    color: var(--text-light-color)
}

.process-date__23LIS h4 {
        margin-right: 10px;
        text-transform: capitalize;
    }

.empty-statistic__1N4-i {
    display: inline-block;
    color: var(--text-light-color);
    margin-left: 32px
}

.empty-statistic__1N4-i:first-letter {
        text-transform: uppercase;
    }

.uploadButton__2zmxV {
    margin-left: 100px;
}

.menuAltContainer__2MXYZ {
    position: absolute;
    top: 10px;
    right: 10px;
}

.iconMenuAlt__1lHxm {
    color: var(--text-light-color);
    transition: fill 0.3s ease-in-out
}

.iconMenuAlt__1lHxm:hover {
        fill: var(--text-color);
    }

.status__1GTHD {
    margin-right: 48px;
    width: 110px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-weight: 700;
    font-size: var(--12px);
    line-height: 18px;
    color: #fff;
    text-transform: capitalize;
}

.ordered__2C2lp {
    background-color: var(--light-green);
}

.cropping__17MuN {
    background-color: var(--link-text);
}

.cropped__1lnHg {
    background-color: var(--light-yellow);
    color: var(--dark-yellow);
}

.tagged__1JI4U {
    background-color: var(--dark-blue);
}

.download_video__25B9O {
    background-color: var(--text-light-color);
}

.error__2ND5J {
    background-color: var(--light-red);
}
.container__tGJlm {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 226px;
    border-radius: 10px;
    background-color: white;
    margin-top: 10px;
}

.video-container__1DCUd {
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
}

.data-container__3KlGa {
    display: flex;
    align-items: center;
}

.cropped-data__1IiJr {
    min-width: 230px;
    display: flex;
    flex-direction: column;
    padding: 24px 0
}

.cropped-data__1IiJr .status__2X5al {
        margin-bottom: 14px;
        padding: 4px 16px;
        border-radius: 10px;
        text-transform: capitalize;
        font-size: 14px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        color: #fff;
        background-color: var(--text-light-color);
    }

.cropped-data__1IiJr .cropped__2Xmpu {
        background-color: var(--light-green);
    }

.cropped-data__1IiJr .error__28MU1 {
        background-color: var(--danger-color);
    }

.video-thumbnail-container__34z_1 {
    display: flex;
    width: 300px;
    height: 226px;
    border-radius: 10px;
    position: relative;
    align-items: center;
    justify-content: center;
    background-color: var(--text-color);
    overflow: hidden;
    cursor: pointer;
    margin-right: 24px;
}

.video-thumbnail__3t8fF {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.video-thumbnail-cover__3JFVD {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease
}

.video-thumbnail-cover__3JFVD:hover {
        background: rgba(0, 0, 0, 0.6);
    }

.video-thumbnail-cover__3JFVD .play-button__35OnW {
        background-color: var(--primary-color);
        box-shadow: 0 4px 16px rgba(254, 94, 0, 0.2);
        border-radius: 10px;
        height: 36px;
        padding: 16px;
        display: flex;
        align-items: center;
        position: absolute;
        color: #fff;
        font-weight: 500;
        font-size: var(--14px);
        line-height: 16px;
        transition: opacity 0.3s ease
    }

.video-thumbnail-cover__3JFVD .play-button__35OnW:hover {
            opacity: .9;
        }

.video-thumbnail-cover__3JFVD .icon-container__61O-l {
        display: flex;
        align-items: center;
        margin-right: 4px
    }

.video-thumbnail-cover__3JFVD .icon-container__61O-l .icon__3aETk svg {
                color: #fff;
            }

.video-thumbnail-cover__3JFVD span:first-letter {
            text-transform: uppercase;
        }

.video-data__2Edqb {
    padding: 24px 0 24px 48px;
    min-width: 200px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.video-data__2Edqb h3 {
        font-weight: 700;
        font-size: var(--16px);
        line-height: 24px
    }

.video-data__2Edqb h3:first-letter {
            text-transform: uppercase;
        }

.video-data__2Edqb >div {
        font-weight: 500;
        font-size: var(--14px);
        line-height: 18px;
    }

.video-data__2Edqb .label__3A80R {
        display: inline-block;
        color: var(--text-light-color);
        margin-right: 8px
    }

.video-data__2Edqb .label__3A80R:first-letter {
            text-transform: uppercase;
        }

.empty-text__2j9Me {
    color: #a5a5a8
}

.empty-text__2j9Me:first-letter {
        text-transform: uppercase;
    }

.delete-container__39Q_S {
    height: 100%;
    padding: 16px 48px 16px 16px;
    display: flex;
    align-items: center;
}

.separator__1x5yu {
    height: 116px;
    border-right: 1px solid var(--background-main-gray);
    margin-right: 24px;
}

.delete__Y1yTo {
    display: flex;
    align-items: center;
    color: var(--text-light-color);
    font-weight: 500;
    font-size: var(--14px);
    line-height: 16px;
    cursor: pointer
}

.delete__Y1yTo .icon-container__61O-l {
        margin-right: 8px;
    }

.delete__Y1yTo span:first-letter {
            text-transform: uppercase;
        }

.reCrop__1ThWM {
    padding-left: 56px;
}

.crop-processing__27xzl {
    color: var(--text-light-color);
}

.play-cropped__12kkQ {
    height: 36px;
    width: 200px;
    margin-top: 8px;
    margin-bottom: 14px;
}

.date__1fgUL {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    font-size: var(--14px)
}

.date__1fgUL .label__3A80R {
        margin-right: 8px;
        color: var(--text-light-color);
        text-transform: capitalize;
    }



.controls-container__2n9fx,
.dropdowns__2oxzF,
.menu-container__3J0gZ,
.dropdown-container__1aNHi {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.menu-container__3J0gZ {
    margin-top: 10px;
    padding-right: 15px;
    font-weight: 500;
}

.controls__326CZ {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
}

.dropdown-container__1aNHi {
    font-size: var(--14px);
}

.label__xIXEE {
    color: var(--text-light-color)
}

.label__xIXEE:first-letter {
        text-transform: uppercase;
    }

.filter-reset-button__JOJ9j {
    display: none;
}

.clear-filters-button__3jkWN {
    margin-left: 24px;
    padding: 10px 16px;
    color: var(--text-light-color);
    box-shadow: 0 4px 16px rgba(26, 27, 29, 0.1);
    border-radius: 10px;
    transition: color 0.3s ease
}

.clear-filters-button__3jkWN:hover {
        color: var(--text-color);
    }

.filter-button__ByGtB,
.filter-reset-button__JOJ9j {
    display: none;
}

.divider__1-CJl {
    width: 0;
    height: 40px;
    margin-left: 24px;
    border-left: 1px dashed var(--background-main-gray);
}

.filters-container__1Hhwr {
    display: flex;
    align-items: center;
}

.re-fresh-container__3BELn {
    margin-left: 24px;
    justify-content: center;
    display: flex;
    align-items: center;
    color: var(--text-light-color);
    font-weight: 500;
    font-size: var(--14px);
    line-height: 16px
}

.re-fresh-container__3BELn .re-fresh__e-xB3 {
        display: flex;
        align-items: center;
        cursor: pointer;
    }

.re-fresh-container__3BELn .icon-container__IzA2i {
        margin-right: 8px;
    }

.re-fresh-container__3BELn span:first-letter {
            text-transform: uppercase;
        }

.mobile .filter-button__ByGtB {
        display: inline-flex;
        background-color: transparent;
        color: var(--text-light-color);
        cursor: pointer;
    }

.mobile .filter-modal__3s9wk {
        width: 100%;
        height: 100%;
        overflow-y: auto;
    }

.mobile .dropdown-container__1aNHi,
    .mobile .clear-filters-button__3jkWN {
        display: none;
    }

.mobile .filter-reset-button__JOJ9j {
        display: block;
        color: var(--text-light-color);
        height: 24px;
    }

.manager-dashboard-list__jckTN {
    height: 100vh;
}

.empty-content__3If7W {
    padding-top: 10%;
    text-align: center;
}

.message__UJOcz {
    font-size: var(--16px);
    line-height: 13px;
    margin-bottom: 40px;
    color: var(--text-light-color);
    opacity: 0.8;
}

.spinner-container__2o4hy {
    height: 100vh;
    padding: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.3
}

.spinner-container__2o4hy .spinner__2siS1 {
        width: 64px;
        height: 64px;
    }

.create-game-container__ziW05 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    padding: 24px;
    margin-bottom: 8px
}

.create-game-container__ziW05 h3 {
        font-weight: 700;
        font-size: var(--16px);
        line-height: 24px;
        margin-bottom: 4px
    }

.create-game-container__ziW05 h3:first-letter {
            text-transform: uppercase;
        }

.create-game-container__ziW05 p {
        font-weight: 500;
        font-size: var(--14px);
        line-height: 18px;
        color: var(--text-light-color)
    }

.create-game-container__ziW05 p:first-letter {
            text-transform: uppercase;
        }

.create-game-container__ziW05 .create-button__1DvCB {
      height: 36px;
    }
.overlay__1ySdu {
    padding: 24px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: scroll;
    z-index: 1000;
    background-color: var(--overlay-color);
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center
}

.overlay__1ySdu.closed__3qis6 {
        display: none;
    }

.container__14tjm {
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    background-color: var(--text-color);
}

.header__1Ux2W {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 70px;
}

.simple-header__3kfz2 {
    justify-content: flex-end
}

.simple-header__3kfz2 .closeButton__s-oTV {
        margin-right: 16px;
    }

.video-container__3NSf8 {
    display: flex;
    flex-direction: column;
    /*height: calc(100vh - 35px);*/
    margin-right: 24px;
    border-radius: 10px;
    overflow: hidden
    /*background-color: var(--text-color);*/
}

.video-container__3NSf8 .react-player__preview,
    .video-container__3NSf8 video {
        border-radius: 10px;
    }

.info__3spYy {
    padding: 24px 24px;
    display: flex;
    align-items: center;
    color: #fff;
    position: relative;
}

.club__1CeB2 {
    display: flex;
    align-items: center;
}

.club-icon__1twZ- {
    width: 32px;
    height: 32px;
    border-radius: 7px;
    background-color: var(--background-main-gray);
}

.scores__tJ2-1 {
    padding: 8px 0;
    display: flex;
    justify-content: center;
}

.vs__-WF7M {
    color: var(--text-light-color);
    margin: 0 32px;
}

.scoreStat__gwfdJ {
    margin: 0 8px;
    font-size: var(--20px);
    font-weight: 700;
}

.team__wxHF5 {
    margin: 0 24px;
    font-weight: 700;
}

.video__3W2ZO {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--text-color)
}

.video__3W2ZO,
    .video__3W2ZO > div,
    .video__3W2ZO video {
        border-radius: 10px;
    }

.closeButton__s-oTV {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 8px;
    margin-right: 40px;
    color: white
}

.closeButton__s-oTV > span {
        margin-left: 8px;
        font-weight: 500;
        font-size: var(--14px);
        text-transform: capitalize;
    }

.manager-dashboard-details-header__2w2Xt {
    padding: 11px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nav__aVe4- {
    margin-left: 24px;
    margin-bottom: 5px;
    height: 36px;
    display: flex;
    align-items: center;
}

.title-container__QFT8X {
    display: flex;
    padding: 24px 0;
    align-items: center;
}

.backLink__25n7I {
    margin-right: 24px;
    cursor: pointer;
}

.analysis-title__3eVz0 {
    display: flex;
    flex-flow: column
}

.analysis-title__3eVz0 .date__1v-mu {
        font-weight: 500;
        font-size: var(--14px);
        line-height: 18px;
        color: var(--text-light-color);
    }

.title__1rGtf {
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.title__1rGtf .team-title__20Kx2 {
        font-weight: bold;
        font-size: var(--20px);
        line-height: 30px;
    }

.title__1rGtf .vs__27sR5 {
        margin: 0 8px;
        font-weight: 500;
        font-size: var(--14px);
        line-height: 18px;
        color: var(--text-light-color);
    }

.icon-chevron-big-left__1v6gf {
}

.container__3PbvO {
    min-height: calc(100vh - 145px);
    display: flex;
    flex-direction: column;
}

.header-container__1fpNI {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 10px;
    margin-bottom: 24px;
    background-color: white;
}

.video-thumbnail-container__3jznz {
    display: flex;
    width: 435px;
    height: 250px;
    border-radius: 10px;
    position: relative;
    align-items: center;
    justify-content: center;
    background-color: var(--text-color);
    overflow: hidden;
    cursor: pointer;
}

.video-thumbnail__1G-Fl {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.video-thumbnail-cover__3NDsa {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease
}

.video-thumbnail-cover__3NDsa:hover {
        background: rgba(0, 0, 0, 0.6);
    }

.iconContainer__m_fsG {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(26, 27, 29, 0.7);
    color: white;
    padding: 4px;
    font-size: 14px;
}

.season__3YLt6 {
    margin-left: 8px;
    color: var(--text-light-color);
}

.empty-text__2rY1r {
    color: #a5a5a8
}

.empty-text__2rY1r:first-letter {
        text-transform: uppercase;
    }

.info__1hQJX {
    padding: 16px 0;
}

.club__hKylL {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.club-icon__1Diyy {
    width: 32px;
    height: 32px;
    border-radius: 7px;
    background-color: var(--background-main-gray);
}

.scores__TOJGm {
    padding: 8px 0;
    display: flex;
    justify-content: center;
    margin-right: 24px;
}

.team__2gM2q {
    font-size: 16px;
    font-weight: 700;
    padding-right: 24px;
}

.empty-statistic__1wNRs {
    display: inline-block;
    color: var(--text-light-color);
    margin-top: 32px
}

.empty-statistic__1wNRs:first-letter {
        font-weight: 700;
        text-transform: uppercase;
    }

.scoreTableTitle__n2oB- {
    margin-bottom: 24px;
    text-transform: capitalize;
}

.spinner-container__2uMF2 {
    height: calc(100vh - 175px);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.3
}

.spinner-container__2uMF2 .spinner__9PfJY {
        width: 64px;
        height: 64px;
    }

.markProcessed__2wPR4 {
    width: 200px;
    padding: 10px 20px;
    text-transform: capitalize;
    margin: 4px 0;
}

.cropProcessing__GLqF6 {
    color: var(--text-light-color);
    padding-top: 15px;
}

.teamLists__1QjlQ {
    flex-grow: 1;
    padding: 24px;
    border-radius: 10px;
    background-color: white
}

.teamLists__1QjlQ h3 {
        margin-bottom: 16px;
        font-weight: 700;
        font-size: var(--16px);
        line-height: 24px;
    }

.teamLists__1QjlQ .myTeamList__1C7ch {
        position: relative;
    }

.teamLists__1QjlQ .opponentTeamList__3ZExC {
        position: relative;
    }

.teamLists__1QjlQ .opponentTeamList__3ZExC h3 {
        margin-top: 16px;
    }

.teamLists__1QjlQ .gridContainer__1KZEB {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
    }

.playerData__3NKf2 {
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px
}

.playerData__3NKf2 .avatar__18-Dl {
        width: 24px;
        height: 24px;
        border-radius: 4px;
        margin-right: 8px;
    }

.playerData__3NKf2 .name__1FI2y {
        margin-right: 8px;
    }

.playerData__3NKf2 .jersey__mZ7Qg {
        color: var(--text-light-color);
    }

.playerData__3NKf2:hover .edit__3Hdip {
            visibility: visible;
        }

.emptyData__wa3CY {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px;
    font-size: var(--20px);
    font-weight: 700;
    color: var(--text-light-color)
}

.emptyData__wa3CY span:first-letter {
        text-transform: uppercase;
    }

.info-container__1I3Xp {
    position: relative;
    width: 100%;
    padding: 24px;
    display: flex;
    justify-content: space-between
}

.info-container__1I3Xp >div {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        font-weight: 500;
        font-size: var(--14px);
    }

.info-container__1I3Xp >div:not(:last-of-type) {
        margin-right: 8px;
    }

.info-container__1I3Xp h3 {
        margin-bottom: 12px;
        font-weight: 700;
        font-size: var(--16px)
    }

.info-container__1I3Xp h3:first-letter {
            text-transform: uppercase;
        }

.info-container__1I3Xp h4 {
        margin-right: 8px;
        color: var(--text-light-color)
    }

.info-container__1I3Xp h4:first-letter {
            text-transform: uppercase;
        }

.game-container__21_k1 >div, .order-container__2e7-8 >div {
        margin-bottom: 8px;
        display: flex;
        align-items: center;
    }

.game-container__21_k1 {

}

.order-container__2e7-8 {

}

.button-container__1gdcE {
    display: flex;
    flex-direction: column;
}

.team-data__2d-aM {
    margin-bottom: 12px;
    display: flex;
    align-items: center
}

.team-data__2d-aM .left__3LHVU,
    .team-data__2d-aM .right__AVdeL {
        display: flex;
        align-items: center;
    }

.team-data__2d-aM .left__3LHVU {
        margin-right: 12px;
        width: 170px;
    }

.league__34W2r,
.season__3YLt6 {
    font-size: 14px;
}

.season__3YLt6 {
    margin-left: 8px;
    color: var(--text-light-color);
}

.empty-text__2rY1r {
    color: #a5a5a8
}

.empty-text__2rY1r:first-letter {
        text-transform: uppercase;
    }

.info__1hQJX {
    padding: 16px 0;
}

.club__hKylL {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.club-icon__1Diyy {
    width: 32px;
    height: 32px;
    margin-right: 8px;
    border-radius: 10px;
    background-color: var(--background-main-gray);
}

.scores__TOJGm {
    padding: 8px 0;
    display: flex;
    justify-content: center;
    margin-right: 24px;
}

.score__2E1jo {
    margin-right: 8px;
    font-size: var(--20px);
    font-weight: 700;
}

.international-number__2UyWq {
    padding: 2px 8px;
    font-weight: 700;
    font-size: var(--12px);
    color: var(--color-type-gray);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--background-type-gray);
    border-radius: 10px;
}

.team__2gM2q {
    font-size: 16px;
    font-weight: 700;
}

.empty-statistic__1wNRs {
    display: inline-block;
    color: var(--text-light-color);
    margin-top: 32px
}

.empty-statistic__1wNRs:first-letter {
        font-weight: 700;
        text-transform: uppercase;
    }

.score-table__2OO_W {
    padding: 16px;
    border-radius: 10px;
    background-color: white;
    margin-top: 8px;
}

.score-table-title__1jqXa {
    margin-bottom: 24px;
    text-transform: capitalize;
}

.spinner-container__2uMF2 {
    height: calc(100vh - 175px);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.3
}

.spinner-container__2uMF2 .spinner__9PfJY {
        width: 64px;
        height: 64px;
    }

.edit__3Hdip {
    visibility: hidden;
    margin-left: 4px;
    color: var(--text-light-color);
    cursor: pointer
}

.edit__3Hdip svg {
        transform: scale(0.65);
    }

.menu-alt-container__N9etD {
    position: absolute;
    top: 10px;
    right: 24px;
}

.comments__1lIhl {
    padding: 14px 0;
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: flex-start !important;
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-light-color)
}

.comments__1lIhl h4 {
        color: var(--text-color);
        text-transform: capitalize;
        font-size: var(--16px);
        margin-bottom: 8px;
    }

.merge-button__qP-_s {
    position: absolute;
    border-radius: 10px;
    padding: 12px 24px;
    right: 0;
    top: 0;
}

.modal__3Mvre {
    width: 1024px;
    height: calc(100% - 48px);
}

.merge-modal__3MCZn {
    width: 1024px;
}
.manager-card__1RFk7 {
    padding: 8px 16px;
    /* margin: 32px 16px; */
    margin-top: 0;
    border-radius: 12px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: 0.3s ease;
}

.avatarWrapper__1f03H {
    margin-right: 8px;
}

.nameWrapper__39LvS {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.avatar__3P4Ux {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background-color: var(--background-main-gray);
}

.name__3D5CT {
    margin-bottom: 4px;
    font-weight: 500;
    font-size: var(--14px);
    line-height: 17px;
    text-transform: capitalize;
    color: var(--text-color);
}

.trainer__1xKBA {
    font-size: var(--12px);
    line-height: 14px;
    font-weight: 500;
    color: var(--text-light-color);
    text-transform: capitalize;
}

.container__3UQam {
    background-color: var(--background-page-gray);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.card__1P6mp {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background-color: white;
    border-radius: 10px;
    padding: 50px 64px;
    min-width: 1088px;
    min-height: 696px;
}

.form__3X7uG {
    width: 400px;
}

.logo__1xR8k {
    position: absolute;
    top: 50px;
    left: 64px
}

.logo__1xR8k img {
        height: 64px;
    }

.email-container__2oZCB {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: var(--14px);
    line-height: 24px;
    color: var(--text-light-color);
    font-weight: 500;
}

.comment__TZUU7, .email__2W7Dy {
    text-align: center;
    width: 300px;
}

.email__2W7Dy {
    color: var(--text-color);
}

@media (max-width: 1024px) {
    .card__1P6mp {
        height: 100%;
        width: 100%;
        min-width: auto;
        min-height: auto;
        padding: 0;
        border-radius: 0;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }

    .form__3X7uG {
        margin-bottom: 32px;
    }

    .logo__1xR8k {
        margin: 24px 0 50px 0;
        position: static;
    }

    .picture__2x2xe {
        background: #fff
    }

        .picture__2x2xe img {
            width: 100%;
        }
}

@media (max-width: 1024px) {
    .container__3UQam {
        height: 100%;
    }
}

@media (max-width: 460px) {
    .form__3X7uG {
        width: 100%;
        min-width: 250px;
        padding: 0 24px;
    }
}

.form__3SvYT {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.logo__3-Bjj {
    height: 50px;
    margin-bottom: 30px;
}

.title__i7Oyv {
    margin-bottom: 24px;
    color: var(--text-color);
    font-weight: 700;
    font-size: var(--20px);
    line-height: 30px
}

.title__i7Oyv:first-letter {
        text-transform: capitalize;
    }

.agree-container__222Lb {
    margin: 12px 0;
    display: flex;
    flex-direction: column;


}

.paragraph__1Mpgl {
    font-size: var(--16px);
    line-height: 24px;
    font-weight: 500;
    text-align: center;
    color: var(--text-color);
}

.link__3BeLJ {
    color: var(--primary-color);
    cursor: pointer;
    text-decoration: underline;
}

.inputs__1gyWN {
    width: 100%;
}

.submit__1yXF4 {
    width: 220px !important;
}

.server-error__2eIX- {
}

.recaptcha__1pRM0 {
    width: 280px;
}

.capitalize__34Pn6 {
    text-transform: capitalize;
}

.actions__3k8Cn {
    margin-bottom: 32px;
}

.social__FkJYf {
    text-align: center;
    width: 100%;
}

.facebook__y5G7E {
    font-size: var(--14px);
    border-radius: 10px;
    padding: 8px 15px;
    text-transform: none
}

.facebook__y5G7E svg {
        font-size: var(--14px);
    }

.divider__ZbAsL {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    width: 100%;
    margin: 24px 0 10px
}

.divider__ZbAsL .line__2T_pC {
        width: 100%;
        border-top: 1px solid var(--background-main-gray);
    }

.divider__ZbAsL .or__3RTJ- {
        margin: 0 8px;
        font-weight: 500;
        font-size: var(--14px);
        line-height: 18px;
        color: var(--text-light-color);
    }

.player-name__1b3mZ {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.player-name__1b3mZ > div {
        width: 192px;
    }

.checkbox__e8hSq {
    display: inline-block;
    height: 24px;
    outline: none;
    vertical-align: middle;
    margin-right: 13px;
    margin-bottom: 3px;
    color: var(--text-light-color);
}

.checked__3EXz7 {
    color: var(--primary-color);
}

.checkbox-label__1kSko {
    cursor: pointer;
}

.small__1C-2J {
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
}

.comment__2veLj {
    font-style: normal;
    font-weight: 500;
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-light-color);
    text-align: center;
    margin-bottom: 16px;
}

.input-container__zBCiu, .controller-class__3az21 {
    max-width: none;
    cursor: pointer;
}

.error-message__2zbiD {
    width: 100%;
    height: 18px;
    padding-left: 6px;
    overflow: hidden;
    font-size: var(--11px);
    color: var(--danger-color);
    text-align: left;
}

@media (max-width: 460px) {
    .player-name__1b3mZ {
        flex-direction: column
    }

        .player-name__1b3mZ div {
            width: 100%;
        }

    .actions__3k8Cn {
        width: 100%
    }

        .actions__3k8Cn .submit__1yXF4 {
            width: 100% !important;
        }
}


.container__2P7Vb {
    background-color: var(--background-page-gray);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.card__21sVw {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background-color: white;
    border-radius: 10px;
    padding: 50px 64px;
    min-width: 1088px;
    min-height: 696px;
}

.logo__loBvd {
    position: absolute;
    top: 50px;
    left: 64px
}

.logo__loBvd img {
        height: 64px;
    }

.email-container__3cVCj {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: var(--14px);
    line-height: 24px;
    color: var(--text-light-color);
    font-weight: 500;
}

.comment__2rw2_, .email__3GgJQ {
    text-align: center;
    width: 300px;
}

.email__3GgJQ {
    color: var(--text-color);
}

@media (max-width: 1024px) {
    .card__21sVw {
        height: 100%;
        width: 100%;
        min-width: auto;
        min-height: auto;
        padding: 0;
        border-radius: 0;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }

    .form___F-Ar {
        margin-bottom: 32px;
    }

    .logo__loBvd {
        margin: 24px 0 50px 0;
        position: static;
    }

    .picture__2kQB_ {
        background: #fff
    }

        .picture__2kQB_ img {
            width: 100%;
        }
}

@media (max-width: 520px) {
    .form___F-Ar {
        width: 100%;
        padding: 0 24px;
        display: flex;
        min-width: 300px;
    }
}

.container__1RO4P {
    width: 460px;
}

.payContainer__1og7z {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.payContainer__1og7z iframe {
        height: calc(100vh - 350px);
        width: 100%;
    }

.title__3adqF {
    margin-bottom: 24px;
    color: var(--text-color);
    font-weight: 700;
    font-size: var(--20px);
    line-height: 30px
}

.title__3adqF:first-letter {
        text-transform: capitalize;
    }

.personal-data-container__1zkA- {
    padding: 16px;
    margin-bottom: 24px;
    min-height: 106px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 20px
}

.personal-data-container__1zkA- .personal-data__1aL7o {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

.personal-data-container__1zkA- .personal-data__1aL7o .package__5N5Yj {
            font-weight: 700;
            line-height: 24px;
            margin-bottom: 8px;
        }

.personal-data-container__1zkA- .personal-data__1aL7o .order__1WWx2 {
            font-weight: 500;
            font-size: var(--14px);
            color: var(--text-light-color);
            line-height: 18px;
            display: flex;
        }

.personal-data-container__1zkA- .price-container__1DuDk {
        display: flex;
        justify-content: space-between
    }

.personal-data-container__1zkA- .price-container__1DuDk .separator__fr-4Q {
            border-right: 1px solid var(--background-main-gray);
            margin: 0 12px;
        }

.personal-data-container__1zkA- .price-container__1DuDk .price__rNOHl {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 92px;
            font-weight: 700;
            font-size: var(--20px);
            line-height: 30px;
        }

.noSubscription__2fTen {
    display: flex;
    flex-direction: column;
    align-items: center
}

.noSubscription__2fTen h2 {
        text-transform: capitalize;
    }

.noSubscription__2fTen p {
        margin-bottom: 16px;
        margin-top: 16px;
    }

.subtitle__hkoWN {
    color: var(--text-light-color);
}

.waiting__3pSv1 {
    visibility: hidden;
}

.spinner-container__6C6kk {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.3
}

.spinner-container__6C6kk .spinner__10d4b {
        width: 64px;
        height: 64px;
    }
.container__hUyoG {
    display: flex;
    margin-bottom: 24px;
    font-weight: 500;
}

.leftData__1cBFr {
    max-width: 480px;
    width: 300px;
    min-width: 190px;
    padding: 24px;
    margin-right: 24px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fff;
}

.rightData__1IlR- {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 24px;
    border-radius: 10px;
    background-color: #fff;
}

.testsWrapper__36wBF,
.programWrapper__1CNr6 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.programWrapper__1CNr6 {
    margin-top: 16px;
}

.iconWrapper__M009H {
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    margin-right: 16px;
    background-color: rgba(254, 94, 0, 0.05);
}

.icon__3DrN7 {
    color: var(--primary-color);
}

.tests__17aZp,
.program__3yN-P {
    font-size: var(--14px);
    color: var(--text-color);
}

.tests__17aZp p:first-of-type,
.program__3yN-P p:first-of-type {
    text-transform: capitalize;
    color: var(--text-light-color);
}

.descriptionWrapper__12W2w,
.improvementsWrapper__20I_Z {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.descriptionWrapper__12W2w h3, .improvementsWrapper__20I_Z h3 {
        margin-bottom: 8px;
        font-weight: 700;
        color: var(--text-color)
    }

.descriptionWrapper__12W2w h3:first-letter, .improvementsWrapper__20I_Z h3:first-letter {
            text-transform: uppercase;
        }

.descriptionWrapper__12W2w {
    height: 100%;
    margin-right: 24px;
    font-size: var(--14px);
    line-height: 24px;
    color: var(--text-light-color);
}

.improvementsWrapper__20I_Z {
}

.improvements__3HIbl {
    display: flex;
    flex-wrap: wrap;
    margin: -5px -5px
}

.improvements__3HIbl div {
        margin: 5px 5px;
        padding: 7px 16px;
        background: var(--background-light-orange);
        border-radius: 10px;
        font-size: var(--14px);
        color: var(--primary-color);
    }

.avatar__20IlQ {
    width: 104px;
    height: 104px;
    border-radius: 15px;
    margin-right: 24px;
    background-color: var(--background-main-gray);
}

.programIcon__1KjVr {
    width: 104px;
    height: 104px;
    border-radius: 15px;
    margin-right: 24px;
    background-color: var(--background-main-gray);
    font-size: 30px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.container__2ap_- {
    position: relative;
    width: 100%;
    padding: 24px;
    min-width: 500px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 10px;
}

.tab-list__3eCjd {
    margin-bottom: 48px;
}

.tab-content__2Rw4o {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.buttons-container__1UKJi {
    position: absolute;
    right: 24px;
}

.assignButton__2lhpI {
    margin-left: 24px;
}

.Button__3p302 {
    border-radius: 10px;
    padding: 10px 20px;
}

.modal__3Dh3v {
    width: 1024px;
    height: calc(100% - 48px);
}

.merge-modal__3dUhp {
    width: 1024px;
}

.emptyContent__1affz {
    padding-top: 10%;
    text-align: center;
}

.emptyMessage__zUW7i {
    height: calc(100vh - 400px);
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: var(--20px);
    line-height: 40px;
    color: var(--text-light-color)
}

.emptyMessage__zUW7i > div:first-letter {
        text-transform: capitalize;
    }

.spinner-container__jLBCi {
    height: calc(100vh - 435px);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.3
}

.spinner-container__jLBCi .spinner__3ahGD {
        width: 64px;
        height: 64px;
    }

.table__1IgzS {
    width: 100%;
    font-size: var(--14px);
    border-collapse: collapse;
}

.tableHeadCell__1zWsG:not(:nth-child(2)):not(:nth-child(3)) {
        min-width: 32px;
    }

.table__1IgzS tbody tr:last-of-type td {
    border-bottom: none;
}

.buttonsContainer__1eMmX {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 16px;
    position: absolute;
    right: 24px;
    top: 24px;
}

.closeButton__UXqYm {
    margin-left: 16px;
    border-radius: 10px;
}

.button__pgB7B {
    padding: 8px 16px;
}

.addButtonWrapper__1shJg {
    margin: 24px 0;
    display: flex;
    justify-content: center;
}


.container__2UTg_ {
    height: 80px;
    font-weight: 500;
    transition: box-shadow .3s ease
}

.container__2UTg_.invisible__2rD2Q {
         opacity: 0;
     }

.container__2UTg_.last-item__2ie0C {
         border-bottom: none;
     }

.container__2UTg_ td {
        border-bottom: 1px solid var(--background-main-gray);
    }

.testData__FtxSx:hover {
        cursor: pointer
    }

.testData__FtxSx:hover .name__1Rt-E {
            text-decoration: underline;
        }

.avatarWrapper__2yvIl {
    width: 64px;
}

.avatar__3DrVK {
    margin-left: 24px;
    margin-right: 24px;
    width: 48px;
    height: 48px;
    border-radius: 10px;
}

.nameContainer__2EbIE {
    color: var(--text-color);
    font-weight: 700;
}

.jersey__9gz3Z {
    color: var(--text-light-color);
    margin-right: 10px;
}

.jersey-cell__1ekqi {
    width: 130px;
}

.jersey-input__1-Mty {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.email__1zDM_ {
    color: var(--text-light-color);
}

.remove__14iYr {
    width: 138px;
    color: var(--text-light-color)
}

.remove__14iYr > div {
        margin-right: 24px;
        display: flex;
        align-items: center;
        cursor: pointer
    }

.remove__14iYr > div span {
            white-space: nowrap
        }

.remove__14iYr > div span:first-letter {
                text-transform: uppercase;
            }

.remove__14iYr > div .icon__2fhav {
            margin-right: 5px;
        }

.center__1dkki {
    text-align: center;
}

.actions__3Dpvf {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.center__1dkki {
    display: flex;
    align-items: center
}

.center__1dkki p {
        font-weight: 500;
        font-size: var(--14px);
        color: var(--text-light-color)
    }

.center__1dkki p:first-letter {
        text-transform: uppercase;
        }

.right__AR0DU {
    display: flex;
    align-items: center
}

.right__AR0DU .iconWrapper__2ZO8S {
      margin: 16px
    }

.right__AR0DU .iconWrapper__2ZO8S .icon__2fhav {
            cursor: pointer;
            color: var(--text-light-color);
            transition: opacity 0.3s ease
      }

.right__AR0DU .iconWrapper__2ZO8S .icon__2fhav:hover {
            opacity: 0.6;
        }

.counter__YXjmC {
    color: var(--primary-color);
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.counter__YXjmC .iconWrapper__2ZO8S {
      width: 32px;
      height: 32px;
      margin: 16px;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #fff;
      box-shadow: 0 4px 16px rgba(26, 27, 29, 0.1)
    }

.counter__YXjmC .iconWrapper__2ZO8S .icon__2fhav {
      cursor: pointer;
      color: var(--text-light-color);
      transition: opacity 0.3s ease
        }

.counter__YXjmC .iconWrapper__2ZO8S .icon__2fhav:hover {
            opacity: 0.6;
            }

.container__3TvQR {
    background-color: var(--background-page-gray);
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.details-data___Ij4i {
    display: flex;
    flex-grow: 1
}

.details-data___Ij4i h3 {
        margin-bottom: 12px;
    }

h3 {
    font-weight: 500;
    font-size: var(--16px);
    line-height: 24px;
    color: var(--text-color);
}