@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 {
    /* PADDINGS */
    --5xs: 2px;
    --3xs: 4px;
    --2xs: 12px;
    --xs: 16px;
    --s: 24px;
    --m: 32px;
    --l: 40px;
    --xl: 48px;
    --2xl: 56px;
    --3xl: 54px;
    --4xl: 72px;
    --5xl: 80px;
    --6xl: 88px;

    /* COLORS */

    /* base */
    --base-white: #FFFFFF;
    --base-black: #1A1B1D;
    /* neutral */
    --neutral-25: #F8F8F8;
    --neutral-50: #FAFAFA;
    --neutral-100: #F4F4F4;
    --neutral-200: #EDEDED;
    --neutral-300: #CECFD1;
    --neutral-400: #A5A5A8;
    --neutral-500: #88898B;
    --neutral-600: #616264;
    --neutral-700: #4E4F51;
    --neutral-800: #3E4042;
    --neutral-900: #2B2C2E;
    /* primary */
    --primary-50: #FFE7DC;
    --primary-100: #FFCDB8;
    --primary-200: #FFAD8B;
    --primary-300: #FF8D5B;
    --primary-400: #FF7434;
    --primary-500: #FE5D00;
    --primary-600: #F35700;
    /* accent */
    --accent-50: #FFFBED;
    --accent-100: #FFECB6;
    --accent-800: #FF9224;
    /* background */
    --background-50: #E6ECFA;
    --background-100: #CBD6EF;
    --background-200: #B0BAD7;
    --background-300: #939EBF;
    --background-400: #7D8AAD;
    --background-500: #67769C;
    --background-600: #58688B;
    --background-700: #475473;
    --background-800: #37425D;
    --background-900: #242E45;
    /* success */
    --success-50: #D9FFD2;
    --success-100: #C3FFB8;
    --success-200: #9ADEAC;
    --success-300: #73D28A;
    --success-400: #4FC86F;
    --success-500: #21BD56;
    --success-600: #15AD4B;
    /* error */
    --error-50: #FEF3F2;
    --error-100: #FEE4E2;
    --error-200: #FECDCA;
    --error-300: #FDA29B;
    --error-400: #F97066;
    --error-500: #FF4848;
    --error-600: #D92D20;
    /*secondary*/
    --secondary-50: #EEEFFD;
    --secondary-200: #9DA3F6;
    --secondary-500: #1D41EA;
    --secondary-600: #1738DF;

    /*OLD VARS*/
    --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(60, 60, 60);

    --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;
}

.inputWrap__1em-- {
    position: relative;
}

.input__1IiEU {
    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);
    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;
    }

.input__1IiEU.inputWithSideContent__3pOW2 {
    padding-right: 36px;
}

.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);
}

.sideContent__3gfGd {
    position: absolute;
    top: 50%;
    right: var(--2xs);
    transform: translate(0, -50%);
    color: #2B2C2E;
    color: var(--neutral-900, #2B2C2E);
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 115%;
    max-width: 24px;
}

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

.required__1AWx3 {
    color: var(--danger-border-color);
    margin-left: 4px;
}
.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;
}

.inputContainer__3w1dM {
    display: flex;
    grid-gap: var(--xs);
    gap: var(--xs);
}

.photoLabels__1GNDU {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.photoLabel__wbdqF {
    color: var(--base-black);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.photoFormat__-TeJB {
    color: var(--neutral-400);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%;
}

.content__wW7Qz {
    border-radius: 12px;
    position: relative;
    cursor: pointer;
    height: 72px;
    width: 72px;
}

.emptyContent__3hGGO {
    border-radius: 12px;
    border-radius: var(--2xs, 12px);
    background: var(--neutral-50);
    box-shadow: 15px 46px 29px 0px rgba(165, 165, 168, 0.15), 2px 5px 12px 0px rgba(165, 165, 168, 0.29);
}

.backdrop__1jbjW {
    background-color: var(--neutral-100) !important;
    padding: 8px;
    border-radius: 16px;
}

.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: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    color: var(--base-black);
    pointer-events: none;
}

.error-message__2Xwb6 {
    width: 100%;
    height: 16px;
    font-size: var(--11px);
    color: var(--danger-color);
    margin: var(--3xs) 0;
}

.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(--base-black);
    pointer-events: none;
}

.container__10BYY.disabled__2fXdQ .chevron__3gakg {
    color: var(--neutral-300);
}

.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;
    }

.label__17ZHK.disabled__2fXdQ {
    color: var(--neutral-300);
}

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

.container__N87AG {
    position: relative;
}

/*.icon {*/

/*    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;
    }

.inputWrap__PZ1Qe {
    position: relative;
}

.icon__11-vq {
    position: absolute;
    right: var(--2xs);
    top: 50%;
    transform: translate(0, -50%);
}

.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;
}
.options__1sqjt {
    display: flex;
    align-items: center;
    grid-gap: var(--xs);
    gap: var(--xs);
    height: 48px;
}

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

.labelRequired__1vR9W::after {
    content: '*';
    color: var(--primary-500);
    padding-left: 2px;
}

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

.root__30ZP_ {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
    cursor: pointer;
}

.label__3AcIF {
    font-size: 14px;
    font-weight: 500;
}

.radio__1PSFe {

}

.container__9M3gN {
    position: relative;
}

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

.inputWrap__3MjxS {
    position: relative;
}

.input__ZEAX7 {
    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);
    font-size: var(--14px);
    line-height: 20px;
    color: inherit;
    width: 100%;
    transition: border-color 0.15s ease-in-out 0s
    /*&:active,*/
}

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

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

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

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

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

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

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

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

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

.input__ZEAX7.error__1XTTd {
        border-color: var(--danger-border-color);
    }

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

.input__ZEAX7 {

    /* Firefox */
}

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

.input__ZEAX7.inputWithSideContent__1w2TK {
    padding-right: 36px;
}

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

.icon__1F4ca.error__1XTTd {
        color: var(--danger-border-color);
    }

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

.sideContent__Iah6q {
    position: absolute;
    top: 50%;
    right: var(--2xs);
    transform: translate(0, -50%);
    color: #2B2C2E;
    color: var(--neutral-900, #2B2C2E);
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 115%;
    max-width: 24px;
}

.container__aIsl_ {
    position: relative;
}

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

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

.control__2tklS {
    border: 2px solid red;
}

.error-message__2Ay2Q {
    height: 18px;
    overflow: hidden;
    font-size: var(--11px);
    color: var(--danger-color);
}
.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;
}

.header-container__3gIHA {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: var(--xs);
}

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

.close-button-new__1PC10 {
    position: relative;
    font-size: var(--14px);
    padding: 0px;
    top: 0;
    right: 0;
}

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

.title__1jY13 {
    font-size: var(--20px);
    font-weight: 700;
    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: 0 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;
}
.button__3NLCv {
    border: none;
    background-color: var(--primary-500);
    border-radius: 8px;
    padding: var(--2xs) var(--s);
    color: var(--base-white);
    font-size: 14px;
    font-weight: 500;
    line-height: 115%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
}

.button-medium__2RhNE {
    padding: var(--xs) var(--m);
    height: 56px;
    font-size: 19px;
    min-width: 56px
}

.button-medium__2RhNE .plus-icon__39taV {
        height: var(--16px);
        width: var(--16px);
    }

.button-medium__2RhNE .icon-container__2x90k {
        height: var(--24px);
        width: var(--24px);
    }

.button-disabled__13p3E {
    background-color: var(--neutral-300);
    color: var(--base-white);
}

.button-with-full-width__1zqiy {
    width: 100%;
}

.button-without-text__3vPIQ {
    padding: var(--2xs);
    width: 40px;
}

.button-without-text-medium__186Rq {
    padding: var(--xs);
    width: 56px;
}

.plus-icon__39taV {
    height: 10px;
    width: 10px;
    color: var(--base-white);
}

.plus-icon-margin__2Pcu7 {
    margin-left: var(--3xs);
}

.icon-container__2x90k {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    width: 16px;
}

.button-outlined__13Q7r {
    background-color: var(--base-white);
    border: 1px solid var(--primary-500);
    color: var(--primary-500)
}

.button-outlined__13Q7r .plus-icon__39taV {
       color: var(--primary-500);
    }

.button-outlined-disabled__19xFG {
    background-color: var(--neutral-50);
    border: 1px solid var(--neutral-300);
    color: var(--neutral-300)
}

.button-outlined-disabled__19xFG .plus-icon__39taV {
        color: var(--neutral-300);
    }

.button-transparent__20Do2 {
    background-color: transparent;
    color: var(--primary-500)
}

.button-transparent__20Do2 .plus-icon__39taV {
        color: var(--primary-500);
    }

.button-transparent-disabled__2EiJH {
    color: var(--neutral-300)
}

.button-transparent-disabled__2EiJH .plus-icon__39taV {
        color: var(--neutral-300);
    }

.button-light__2QS99 {
    background-color: var(--base-white);
    color: var(--primary-500);
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.05), 0px 1px 3px 0px rgba(0, 0, 0, 0.10)
}

.button-light__2QS99 .plus-icon__39taV {
        color: var(--primary-500);
    }

.button-light-disabled__2GN6R {
    background-color: var(--neutral-50);
    color: var(--neutral-300);
    box-shadow: none
}

.button-light-disabled__2GN6R .plus-icon__39taV {
        color: var(--neutral-300);
    }
.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;
}

.photoAthlete__uG1tI {
    border-radius: 8px;
}

.teamName__1Ai3m {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.testGroupName__1SLMf {
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.date__3X_5v {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.status__wOYvt {
    max-width: 120px;
}


.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;
}
.photoPlaceholder__lc6HY {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    margin-right: 8px;
    color: white;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.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__3BpTL {
    width: 100%;
}

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

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

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

.submitButton__3twZN {
    width: 100% !important;
}

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

.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;*/
}

.containerWrap__3nG1l {
    background-color: var(--background-page-gray);
    height: 100vh;
    display: flex;
    flex-direction: column;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    overflow: hidden;
}

.container__1sMpQ {
    background-color: var(--background-page-gray);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: var(--12px);
}

.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;
}

.upButton__3tHUi {
    position: absolute;
    left: calc(30% - var(--s));
    bottom: var(--12px);
    transform: translate(-100%, 0);
}

.upButtonIcon__3Spjy {
    width: 16px !important;
    height: 16px !important;
}

.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;
}

.root__YGtyb {
    width: calc(100% - var(--s));
    /*width: 260px;*/
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px;
    position: relative;
    /*temporary*/
}

.root__16mmp {
    background: var(--base-white);
    border-radius: var(--2xs);
    padding: 8px;
    box-shadow: 0 1px 5px 0 rgba(136, 137, 139, 0.20);
}

.root__16mmp.selected__3S4Wf {
    background: var(--neutral-100);
}

.item__3uR29 {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
    cursor: pointer;
}

.item__3uR29.open__2f_0F {
}

.status__1iXFm {
    margin-right: var(--2xs);
}

.subcontent__3-99F {
    padding-top: var(--2xs);
    display: flex;
    flex-direction: column;
    grid-gap: var(--2xs);
    gap: var(--2xs)
}

.line__KFBgJ {
    border: none;
    border-top: 1px solid #E6E6E6;
}



.root__nXPHx {
    width: 16px;
    height: 16px;
}

.icon__1-jeY {
    color: var(--neutral-400);
    width: 16px;
    height: 16px;
    margin-right: 4px;
}

.root__3xrCC {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex: 1 0 0;
}

.title__37l09 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.subtitle__OOMky {
    overflow: hidden;
    color: var(--neutral-500);
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    margin-top: 2px;
}

.root__3rKXu {
    width: 32px;
    height: 32px;
    border-radius: 8px;
}

.icon__3yeTY {
    width: 16px;
    height: 16px;
}

.root__2qwe6 {
    width: 24px;
    height: 24px;
    border-radius: var(--6xl);
    font-size: 12px;
    font-weight: 500;
    line-height: 135%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}


.outdated__18EdO {
    border: 1px solid var(--error-500);
}


.aPlus__1sp6c {
    color: var(--success-600);
    background: var(--success-100);
}


.a__1ATLG {
    color: var(--success-500);
    background: var(--success-50);
}


.b__1ZqPm {
    color: #67A600;
    background: #E0FDB0;
}


.c__Igg6n {
    color: var(--accent-800);
    background: var(--accent-100);
}


.d__3wQQa {
    color: var(--primary-400);
    background: var(--primary-50);
}


.e__32dw- {
    color: var(--error-500);
    background: var(--error-100);
}

.root__318aa {
    background: var(--base-white);
    border-radius: 8px;
    border: 1px solid var(--neutral-200);
}

.item__3VrnN {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
    cursor: pointer;
    padding: 8px 8px 8px 28px;
    border-radius: 8px;
    border: none;
}

.item__3VrnN.selected__2RwXB,
.item__3VrnN.open__377EF {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid var(--neutral-200);
    border-top: none;
}

.item__3VrnN.selected__2RwXB {
    background: var(--neutral-100);
}

.item__3VrnN.open__377EF {
}

.status__TWgq3 {
    margin-right: var(--2xs);
}

.subcontent__1-z5O {
    padding-top: var(--2xs);
    padding-left: 28px;
    display: flex;
    flex-direction: column;
    grid-gap: var(--2xs);
    gap: var(--2xs)
}

.chevronPlaceholder__2WoIJ {
    width: 16px;
    height: 16px;
}

/*remove when design is ready*/

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

.button__30glu > svg {
    margin: 0;
}



.root__2epWH {
    display: flex;
    padding: 4px 0px 4px 24px;
    padding: var(--3xs, 4px) 0px var(--3xs, 4px) 24px;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
    align-self: stretch;
    cursor: pointer;
}

.root__2epWH.selected__3hGef {
    border-radius: 128px;
    border-radius: var(--6xl, 128px);
    background: var(--neutral-100);
}

.title__2UDKp {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    width: 82px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.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;
    position: relative;
}

.left__2kHLs {
    width: 55%;
}

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

.titles__21u84 {
    max-width: calc(100% - 100px);
    overflow: hidden;
}

.athleteName__2szov {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.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;
}

.status__1hZ3t {
    position: absolute;
    top: 16px;
    right: 16px;
    text-transform: capitalize;
    color: white;
    display: inline-block;
    padding: 2px 16px;
    font-weight: 700;
    font-size: var(--12px);
    border-radius: 10px;
    line-height: 18px;
}

.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;
    grid-gap: 24px;
    gap: 24px;
}

.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;
}

.labelRequired__21u4f::after {
    content: '*';
    color: var(--primary-500);
    padding-left: 2px;
}

.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;
    }
.labelRequired__JOJog::after {
    content: '*';
    color: var(--primary-500);
    padding-left: 2px;
}

.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 24px;
    margin-left: auto;
    margin-right: auto;
}

.divider__11rA3 {
    margin-top: var(--xs);
    border: 1px solid #E6E6E6;
}

.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: var(--12px);
    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;
}

.root__2PBKC {
    min-width: 591px;
}

.row__3UmeV {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.row-element__T4eAM {
    width: 48%;
}

.week-container__1OREr {
    border-radius: 12px;
    background: var(--neutral-50);
    padding: 12px;
    margin-bottom: var(--xs);
}

.week-header__UtJcb {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.week-header-title__32Mp6 {
    display: flex;
    flex-direction: row;
    font-size: var(--14px);
    align-items: center;
}

.week-header-add-day-button__2Zm6m {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    margin-left: 8px;
    padding: 4px;
}

.week-header-right-icon__1uVHX {
    color: var(--base-black) !important;
    height: 16px;
    width: 16px;
}

.week-header-right-icon__1uVHX:last-child {
    width: 24px;
}

.week-header-right-container__1f27m {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.day-title__3gPWM {
    font-size: var(--14px);
    display: flex;
    flex-direction: column;
    padding-bottom: 18px;
}

.day-text__3JJ0w {
    font-size: var(--14px);
    line-height: 18px;
    margin-top: 2px;
}

.day-index-container__118pp {
    display: flex;
    height: 100%;
    align-items: center;
}

.day-index__2SXpL {
    font-size: 16px;
    font-weight: 700;
}

.day-actions__3N-xr {
    display: flex;
    flex-direction: row;
    padding-bottom: 18px;
    padding-top: 18px;
    align-items: center;
}

.day-action-icon__1BYdH {
    color: var(--base-black) !important;
    height: 16px;
    width: 16px;
}

.divider__1NFZF {
    border: 1px solid var(--neutral-200);
    margin: 8px 0;
}

.day-input__OFp8_ {
    width: 110px;
}

.actions__xzGkm {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: var(--s);
}

.action-button__1AZu8 {
    width: 48%;
}
.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-small__HFa3j {
    margin-bottom: 100px;
}

.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;
}

.paginator-container__3MS_n {
    border: 1px solid var(--neutral-200);
    border-top: none;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin: 0;
    background: var(--base-white);
    padding: 8px var(--16px);
}

.table-container__y9FCz {
    border: 1px solid var(--neutral-200);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
    font-size: 14px;
    max-height: 506px;
    overflow-y: auto;
}

.table__2muOp tbody {
    height: 100%;
    overflow-y: auto;
    max-height: 506px;
}

.table__2muOp {
    width: 100%;
    border-collapse: collapse;
    background: var(--base-white);
    border-style: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.table__2muOp td {
    padding: var(--16px) var(--12px);
    text-align: left;
    border: 1px solid var(--neutral-200);
}

.table__2muOp th {
    padding: var(--16px) var(--12px);
    text-align: left;
    border-left: 1px solid var(--neutral-200);
    border-right: 1px solid var(--neutral-200);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: var(--base-white);
    z-index: 1;
}

.table__2muOp thead {
    border-radius: 10px;
}

.table__2muOp th {
    color: var(--neutral-500);
    font-size: var(--12px);
    font-style: normal;
    font-weight: 400;
    line-height: 135%
}

.table__2muOp th:first-child {
    border: none;
}

.table__2muOp th:first-child:hover {
    border-top-left-radius: 9px;
}

.table__2muOp th.sortable__19yJc {
    cursor: pointer;
    align-items: center;
    flex-direction: row;
}

.table__2muOp th.sortable__19yJc:hover {
    background-color: #e6e6e6;
}

.table__2muOp .sortable-container__2PZV- {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.table__2muOp th .sort-indicator__HFOWX {
    margin-left: var(--2xs);
}

.caret-icon__3vmyE {
    width: 24px;
    height: 24px;
}

.icon-container__DuneS {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 15px;
    width: 20px;
}

.column-label__231Lx {
    font-size: var(--14px);
}

.row-container__3iEtH:hover {
        background: var(--neutral-50);
        cursor: pointer;
    }
.container__1Jdu6 {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.avatar__RwaWs {
    height: var(--32px);
    width: var(--32px);
    border-radius: 8px;
    margin-right: 8px;
}

.text__3Gl9f {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

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

.icon-container__31lq4 {
    display: flex;
    align-items: center;
    margin-right: var(--2xs);
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background: var(--success-100);
    justify-content: center;
    align-items: center;
}

.text__NT9rz {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    max-width: calc(100% - 48px);
}

.icon__8GqjB {
    height: 15px;
    width: 15px;
}
.tip-content__1lvi- > .react-tooltip-lite {
    margin-left: 10px;
}

.tool-tip-content-wrapper__2Pj5y {
    display: flex;
    align-items: center;
    justify-content: center;
}

.context-menu-container__OSc_t {
    display: flex;
    align-items: center;
    justify-content: center;
}

.context-menu-icon__2WySy {
    height: 15px;
    width: 10px;
}
.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;
    }


    .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; */
}

.paginator-container__2NPEU {
    border: 1px solid var(--neutral-200);
    border-top: none;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin: 0;
    background: var(--base-white);
    padding: 8px var(--16px);
}

.license-type__2yDeC {
    max-height: 22px;
    padding: 2px 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    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;
}

.program-icon__OSeWR {
    width: var(--32px);
    height: var(--32px);
    border-radius: 8px;
    margin-right: 8px;
    background-color: var(--background-main-gray);
    font-size: 14px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.title-container__1wBOz {
    display: flex;
    align-items: center;
}
.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;
    padding-top: var(--12px);
}

.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);
}

.root__1C32J {
    display: flex;
    flex-direction: column;
    width: 675px;
}

.title__2sRke {
    color: var(--base-black);
    font-size: 20px;
    font-weight: 700;
}

.button__3RuHS {
    border-radius: 50%;
    height: 24px;
    width: 24px;
}

.selected-button__3AUhT {
    background-color: var(--neutral-100);
}

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

.minus-icon__ke8eM {
    color: var(--base-black);
}

.paginator-container__3cPBc {
    border: 1px solid var(--neutral-200);
    border-top: none;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin: 0;
    background: var(--base-white);
    padding: 8px var(--16px);
}

.footer__3uT_i {
    display: flex;
    flex-direction: row;
    margin-top: var(--s);
    justify-content: flex-end;
}

.done-button__2qAK2 {
    margin-left: 8px;
}

.filters-container__1Bq4E {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: var(--xs) 0;
}

.category-select__3EgN_ {
    width: 45%;
}

.search-input__2KWo1 {
    width: 45%;
    max-height: 40px;
}
.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;
    }

.container-small__Oo1If {
    margin-bottom: 100px;
}

.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;
}

.modal__1uudV {
    overflow: visible;
}

.athlete-container__sMsKW {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.athletes-info__rwg0i {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.paginator-container__lV_ts {
    border: 1px solid var(--neutral-200);
    border-top: none;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin: 0;
    background: var(--base-white);
    padding: 8px var(--16px);
}
.container__Wl4vU {
    margin-top: var(--s);
}

.container__Wl4vU.active__1yEW2 {
    display: block;
}

.title__1QGaW {
    color: var(--base-black);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    position: absolute;
    top: 17px;
    padding: 10px 0;
}

.row__kJyxS {
    display: flex;
    grid-gap: var(--xs);
    gap: var(--xs);
}

.input__3s3LA {
    width: 188px;
}

.actions__3Yq8i {
    display: flex;
    grid-gap: var(--xs);
    gap: var(--xs);
    margin-top: var(--s);
}

.actionProfile__2BCah {
    justify-content: flex-end;
}

.button__NuF8- {
    width: 188px !important;
    border-radius: 8px;
}

.plusIcon__3cF7X {
    margin-left: var(--2xs);
}

.button-back__2MDyD {
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.05), 0px 1px 3px 0px rgba(0, 0, 0, 0.10);
}

.tab__1B0K3 {
    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__1B0K3.active__1yEW2 {
    color: var(--text-color);
    background-color: transparent;
    border-bottom: 2px solid var(--primary-color);
}

.tab-list__1ZU0q {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: var(--s);
    transform: scale(3);
}

.labelRequired__3iIIt::after {
    content: '*';
    color: var(--primary-500);
    padding-left: 2px;
}

.connectorIcon__vyzSU {
    color: var(--primary-500);
    width: 12px;
    height: 28px;
    position: absolute;
    left: -2px;
}

.connector__dmse8 {
    z-index: 1;
    width: 8px;
    height: 28px;
    overflow: hidden;
    position: relative
}





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

.root__1ampI {
    position: relative;
    margin-left: 8px;
}

.root__1ampI.first__2_-VS {
    margin-left: 0;
}

.step__3mDc2 {
    display: flex;
    padding: 2px 16px 2px 2px;
    padding: var(--5xs, 2px) var(--xs, 16px) var(--5xs, 2px) var(--5xs, 2px);
    justify-content: center;
    align-items: center;
    grid-gap:  8px;
    gap:  8px;
    border-radius: 128px;
    border-radius: var(--6xl, 128px);
    background: #F0F0F0;
    background: var(--neutral-100, #F0F0F0);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 135%;
    color: var(--base-black);
    height: 28px;
    position: relative;
    z-index: 1;
}

.step__3mDc2.disabled__19ELl {
    cursor: unset;
}

.step__3mDc2.active__fWmy9 {
    background: var(--secondary-50);
    color: var(--secondary-600);
}

.check__HFf6Q {
    color: var(--base-black);
    width: 16px;
    height: 16px;
}

.step__3mDc2.active__fWmy9 .check__HFf6Q {
    color: var(--secondary-600);
}

.step__3mDc2.active__fWmy9 > .badge__3s1rO {
    background: var(--base-white);
}

.badge__3s1rO {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 128px;
    border-radius: var(--6xl, 128px);
    padding: var(--3xs);
    background: var(--base-white);
    width: var(--s);
    height: var(--s);
}

.connectorIcon__1Ikoe {
    color: var(--neutral-100);
    position: absolute;
    width: 12px;
    height: 28px;
    top: 50%;
    transform: translate(0, -50%);
    left: calc(100% - 2px);
}

.connectorIcon__1Ikoe.active__fWmy9 {
    color: var(--secondary-50);
}



.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;
}

.modal__fNcE0 {
    overflow: visible;
}

.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;
}

.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;
    }

.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;
    }

.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__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);
}

.root__34jWN {
    padding: var(--s);
}

.divider__36yqA {
    border: none;
    border-top: 1px solid var(--neutral-200);
}

.content__2u0iy {
    margin-top: var(--xs);
    display: flex;
    align-items: flex-start;
    grid-gap: var(--s);
    gap: var(--s);
    max-height: calc(100vh - 100px - var(--s));
    overflow: hidden;
}

.left__19SJH {
    overflow-y: hidden;
    max-height: calc(100vh - 100px - var(--s));
    width: 30%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.leftTitle__3WxzW {
    font-size: 16px;
    font-weight: 700;
    padding-left: var(--2xs);
    margin-bottom: var(--2xs);
}

.right__3Unhs {
    width: 70%;
    height: calc(100vh - 100px - var(--s));
}

.upButton__2i9gZ {
    position: absolute;
    right: 8px;
    bottom: var(--12px);
}

.upButtonIcon__1NkVg {
    width: 16px !important;
    height: 16px !important;
}

.root__U6wE2 {
    background: var(--base-white);
    border-radius: var(--2xs);
    padding: 8px;
    box-shadow: 0 1px 5px 0 rgba(136, 137, 139, 0.20);
}

.root__U6wE2.selected__1u9bw {
    background: var(--neutral-100);
}

.item__2XT9g {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
    cursor: pointer;
}

.item__2XT9g.open__2z6nN {
}

.status__1AEMt {
    margin-right: var(--2xs);
}

.subcontent__2hhM5 {
    padding-top: var(--2xs);
    display: flex;
    flex-direction: column;
    grid-gap: var(--2xs);
    gap: var(--2xs)
}

.line__3YCTJ {
    border: none;
    border-top: 1px solid #E6E6E6;
}



.root__1gbXJ {
    background: var(--base-white);
    border-radius: 8px;
}

.item__2aSW9 {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
    cursor: pointer;
    padding: 8px 8px 8px 28px;
    border-radius: 8px;
    border: 1px solid var(--neutral-200);
}

.item__2aSW9.selected__24rxL {
    border-radius: 8px;
    border: 1px solid #9DA3F6;
    border: 1px solid var(--secondary-200, #9DA3F6);
    background: #EEEFFD;
    background: var(--secondary-50, #EEEFFD);
}

.item__2aSW9:not(.selected__24rxL):hover {
    border-radius: 8px;
    border: 1px solid #E6E6E6;
    border: 1px solid var(--neutral-200, #E6E6E6);
    background: #FAFAFA;
    background: var(--neutral-50, #FAFAFA);
}

.item__2aSW9.open__2eTZ5 {
}

.status__J8YFu {
    margin-right: var(--2xs);
}

.subcontent__ShdCE {
    padding-top: var(--2xs);
    padding-left: 28px;
    display: flex;
    flex-direction: column;
    grid-gap: var(--2xs);
    gap: var(--2xs)
}

.chevronPlaceholder__3V-y6 {
    width: 16px;
    height: 16px;
}

/*remove when design is ready*/

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

.button__wOeJP > svg {
    margin: 0;
}



.root__AjQDc {
    width: 100%;
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px;
    flex: 1;
    overflow-y: auto;
}

.root__e8-Sv {
    display: flex;
    align-items: center;
    margin-bottom: var(--s);
}

.backLink__Zis1U {
    cursor: pointer;
    width: 24px;
    height: 24px;
}

.title__1JeCK {
    font-size: 24px;
    font-weight: 700;
    margin-left: var(--xs);
}

.root__1L_BK {
    box-shadow: 0px 1px 5px 0px rgba(136, 137, 139, 0.20);
    background: var(--base-white);
    width: 100%;
    height: 100%;
    border-radius: 16px;
    border-radius: var(--xs, 16px);
    display: flex;
    flex-direction: column;
}

.content__2nTf1 {
    width: 100%;
    flex: 1;
    overflow-y: auto;
}

.header__2F6iL {
    padding: var(--s);
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.footer__U1q5K {
    width: 100%;
    height: var(--2xl);
}

.exercises__2V-3F {
    display: flex;
    flex-direction: column;
    grid-gap: var(--xs);
    gap: var(--xs);
}

.root__1Ml_0 {
    background-color: var(--base-white);
    padding: var(--xs);
}

.root__-GPqo {
    padding: var(--xs) var(--s);
    border-radius: 8px;
    border: 1px dashed var(--neutral-200);
    background: var(--base-white);
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 8px;
}

.grades-container__Hqz9M {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.grade__ZAZyk {
    height: 40px;
    width: 40px;
    font-size: 12px;
    margin-left: 8px
}

.grade__ZAZyk:hover {
        cursor: pointer;
    }

.title__1MRrX {
    font-size: 14px;
    font-weight: 500;
    margin-left: var(--s);
}

.title-container__1V4XW {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.control-icon__3aAc4 {
    height: 16px;
    width: 16px
}

.control-icon__3aAc4:hover {
        cursor: pointer;
    }

.control-icon__3aAc4:last-child {
        margin-left: var(--xs);
    }

.controls__3uqdE {
    display: flex;
    align-items: center;
    flex-direction: row;
}
.root__2lYui {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.title__aEwOz {
    color: #1A1B1D;
    color: var(--base-black, #1A1B1D);
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 140%;
}


.subtitle__3puhn {
    color: #88898B;
    color: var(--neutral-500, var(--neutral-500, #88898B));
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
}

.root__29iR_ {
    box-shadow: 20px -40px 11px 0px rgba(165, 165, 168, 0.00), 20px -26px 10px 0px rgba(165, 165, 168, 0.01), 20px -14px 9px 0px rgba(165, 165, 168, 0.05), 20px -6px 6px 0px rgba(165, 165, 168, 0.09), 20px -2px 4px 0px rgba(165, 165, 168, 0.10);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    grid-gap: 8px;
    gap: 8px;
    padding: 8px var(--xs);
}

.root__3JK5O {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    grid-gap: var(--xs);
    gap: var(--xs);
    background: var(--neutral-50);
    margin: 0 var(--s);
    padding: var(--xs);
    border-radius: 16px;
    border-radius: var(--xs, 16px);
}

.divider__WS4vn {
    border: none;
    border-bottom: 1px solid var(--neutral-200);
    width: 100%;
}

.kpiGrades__161Ow {
    display: flex;
    padding: 4px 4px 4px 12px;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
    border-radius: 128px;
    border-radius: var(--6xl, 128px);
    border: 1px solid #E6E6E6;
    border: 1px solid var(--neutral-200, #E6E6E6);
    background: #FAFAFA;
    background: var(--neutral-50, #FAFAFA);
}

.kpi__3ePaM {
    color: var(--base-black);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 135%;
}

.grades__2ufCC {
    display: flex;
    grid-gap: 4px;
    gap: 4px;
}

.root__22Ud_ {
    border-radius: 8px;
    border: 1.5px dashed #CECFD1;
    border: 1.5px dashed var(--neutral-300, #CECFD1);
    background: #FFF;
    background: var(--base-white, #FFF);
    display: flex;
    padding: 4px;
    align-items: center;
    grid-gap: 12px;
    gap: 12px;
    grid-gap: var(--2xs, 12px);
    gap: var(--2xs, 12px);
    cursor: pointer;
}


.info__FTjLu {
    color: var(--neutral-600);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 135%;
}

.root__2HxQY {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--neutral-100);
    border-radius: 8px;
    width: 328px;
    padding: 4px 16px 4px 4px;
    padding: var(--3xs, 4px) var(--xs, 16px) var(--3xs, 4px) var(--3xs, 4px);
    grid-gap: 16px;
    gap: 16px;
    grid-gap: var(--xs, 16px);
    gap: var(--xs, 16px);
}

.info__20Z-M {
    display: flex;
    align-items: center;
    grid-gap: var(--xs);
    gap: var(--xs);
}

.title__93QnZ {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    flex: 1 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 19.6px */
}

.thumbnail__131MI {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: var(--neutral-400);
}

.controlIcon__1fzgj {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.root__1UCKc {
    display: flex;
    flex-direction: column;
    grid-gap: var(--xs);
    gap: var(--xs);
}

.paginator-container__WzzIx {
    border: 1px solid var(--neutral-200);
    border-top: none;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin: 0;
    background: var(--base-white);
    padding: 8px var(--16px);
}

.kpi__1v9KA {
    display: flex;
    align-items: center;
    padding: 4px 4px 4px 12px;
    border: 1px solid var(--neutral-200);
    background: var(--neutral-50);
    border-radius: 128px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.kpi__1v9KA:not(:first-child) {
    margin-top: 4px;
}

.kpi-title__2mWah {
    font-size: 12px;
}

.kpi-grades__FR-Ws {
    display: flex;
    flex-direction: row;
    margin-left: 4px;
}

.kpi-grade__1VlyG {
    margin-left: 4px;
    height: 24px;
    width: 24px;
}

.exercise__3Im4x {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.exercise-title__QQjxD {
    font-size: 14px;
    margin-left: 8px;
}
.controls-container__1tLBG {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.dropdown-container__2sxi0 {
    display: flex;
    flex-direction: row;
    margin-top: var(--xs);
    justify-content: flex-end;
}

.dropdown-label__3WD8C {
    color: var(--neutral-400);
}
.root__1y6pL {
    background: var(--neutral-25);
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content__1AshM {
    width: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.header__2hALe {
    margin-top: var(--s);
    text-align: center;
    font-weight: 700;
    font-size: 22px;
    color: var(--base-black);
    line-height: 115%;
    letter-spacing: normal;
}

.text__H1gWm {
    margin-top: 8px;
    text-align: center;
    color: var(--neutral-500);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: normal;
}