@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-300: #717EF3;
    --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;

    --grade-c-dark: #F48400;
    --grade-c-light: #FFF8BB;

    /* T-SCORE COLORS START */
    --grade-exceptional: #009476;
    --grade-excellent: #43B59C;
    --grade-good: #6CBD3D;
    --grade-average: #ffa143;
    --grade-below-average: #FF7043;
    --grade-low: #E34444;
    --grade-very-low: #D23D6D;
    /* T-SCORE COLORS END */

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

    --border-width: 1.5px;

    /* FONT SIZES */
    --h1-font-size: 24px;
    --h2-font-size: 22px;
    --h3-font-size: 20px;
    --b1-font-size: 16px;
    --b2-font-size: 14px;
    --b3-font-size: 12px;

    /* LINE HEIGHT */
    --line-height: 140%;
    --line-height-2xs: 115%;
    --line-height-xs: 130%;
    --line-height-s: 135%;
    --line-height-m: 150%;
}

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: 8px var(--2xs);
    outline: none;
    height: 40px;
    border-radius: 8px;
    border: var(--border-width) solid var(--neutral-200);
    font-size: 14px;
    line-height: 20px;
    color: inherit;
    width: 100%;
    transition: box-shadow 0.2s ease-in-out 0s
}

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

.input__1IiEU::-moz-placeholder {
        color: var(--neutral-400);
        font-weight: 400;
        font-size: 14px
    }

.input__1IiEU:-ms-input-placeholder {
        color: var(--neutral-400);
        font-weight: 400;
        font-size: 14px
    }

.input__1IiEU::placeholder {
        color: var(--neutral-400);
        font-weight: 400;
        font-size: 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;
}

.input__1IiEU.disabled__2JhPu {
    color: var(--neutral-400);
}

.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 {
    width: 100%;
    overflow-x: hidden;
    color: var(--neutral-600);
    font-size: 12px;
    line-height: 135%;
    padding: 0 var(--2xs);
    text-transform: capitalize;
}

.disabled__eRbdG {
    color: var(--neutral-400) !important;
}

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

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

.inputDeleteButton__1bnTV {
    margin-left: var(--xs)
}

.inputDeleteButton__1bnTV > div {
        width: 24px;
        height: 24px;
    }

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

.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: 12px;
    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: 50%;
    transform: translateY(-50%);
    right: var(--2xs);
    pointer-events: none;
    color: var(--base-black);
    width: 16px;
    height: 16px;
}

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

.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;
    background-image: none;
    background-color: white;
    box-sizing: border-box;
    padding: 8px var(--2xs);
    border-radius: 8px;
    border: var(--border-width) solid var(--neutral-200);
    font-size: 14px;
    line-height: 20px;
    color: inherit;
    width: 100%;
    transition: box-shadow 0.15s ease-in-out 0s;
    min-height: 71px;
    height: 140px
}

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

.input__lcjZO::-moz-placeholder {
        color: var(--neutral-400);
        font-size: 14px;
        font-weight: 400
    }

.input__lcjZO:-ms-input-placeholder {
        color: var(--neutral-400);
        font-size: 14px;
        font-weight: 400
    }

.input__lcjZO::placeholder {
        color: var(--neutral-400);
        font-size: 14px;
        font-weight: 400
    }

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

.input__lcjZO.disabled__1iaWK {
    color: var(--neutral-400);

}

.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__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;*/
    /*&:first-letter {*/
    /*    text-transform: uppercase;*/
    /*}*/
}

.input__3rTr4 {
    display: block;
    background-image: none;
    background-color: white;
    box-sizing: border-box;
    padding: 8px var(--2xs);
    height: 40px;
    border-radius: 10px;
    border: var(--border-width) solid var(--neutral-200);
    font-size: 14px;
    line-height: 135%;
    color: inherit;
    width: 100%;
    transition: box-shadow 0.15s ease-in-out 0s
}

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

.input__3rTr4::-moz-placeholder {
        color: var(--neutral-400);
        font-weight: 400;
        font-size: 14px
    }

.input__3rTr4:-ms-input-placeholder {
        color: var(--neutral-400);
        font-weight: 400;
        font-size: 14px
    }

.input__3rTr4::placeholder {
        color: var(--neutral-400);
        font-weight: 400;
        font-size: 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__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: 40px;
}

.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: 8px var(--2xs);
    height: 40px;
    border-radius: 8px;
    border: var(--border-width) solid var(--neutral-200);
    font-size: 14px;
    line-height: 135%;
    color: inherit;
    width: 100%;
    transition: box-shadow 0.15s ease-in-out 0s
    /*&:active,*/
}

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

.input__ZEAX7::-moz-placeholder {
        color: var(--neutral-400);
        font-weight: 400;
        font-size: 14px
    }

.input__ZEAX7:-ms-input-placeholder {
        color: var(--neutral-400);
        font-weight: 400;
        font-size: 14px
    }

.input__ZEAX7::placeholder {
        color: var(--neutral-400);
        font-weight: 400;
        font-size: 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;
}

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

.label__WLJqB {
    margin-bottom: 4px;
}

.container__aIsl_ {
    width: 100%;
}

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


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

.input-wrap__2yp56 {
    width: 100%;
}

.input__2endF {
    padding: 8px var(--2xs);
    border-radius: 8px;
    height: 40px;
    border: 1px solid var(--neutral-200);
    font-size: 14px;
    width: 100%;
    cursor: pointer
}

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

.input__2endF:disabled {
        opacity: 0.5;
        cursor: unset;
    }

.input__2endF::-moz-placeholder {
        color: var(--neutral-400);
        font-weight: 400;
        font-size: 14px;
        text-transform: capitalize;
    }

.input__2endF:-ms-input-placeholder {
        color: var(--neutral-400);
        font-weight: 400;
        font-size: 14px;
        text-transform: capitalize;
    }

.input__2endF::placeholder {
        color: var(--neutral-400);
        font-weight: 400;
        font-size: 14px;
        text-transform: capitalize;
    }

.labelDisabled__KX8Zb {
    color: var(--neutral-400);
}

.icon__3h1ct {
    width: 16px;
    height: 16px;
    position: absolute;
    right: var(--2xs);
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 0;
}

.rmdp-wrapper {
    padding: var(--xs) !important;
    width: 100% !important;
}

.rmdp-calendar {
    width: 100% !important;
}

.rmdp-week {
    width: 100% !important;
}

.rmdp-day {
    padding: 4px !important;
    height: 40px !important;
    width: 40px !important;
}

.rmdp-week-day {
    color: var(--neutral-400) !important;
    font-size: var(--2xs) !important;
}

.rmdp-header {
    font-size: var(--xs) !important;
    font-weight: 700 !important;
}

.rmdp-range {
    background-color: rgba(254, 93, 0, 0.15) !important;
    box-shadow: none !important;
}

.rmdp-range span {
    color: var(--primary-500) !important;
}

.rmdp-day.rmdp-today span {
    background: none !important;
    color: var(--primary-500) !important;
}

.rmdp-day:hover:not(.rmdp-day-hidden) span {
    background-color: rgba(254, 93, 0, 0.15) !important;
    color: var(--primary-500) !important;
}

.rmdp-day.rmdp-selected span:not(.highlight) {
    background-color: rgba(254, 93, 0, 0.15) !important;
    color: var(--primary-500) !important;
    box-shadow: none !important;
}

.rmdp-arrow {
    border: solid var(--neutral-400) !important;
    border-width: 0 2px 2px 0 !important;
}

.rmdp-arrow-container:hover {
    background-color: rgba(254, 93, 0, 0.15) !important;
    box-shadow: none !important
}

.rmdp-arrow-container:hover .rmdp-arrow {
        border-color: var(--neutral-400) !important;
    }

.rmdp-time-picker div input {
    padding: 0 !important;
}

.footer__Wx_n3 {
    height: var(--2xl);
    /*position: absolute;*/
    /*left: 0;*/
    /*bottom: 0;*/
    background: var(--base-white);
    width: 100%;
    padding: 8px var(--s);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    grid-gap: var(--3xs);
    gap: var(--3xs);
    border-radius: 0 0 var(--xs) var(--xs);
    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);
}

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

.waiting__XCiwa {
    opacity: 1;
    -webkit-animation: blink__3D-dG 1s linear infinite;
            animation: blink__3D-dG 1s linear infinite;
}

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

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

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

.modal__14t5H {
    padding: var(--l) var(--s) var(--s) var(--s) !important;
    max-width: 320px;
}

.title__2FQYY {
    font-size: var(--20px);
    line-height: 140%;
    text-align: center;
    margin-bottom: var(--3xs);
    font-weight: 700;
}

.withLargePaddings__3MLE0 {
    padding-bottom: var(--m);
}

.subtitle__uBEm8 {
    font-style: normal;
    font-size: var(--14px);
    color: var(--neutral-500);
    font-weight: 400;
    line-height: 140%;
    text-align: center;
    margin-bottom: var(--m);
}

.button-group__WhZmf {
    display: flex;
    justify-content: center;
    grid-gap: 8px;
    gap: 8px;
}

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

.button__1_gpd {
    flex: 1;
}

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

.left__mlFFS {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
}

.title__1jY13 {
    font-size: var(--20px);
    font-weight: 700;
    color: var(--text-color)
}

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

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

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

.children__2aqag {
    display: flex;
    width: 100%;
    height: 100%;
}

.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: 100% !important;
    height: 100% !important;
    display: flex;
    aspect-ratio: 16 / 9
}

.player__3jXeX .react-player__preview {
        background-color: var(--text-color);
        background-size: contain !important;
        aspect-ratio: 16 / 9;
    }

.player__3jXeX video {
        aspect-ratio: 16 / 9;
        background-color: var(--text-color);
    }

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

.playIcon__ztFby:hover {
        opacity: 1;
    }

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

.option__1kbMe.nonClickable__1dlc-:hover {
    background-color: var(--base-white);
}

.option__1kbMe.nonClickable__1dlc- {
    cursor: auto;
}

.iconContainer__1gmt1 {
    height: var(--xs);
    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;
    }

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

.button__1qwx4 {
    outline: none;
}

.divider__2qd1d {
    height: 1px;
    background: var(--neutral-200);
    margin: 0 16px;
}

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

.count__3p3G0 {
    background: var(--secondary-300);
    color: var(--base-white);
    font-size: 12px;
    font-weight: 700;
    border-radius: var(--3xs);
    padding: 0 var(--3xs);
    margin-left: var(--3xs);
}

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

.paginator__3hwqh.withoutShowBy__4V_4I {
    justify-content: 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__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;
    background: var(--base-white);
    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__day--today {
        background-color: var(--neutral-300);
    }

.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;
}
.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: 525px;
    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(--2xs);
    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.with-component__8dMPs {
    align-items: center;
    flex-direction: row;
}

.table__2muOp th.center__1ku6i {
    justify-content: center;
    flex-direction: row
}

.table__2muOp th.center__1ku6i .sortable-container__2PZV- {
        justify-content: center;
    }

.table__2muOp th.left__1aIe0 {
    justify-content: flex-start;
    flex-direction: row
}

.table__2muOp th.left__1aIe0 .sortable-container__2PZV- {
        justify-content: flex-start;
    }

.table__2muOp th.right__1RIm1 {
    justify-content: flex-end;
    flex-direction: row
}

.table__2muOp th.right__1RIm1 .sortable-container__2PZV- {
        justify-content: flex-end;
    }

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

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

.table__2muOp .component-container__2Y734 {
    display: flex;
    flex-direction: row;
    align-items: center;
    grid-gap: var(--3xs);
    gap: var(--3xs);
}

.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: 16px;
    width: 16px;
}

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

.row-container__3iEtH:hover {
        background: var(--neutral-50);
        cursor: pointer;
    }

.highlighted__tFkvO {

    td {
        border-top: 1px solid var(--primary-400);
        border-bottom: 1px solid var(--primary-400);
    }
}

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

.clickable-container__bMy5G {
    cursor: pointer;
}

.avatar__RwaWs {
    height: 32px;
    min-height: 32px;
    width: 32px;
    min-width: 32px;
    border-radius: 8px;
    margin-right: 8px;
    flex-shrink: 0;
}

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

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

.second-text__dkTr3 {
    font-size: 12px;
    color: var(--neutral-500);
}

.photoPlaceholder__lc6HY {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    margin-right: 8px;
    color: white;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fallback__1BtE4 {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--neutral-100);
    min-width: 120px;
    min-height: 120px;
}

.fallback__1BtE4 svg {
    width: 120px;
    height: 120px;
}

@media (max-width: 820px) {
    .fallback__1BtE4 {
        min-width: 60px;
        min-height: 60px;
    }

    .fallback__1BtE4 svg {
        width: 60px;
        height: 60px;
    }
}

.image__1cEdQ {
    display: block;
    max-width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
}

.popup__1VMCQ {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: var(--success-400);
    padding: var(--2xs) var(--s);
    color: var(--base-white);
    align-items: center;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    z-index: 9999;
}

.errorPopup__PE18a {
    background: var(--error-400);
    z-index: 10000;
    position: fixed;
    left: 0;
    top: 0;
    bottom: unset;
}

.root__wynCM {
    border-radius: 8px;
    border: 1px solid var(--neutral-200);
    background: var(--base-white);
    display: flex;
    flex-direction: column;
    margin-bottom: 8px;
    position: relative;
    box-shadow: 0px 1px 4px 0px rgba(136, 137, 139, 0.12), 0px 1px 5px 0px rgba(136, 137, 139, 0.20);
}

.root-combined__h_-Gj {
    background: var(--neutral-50);
}

.combine-button__25DuU {
    border-radius: 128px;
    padding: 4px;
    height: var(--s);
    width: var(--s);
    position: absolute;
    top: -16px;
    left: 50%;
    z-index: 1000;
}

.split-button__3NinL {
    border-radius: 128px;
    padding: 4px;
    height: var(--s);
    width: var(--s);
    position: absolute;
    top: -12px;
    left: 50%;
    z-index: 1000;
    background: var(--base-white)
}

.split-button__3NinL svg {
        height: 14px;
        width: 14px;
    }

.split-button-icon__6Wasm {
    color: var(--base-black);
}

.divider-container__1m1tg {
    position: relative;
}

.divider__3Q8j8 {
    display: flex;
    height: 1px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    background-color: var(--neutral-200);
    margin: 0 var(--s);
}

.root__-GPqo {
    padding: var(--xs) var(--s);
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    align-items: center;
}

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

.grade__ZAZyk {
    height: 40px !important;
    width: 40px !important;
    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;
}

.navigation__2Wt83 {
    display: flex;
    padding: 8px;
    align-items: center;
    background: var(--neutral-50);
    border-radius: 8px;
    height: var(--m);
    width: var(--3xl);
    justify-content: space-between;
}

.navigation-icon__2eEfJ {
    height: var(--xs);
    width: var(--xs)
}

.navigation-icon__2eEfJ:hover {
        cursor: pointer;
    }

.navigation-icon-disabled__1NJsb {
    color: var(--neutral-300);
}

.navigation-icon-container__1jbA4 {
    display: flex;
    justify-content: center;
    align-items: center;
}

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

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

.aPlus-outdated__yPqIG {
    border: 1px solid #43B000;
}

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

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

.b-outdated__MJ8Tx {
    border: 1px solid #67A600;
}

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

.c-outdated__2PP4G {
    border: 1px solid #F48400;
}

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

.d-outdated__2U1ZE {
    border: 1px solid #F36600;
}

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

.e-outdated__3KZCb {
    border: 1px solid #E52900;
}

.root__3TrzN {
    position: relative;
}

.disabled__iP9VG {
    color: var(--neutral-400);
}

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

.checkbox__3hOgb {
    color: var(--primary-500);
    width: 24px;
    height: 24px;
    /*margin-left: var(--3xs);*/

    + label {
        margin-left: var(--3xs);
        font-size: 14px;
        font-weight: 500;
        color: var(--base-black);
        padding: 0;
        text-transform: none;
        cursor: pointer;
    }
}

.checkboxDisabled__EqYvN, .checkboxUnchecked__3CZ2P {
    color: var(--neutral-400);
}

.root__gW4hw {
    width: 100%;
    position: relative;
    overflow: visible
}

.root__gW4hw.disabled__3FYzI {
        opacity: 0.8;
    }

.dropdown__1EmYF {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10000;
    background: var(--base-white);
    border: 1px solid var(--neutral-200);
    border-radius: 0 0 8px 8px;
}


.root__ln2Hw {
    padding: 8px var(--2xs);
    height: 40px;

    background: var(--base-white);
    border: var(--border-width) solid var(--neutral-200);
    border-radius: 8px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 8px;
    gap: 8px
}

.root__ln2Hw.open__15gn_ {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom: 0;
    }

.root__ln2Hw {

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

.placeholder__1Ekgy {
    color: var(--neutral-400);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.root__ln2Hw.disabled__mznAm {
    border-color: var(--neutral-100);

    .chevron__2Vl-N {
        color: var(--neutral-300);
    }
}



.root__1uwCE {}

.single__2CNfA {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 115%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.multi__DdI4p {
    width: calc(100% - 24px);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    overflow-x: auto;
    grid-gap: 8px;
    gap: 8px;
}

.root__BfJYx {
    background: var(--primary-50);
    border-radius: 6px;
    padding: 8px var(--2xs);
    height: 28px;

    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: var(--3xs);
    gap: var(--3xs);

    color: var(--primary-500);
    font-size: 14px;
    font-weight: 500;
    line-height: 115%;

    cursor: default;

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

    .label__xf7RX {
        white-space: nowrap;
    }
}

.removeBtn__1gD2R {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
}

.root__BfJYx.lg__2ZgEi {
    height: 40px;
    font-size: 19px;
    line-height: 125%;

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

.root__BfJYx.disabled__v8-NI {
    background: var(--neutral-100);
    color: var(--neutral-400);

    .removeBtn__1gD2R {
        cursor: unset;
    }
}


.container__c1luL {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    padding: 8px var(--2xs);
    position: relative;
}

.input__3jD4x {
    display: block;
    width: 100%;
    height: 40px;
    color: var(--base-black);
    padding: 0 var(--s) 0 var(--2xs);
    border: var(--border-width) solid var(--neutral-200);
    border-radius: 8px;
    background: var(--base-white);
    outline: none
}

.input__3jD4x::-moz-placeholder {
        color: var(--neutral-400);
        font-size: 14px;
        font-weight: 500
    }

.input__3jD4x:-ms-input-placeholder {
        color: var(--neutral-400);
        font-size: 14px;
        font-weight: 500
    }

.input__3jD4x::placeholder {
        color: var(--neutral-400);
        font-size: 14px;
        font-weight: 500
    }

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

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

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

.input__3jD4x:focus {
        border-color: var(--primary-200);
    }

.icon__3LBh5 {
    position: absolute;
    color: var(--neutral-400);
    right: 20px;
    width: 16px;
    height: 16px;
    svg {
        width: 16px;
        height: 16px;
    }
}

.root__4vgP2 {
    width: 100%;
    height: 1px;
    border-top: var(--border-width) solid var(--neutral-200);
}

.root__3bhAB {
    width: 100%;
    max-height: 350px;
    overflow-y: auto;
}

.moreButton__3cMxI {
    width: 100%;
    background: transparent;
    color: var(--primary-500);
    text-align: center;
    border: none;
    outline: none;
    padding: 8px 0;
}

.root__21XJ0 {
    padding: 8px var(--2xs);
    display: flex;
    justify-content: space-between;
    align-items: center;

    color: var(--base-black);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%
}

.root__21XJ0:hover {
        background-color: var(--neutral-100);
    }

.root__21XJ0 {

    .icon__3v3Eg {
        color: var(--primary-500);
    }
}

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


.form__jmjkW {
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-gap: var(--xs);
    gap: var(--xs);
}

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

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

.submit__2mDQj {
    align-self: center;
}

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

.form__2Apsx {
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-gap: var(--xs);
    gap: var(--xs);
}

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

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

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

.submit__3VCXS {
    align-self: center;
}

.my-club-form__1wMoM {
    position: relative;
}
.container__1UOdf {
    margin: 24px 0;
}
.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;
}

.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 {
    input {
        color: var(--base-black) !important;
    }

    label {
        color: var(--base-black) !important;
    }
}

.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__UQeU6 {
    display: flex;
}

.form__1Tikl {
    width: 100%;
}

.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: 100%
}

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

.actions__2XYdF {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
}

.label__1eXmu {
    text-transform: none;
}

.containerInput__2tcjE {
    width: 100%;
    margin-bottom: 12px;
}

.selectContainer__1vBvU {
    width: 100%;
}

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

.imageContainer__-xWwU {
    display: flex;
    align-items: center;
    grid-gap: var(--s);
    gap: var(--s);
}

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

.actionButton__2FLSM {
    width: 100%;
}

.container__1IZ0N {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    flex-direction: column;
}

.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: 100%
}

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

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

.submit-button__3f0_5 {
    width: 100%;
}

.actions__1uf4q {
    display: flex;
    justify-content: space-between;
    grid-gap: var(--xs);
    gap: var(--xs);
}

.spacer__aTGdR {
    width: 0;
    margin: 0 25px;
    border-left: 1px solid var(--background-main-gray);
}

.label__3VsVq {
    text-transform: none;
}

.program-form__3MNJ2 {
}


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

.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__1H9Eu {
    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__3Z7dd {
    /* width: 400px; */
}

.logo__3fHWx {
    position: absolute;
    top: 50px;
    left: 64px
}

.logo__3fHWx img {
        height: 64px;
    }

.link__w-pe1 {
    color: var(--primary-color);
}

.paragraph__1v_U7 {
    margin: 0 auto;
    width: 400px;
    font-size: var(--16px);
    line-height: 24px;
    text-align: center;
    color: var(--text-light-color);
    padding: 0 20px;
}

.email__2inmc {
    font-weight: 500;
    font-size: var(--16px);
    line-height: 24px;
    text-align: center;
    width: 400px;
    margin: 0 auto 32px;
}

.back__2MDeL {
    font-weight: 300;
    font-size: var(--16px);
    color: var(--text-color);
    text-align: center;
}

.text__3Wzfy {
    text-align: center;
}

.container__bVaut {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background-color: var(--background-page-gray);
}

.card__2CTfb {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: white;
    border-radius: 10px;
    padding: 50px 64px;
    min-width: 1088px;
    min-height: 696px;
}

.logo__2gQuB {
    position: absolute;
    top: 50px;
    left: 64px
}

.logo__2gQuB img {
        height: 64px;
    }

@media (max-width: 650px) {
    .card__2CTfb {
        min-width: unset;
        min-height: unset;
        padding: var(--xs);
        height: 100vh;
    }
}

@media (max-width: 990px) {
    .logo__2gQuB {
        position: relative;
        top: unset;
        left: unset;
    }
}

.container__mfUZo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background-color: var(--background-page-gray);
}

.card__2xp7O {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: white;
    border-radius: 10px;
    padding: 50px 64px;
    min-width: 1088px;
    min-height: 696px;
}

.logo__2wDr1 {
    position: absolute;
    top: 50px;
    left: 64px
}

.logo__2wDr1 img {
        height: 64px;
    }

@media (max-width: 650px) {
    .card__2xp7O {
        min-width: unset;
        min-height: unset;
        padding: var(--xs);
        height: 100vh;
    }
}

@media (max-width: 990px) {
    .logo__2wDr1 {
        position: relative;
        top: unset;
        left: unset;
    }
}

.container__3Mp_L {
    background-color: var(--background-page-gray);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.container__21qor {
    height: 100%;
    background-color: var(--background-page-gray);
}

.sidebar__1ew35 {
    padding-top: 24px;
    height: 100vh;
    max-height: 100vh;
    width: 220px;
    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;*/
}

@-moz-document url-prefix() {
    * {
        scrollbar-width: thin;
        scrollbar-color: var(--neutral-300) transparent;
    }
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px;
    height: 4px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #CECFD1;
    background-color: var(--neutral-300, #CECFD1);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
    height: 4px;
}

@media print {
    .container__21qor div:first-child {
        overflow: visible !important;
    }

    .container__21qor div:first-child div:last-child {
        overflow-y: visible !important;
    }
}

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

.list-item__7X278 {
    list-style: none;
    padding-right: var(--xs);
    margin: 22px 0;
}

.root__1tTGa {
    display: flex;
    text-decoration: none;
    align-items: center;
    justify-content: space-between;
    color: var(--text-light-color);
    font-weight: 500;
    cursor: pointer
}

.root__1tTGa:hover {
        color: var(--primary-color)
    }

.root__1tTGa:hover .icon__2MTfa {
            fill: var(--primary-color);
        }

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

.iconWrapper__6k4h4 {
    display: flex;
    align-items: center;
    padding: 9px 15px 9px 25px;
    border-radius: 0 20px 20px 0;
    /*transition: 0.3s ease;*/
}

.icon__2MTfa {
    width: 24px;
    height: 24px;
    fill: var(--text-light-color);
    transition: 0.3s ease;
}

.title__HK4YW {
    transition: 0.3s ease;
    margin-left: 8px;
    font-weight: 500;
    font-size: 14px
}

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

.active__2u9St .iconWrapper__6k4h4 {
        background-color: var(--background-main-orange);
    }

.active__2u9St .icon__2MTfa {
        color: var(--primary-color);
    }

.active__2u9St .title__HK4YW {
        color: var(--text-color);
    }

.secondaryItems__1IxmH {
    display: flex;
    flex-direction: column;
    margin-top: var(--2xs);
    background: var(--base-white);
}

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

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

.root__3OBo_ {
    display: flex;
    text-decoration: none;
    align-items: center;
    grid-gap: var(--3xs);
    gap: var(--3xs);
    padding-left: 36px;
}

.title__2eDJa {
    padding: 8px var(--2xs);
    color: #1A1B1D;
    color: var(--base-black, #1A1B1D);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 135%;
    flex: 1
}

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

.active__1RkPT {
    .title__2eDJa {
        background: var(--neutral-25);
        border-radius: var(--6xl);
    }
}

.detailsHeader__2iKPj {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: var(--s);
    grid-gap: var(--xs);
    gap: var(--xs)
}

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

.title__3ja3w {
    color: var(--base-black);
    font-weight: 700;
    margin-right: var(--2xs);
    max-width: 650px;
}

.h1__23xX5 {
    font-size: var(--h1-font-size);
    line-height: var(--line-height-xs);
    font-weight: 700;
}

.h2__1xoYR {
    font-size: var(--h2-font-size);
    line-height: var(--line-height-2xs);
    font-weight: 700;
}

.h3__2sfL2 {
    font-size: var(--h3-font-size);
    line-height: var(--line-height);
    font-weight: 500;
}

.body2__Kh6bL {
    font-size: var(--b2-font-size);
    line-height: var(--line-height);
}

.body3__1NcH_ {
    font-size: var(--b3-font-size);
    line-height: var(--line-height-s);
}

.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: 2;
    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: 220px;
        width: calc(100% - 220px);
    }
}

@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;
    z-index: 1000;
    width: 100%;
    background: var(--error-400);
    color: var(--base-white);
}

.container__1HCkB {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    padding: var(--2xs) var(--s);
}

.message__W6GpY {
}

.close-button__wHzxS {
    padding: 4px;
    cursor: pointer;
}

.container__uM31A {
    background-color: #fff;
    border-radius: 10px;
    padding: 24px;
    height: calc(100vh - 192px);
    min-height: 530px;
}

.container__2qorj {
    background-color: #fff;
    border-radius: 10px;
    padding: 24px;
    min-height: calc(100vh - 192px);
    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__jYuuv {
    background-color: #fff;
    border-radius: 10px;
    padding: 24px;
    height: calc(100vh - 192px);
    min-height: 350px;
}

.container__2Mocx {
}

.list-header__3RFI2 nav {
    margin-top: 24px;
}

.root__2Nybi {
    background-color: white;
    width: 100%;
    height: 100%;
    border-radius: var(--xs);
    box-shadow: 0px 1px 5px 0px rgba(136, 137, 139, 0.20);
}

.root__1Kpsd {
}

.scoreSelectContainer__31i_1 {
    width: 100%;
    max-width: 712px !important;

    .scoreSelectWide__3Ikn2 {
        flex: 1;
        border-radius: var(--6xl);
    }
}

.inputs__1C9d0 {
    display: flex;
    grid-gap: 0 var(--xs);
    gap: 0 var(--xs);
    flex-wrap: wrap;
    max-width: 712px;
}

.input__3-vH1 {
    width: 348px;
    position: relative;
    display: flex;
    flex-direction: column;
}

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

.label__1TuiB {
    margin-bottom: 8px;
}

.score-container__2oQsh {
    display: flex;
    grid-gap: 8px;
    gap: 8px;
    margin-bottom: 8px;
}

.score-item__Wn-ag {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}

.score-item__Wn-ag:hover {}

.value-1__1MmNZ {
    background-color: #FFD5CC;
    color: #E52900;
}

.value-2__ue_zB {
    background-color: #FFDFCC;
    color: #E52900;
}

.value-3__1fk_0 {
    background-color: #FFE8CC;
    color: #F36600;
}

.value-4__1lTHO {
    background-color: #FFF0C3;
    color: #F36600;
}

.value-5__f8qFd {
    background-color: #FFF8BB;
    color: #F48400;
}

.value-6__1Hut- {
    background-color: #F5F9C3;
    color: #67A600;
}

.value-7__3_xcn {
    background-color: #EAFBB9;
    color: #67A600;
}

.value-8__36tot {
    background-color: #E0FDB0;
    color: #67A600;
}

.value-9__qesPm {
    background-color: #CFFFB2;
    color: #43B000;
}

.value-10__3RTA- {
    background-color: #B4FFAE;
    color: #0DA300;
}

.selected-1__DFbsq {
    border: 1px solid #E52900;
}

.selected-2__1zI6r {
    border: 1px solid #E52900;
}

.selected-3__2_Xcc {
    border: 1px solid #F36600;
}

.selected-4__1hkDl {
    border: 1px solid #F36600;
}

.selected-5__4krtH {
    border: 1px solid #F48400;
}

.selected-6__XezHE {
    border: 1px solid #67A600;
}

.selected-7__1YqWB {
    border: 1px solid #67A600;
}

.selected-8__2_a6l {
    border: 1px solid #67A600;
}

.selected-9__3x1pC {
    border: 1px solid #43B000;
}

.selected-10__2E0ok {
    border: 1px solid #0DA300;
}

.description__3qMaS {
    font-size: 14px;
    color: #6B7280;
    margin-top: 4px;
    margin-left: 16px;
}

.unavailable__1RMSp {
    background-color: var(--neutral-50);
    color: var(--neutral-500);
}

.selected-unavailable__14L23 {
    border: 1px solid var(--neutral-500);
}

@media (max-width: 850px) {
    .score-container__2oQsh {
        grid-gap: 4px;
        gap: 4px;
    }

    .score-item__Wn-ag {
        width: 32px;
        height: 32px;
        font-size: 12px;
    }
}

.root__cMt4B {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-gap: var(--2xs);
    gap: var(--2xs);

    h3 {
        font-weight: bold;
    }
}

.root__3wRxy {
    display: flex;
    flex-direction: column;
    grid-gap: var(--s);
    gap: var(--s);
    padding: var(--s);
    border-bottom: 1px solid var(--neutral-200);
}

.segment__3A6Z- {
    padding: 8px;
    border-radius: 8px;
    border: var(--border-width) solid var(--neutral-200);
    background: white;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-gap: var(--5xs);
    gap: var(--5xs);
    flex-grow: 1;
    height: 100%;
}

.item__2V0VY {
    padding: var(--3xs) 0;
    border-radius: var(--3xs);
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    flex: 1;

    color: var(--base-white);
    font-size: var(--b2-font-size);
    font-weight: 500
}

.item__2V0VY.left__3hU5k {
        background: var(--secondary-300);

    }

.item__2V0VY.right__1iRXv {
        background: var(--primary-200);
    }

.root__1zN85 {
    .legends__1sUQF {
        justify-content: flex-start;
        padding: 0 var(--2xs);
        grid-gap: 8px;
        gap: 8px;
        font-size: 12px;
    }
}


.input__50Pro {
    width: 100%;
    display: flex;
    height: 40px;
    justify-content: flex-start;
    align-items: center;
}


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


.root__a2xMc {
    padding: var(--s);
    border: 1px solid #FFF;
    border: 1px solid var(--base-white, #FFF);
    background: #FFF;
    background: var(--base-white, #FFF);
    grid-gap: var(--xs);
    gap: var(--xs);
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
    height: auto !important;
    width: auto !important;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999;
    box-shadow: none;
    border-radius: 0;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.chartImage__3jXup {
    width: 100%;
    height: auto;
}

.root__2mH97 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    grid-gap: var(--s);
    gap: var(--s);
    color: var(--neutral-600);
}

.legend__2B5Up {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-gap: var(--3xs);
    gap: var(--3xs);
    font-size: 12px;
    font-weight: 500;
    line-height: 135%;
}

.outerDot__2Y7K2 {
    width: 14px;
    height: 14px;
    border: 1.5px solid;
    border-radius: 128px;
    border-radius: var(--6xl, 128px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.outerDot__2Y7K2.dashed__1LFvn {
        border-style: dashed;
    }

.innerDot__3-Wup {
    width: 6px;
    height: 6px;
    border-radius: 128px;
    border-radius: var(--6xl, 128px);
}

.header__uYsx8 {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.printIcon__19iv0 {
    width: 16px;
    height: 16px;
    margin-left: 4px;
}

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

.root__3iVry {}    

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

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

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

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

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

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

.detailsHeader__14eQh {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid var(--neutral-200);
    padding-bottom: var(--s);
    grid-gap: var(--xs);
    gap: var(--xs)
}

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

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


.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%;
    margin-right: var(--s);
    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__26gcL {
    background-color: var(--background-page-gray);
    height: 100vh;
    display: flex;
    flex-direction: column;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: var(--s) var(--s) var(--s) !important;
}

.details-data__CM0Fp {
    display: flex;
    flex-grow: 1;
    margin-top: var(--s)
}

.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: 985px;
}

.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;
    align-items: center;
}

.controls__33HhI {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    grid-gap: var(--xs);
    gap: var(--xs);
}

.controls-with-tabs__jstty {
    width: 50%;
}

.category-select__3EgN_ {
    width: 40%;
    z-index: 9999 !important;
}

.search-input__2KWo1 {
    width: 40%;
    max-height: 40px;
}

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

.exercise-container__1lEIK > svg {
        height: 16px;
        width: 16px;
    }

.play-icon__YH8k- {
    color: var(--primary-500);
    position: absolute;
    height: 11px;
    width: 12px;
    top: 35%;
    left: 10px;
    z-index: 900;
}

.media-link__1e0cQ {
    color: var(--base-black)

}

.media-link__1e0cQ:hover {
        cursor: pointer;
    }

.exercise-image__1KCx4 {
    height: 32px !important;
    min-height: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    border-radius: 8px !important;
    margin-right: 8px;
}

.container__3pc6b {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: row;
    cursor: pointer;
}

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

@media print {
    .play-icon__YH8k- {
        display: none;
    }

    .exercise-image__1KCx4 {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
}

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

.header-container__2WidO {
    display: flex;
    align-items: center;
}

.logo-container__2bAOg {
    cursor: pointer;
    display: flex;
    flex-flow: row;
    justify-content: left;
    width: 200px;
    height: 60px
}

.logo-container__2bAOg img {
        width: 180px;
        height: 60px;
        margin: 0 10px;
    }

.divider__1cujI {
    width: 100%;
    height: 1px;
    background: var(--neutral-200);
    margin-top: var(--s);
    margin-bottom: var(--xs)
}

.avatar__2WHfI {
    width: 40px;
    height: 40px;
    border-radius: 8px;
}

.container__XzGFO {
    width: 100%;
    display: flex;
    justify-content: space-between;
    grid-gap: var(--xs);
    gap: var(--xs);
}

.exercise-media__259sX {
    width: 65%;
    height: auto;
    border-radius: var(--xs);
    aspect-ratio: 16 / 9;

    video {
        border-radius: var(--xs);
    }
}

.exercise-video__3cs4f {
    width: 150%;

    video {
        background-color: transparent;
    }
}

.exercise-card__3wMs3 {
    display: flex;
    flex-direction: column;
    border-radius: var(--xs);
    width: 100%;
    padding: var(--s);
    background: var(--base-white);
}

.header__1xovi {
    padding: var(--xs);
    background: var(--secondary-50);
    border-radius: var(--xs);
}

.card-title__1fLxf {
    font-size: 16px;
    font-weight: 700;
}

.description__C4-Cm {
    padding: var(--xs);
    background: var(--neutral-50);
    border-radius: var(--xs);
    margin-top: 8px;
}

.description-header__2QPwh {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.edit-icon__P2-Y8 {
    cursor: pointer;
    color: var(--neutral-400);
    height: var(--xs);
    width: var(--xs);
}

.description-text__WB3Wb {
    white-space: pre-line;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-top: 8px;
}

.category__1xhDI {
    padding: var(--xs);
    background: var(--neutral-50);
    border-radius: var(--xs);
    margin-top: 8px;
    display: flex;
    flex-direction: row;
}

.category-item__1qC_h {
    margin-left: 8px;
    background: var(--primary-50);
    color: var(--primary-500);
    border-radius: 128px;
    padding: var(--3xs) var(--2xs);
}

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

@media (max-width: 820px) {
    .root__3GQNY {
        padding: 8px;
    }

    .divider__1cujI {
        display: none;
    }

    .container__XzGFO {
        flex-direction: column;
    }

    .exercise-media__259sX {
        width: 100%;
    }

    .exercise-card__3wMs3 {
        padding: 8px;
    }
}

.root__2hX70 {

}

.textarea-container__2AnK3 {
    margin-top: var(--s);
    margin-bottom: var(--s);
}

.textarea-input__31ZOp {
    resize: none;
}

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

.submit-button__1tAjM {
    margin-left: 8px;
}

.spinner-container__vSdMY {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.8);
    height: 100%;
    border-radius: var(--xs)
}
.spinner-container__vSdMY .spinner__3MrRP {
        width: 64px;
        height: 64px;
        color: var(--primary-500);
    }

.root__1SgDd {
}

.inputs__1q7DH {
    display: flex;
    grid-gap: 0 var(--xs);
    gap: 0 var(--xs);
    flex-wrap: wrap;
}

.input__2ssxi {
    width: 348px;
    position: relative;
}

.root__2_72G {
}

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

.inputContainer__1Hdpt {
    max-width: 348px !important;
}

.input__2tiSh {
    flex: 1;
    max-width: 348px !important;
}

.areaInput__1IEG2 {
    max-width: 712px !important;
    height: 72px;
}

.areaInputContainer__1badO {
    width: 100%;
}


.root__JGmpo {
}

.inputs__2adKW {
    display: flex;
    grid-gap: 0 var(--xs);
    gap: 0 var(--xs);
    flex-wrap: wrap;
}

.input__H16wp {
    width: 348px;
}

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

.modal__3ldaE {
    padding: var(--s);
    width: 440px;
}

.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 {
    color: var(--neutral-500);
    height: 15px;
    width: 10px;
}

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

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

.container__1FdjT {
    position: relative;
    width: 100%;
    padding: 24px;
    min-width: 500px;
    max-height: calc(100vh - 229px);
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: var(--xs);
    box-shadow: 0px 1px 5px 0px rgba(136, 137, 139, 0.20);
    margin-top: var(--s);
}

.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: var(--2xs);
    text-transform: capitalize;

    .btnIconContainer__3Svt5 {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: var(--3xs);
    }

    .btnIcon__2laqH {
        width: 16px;
        height: 16px;
        margin-left: 0;
    }
}

.modal__h9xYg {
    width: 800px;
    padding: var(--s);
}

.merge-modal__1cFR7 {
    width: 1024px;
}

.importModal__2ntiw {
    padding: var(--xs);
    width: 500px;
}

.importHeader__3C2EO {
    margin-bottom: 0;
}

.spinnerContainer__1StbE {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.5);
    z-index: 99;
    border-radius: var(--xs);
    color: var(--primary-500)
}

.spinnerContainer__1StbE .spinner__2ptAK {
        width: 64px;
        height: 64px;
    }


.container__1w-JC {
    margin-top: var(--s);
}

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

.emptyMessage__RjnFo {
    min-height: 300px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: var(--20px);
    line-height: 40px;
    color: var(--neutral-300)
}

.emptyMessage__RjnFo > div:first-letter {
        text-transform: capitalize;
    }

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

.playersTable__vWWMU {
    max-height: 450px;
}

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



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

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

.add-button__3wG9b {
    border-radius: 50%;
    height: var(--s);
    width: var(--s);
}

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

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

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

.buttons-container__E50Kd {
    display: flex;
    grid-gap: 8px;
    gap: 8px;
    justify-content: flex-end;
    padding-top: var(--s);
}

.root__3iq5z {
    text-align: center;
}

.form__6k7G9 {
    width: 100%;
}

.subtitle__3e-uG {
    color: var(--neutral-600);
    font-size: 12px;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 24px;
}

.button__16DBH {
    margin-top: 24px;
}

.inputContainer__1vJWn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 8px;
    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;
}

.errorsTableContainer__24fFD {
    margin-top: var(--xs);
    max-width: 100%;
    max-height: 208px;
    overflow-x: auto;
    overflow-y: auto;
    border-radius: var(--2xs);
    border: 1px solid var(--neutral-100);
    box-shadow: 0 1px 5px 0 rgba(136, 137, 139, 0.20);

    table {
        border-collapse: separate;
        border-spacing: 0;
        border-radius: var(--2xs);
        background: var(--base-white);
        /*border: 1px solid var(--neutral-100);*/
        th, td {
            white-space: nowrap;
            text-align: left;
            border: 1px solid var(--neutral-100);
        }
        th {
            color: var(--neutral-400);
            font-size: 12px;
            font-weight: 500;
            line-height: 130%;
            padding: var(--2xs) var(--2xs);
        }
        td {
            color: var(--base-black);
            font-size: 14px;
            font-weight: 400;
            line-height: 115%;
            padding: var(--xs) var(--2xs);
        }
        td.rowNumError__3-EJr, th.rowNumError__3-EJr {
            color: var(--error-500);
            font-weight: 600;
        }

        /* Bottom-left corner */

        tr:last-child td:first-child {
            border-bottom-left-radius: 6px;
        }

        /* Bottom-right corner */

        tr:last-child td:last-child {
            border-bottom-right-radius: 6px;
        }
    }
}

.buttons__1ciaH {
    display: flex;
    align-items: center;
    grid-gap: 10px;
    gap: 10px;
    margin-top: 24px;
}

.downloadIconContainer__DiTUH {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: var(--3xs);
}

.downloadIcon__16YPZ {
    width: 16px;
    height: 16px;
    margin-left: 0;
}

.root__19rx4 {
}

.form__1f81F {
    width: 100%;
}

.inputContainer__TdYN3 {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    position: relative;
    min-width: 210px;
    width: 100%;
    padding: 4px;
    text-align: center;
    overflow: hidden;
    border-radius: var(--2xs);
    border: 1px solid var(--neutral-200);
    grid-gap: var(--2xs);
    gap: var(--2xs);
    margin-top: 4px;
}

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

.button__2Z1Al {
    box-shadow: none;
    pointer-events: none;
    cursor: pointer;
}

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

.placeholder__-Behy {
    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__17VfK {
    color: var(--danger-color);
    font-size: 11px;
    height: 18px;
}

.input-description__3_KzJ {
    display: flex;
    flex-direction: column;
    color: var(--neutral-600);
    font-size: 12px;
    font-weight: 500;
    text-align: left;
}


.file-container__3K9K6 {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: var(--2xs);
    border: 1px solid var(--neutral-200);
    padding: var(--3xs) var(--xs) var(--3xs) var(--3xs);
    justify-content: space-between;
    margin-top: var(--xs);
    height: 48px;
    grid-gap: var(--2xs);
    gap: var(--2xs);
}

.file-avatar__2QPkn {
    background-color: var(--neutral-100);
    color: var(--base-black);
    border-radius: 8px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;

    svg {
        width: 16px;
        height: 16px;
    }
}

.file-avatar__2QPkn.isUploading__2VwjH {
    opacity: 1;
    -webkit-animation: blink__2vKrV 1s linear infinite;
            animation: blink__2vKrV 1s linear infinite;
}

.file-avatar__2QPkn.isError__2g-ur {
    background-color: var(--error-50);
    color: var(--error-500);
}

.file-info-container__tYvUk {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    height: 40px;
    width: 100%;
}

.file-name__5xoXp {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    max-width: 90%;
    white-space: nowrap;
    height: 20px;
}

.file-name__5xoXp.isError__2g-ur {
    font-size: 12px;
    font-weight: 400;
}

.delete-container__28Yfq {
    margin-left: var(--3xs);
    cursor: pointer;
    height: 16px;
    width: 16px;

    svg {
        width: 16px;
        height: 16px;
    }
}

.delete-container__28Yfq.isUploading__2VwjH {
    display: none;
}

.progress-container__21T1Q {
    display: flex;
    flex-direction: row;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
    height: 20px;
}

.progress-bar-container__1kTSB {
    display: flex;
    overflow: hidden;
    border-radius: 8px;
    height: 6px;
    width: 313px;
}

.progress-percentage__3GZbE {
    font-size: 12px;
}

.error__tll0y {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    max-width: 90%;
    white-space: nowrap;
    height: 20px;
}

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

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

.errorCell__1uBpm {
    background: var(--error-50);
    color: var(--error-500) !important;
    div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        grid-gap: var(--xs);
        gap: var(--xs);
    }
    div.emptyValue__2xe98 {
        justify-content: center;
    }
}

.infoIcon__CmrpN {
    svg {
        color: var(--error-500);
        width: 16px;
        height:17px;
    }
}

.containerWrap__1OH2P {
    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__11q2V {
    background-color: var(--background-page-gray);
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: var(--s);
}

.subheader__2tbvr {
    margin-top: var(--s);
}

.photo__2RQZa {
    width: 46px;
    height: 46px;
    margin-right: 0;
}

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

.modal__18n9w {
    padding: var(--s);
    width: 500px;
}

.detailsHeader__34ozg {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid var(--neutral-200);
    padding-bottom: var(--s);
    grid-gap: var(--xs);
    gap: var(--xs)
}

.backLink__Q-jIx {
    display: flex;
    cursor: pointer;
}

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


.subheader__1RoQk {
    background: white;
    border-radius: var(--xs);
    padding: var(--xs) var(--s);
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0px 1px 5px 0px rgba(136, 137, 139, 0.20);
}

.left__1ZXKz {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-gap: var(--m);
    gap: var(--m);
}

.optionsButton__2nzjt {
    width: 4px;
    height: 12px;
}

.root__jTIqd {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-gap: var(--2xs);
    gap: var(--2xs);
    font-style: normal;
    line-height: 135%;
}

.root__jTIqd.wide__1AS0L {
    justify-content: space-between;
}

.root__jTIqd.s12__1M_R1 {
    font-size: 12px;
    font-weight: 400;
}

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

.root__jTIqd.vertical__6pivS {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    grid-gap: 2px;
    gap: 2px;
}

.root__jTIqd.start__2WV0k {
    justify-content: flex-start;
    grid-gap: 8px;
    gap: 8px;
}

.rightAlign__HvPH0 {
    flex-direction: row-reverse;
    .name__2-DGV, .value__Xz7ij {
        text-align: right;
    }
}

.name__2-DGV {
    color: var(--neutral-500);
    text-transform: capitalize;
    white-space: nowrap;
}

.value__Xz7ij {
    color: var(--base-black);
    white-space: nowrap;
}

.avatar__ppxDM {
    height: 32px;
    min-height: 32px;
    width: 32px;
    min-width: 32px;
    border-radius: 8px;
    margin-right: 8px;
    flex-shrink: 0;
}

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

.content__3_2yQ {
    background-color: white;
    width: 100%;
    height: 100%;
    border-radius: var(--xs);
    box-shadow: 0px 1px 5px 0px rgba(136, 137, 139, 0.20);
}

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

.modal__1fkSD {
    padding: var(--s);
    width: 400px;
}

.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;
    width: 90%;
}

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

.battery-container__27d3b > svg {
        height: 16px !important;
        width: 16px !important;
    }

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

.duplicate-modal__rLT98 {
    padding: var(--s);
    width: 300px;
}

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

.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);
}
.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;
    font-weight: 500;
    padding: 24px;
    border-radius: 10px;
    background-color: #fff;
}

.subheader__2Hy7_ {
    align-items: flex-start;
    padding: var(--s);
}

.data__1hzVz {
    justify-content: flex-start;
    align-items: flex-start;
    /*gap: var(--s);*/

    h3 {
        color: var(--base-black);
        font-size: 14px;
        font-weight: 700;
        text-transform: capitalize;
    }
}

.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: 130px;
    height: 130px;
    border-radius: var(--2xs);
    background-color: var(--background-main-gray);
}

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

.about__sQwZT {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    grid-gap: 8px;
    gap: 8px;
}

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

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

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

.add-button__4I0tO {
    border-radius: 50%;
    height: var(--s);
    width: var(--s);
}

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

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

.buttons-container__i83ZF {
    display: flex;
    grid-gap: 8px;
    gap: 8px;
    justify-content: flex-end;
    padding-top: var(--s);
}

.search-container__16ATc {
    display: flex;
    justify-content: flex-end;
    padding-top: var(--xs);
    padding-bottom: var(--xs);
}

.container__1HQLg {
    position: relative;
    width: 100%;
    padding: 24px;
    min-width: 500px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: var(--xs);
    box-shadow: 0px 1px 5px 0px rgba(136, 137, 139, 0.20);
    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;
}

.buttonsContainer__2CVrS {
    position: absolute;
    right: var(--s);
    top: var(--s);
    display: flex;
    align-items: center;
}

.add-button__2e_35 {
    text-transform: capitalize;
    padding: 10px 20px;
    margin-left: var(--2xs);

    .btnIconContainer__3ibOZ {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: var(--3xs);
    }

    .btnIcon__2Oa_I {
        width: 16px;
        height: 16px;
        margin-left: 0;
    }
}

.modal__3S92F {
    padding: var(--s);
    width: 675px;
}

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

.containerWrap__27xPl {
    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__22Fg9 {
    background-color: var(--background-page-gray);
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    grid-gap: var(--s);
    gap: var(--s);
    position: relative;
    padding: var(--s);
}

.root__6S1R9 {
    flex-direction: row;
    display: flex;
    justify-content: flex-start;
    grid-gap: var(--m);
    gap: var(--m);

    .lowercase__mIgD3:first-letter {
        text-transform: none;
    }
}

.avatar__kTgKz {
    height: 108px;
    width: 108px;
    border-radius: var(--xs);
}

.info-section__2xEsa {
    display: flex;
    flex-direction: column;
}

.section-title__2-ren {
    font-size: 16px;
    font-weight: 700;
    color: var(--base-black);
}

.root__1Q0KU {
    display: flex;
    margin-top: 8px;
    grid-gap: 8px;
    gap: 8px;
}

.details-label__37vVi {
    font-size: 14px;
    color: var(--neutral-500);
}

.details-value__1mKlP {
    font-size: 14px;
    color: var(--base-black)
}

.details-value__1mKlP:first-letter {
        text-transform: uppercase;
    }

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

.section-title__39Dwo {
    font-size: 16px;
    font-weight: 700;
    color: var(--base-black);
}

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

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

.modal__2h6Qx {
    width: 475px;
}

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

.session-modal__2kL40 {
    width: 475px;
}

.action-cell-container__1m4r2 {
    display: flex;
    grid-gap: var(--xs);
    gap: var(--xs);
}

.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: 14px !important;
}

.filter__1jt0_ {
    width: 160px;
    z-index: 9999;
}

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

.status__1aMa- {
    display: inline-block;
    padding: var(--3xs) var(--2xs);
    font-weight: 500;
    font-size: 12px;
    border-radius: var(--6xl);
    line-height: 135%;
    white-space: nowrap;
}

.status__1aMa-.expired__1PEN2 {
    background: var(--neutral-200);
    color: var(--neutral-500);
}

.status__1aMa-.executed__1XTOw, .status__1aMa-.approved__2vySk, .status__1aMa-.completed__2UIN9 {
    background: var(--success-50);
    color: var(--success-500);
}

.status__1aMa-.planned__RPEz_ {
    background: var(--secondary-50);
    color: #319197;
}

.status__1aMa-.in_progress__j_JL9, .status__1aMa-.processing__2SMKW, .status__1aMa-.ready_to_check__2odo8, .status__1aMa-.pending__2RxHu {
    background: var(--accent-50);
    color: var(--accent-800);
}

.status__1aMa-.init__1lp5s, .status__1aMa-.uploaded__1Rgp7, .status__1aMa-.analyzing__2YISq {
    background: var(--secondary-50);
    color: var(--secondary-500);
}

.status__1aMa-.failed__3Wz0Z, .status__1aMa-.revoked__1SIy-, .status__1aMa-.upload_failed___rRIY {
    background: var(--error-50);
    color: var(--error-500);
}

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

.count__3cD5v {
    background: var(--error-500);
    color: var(--base-white);
    font-size: 12px;
    font-weight: 700;
    border-radius: var(--3xs);
    padding: 0 var(--3xs);
}


.container__3i2yX {
    z-index: 1000;
}

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

.dropdown-container__1u7Ts {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: var(--xs);
    justify-content: space-between;
    flex: 1;
}

.date-picker-label__1FYcE {
    color: var(--neutral-400);
    margin-right: 8px;
}

.filtersContainer__1HynX {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 24px 24px 0 0;
}

.date-picker-container__3qtOw {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin-left: 24px;
    font-size: 14px !important;
}

.label__1PwW5, .labelPeriod__3kuYg {
    color: var(--neutral-400)
}

.label__1PwW5:first-letter, .labelPeriod__3kuYg:first-letter {
        text-transform: capitalize;
    }

.labelPeriod__3kuYg {
    margin-right: 12px;
}

.modal__3CtrU {
    padding: var(--s);
    width: 500px;
    overflow-y: visible !important;
}

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

.checkbox-container__1Oj6l {
    display: flex;
    align-items: center;
    grid-gap: var(--2xs);
    gap: var(--2xs);
}

.modal-buttons-container__2D6_b {
    display: flex;
    justify-content: flex-end;
    grid-gap: var(--s);
    gap: var(--s);
    margin-top: var(--m);
}
.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);
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: var(--s) var(--s) var(--s) 0;
}

.header__1xrew {
    margin-left: var(--s);
}

.container__1sMpQ video {
    min-height: 200px !important;
}

.content__2jlAU {
    width: 100%;
    height: calc(100vh - 230px);
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    grid-gap: var(--xs);
    gap: var(--xs);
}

.left__2PfsP {
    width: 30%;
    height: 100%;
    padding-left: var(--2xs);
    margin-top: var(--2xs);
}

.right__2ypY5 {
    margin-top: var(--s);
    width: 70%;
    height: 100%;
    background: white;
    border-radius: var(--xs);
    box-shadow: 0px 1px 5px 0px rgba(136, 137, 139, 0.20);
}

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

.modal__2UJv7 {
    padding: var(--xs);
}

.session-modal__3u31H {
    width: 475px;
}

.footer__30Q8x {
    height: var(--2xl);
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--base-white);
    width: 100%;
    padding: 8px var(--s);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    grid-gap: var(--3xs);
    gap: var(--3xs);
    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);
}



.root__YGtyb {
    height: 100%;
    padding-right: var(--xs);
    padding-left: var(--2xs);
    padding-top: var(--2xs);
    overflow-y: auto;
    position: relative;
}

.root__YGtyb::-webkit-scrollbar-track-piece:start {
    margin-top: var(--xs) !important;
}

.scrollable__2h8zK {
    width: 100%;
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px;
    position: relative;
    padding-bottom: var(--3xs)
}

.scrollable__2h8zK.withPadding__3Iu0a {
        padding-bottom: var(--m);

    }

.upButton__28Pqp {
    position: absolute;
    right: 0;
    bottom: var(--12px);
}

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

.actionMenu__3DUwa {
    position: absolute !important;
    right: 8px;
    width: 36px;
}

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

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

.item__3uR29 {
    grid-gap: 8px;
    gap: 8px;
    cursor: pointer;
    padding: 8px 8px 0 8px;
    border-top-right-radius: var(--2xs);
    border-top-left-radius: var(--2xs);
}

.item-content__1ApAC {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
    padding-bottom: 8px;
}

.item__3uR29.open__2f_0F {
    background: var(--neutral-100);
}

.status__1iXFm {
}

.grade__3tU3o {
    margin-right: 8px;
}

.grade__3tU3o > span {
    font-weight: 700;
}

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

.warning__3j-Hz {
    color: var(--error-500);
    width: 16px;
    height: 16px;
}

.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__36Aap {
    width: 16px;
    height: 16px;
}

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

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

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

.item__3VrnN.open-selected__1HCe3 {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.item__3VrnN.open__377EF {
}

.status__TWgq3 {
}

.subcontent__1-z5O {
    display: flex;
    flex-direction: column;
}

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

.button__30glu {
    border-radius: 128px;
    padding: 4px;
    height: var(--s);
    width: var(--s);
}

.button-icon__3RVdJ {
    color: var(--base-white);
}

.warning__1f-cL {
    color: var(--error-500);
    width: 16px;
    height: 16px;
}

.root__2epWH {
    display: flex;
    padding: 8px 0 8px 48px;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
    align-self: stretch;
    cursor: pointer
}

.root__2epWH:hover {
        background: var(--neutral-100);
    }

.root__2epWH.selected__3hGef {
    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
}

.title__2UDKp.withSecondary__21tOj {
        width: 140px;
    }

.secondaryText__1syxt {
    color: var(--neutral-400);
}

.delete-icon__3K0wM {
    color: var(--neutral-500);
    width: 16px;
    height: 16px;
}

.icon-container__vkeKZ {
    display: flex;
    align-items: center;
}

.actionButton__Ju6qo {
    padding: 0;
    height: auto;
}

.modal__1AxwM {
    width: 360px;
    padding: var(--s);
    overflow-y: visible !important;
}

.inputs__3nmls {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    grid-gap: var(--xs);
    gap: var(--xs);
}

.buttons__1ZDhs {
    display: flex;
    justify-content: flex-end;
    grid-gap: var(--s);
    gap: var(--s);
    margin-top: var(--m);

    button {
        flex: 1;
    }
}

.optionsContainer__5JLAK {
    max-height: 110px;
}

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

.buttons__3FLTW {
    margin-top: 14px;
    width: 100%;
    display: flex;
    grid-gap: 8px;
    gap: 8px;
    button {
        width: 50%;
    }
}

.markAsFailedModal__3WWRj {
    width: 300px;
    padding: var(--s);
    p {
        color: var(--neutral-500);
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
        margin-bottom: var(--xs);
    }
}

.markAsFailedButtons__2Wj4m {
    width: 100%;
    display: flex;
    grid-gap: 8px;
    gap: 8px;
    button {
        width: 50%;
        text-transform: capitalize;
    }
}

.container__1IPEM {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    grid-gap: var(--s);
    gap: var(--s);
    padding: var(--s);
}

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

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

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

.button__uxoES {
    grid-gap: var(--3xs);
    gap: var(--3xs);
}

.buttonIcon__3yt0l {
    margin-left: 0 !important;
    width: 16px;
    height: 16px;
}

.image__23vVW {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-gap: var(--2xs);
    gap: var(--2xs);
}

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

.image__23vVW > img {
    width: var(--xl);
    aspect-ratio: 1;
    border-radius: 8px;
}

.athleteInfo__3Jhjj {
    width: 100%;
    margin-top: var(--s);
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    grid-gap: var(--2xl);
    gap: var(--2xl);
}

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

.container__36ejm {
    width: 100%;
    padding: var(--s);
}
.content__1Jj3l {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    grid-gap: var(--m);
    gap: var(--m);
}
.left__O_BVf {
    width: 45%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}
.right__2HJvS {
    width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    grid-gap: var(--2xs);
    gap: var(--2xs);
}
.workoutVideoWrapper__25oh7 {
    width: 100%;
    background: #e8e8e8;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    aspect-ratio: 16 / 9;
}
.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%;
    height: 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;
}
.workoutDescription__17V-e {
    span {
        white-space: unset;
    }
}
.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: var(--xs);
}
.kpiList__a8hSB {
    width: 100%;
    margin-top: var(--s);
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-column-gap: var(--xl);
    grid-row-gap: var(--2xs);
}
.kpiParameters__1HHvP {
    margin-top: var(--s);
}
.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 {
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: var(--neutral-500);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
}
.buttons__3QLXE {
    display: flex;
    justify-content: flex-end;
}

.container__xQ5E3 {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: var(--s);
    height: 100%;
    overflow-y: auto;
}

.content__1K4s6 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    grid-gap: var(--m);
    gap: var(--m);
}

.left__2kHLs {
    width: 45%;
}

.right__qe5tq {
    width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    grid-gap: var(--2xs);
    gap: var(--2xs);
}

.info__3Kt3T {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    grid-gap: var(--2xs);
    gap: var(--2xs);
}

.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;
    aspect-ratio: 16 / 9;
}

.emptyVideo__T_YTI {
    min-height: 200px;
    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;
}

.linkOriginal__3F5i1 {
    color: var(--primary-500);
    font-size: 12px;
    text-decoration: none;
}

.failedVideo__QZCJA {
    background: black;
}

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

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

.kpiData__2Rma0 {
    margin-top: var(--s);
}

.paramsTitle__wQ6m3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: var(--xs);
}

.kpiList__3pHDT {
    width: 100%;
    margin-top: var(--s);
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-column-gap: var(--xl);
    grid-row-gap: var(--2xs);
}

@media (max-width: 1300px) {
    .kpiList__3pHDT {
        grid-column-gap: var(--s);
    }
}

.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: flex-start;
    grid-gap: 8px;
    gap: 8px;
    margin-top: var(--s);
}

.editButton__19eKs {
    margin: 0 16px;
}

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

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

.videoOriginalModal__31X_O {
    padding: 0;

    .videoWrapper__1hU7E {
        height: 100vh;
        width: auto;
    }
    .closeBtn__noCpG {
        position: fixed;
        top: 8px;
        right: 24px;
        padding: 0;
        z-index: 9999;
        background: none;
    }

    .closeBtnIcon__2kPP_ {
        width: 24px;
        height: 24px;
        margin: 0;
    }
}

.hiddenModalHeader__1Kury {
    display: none;
}


.alert__2DjWS {
    border-radius: 8px;
    padding: 8px var(--2xs);
    font-size: 12px;
    font-weight: 700;
    width: 100%;
    margin-bottom: var(--s);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
    border-left: 4px solid
}

.alert__2DjWS.error__3KYo5 {
        background: var(--error-50);
        color: var(--error-500);
        border-color: var(--error-500);

        .icon__TmtUl {
            color: var(--error-500) !important;
        }
    }

.alert__2DjWS.warning__2qtrS {
        background: var(--accent-50);
        color: var(--accent-800);
        border-color: var(--accent-800);
        .icon__TmtUl {
            color: var(--accent-800) !important;
        }
    }

.content__2G5T5 {
    display: flex;
    flex-direction: column;
    grid-gap: var(--3xs);
    gap: var(--3xs);
    max-width: calc(100% - 32px);
}

.root__3P_aE {
}

.form__3yg6D {
    width: 100%;
}

.inputContainer__3_ZZT {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    position: relative;
    min-width: 210px;
    width: 100%;
    padding: 4px;
    text-align: center;
    overflow: hidden;
    border-radius: var(--2xs);
    border: 1px solid var(--neutral-200);
    grid-gap: var(--2xs);
    gap: var(--2xs);
    margin-top: 4px;
}

.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;
    pointer-events: none;
    cursor: pointer;
}

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

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

.input-description__OuQTc {
    display: flex;
    flex-direction: column;
    color: var(--neutral-600);
    font-size: 12px;
    font-weight: 500;
    text-align: left;
}

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

.buttons__1FKFe {
    display: flex;
    align-items: center;
    grid-gap: 10px;
    gap: 10px;
    margin-top: 24px;
}

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

.file-container__1QMYQ {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: var(--2xs);
    border: 1px solid var(--neutral-200);
    padding: var(--3xs) var(--xs) var(--3xs) var(--3xs);
    justify-content: space-between;
    margin-top: var(--xs);
    height: 48px;
    grid-gap: var(--xs);
    gap: var(--xs);
}

.file-info-container__2Cnse {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 40px;
    width: 100%;
}

.file-name__2HN8k {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    max-width: 90%;
    white-space: nowrap;
    height: 20px;
}

.delete-container__2Jp9z {
    cursor: pointer;
    height: 16px;
    width: 16px;

    svg {
        width: 16px;
        height: 16px;
    }
}

.progress-container__2v3fJ {
    display: flex;
    flex-direction: row;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
    height: 20px;
}

.progress-bar-container__1_sQK {
    display: flex;
    overflow: hidden;
    border-radius: 8px;
    height: 6px;
    width: 313px;
}

.progress-percentage__1XL5y {
    font-size: 12px;
}

.error__HLdJl {
    color: var(--error-500);
    font-size: 12px;
}

.fpsDropdown__1PhKy {
    margin-right: 8px;
}

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

.content__2QFa0 {
    padding: 0;
    min-width: 320px;
}

.message__3biAG {
    margin: 0 0 var(--s);
    font-size: var(--14px);
    color: var(--text-color);
}

.error__DN4tP {
    color: #c62828;
    color: var(--error-color, #c62828);
}

.progressTrack__2w7GJ {
    height: 8px;
    background-color: #e0e0e0;
    background-color: var(--neutral-200, #e0e0e0);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: var(--xs);
}

.progressFill__1Fyrr {
    height: 100%;
    background-color: var(--primary-color);
    border-radius: 4px;
    transition: width 0.2s ease-out;
}

.fileName__EdUO_ {
    margin: 0;
    font-size: var(--12px);
    color: var(--text-light-color);
    word-break: break-all;
}

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

.iconMenuAltWrapper__3iIWU {
    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__3iIWU:hover .menuText__1qVJy,
.iconMenuAltWrapper__3iIWU:hover .iconMenuAlt__1UImT {
    color: var(--text-color);
}

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

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

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

.subheader__2nayx {
    margin-top: var(--s);
    margin-left: var(--s);
    background: white;
    border-radius: var(--xs);
    padding: var(--xs) var(--s);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    box-shadow: 0px 1px 5px 0px rgba(136, 137, 139, 0.20);
}

.left__3MLvh {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-gap: var(--m);
    gap: var(--m);
}

.right__itMcZ {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    grid-gap: var(--xs);
    gap: var(--xs);
}

.optionsButton__Q2rki {
    width: 4px;
    height: 12px;
}

.prop__3haLW {
    font-size: 14px;
    line-height: 140%;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    grid-gap: 2px;
    gap: 2px;
}

.propName__W2giP {
    color: var(--neutral-400);
}

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

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

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

.iconMenuAltWrapper__3iIWU {
    height: 40px;
}

.button__116b- {
    grid-gap: var(--3xs);
    gap: var(--3xs);
}

.buttonIcon__1dipP {
    margin-left: 0 !important;
    width: 16px;
    height: 16px;
}

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

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

.canvasContainer__3Ttmi.landscape__2yHzf {
        height: unset;
        width: 100%;
        aspect-ratio: 16 / 9;
    }

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

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

.phaseItem__3okNA.disabled__11G3x {
    filter: brightness(50%);
}

.phaseItem__3okNA.error__3yYtF {
    -webkit-animation: shake__qzzmx .5s linear;
            animation: shake__qzzmx .5s linear;
}

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

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

.phaseNum__1Q1H- {
    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__37LTa {

}

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

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

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

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

.phaseControlsVisible__3q18a {
    opacity: 1;
}

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

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

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

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

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

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

.popup__XF_VK {
    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__2s4rr {
    min-width: 300px;
    grid-gap: var(--s);
    gap: var(--s);
    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__1oWLn {
}

.closeBtn__1HM-n {
    padding: 0;
    background: none;
}

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

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

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

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

.leftDisabled__2qy4o {
    position: absolute;
    height: 6px;
    background: black;
    opacity: 0.7;
    z-index: 99999;
    top: 0;
    left: 0;
}

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

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

.timestamp__2b2Td.active__3v6r2 {
    color: var(--primary-color);
}

.zoomBtn__3NWOn {
    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__1mV4F {
    position: relative;
    border-radius: 10px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

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

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

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

.maxHeightContainer__1eFUB {
    height: 100%;
}

.maxWidthContainer__1P0Z9 {
    width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

.loaderWrapper__xcOLK {
    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__1QiIv {
    opacity: 0.85;
}

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

.arrowBtn__3Fefo > svg {
    margin: 0;
}

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

@keyframes spin__18Iih {
    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;
    visibility: hidden;
}

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

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

.canvas__1yXav {
    width: 100%;
    height: 100%;
    position: relative;
}

.video__hLOuY {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}


.root__1yCLU {
    padding: var(--s) 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.header__2D8jG {
    margin-left: var(--s);
    margin-right: var(--s);
}

.title__3S5A- {

}

.container__3daE6 {
    width: 100%;
    height: 100%;
    padding: var(--xs) var(--s);
}

.content__1e5C8 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    overflow-y: scroll;
    grid-gap: var(--s);
    gap: var(--s);
    max-height: calc(100vh - 150px - var(--s));
    background-color: var(--base-white);
    padding: var(--s);
    border-radius: var(--xs) var(--xs) 0 0;
    box-shadow: 0px 1px 5px 0px rgba(136, 137, 139, 0.20);
    height: 95vh;
}

.stationsToggle__39J7H {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
    font-size: 14px;
}

.stationsToggleLabel__1vDkp.disabled__3AXGe {
        opacity: 0.4;
    }

.left__2cmNy {
    display: flex;
    flex-direction: column;
    width: 45%;
}

.right__2iMUg {
    display: flex;
    width: 45%;
}

.groupSessionInputs__3fCb6 {
    width: 100%;
}

.left-form__MEgxa {
    width: 100%;
}

.footer__1Me-0 {
    display: flex;
    position: relative;
    justify-content: flex-end;
    left: 0;
    bottom: 0;
    width: 100%;
    border-radius: 0 0 var(--xs) var(--xs);
    padding: 8px var(--s);
    background-color: var(--base-white);
    box-shadow: 0px -40px 11px 0px rgba(165, 165, 168, 0.00),
    0px -26px 10px 0px rgba(165, 165, 168, 0.01),
    0px -14px 9px 0px rgba(165, 165, 168, 0.05),
    0px -6px 6px 0px rgba(165, 165, 168, 0.09),
    0px -2px 4px 0px rgba(165, 165, 168, 0.10);
}

.text-input__1Kt44 {
    width: 100%;
}

.text-area-input__1y8PU {
    resize: none;
    height: 70px;
}

.select-container__3KHb_ {
    width: 100%;
    max-width: 100%;
}

.modal__3A3eE {
    width: 790px;
    z-index: 10000;
    padding: var(--s);
}

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

.header-container__2zWBv {
    display: flex;
    flex-direction: row;
    grid-gap: var(--xs);
    gap: var(--xs);
}

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

.add-button__1BXfM {
    border-radius: 50%;
    height: var(--s);
    width: var(--s);
}

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

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

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

.buttons-container__2MtOr {
    display: flex;
    grid-gap: 8px;
    gap: 8px;
    justify-content: flex-end;
    padding-top: var(--s);
}

.header-buttons-container__2t3to {
    display: flex;
    justify-content: flex-end;
    grid-gap: 8px;
    gap: 8px;
    width: 250px;
}

.select-container__1x8Ve {
    width: 250px;
}

.table-container__2_Llq {
    margin-top: var(--xs);
}

.root__1Gzq3 {
    width: 100%;
}

.inputsTitle__2-DqR {
    font-size: var(--14px);
    line-height: 18px;
    margin-left: var(--2xs);
    color: var(--neutral-600);
    font-weight: 500;
    span {
        color: var(--danger-border-color);
        font-size: var(--14px);
        margin-left: 4px;
    }
}

.fieldContainer__3bPx7 {
    position: relative;
    width: 100%;
    border-radius: var(--2xs);
    padding: var(--xs) var(--2xs);
    background: var(--base-white);
    display: flex;
    flex-direction: column;
    grid-gap: var(--xs);
    gap: var(--xs);
    box-shadow: 0px 1px 4px 0px rgba(136, 137, 139, 0.12), 0px 1px 5px 0px rgba(136, 137, 139, 0.20)
}

.fieldContainer__3bPx7.error__3gbsC {
        border: 1px solid var(--danger-border-color);
    }

.selectWrap__1A7cg {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: var(--2xs);
    gap: var(--2xs);
}

.label__3pKBq {
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-color);
    text-transform: capitalize;
    white-space: nowrap;
}

.sub-label__5Ebjj {
    font-size: var(--12px);
    line-height: 16px;
    color: var(--neutral-600);
}

.valuesError__DjTH5 {
    position: absolute;
    bottom: 6px;
    left: 85px;
    height: var(--11px);
    font-size: var(--11px);
    color: var(--danger-color);
}

.fieldError__3PjxL {
    color: var(--danger-color);
    font-weight: 500;
    font-size: var(--12px);
}

.inputContainer__3YA07 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    grid-gap: var(--2xs);
    gap: var(--2xs);
    max-width: unset;
    width: calc(100% - 24px);
    label {
        margin-left: 0;
    }
}

.input__3R10T {
    width: calc(100% - 105px);
    max-width: calc(100% - 105px);
}

.stations__kAy4a, .groups__3drCT {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px;
    margin-bottom: var(--xs);
}

.removeBtn__1EBwI {
    cursor: pointer;
}

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

.root__atgJo {
    padding: var(--2xs);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    grid-gap: var(--xs);
    gap: var(--xs);
    border-radius: var(--2xs);
    background: var(--base-white);
    box-shadow: 0px 1px 5px 0px rgba(136, 137, 139, 0.20)
}

.root__atgJo.error__1-NBF {
        border: 1px solid var(--danger-border-color);
    }

.title__2xJpR {
    color: var(--neutral-600);
}

.label__oPqMc {
    color: var(--base-black);
    width: 20%;
}

.inputs__2sxwl {
    width: 100%;
}

.inputContainer__3fgT6 {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-direction: column;
    grid-gap: var(--2xs);
    gap: var(--2xs);
    width: 100%;
}

.input__hb0Ns {
    width: 100%;
    max-width: unset;
}

.inputWrap__3mhfw {
    display: flex;
    align-items: flex-end;
    grid-gap: 12px;
    gap: 12px;
    grid-gap: var(--2xs, 12px);
    gap: var(--2xs, 12px);
    align-self: stretch;
    width: 100%;

    label {
        width: 30%
    }

        label + div {
            width: 70%;
        }
}

.fieldError__3pxak {
    color: var(--danger-color);
    font-weight: 500;
    font-size: 12px;
}

.container__2rua- {
    position: relative;
}

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

.inputWrap__3IiPn {
    position: relative;
}

.input__3EX1Z {
    display: block;
    background-image: none;
    background-color: white;
    box-sizing: border-box;
    padding: 8px var(--2xs);
    outline: none;
    height: 40px;
    border-radius: 8px;
    border: var(--border-width) solid var(--neutral-200);
    font-size: 14px;
    line-height: 20px;
    color: inherit;
    width: 100%;
    transition: box-shadow 0.2s ease-in-out 0s
}

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

.input__3EX1Z::-moz-placeholder {
        color: var(--neutral-400);
        font-weight: 400;
        font-size: 14px
    }

.input__3EX1Z:-ms-input-placeholder {
        color: var(--neutral-400);
        font-weight: 400;
        font-size: 14px
    }

.input__3EX1Z::placeholder {
        color: var(--neutral-400);
        font-weight: 400;
        font-size: 14px
    }

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

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

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

.input__3EX1Z:placeholder-shown {
        /*padding: 13px 16px 13px 16px;*/
    }

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

.input__3EX1Z.error__3ZrNM {
        border-color: var(--danger-border-color);
    }

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

.input__3EX1Z {

    /* Firefox */
}

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

.input__3EX1Z.inputWithSideContent__1sV1N {
    padding-right: 36px;
}

.input__3EX1Z.disabled__3jy_C {
    color: var(--neutral-400);
}

.input__3EX1Z.invalid__2-X8x {
    border-color: var(--danger-border-color);
}

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

.icon__3DrNb.error__3ZrNM {
        color: var(--danger-border-color);
    }

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

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

.icon__ECmoz {
    svg {
        width: 16px !important;
        height: 16px !important;
        color: #FF7434;
    }

}

.message__1KlP0 {
    max-width: 300px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%
}

.message__1KlP0.rightAlign__3XSNn {
        text-align: right;
    }

@media print {
    .root__2KFs- {
        display: none;
    }
}

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

.header-container__1xFb2 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    grid-gap: var(--xs);
    gap: var(--xs);
}

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

.add-button__36ynZ {
    border-radius: 50%;
    height: var(--s);
    width: var(--s);
}

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

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

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

.buttons-container__21Dgs {
    display: flex;
    grid-gap: 8px;
    gap: 8px;
    justify-content: flex-end;
    padding-top: var(--s);
}

.header-buttons-container__2OJhP {
    display: flex;
    justify-content: flex-end;
    grid-gap: 8px;
    gap: 8px;
    width: 250px;
}

.select-container__3jxNb {
    width: 250px;
}

.table-container__3cEa0 {
    margin-top: var(--xs);
}

.root__3cTg7 {
    padding: var(--s) 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.title__3uehb {
    margin: 0 var(--s);
}

.container__1P5XX {
    width: 100%;
    height: 100%;
    padding: var(--xs) var(--s);
}

.content__2cuOs {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    overflow-y: scroll;
    grid-gap: var(--s);
    gap: var(--s);
    max-height: calc(100vh - 150px - var(--s));
    background-color: var(--base-white);
    padding: var(--s);
    border-radius: var(--xs) var(--xs) 0 0;
    box-shadow: 0px 1px 5px 0px rgba(136, 137, 139, 0.20);
    height: 95vh;
}

.stationsToggle__1_oQA {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
    font-size: 14px;
}

.stationsToggleLabel__3QT3Y.disabled__2iFv0 {
        opacity: 0.4;
    }

.left__2o-CQ {
    display: flex;
    flex-direction: column;
    width: 45%;
}

.right__1LrYP {
    display: flex;
    width: 45%;
}

.groupSessionInputs__1ZEip {
    width: 100%;
}

.left-form__1sPlb {
    width: 100%;
}

.footer__2uzRU {
    display: flex;
    position: relative;
    justify-content: flex-end;
    left: 0;
    bottom: 0;
    width: 100%;
    border-radius: 0 0 var(--xs) var(--xs);
    padding: 8px var(--s);
    background-color: var(--base-white);
    box-shadow: 0px -40px 11px 0px rgba(165, 165, 168, 0.00),
    0px -26px 10px 0px rgba(165, 165, 168, 0.01),
    0px -14px 9px 0px rgba(165, 165, 168, 0.05),
    0px -6px 6px 0px rgba(165, 165, 168, 0.09),
    0px -2px 4px 0px rgba(165, 165, 168, 0.10);
}

.text-input__3dFrI {
    width: 100%;
}

.text-area-input__3jCjK {
    resize: none;
    height: 70px;
}

.select-container__1BScy {
    width: 100%;
    max-width: 100%;
}

.modal__1rMd6 {
    width: 790px;
    z-index: 10000;
    padding: var(--s);
}

.containerWrap__mp3I7 {
    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__2QQ0K {
    padding: var(--s);
}

.table__32csb {
    margin-top: var(--xs);
}

.root__1uROq {
}


.summaryTable__1t_MM {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    max-height: calc(100vh - 120px);
}


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

.badge__2YUAV {
    padding: var(--3xs) 8px;
    text-align: center;
    color: white;
    border-radius: var(--4xl);
    background: var(--neutral-300);
    width: 42px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center
}
.badge__2YUAV.veryLow__3tTg1 {
        color: var(--base-white);
        background: var(--grade-very-low);
    }
.badge__2YUAV.low__3dkNG {
        color: var(--base-white);
        background: var(--grade-low);
    }
.badge__2YUAV.belowAverage__av_cW {
        color: var(--base-white);
        background: var(--grade-below-average);
    }
.badge__2YUAV.average__56yMG {
        color: var(--base-white);
        background: var(--grade-average);
    }
.badge__2YUAV.good__1giaL {
        color: var(--base-white);
        background: var(--grade-good);
    }
.badge__2YUAV.excellent__1MyAl {
        color: var(--base-white);
        background: var(--grade-excellent);
    }
.badge__2YUAV.exceptional__1nfRX {
        color: var(--base-white);
        background: var(--grade-exceptional);
    }

.container__hUyoG {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    font-weight: 500;
    box-shadow: 0px 1px 5px 0px rgba(136, 137, 139, 0.20);
    padding: var(--xs) var(--s);
    background-color: #fff;
    border-radius: var(--xs);
    justify-content: space-between;
}

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

.photo-placeholder__2_eTC {
    height: 46px;
    width: 46px;
    border-radius: 8px;
}

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

.item__2Axub {
    display: flex;
    flex-direction: column;
    grid-gap: 2px;
    gap: 2px;
}

.item-label__3mTKc {
    font-size: var(--14px);
    font-weight: 500;
    line-height: 140%;
    color: var(--neutral-400);
}

.modal__MPD-r {
    padding: var(--s);
}

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

.programIcon__1KjVr {
    width: 46px;
    height: 46px;
    border-radius: var(--3xs);
    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;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: var(--xs);
    box-shadow: 0px 1px 5px 0px rgba(136, 137, 139, 0.20);
}

.header-container__VS9Le {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--xs);
}

.count__yfTuk {
    background: var(--secondary-300);
    color: var(--base-white);
    font-size: 12px;
    font-weight: 700;
    border-radius: var(--3xs);
    padding: 0 var(--3xs);
    margin-left: 4px;
}

.add-test-modal__1pHwC {
    padding: var(--s);
}

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

.closeButton__UXqYm {
    margin-left: 16px;
    border-radius: 10px;
}

.addButtonWrapper__1shJg {
    margin: 24px 0;
    display: flex;
    justify-content: center;
}


.root__s4HSs {
    display: flex;
    flex-direction: column;
    width: 985px;
}

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

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

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

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

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

.paginator-container__34828 {
    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__37h7K {
    display: flex;
    flex-direction: row;
    margin-top: var(--s);
    justify-content: flex-end;
}

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

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

.controls__22mUl {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
    grid-gap: var(--xs);
    gap: var(--xs);
}

.search-input__M4q_u {
    width: 45%;
    max-height: 40px;
}
.workout-details-header__1E4Uj {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 11px 0;
}

.backLink-wrapper__th4dl {
    margin-right: 24px;
}

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

.workout-title-data__2-Rpx .coach__1irXZ {
    /*font-weight: 500;*/
    font-size: var(--14px);
    line-height: 18px;
    color: var(--text-light-color);
}

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

.title-wrapper__1QrES .title__1bEF9 {
    font-size: var(--24px);
    font-weight: 700;
    line-height: var(--32px);
}

.title-wrapper__1QrES .type__3DcX6 {
    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__4gc4a {
    display: flex;
    padding: 24px 0;
    align-items: center;
}

.right__1LCME {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transition: fill 0.3s ease-in-out;
}

.iconMenuAltWrapper__qZZwh {
    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__qZZwh:hover .menuText__FiQ1l,
.iconMenuAltWrapper__qZZwh:hover .iconMenuAlt__t5DDc {
    color: var(--text-color);
}

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

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

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

.container__3TvQR {
    background-color: var(--background-page-gray);
    height: 100vh;
    display: flex;
    flex-direction: column;
    padding: var(--s);
}

.header__y2O37 {
    margin-bottom: var(--s);
}

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

.item__2XT9g.expandable__32SJx {
        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.highlighted__2wQ0_ {
    border-radius: 8px;
    border: 1px solid #E6E6E6;
    border: 1px solid var(--neutral-200, #E6E6E6);
    background: #FAFAFA;
    background: var(--neutral-50, #FAFAFA);
}

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

.grade__2JFeV > span {
    font-weight: 700;
}

.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__AjQDc::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px;
    height: 4px;
}

.root__AjQDc::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #CECFD1;
    background-color: var(--neutral-300, #CECFD1);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
    height: 4px;
}

.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: 0 1px 5px 0 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;
}

.content__2nTf1::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px;
    height: 4px;
}

.content__2nTf1::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #CECFD1;
    background-color: var(--neutral-300, #CECFD1);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
    height: 4px;
}

.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);
    overflow-y: scroll;
    max-height: 100%;
}

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

.kpi-grades-container__2e67e {
    display: flex;
    flex-wrap: wrap;
    grid-gap: var(--xs);
    gap: var(--xs);
}

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

.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;
}
.container-small__QzAJ1 {
    z-index: 1000;
}

.controls-container__1tLBG {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

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

.dropdown-label__3WD8C {
    color: var(--neutral-400);
    margin-right: 8px;
}

.category-select__2DKbd {
    width: 200px;
}

.filters-container__26SJh {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    grid-gap: var(--xs);
    gap: var(--xs);
}

.right-container__WwuhW {
    display: flex;
    flex-direction: row;
    align-items: center;
    grid-gap: 16px;
    gap: 16px;
}

.root__3ZdA6 {
    margin-top: var(--xs);
}

.modal__1Nyc6 {
    width: 500px;
    padding: var(--s) var(--s) var(--2xs) var(--s);
    overflow-y: hidden;
}

.container__3E9WL {
    overflow-y: auto;
}

.button__1ylrf {
    margin-left: 8px;
}

.buttons__1cN7x {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: var(--xl);
    margin-bottom: var(--2xs);
}

.root__1Wc37 {
}

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

.grade__3EqFg:hover {
        cursor: pointer;
    }

.grades__3EDv0 {
    display: flex;
}

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

.root__3zmAV {
    margin-top: var(--xs);
}

.modal__CqeTJ {
    width: 700px;
    padding: var(--s) var(--s) var(--2xs) var(--s);
    overflow: visible;
}

.add-exercise-modal__2neHu {
    padding: var(--s) var(--s) var(--2xs) var(--s);
}

.container__3sH1_ {
    overflow-y: auto;
}

.button__3Bcfx {
    margin-left: 8px;
}

.buttons__YuDh0 {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: var(--xl);
    margin-bottom: var(--2xs);
}

.kpi-container__2GI_U {
    display: flex;
    flex-direction: row;
    padding: var(--2xs);
    border-radius: 8px;
    border: 1px solid var(--neutral-200);
    box-shadow: 0px 1px 4px 0px rgba(136, 137, 139, 0.12), 0px 1px 5px 0px rgba(136, 137, 139, 0.20);
    justify-content: space-between;
    margin-bottom: 8px;
}

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

.grade__U-pSo {
    height: 40px !important;
    width: 40px !important;
    font-size: 12px;
    margin-left: 8px
}

.grade__U-pSo:hover {
        cursor: pointer;
    }

.icon__1Jemh {
    height: 16px;
    width: 16px;
    margin-right: var(--s)
}

.icon__1Jemh:hover {
        cursor: pointer;
    }

.left-container__MgxCT {
    display: flex;
    align-items: center;
    width: 50%;
}

.select__45T8_ {
    width: 350px;
}

.kpi-grade-container__1Qd4v {
    margin-top: var(--xs);
}

.kpis-container__3ZKwu {
    display: flex;
    flex-direction: column;
    max-height: 250px;
    overflow-y: scroll;
    margin-bottom: 8px;
    margin-top: 4px;
}

.root__2PBKC {
    min-width: 750px;
    width: 750px;
}

.contentContainer__3eyJx {
    max-height: 500px;
    overflow-y: auto;
    padding: 0 var(--s);
}

.content__1gSH0 {

}

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

.row__3UmeV.right__19IOk {
    justify-content: flex-end;
}

.week-actions__1sMh- {
    padding: var(--xs) var(--s) 0;
}

.row-element__T4eAM {
    width: 48%;
    max-width: 48%;
}

.triple-row-element__ugJOv {
    width: 31%;
    max-width: 31%;
}

.select-controller__37Qqz {
    width: 100%;
    max-width: 100%;
}

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

.week-container__1OREr {
    border-radius: 12px;
    background: var(--neutral-50);
    padding: 12px;
    border: 1px solid var(--neutral-50);
}

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

.week-header-title__32Mp6 {
    display: flex;
    flex-direction: row;
    font-size: var(--2xs);
    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-left-container__3AgTY {
    display: flex;
    flex-direction: row;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
}

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

.week-action-button__2AA7T {
    padding: 0;
    width: 16px;
    height: 16px;
}

.week-input__28iKq {
    width: 76px;
    height: var(--m);
    font-size: 12px;
    /*padding: 8px var(--2xs);*/
}

.week-input-container__2Zo0x {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-gap: var(--2xs);
    gap: var(--2xs);
}

.week-input-label__1MKk7 {
    font-size: var(--2xs);
    color: var(--neutral-600);
}

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

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

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

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

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

.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: 76px;
    height: 40px;
    padding: 8px var(--2xs);
}

.day-input-label__1K55v {
    font-size: var(--2xs);
    color: var(--neutral-600);
}

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

.action-button__1AZu8 {
    width: 48%;
}

.add-notes-button__1kUTI {
    margin-bottom: var(--xs);
}

.addWeekButton__2LKUn {
}

.area-input__4T2EF {
    height: var(--2xl);
    resize: none;
}

.day-error__2FJRh {
    position: absolute;
    width: 220px;
}

.week-error__MD8xT {
    background: var(--error-50);
}

.popup__36VOO {
    background: var(--error-400);
    z-index: 10000;
    position: fixed;
    left: 0;
}

.root__3iKfG {}

.inputContainer__3sRUq {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    grid-gap: 8px;
    gap: 8px;
    flex-direction: column
}

.inputContainer__3sRUq.inline__1Pmjq {
        flex-direction: row;
        align-items: center;
    }

.input__2r_f2 {
    display: block;
    width: 76px;
    height: 40px;
    padding: 8px var(--2xs);
    background: var(--base-white);
    border: 2px solid var(--background-main-gray);
    border-radius: 10px
}

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

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

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

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

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

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

.label__3KnPD {
    font-size: 12px;
    font-weight: 500;
}

.root__1B1OW {
    display: flex;
    flex-direction: column;
    padding-bottom: var(--xs);
}

.tableContainer__1dYgU {
    border-radius: 10px;
    max-height: 100%;
}

.exercise-link__3D9EP {
    color: var(--base-black);
    font-size: 20px;
    font-weight: 700;
    line-height: 140%; /* 28px */
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    text-transform: capitalize;
}

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

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

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

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

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

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

.add-new-workout-text__3djir {
    color: var(--primary-500);
}

.instructions__3LZDI {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.instructions-button__hjcDs {
    width: 40px;
    height: 40px;
}

.edit-button-icon__3K5K- {
    height: var(--xs);
    width: var(--xs);
}

.tooltip__1RBVT {
    width: 180px;
    padding: 8px 12px;
    align-self: stretch;
    font-size: var(--12px);
    font-weight: 400;
}

.tooltip-icon__1z6jY {
    height: 16px;
    width: 16px;
    color: var(--neutral-400);
}

.instruction-modal__2dZqv {
    padding: var(--s) 0;
    min-width: 440px;
}

.instruction-modal-header__-dtS0 {
    padding: 0 var(--s);
}

.loader__1-MFU {
    border: 2px solid var(--primary-500);
    border-top: 2px solid transparent;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    -webkit-animation: spin__3OAq3 500ms linear infinite;
            animation: spin__3OAq3 500ms linear infinite;
}

@-webkit-keyframes spin__3OAq3 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes spin__3OAq3 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}



.kpis-icon__1vI32 {
    width: 20px;
    height: 20px;
    color: var(--neutral-400)
}

.kpis-icon__1vI32 > svg {
      width: 100%;
      height: 100%;
  }

.kpi-grade-container__1Oj8x {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    grid-gap: 8px;
    gap: 8px;
}

.grade__Ls2PS {
    color: var(--base-black);
    font-size: 12px;
    font-weight: 500;
}

.grades-container__1QZy8 {
    display: flex;
    flex-direction: row;
    grid-gap: 4px;
    gap: 4px;
}

.root__1MdRV {
    display: flex;
    align-items: center;
    margin-bottom: var(--s);
    margin-left: var(--s);
    margin-right: var(--s);
    justify-content: space-between;
}

.left-container__2P6Jt {
    display: flex;
    align-items: center;
}

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

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

.root__okVOx {
    height: 100%;
}

.tree__3guMG {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px;
    padding-left: var(--s);
    padding-right: var(--2xs);
    height: 100%;
    overflow-y: auto;
    padding-bottom: var(--xs);
}

.tree__3guMG::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px;
    height: 4px;
}

.tree__3guMG::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #CECFD1;
    background-color: var(--neutral-300, #CECFD1);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
    height: 4px;
}


.footer__1UuYQ {
    height: var(--2xl);
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--base-white);
    width: 100%;
    padding: 8px var(--s);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    grid-gap: var(--3xs);
    gap: var(--3xs);
    z-index: 901;
    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);
}

.root__2dpCe {
    padding: var(--s) 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
}

.divider__zkBW7 {
    border: none;
    border-top: 1px solid var(--neutral-200);
    margin: 0 var(--s);
}

.content__drMuA {
    margin-top: var(--xs);
    margin-bottom: var(--m);
    display: flex;
    align-items: flex-start;
    /*gap: var(--s);*/
    flex: 1;
    overflow: hidden;
}

.left__17PvQ {
    width: 30%;
    height: 100%;
    /*background: var(--secondary-200);*/
}

.right__1dufp {
    width: 70%;
    height: 100%;
    max-height: 100%;
    padding-left: var(--xs);
    padding-right: var(--s);
    overflow-y: auto
}

.right__1dufp.fullWidth__2YkND {
        width: 100%;
    }

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

.athleteDetails__1zPLI {
    padding-top: var(--xs);
}

.popup__5zqvK {
    z-index: 10000;
    position: fixed;
    left: 0;
}

.modal__2prVF {
    padding: var(--s);
    min-width: 1039px;
    height: 325px;
}

.content__3GXjb {
    margin-top: var(--xs);
    background: var(--neutral-25);
    padding: var(--xs);
    border-radius: var(--xs);
}

.root__33up2 {
    display: flex;
    grid-gap: var(--m);
    gap: var(--m);
}

.root__1pcKv {
    display: flex;
    grid-gap: var(--m);
    gap: var(--m);
}

.noData__1hbVW {
    min-height: 150px;
}

.root__k6-oU {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-gap: var(--3xs);
    gap: var(--3xs);
    text-align: center;
}

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

.text__3lsMs {
    color: var(--neutral-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    max-width: 430px;
}

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

.practice-plan__3IoxS {
    display: flex;
    align-items: center;
}

.pdf-container__1sllK {
    display: flex;
    height: 32px;
    width: 32px;
    border-radius: 8px;
    background: var(--neutral-200);
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

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

.status__1irGs {
    padding: 4px 12px;
    border-radius: 128px;
    background-color: var(--neutral-200);
    color: var(--neutral-500);
    text-transform: capitalize;
}

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

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

/*.automatically-sent-status {*/

/*    color: #319197;*/

/*    background-color: var(--secondary-50);*/

/*}*/

.athlete-photo__2zQug {
    height: 32px !important;
    width: 32px !important; /* todo: check if image isn't too small */
    border-radius: 8px !important;
    margin-right: 8px;
}

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

.athlete-text__txXl7 {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.status-container__OclSS, .button-container__2Xukk {
    display: flex;
    width: 100%;
    justify-content: center;
    grid-gap: var(--xs);
    gap: var(--xs);
}

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

.container-small__3jyw5 {
    z-index: 1000;
}

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

.menuContainer__25kTs {
    flex: 1;
}

.dropdown-container__w-Gw9 {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: var(--xs);
    justify-content: flex-end;
    flex: 1;
}

.dropdown-label__1n_7Z {
    color: var(--neutral-400);
    margin-right: 8px;
}

.sort-by-select__3Aig8 {
    width: 200px;
}

.input__1wrkF {
    width: 350px;
    height: 40px;
    padding: 8px var(--2xs);
    background: var(--base-white);
}

.input-container__3DARb {
    width: 350px !important
}

.input-container__3DARb.rmdp-wrapper__1tYeR {
        width: 700px;
    }

.calendar-icon-container__S4ep4 {
    display: flex;
    /*cursor: pointer;*/
    pointer-events: none;
}

.icons-container__2pr9S {
    display: flex;
    flex-direction: row;
    position: absolute;
    right: var(--2xs);
    align-items: center;
}

.clear-icon-container__37T_G {
    display: flex;
    cursor: pointer
}

.clear-icon-container__37T_G > svg {
        color: var(--neutral-400);
    }

.root__ApMlg {
    width: 410px;
}

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

.button__1sAf0 {
    width: 48%;
}

.label__1Ma05 {
    color: var(--neutral-600);
}

.input__qVzPN {
    height: 40px;
}

.input-copy-link__2N0II {
    padding-right: 98px !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
    height: 40px
}

.input-copy-link__2N0II:disabled {
        color: var(--base-black) !important;
    }

.area-input__3_BRq {
    resize: none;
    height: 70px;
}

.side-content__3y9yx {
    color: var(--primary-500);
    width: 100%;
    max-width: 100px;
    cursor: pointer;
}

.side-content-link__15D8t {
    max-width: 80px;
}

.side-content-disabled__20qMh {
    color: var(--neutral-300);
    cursor: not-allowed;
}

.input-container__neBMc {
    width: 60%;
}

.subtitle__-yD0n {
    color: var(--neutral-500);
    font-size: 14px;
    font-weight: 400;
}

.recipient-container__2y4gL {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: var(--s);
}

.recipient-container-margin__hGfUL {
    margin-bottom: var(--xs);
}

.modal__mv0oP {
    padding: var(--s);
    width: 400px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.modal-text__2S_FS {
    line-height: 140%;
    white-space: pre-line;
    font-weight: 400;
    font-size: 14px;
}

.mobile-modal__20kGQ {
    padding: var(--xs);
    width: 330px;
    min-width: 330px;
}

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

.header-container__3MDGR {
    display: flex;
    align-items: center;
}

.logo-container__vsa0- {
    cursor: pointer;
    display: flex;
    flex-flow: row;
    justify-content: left;
    width: 200px;
    height: 60px
}

.logo-container__vsa0- img {
        width: 180px;
        height: 60px;
        margin: 0 10px;
    }

@media print {
    .root__pzMHn {
        padding: 8px;
    }

    .week-container__2vlCy:not(:last-child) {
        page-break-after: always;
    }
}

.root__2IWvO {
    display: flex;
    flex-direction: row;
    padding: var(--s);
    border-radius: var(--xs);
    box-shadow: 0 1px 5px 0 rgba(136, 137, 139, 0.20);
    margin-top: var(--s);
    justify-content: space-between;
    background: var(--base-white);
}

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

.avatar__3ynud {
    width: 100px;
    height: 100px;
    border-radius: var(--xs);
    margin-right: var(--xs);
}

.dates__3q2yC {
    display: flex;
    flex-direction: row;
    grid-gap: var(--s);
    gap: var(--s);
}

.info__1FBCP {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.print-button-icon__1A9B_ {
    width: 16px;
    height: 16px;
    margin-left: 4px;
}

.name__1Nt3K {
    font-size: 24px;
    font-weight: 700;
}

@media (max-width: 849px) {
    .root__2IWvO {
        margin-top: 0;
        padding: 8px;
    }

    .container__1ipSq {
        padding: 8px;
    }

    .avatar__3ynud {
        width: 66px;
        height: 66px;
    }

    .name__1Nt3K {
        font-size: 16px;
    }

    .dates__3q2yC * {
        margin-top: 4px;
        grid-gap: 4px;
        gap: 4px;
    }
}

@media print {
    .print-button__toXpa {
        display: none;
    }
}

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

.row-border__unurc {
    border-top: 1px solid var(--base-black);
}

.row-cell__HTgvh {
    padding: 8px;
}

.notes-icon__orYo2 {
    color: var(--primary-400);
    width: 16px;
    height: 16px;
    margin-left: 20%;
}

.notes-cell__3iApg {
    cursor: pointer;
}

.notes-print-cell__2hkOK {
    padding: 8px;
}

.notes-text__23u-n {
    display: flex;
}

@media print {
    .row-cell__HTgvh {
        font-size: 12px;
    }
}

.root__LaQ5C {
    width: 100%;
    margin-top: var(--xs);
    font-size: 14px;
    border-collapse: collapse;
}

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

.body__S36P3:first-child {
    border-top: none;
}

.header-label__3p9ex {
    padding: var(--2xs) 8px;
    color: var(--neutral-400);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: left;
}

@media print {
    .root__LaQ5C {
        font-size: 12px;
    }

    .header-label__3p9ex {
        font-size: 12px;
        padding: 8px 4px;
    }
}

.root__Ve1BO {
    border-radius: var(--2xs);
    border: 1px solid var(--neutral-200);
    padding: var(--xs) var(--s);
    margin-top: var(--xs);
    background: var(--base-white);
}

.header__3rQoS {
    display: flex;
    flex-direction: row;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
}

.week-number__13Vgs {
    font-size: 20px;
    font-weight: 700;
    margin-right: 8px;
}

.date__3IUt3 {
    font-size: 14px;
    font-weight: 500;
    color: var(--neutral-600);
}

.root__3jVr1 {
    padding: var(--xs);
}

.dates__25loa {
    font-size: 12px;
}

.root__25S6A {
    display: flex;
    flex-direction: column;
    margin-top: 8px;
    grid-gap: var(--xs);
    gap: var(--xs);
    padding: var(--xs);
    border: 1px solid var(--neutral-200);
    border-radius: var(--2xs);
    background: var(--base-white);
}

.workout-container__2W6ZE {
    display: flex;
    flex-direction: column;
    grid-gap: var(--xs);
    gap: var(--xs);
    padding: 8px;
    background: var(--neutral-50);
    border-radius: var(--2xs);
}

.exercise-header__-9wx7 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.exercise-title__Raq23 {
    width: calc(100%);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.exercise-title-with-notes__3shF2 {
    max-width: calc(100% - 16px);
}

.notes-cell__2s2_U {
    cursor: pointer;
}

.notes-icon__12F1q {
    color: var(--primary-400);
    width: 16px;
    height: 16px;
    margin-left: 20%;
}

.table__CZS-o {
    width: 100%;
    border-collapse: collapse;
}

.table__CZS-o th, .table__CZS-o td {
    padding: 8px;
    text-align: center;
}

.table__CZS-o th {
    font-size: 10px;
    font-weight: 500;
    border-bottom: 1px solid var(--base-black);
}

.root__3gC3Z {
    display: flex;
    flex-direction: column;
    grid-gap: 4px;
    gap: 4px;
}

.day__2qPFG {
    font-size: 14px;
    font-weight: 700;
}

.workouts-container__3p18c {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px;
}

.header-container__1_L47 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

.header-container__1_L47 svg {
        height: 16px;
        width: 16px;
    }

.divider__2SKYA {
    height: 1px;
    background: var(--neutral-200);
}

.root__30uYX {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: var(--xs);
    border-radius: var(--2xs);
    border: 1px solid var(--neutral-200);
    margin-top: 8px;
    background: var(--base-white);
}

.week-navigator-controls__26rMr {
    display: flex;
    flex-direction: row;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
}

.week-navigator-date__18IAh {
    display: flex;
    flex-direction: row;
    grid-gap: 8px;
    gap: 8px;
}

.week-number__V-HG1 {
    font-size: 14px;
    font-weight: 700;
}

.week-date__2Azs1 {
    font-size: 14px;
    font-weight: 500;
    color: var(--neutral-600);
}

.chevron-icon__8tpvj {
    color: var(--primary-500);
    width: 16px;
    height: 16px;
}

.modal__3Ujn4 {
    padding: var(--s);
    width: 400px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.modal-text__1UFCs {
    line-height: 140%;
    white-space: pre-line;
    font-weight: 400;
    font-size: 14px;
}

.mobile-modal__31VaU {
    padding: var(--xs);
    width: 330px;
    min-width: 330px;
}

.popup__1t-xR {
    z-index: 10000;
    position: fixed;
    left: 0;
}

.root__TCgn8 {
    padding: var(--s) 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
}

.kpis__2JpKZ {
    padding: 0 var(--s);
}

.weeksContainer__2YDx0 {
    padding: 0 var(--s) var(--2xl) var(--s);
    flex: 1;
    overflow-y: auto;
}

.header-container__26JYp {
    display: flex;
    align-items: center;
}

.logo-container__2uowp {
    cursor: pointer;
    display: flex;
    flex-flow: row;
    justify-content: left;
    width: 200px;
    height: 60px
}

.logo-container__2uowp img {
        width: 180px;
        height: 60px;
        margin: 0 10px;
    }

@media print {
    .root__TCgn8 {
        padding: 8px;
    }

    .week-container__1MKJA:not(:last-child) {
        page-break-after: always;
    }
}

.root__2BZfM {
    display: flex;
    flex-direction: row;
    padding: var(--s);
    border-radius: var(--xs);
    box-shadow: 0 1px 5px 0 rgba(136, 137, 139, 0.20);
    margin-top: var(--s);
    justify-content: space-between;
    background: var(--base-white);
}

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

.avatar__2ToxS {
    width: 100px;
    height: 100px;
    border-radius: var(--xs);
    margin-right: var(--xs);
}

.dates__2fik1 {
    display: flex;
    flex-direction: row;
    grid-gap: var(--s);
    gap: var(--s);
}

.info__2ryCZ {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.print-button-icon__1_lea {
    width: 16px;
    height: 16px;
    margin-left: 4px;
}

.name__3uN9W {
    font-size: 24px;
    font-weight: 700;
}

@media (max-width: 849px) {
    .root__2BZfM {
        margin-top: 0;
        padding: 8px;
    }

    .container__2Xdkz {
        padding: 8px;
    }

    .avatar__2ToxS {
        width: 66px;
        height: 66px;
    }

    .name__3uN9W {
        font-size: 16px;
    }

    .dates__2fik1 * {
        margin-top: 4px;
        grid-gap: 4px;
        gap: 4px;
    }
}

@media print {
    .print-button__13axF {
        display: none;
    }
}

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

.row-border__1MhY2 {
    border-top: 1px solid var(--base-black);
}

.row-cell__2W7k6 {
    padding: 8px;
}

.instructionButtons__3BktQ {
    display: flex;
    grid-gap: var(--2xs);
    gap: var(--2xs);

    .btnIconContainer__25GPj {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 0;
    }

    .btnIcon__1G5ZE {
        width: 16px;
        height: 16px;
        margin-left: 0;
    }
}

.notes-icon__2VbAD {
    color: var(--primary-400);
    width: 16px;
    height: 16px;
    margin-left: 20%;
}

.notes-cell__1T9le {
    cursor: pointer;
}

.notes-print-cell__1Jw8Q {
    padding: 8px;
}

.notes-text__1Qv16 {
    display: flex;
}

@media print {
    .row-cell__2W7k6 {
        font-size: 12px;
    }
}

.root__3uFoT {}

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


.root__38R0b {
}

.row__-3jBE {
    display: flex;
    grid-gap: var(--s);
    gap: var(--s);
}

.dayInput__ldsem {
    flex: 1;
}

.areaInput__2iCO3 {
    height: var(--2xl);
    resize: none;
}

.areaInputContainer__2-QOp {
    width: 100%;
}

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

.root__2NRTT {
    width: 100%;
    margin-top: var(--xs);
    font-size: 14px;
    border-collapse: collapse;
}

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

.body__jmbe2:first-child {
    border-top: none;
}

.header-label__1bk68 {
    padding: var(--2xs) 8px;
    color: var(--neutral-400);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: left;
}

.placeholder-row__3_Xzl {
    height: 57px;
    background-color: var(--neutral-50);
    border: 2px dashed var(--primary-300);
    border-radius: 4px;
}

.placeholder-cell__BQlv8 {
    padding: 0;
    height: 40px;
    background-color: transparent;
}

@media print {
    .root__2NRTT {
        font-size: 12px;
    }

    .header-label__1bk68 {
        font-size: 12px;
        padding: 8px 4px;
    }
}

.addBtnCell__ossr_ {
    padding: var(--xs) 0;
}

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

.root__2drFL {
    display: flex;
    flex-direction: column;
    width: 985px;
}

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

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

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

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

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

.paginator-container__2Mh1I {
    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__Ok7_3 {
    display: flex;
    flex-direction: row;
    margin-top: var(--s);
    justify-content: flex-end;
}

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

.filters-container__1h5-g {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: var(--xs) 0;
    align-items: center;
}

.controls__2k7KU {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    grid-gap: var(--xs);
    gap: var(--xs);
}

.controls-with-tabs__O4IVO {
    width: 50%;
}

.category-select__3pUkd {
    width: 40%;
    z-index: 9999 !important;
}

.search-input__AHhNp {
    width: 40%;
    max-height: 40px;
}

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

.exercise-container__2XyUm > svg {
        height: 16px;
        width: 16px;
    }

.play-icon__IVfM4 {
    color: var(--primary-500);
    position: absolute;
    height: 11px;
    width: 12px;
    top: 35%;
    left: 10px;
    z-index: 1000;
}

.media-link__J0vtn {
    color: var(--base-black)

}

.media-link__J0vtn:hover {
        cursor: pointer;
    }

.exercise-image__1IMph {
    height: 32px !important;
    min-height: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    border-radius: 8px !important;
    margin-right: 8px;
}

.container__7mKRx {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: row;
    cursor: pointer;
}

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

@media print {
    .play-icon__IVfM4 {
        display: none;
    }

    .exercise-image__1IMph {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
}

.root__3rFID {
    border-radius: var(--2xs);
    border: 1px solid var(--neutral-200);
    padding: var(--xs) var(--s);
    margin-top: var(--xs);
    background: var(--base-white);
}

.header__38dj4 {
    display: flex;
    flex-direction: row;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
}

.week-number__ssBKY {
    font-size: 20px;
    font-weight: 700;
    margin-right: 8px;
}

.date__3rzYG {
    font-size: 14px;
    font-weight: 500;
    color: var(--neutral-600);
}

.content__3mfae {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out, padding 0.3s ease-in-out;
    padding-top: 0;
}

.contentExtended__1_Taz {
    max-height: 5000px;
    opacity: 1;
    padding-top: var(--xs);
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out, padding 0.3s ease-in-out;
}

.root__VUuys {
    overflow-x: auto;
    grid-gap: 8px;
    gap: 8px;
    width: 100%;
    cursor: -webkit-grab;
    cursor: grab;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    padding: var(--s) 0;
    margin: 0;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.inner__36R4B {
    display: flex;
    /*padding: 0 var(--s);*/
    position: relative;
}

.shadowSpacerRight__15WUy {
    flex-shrink: 0;
    width: var(--s);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--background-page-gray);
}

.itemWrapper___inwx:first-of-type {
    /*margin-left: -12px;*/
}

/*.root::after {*/

/*    content: '';*/

/*    flex-shrink: 0;*/

/*    width: 12px;*/

/*}*/

.root__VUuys::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

.root__VUuys:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.itemWrapper___inwx {
    flex: 0 0 auto;
    flex-shrink: 0;
    margin-right: 8px;
}

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

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

.logo-container__2yLzj {
    cursor: pointer;
    display: flex;
    flex-flow: row;
    justify-content: left;
    width: 200px;
    height: 60px
}

.logo-container__2yLzj img {
        width: 180px;
        height: 60px;
        margin: 0 10px;
    }

.player__2tNji {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: var(--s);
    padding: var(--xs) var(--s);
    border-radius: var(--2xs);
    border: 1px solid var(--neutral-200);
    background: var(--base-white);
}

.print-button-icon__27g18 {
    width: 16px;
    height: 16px;
    margin-left: 4px;
}

.accordion__1oQ4T {
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
}

@media print {
    .root__3kcsx {
        padding: var(--2xs);
    }

    .print-button__R6SkS {
        display: none;
    }
}

@page {
    size: A4 portrait;
    margin: 0.5cm;
}

.root__3rFkf {
}

.table__3EYci {
    margin-top: var(--xs);
    border-radius: 0;
    border-left: none;
    border-right: none;
    max-height: unset;
    thead {
        background: var(--base-white);
    }

    th {
        text-transform: uppercase;
        border-left: none;
        border-right: none;
    }

    td {
        border-left: none;
        border-right: none;
    }
}

.table__3EYci.rightAlign__kXUuD {
        th, .improvements__35pH5 {
            text-align: right;
        }

        .kpiCell__3Al-g, .workout__1vc5u {
            align-items: flex-end;
            text-align: right;
        }

        .columnWithInfo__1fRHf.withTooltip__2HJPC {
            flex-direction: row-reverse;
        }

        .kpiName__1Jpuz {
            justify-content: flex-end;
            flex-direction: row-reverse;
        }
    }

.kpi__2TtJJ {
    flex: 1;

    span {
        font-size: 14px;
        color: var(--base-black);
        font-weight: 500;
    }
}

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

.workout__1vc5u {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}

.columnWithInfo__1fRHf {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-gap: var(--3xs);
    gap: var(--3xs);
}

.kpiCell__3Al-g {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    grid-gap: var(--2xs);
    gap: var(--2xs);
}

.grade__2cIcO {
    flex: 1;
    margin: 0 !important;
}

.improvements__35pH5 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

@media print {

    .workout__1vc5u {
        font-size: 12px;
    }

    .columnWithInfo__1fRHf {
        font-size: 10px;
    }

    .improvements__35pH5 {
        font-size: 10px;
    }

    .table__3EYci {
        max-height: none;
        overflow-y: unset;
    }
}

.root__G6N-F {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    font-size: 10px;
}

.scale__2xBkR {
    height: 32px;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gradient__32CjK {
    width: 100%;
    border-radius: 128px;
    border-radius: var(--6xl, 128px);
    height: 8px;
    background: linear-gradient(90deg, #FF5B37 0%, #FF9E2D 20%, #FFED4D 40%, #C2F54A 60%, #81E643 80%, #4FD743 100%)
}

.gradient__32CjK.leftStraight__2Uefj {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

.gradient__32CjK.rightStraight__2Xe2A {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

.kpiValue__1pV7v {
    position: absolute;
    bottom: -3px;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.marker__3YGpn {
    width: 2px;
    height: 12px;
}

.startPoint__2frH-, .endPoint__3yFW6 {
    width: 8px;
    height: 8px;
    border: 2px solid var(--base-white);
    border-radius: var(--3xl);
}

.startPoint__2frH- {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    background: var(--error-500);
}

.endPoint__3yFW6 {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    background: var(--success-500);
}

.borderValues__1mlzP {
    position: absolute;
    top: 22px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.startValue__32cqd {
    /*position: absolute;*/
    /*left: 2px;*/
    /*bottom: -4px;*/
    color: var(--error-500);
    flex: 1;
    text-align: left;
    /*transform: translate(-50%, 0);*/
}

.endValue__3KPZf {
    /*position: absolute;*/
    /*right: 2px;*/
    /*bottom: -4px;*/
    /*transform: translate(50%, 0);*/
    flex: 1;
    text-align: right;
    color: var(--success-500);
}

.root__4EjCc {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    grid-gap: var(--3xs);
    gap: var(--3xs);
    flex: 1;
}

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

.value__nERBn {
    display: flex;
    align-items: center;
    height: 16px;
}

.root__278tB {
    border-radius: var(--2xs);
    border: 1px solid var(--neutral-200);
    padding: var(--xs) var(--s);
    margin-top: var(--xs);
    background: var(--base-white);
}

.root__278tB.sm__3Ok43 {
    border-radius: 0;
    border: none;
    margin-top: 0;
    padding: var(--xs);

    .title__P1ml0 {
        font-size: 16px;
    }

    svg {
        width: 16px;
        height: 16px;
    }
}

.root__278tB.rightAlign__osnvQ {
    .header__1MqxS {
        justify-content: flex-end;
        .title__P1ml0 {
            text-align: right;
        }
    }
}

.header__1MqxS {
    display: flex;
    flex-direction: row;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
}

.title__P1ml0 {
    font-size: 20px;
    font-weight: 700;
    margin-right: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.root__3kqt8 {}

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

.selected__16iRG {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
}

.iconBig__24RbN {
   color: var(--neutral-400);
}

.root__fTQyM {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-gap: var(--l);
    gap: var(--l);
}

.profile__CqQg7 {
    font-size: 20px;
    font-weight: 700;
}

.params__2UOFS {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-gap: var(--l);
    gap: var(--l);
}

.root__3aXPi {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: var(--xs);
    border-radius: var(--2xs);
    border: 1px solid var(--neutral-200);
    margin-top: 8px;
    background: var(--base-white)
}

.root__3aXPi.rightAlign__3bFOE {
        justify-content: flex-end;
        grid-gap: var(--xs);
        gap: var(--xs);
    }

.navigator-controls__2Xi0- {
    display: flex;
    flex-direction: row;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
}

.navigator-header__2jPcB {
    display: flex;
    flex-direction: row;
    grid-gap: 8px;
    gap: 8px;
}

.title__3eq37 {
    font-size: 16px;
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chevron-icon___CCJu {
    color: var(--primary-500);
    width: 16px;
    height: 16px;
}

.root__1nhAp {
    margin-top: 8px;
}

.root__1nhAp.rightAlign__o6M6H {
    .header__HCRlQ {
        grid-gap: 8px;
        gap: 8px;
        text-align: right;
        .left__17ZBO, .right__BdHJE, .middle__1Qm31 {
            text-align: right;
            justify-content: flex-end;
        }
    }
    .improvements__Feek6 {
        .header__HCRlQ {
            text-align: right;
            justify-content: flex-end;
        }
        text-align: right;
    }

    .value__2iv2c {
        grid-gap: 8px;
        gap: 8px;
    }

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

    .kpi__21v65, .grade__2FBBC, .trend__1xB91 {
        text-align: right;
        justify-content: flex-end;
    }

    .kpi__21v65.withInfo__14nL- {
        flex-direction: row-reverse;
    }
}

.header__HCRlQ {
    display: flex;
    justify-content: space-between;
    font-size: 10px;
    font-weight: 700;
    padding-bottom: var(--2xs);
    margin-bottom: var(--2xs);
    text-transform: uppercase;
    border-bottom: 1px solid #1A1B1D;
    border-bottom: 1px solid var(--base-black, #1A1B1D);
}

.left__17ZBO {
    width: 35%;
}

.middle__1Qm31 {
    width: 20%;
    display: flex;
    align-items: center;
    grid-gap: var(--3xs);
    gap: var(--3xs);
}

.right__BdHJE {
    width: 45%;
    display: flex;
    align-items: center;
    grid-gap: var(--3xs);
    gap: var(--3xs);
}

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

.text__3xI5Q {
    font-size: 12px;
}

.kpis__3yHWH {
    display: flex;
    padding: 8px;
    border-radius: 12px;
    border-radius: var(--2xs, 12px);
    background: #FAFAFA;
    background: var(--neutral-25, #FAFAFA);
}

.kpi__21v65 {
    font-size: 12px;
    width: 35%;
    display: flex;
    align-items: center;
    grid-gap: var(--3xs);
    gap: var(--3xs);
    padding-right: 2px;
}

.trend__1xB91 {
    width: 20%;
    display: flex;
    align-items: center;
    grid-gap: var(--3xs);
    gap: var(--3xs);
}

.trendingArrow__VWaQr {

}

.trendingIcon__7yOt_ {
    transform: scale(75%);
}

.trendingArrowText__3XBLv {
    height: auto;
    font-size: 10px;
}

.grade__2FBBC {
    width: 45%;
    padding-left: var(--3xs);
    margin: var(--3xs) 0;
}

.column__2ddUn {
    flex: 1;
}

.improvements__Feek6 {
    margin-top: 8px;
    padding: 8px;
    border-radius: 12px;
    border-radius: var(--2xs, 12px);
    background: #FAFAFA;
    background: var(--neutral-25, #FAFAFA);
}

.root__3abIw {
    padding: var(--xs);
}

.content__1ZOgG {
    margin-top: 8px;
    overflow: hidden;
    border-radius: var(--2xs);
    border: 1px solid var(--neutral-200);
}

.hr__1ZGYn {
    margin: 0 auto;
    width: calc(100% - var(--m));
    border: none;
    border-bottom: 1px solid var(--neutral-200)
}

.hr__1ZGYn:last-of-type {
        display: none;
    }

.player__JwS6l {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: var(--xs);
    border-radius: var(--2xs);
    border: 1px solid var(--neutral-200);
    background: var(--base-white);
    font-size: 16px;
    font-weight: 700;
}

.header-container__3RBSP {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--3xs);
}

.logo-container__3xtyu {
    cursor: pointer;
    display: flex;
    flex-flow: row;
    justify-content: left;
    height: 40px
}

.logo-container__3xtyu img {
        height: 40px;
    }

.root__1OtSA {
    display: flex;
    flex-direction: column;
    padding: var(--s);
    height: 100vh;
}

.root__1373W {
    display: flex;
    flex-direction: row;
    width: 100%;
    border-radius: var(--xs);
    border: 1px solid var(--base-white);
    padding: var(--s);
    background-color: var(--base-white);
    margin-top: var(--xs);
    box-shadow: 0px 1px 5px 0px rgba(136, 137, 139, 0.20);
    grid-gap: var(--xs);
    gap: var(--xs);
}

.select__3oFLZ {
    min-width: 200px;
    flex: 1;
}

.react-select__3S5Iv {
    display: flex;
    flex-direction: column;
    min-width: 200px;
    width: 20%;
}

.kpis-select__2Us6x {
    display: flex;
    flex-direction: column;
    min-width: 200px;
    max-width: 40%;
    width: 40%;
}

.select-label__Jq6D3 {
    font-size: 12px;
    font-weight: 500;
    color: var(--neutral-600);
}

.root__2B7zF {}

.errorMessage__1C2w5 {
    height: 18px;
}

.root__1r7Kz {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: calc(100vh - 285px);
    flex-grow: 1;
    border-radius: var(--xs);
    border: 1px solid var(--base-white);
    padding: var(--s);
    background-color: var(--base-white);
    margin-top: var(--xs);
    box-shadow: 0px 1px 5px 0px rgba(136, 137, 139, 0.20);
    grid-gap: var(--xs);
    gap: var(--xs);
    position: relative;
}

.chart-content__2mhHb {
    width: 100%;
    height: 100%;
}

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

.root__1AgnT {
    width: 100%;
    padding: var(--s);
    margin-top: var(--xs);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 16px;
    border-radius: var(--xs, 16px);
    border: 1px solid #FFF;
    border: 1px solid var(--base-white, #FFF);
    background: #FFF;
    background: var(--base-white, #FFF);
    box-shadow: 0px 1px 5px 0px rgba(136, 137, 139, 0.20);
    grid-gap: var(--xs);
    gap: var(--xs);
}

.select__21WgD {
    min-width: 200px;
    flex: 1;

    .input__34tMR {
        max-width: unset;
        width: 100%;
    }
}

.select__21WgD.lg__3htOq {
        flex: 1.5;
    }

.datepicker__t8DUz {
    input {
        height: 40px;
        border-radius: 8px;
        border-width: 1.5px;
        border-color: var(--neutral-200);
    }
}

.root__3PVkZ {
    width: 100%;
    padding: var(--s);
    margin-top: var(--xs);
    height: calc(100vh - 265px);
    border-radius: 16px;
    border-radius: var(--xs, 16px);
    border: 1px solid #FFF;
    border: 1px solid var(--base-white, #FFF);
    background: #FFF;
    background: var(--base-white, #FFF);
    box-shadow: 0px 1px 5px 0px rgba(136, 137, 139, 0.20);
    grid-gap: var(--xs);
    gap: var(--xs);
    position: relative;
}

.root__6qAx8 {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
}

.hero__1zVHz {
    width: 100%;
    height: 195px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.profile__Tlo5T {
    height: 100px;
    width: calc(100% - 74px);
    top: calc(100% - 36px);
    right: 0;
    background: var(--neutral-800);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.photo__3TM9V {
    position: absolute;
    left: -50px;
    background: white;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    -o-object-fit: cover;
       object-fit: cover;
}

.logo__3TxAo {
    margin-left: 74px;
}

.name__2JvfA {
    padding: 0 24px;
    margin-top: 104px;
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: 100%;
    color: var(--base-white);
}

.position__3QMiX {
    padding: 0 24px;
    margin-top: var(--3xs);
    color: var(--base-white);
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: -0.22px;
}

.container__3RULa {
    height: 100%;
    width: 100%;
    min-width: 300px;
    background: var(--base-black);
}

.contacts__1pHQG {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    grid-gap: 16px;
    gap: 16px;
    padding: 0 24px;
    margin-top: 32px;
}

.root__1MXW4 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-gap: 16px;
    gap: 16px;
    text-decoration: none;
    color: var(--base-white);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

.root__1MXW4:hover {
    color: #FF7D05;
}

.info__26VtF {

}

.contact__iCRcB {

}

.root__3EtOe {
    display: flex;
    align-items: center;
    height: 100%;
    max-height: 100vh;
    grid-gap: var(--xs);
    gap: var(--xs);
    background-color: var(--base-white);
    padding: var(--s);
}

.root__3EtOe label {
    text-transform: none !important;
}

.left__1ewNH {
    display: flex;
    max-height: 95vh;
}

.right__29VKn {
    display: flex;
    flex-direction: column;
    max-height: 95vh;
    height: 95vh;
    border-radius: var(--s) var(--s) var(--xs) var(--xs);
    box-shadow: 0px 1px 5px 0px rgba(136, 137, 139, 0.20);
    width: calc(100% - 400px - var(--xs));
    overflow-x: hidden;
}

.right-content__1FU8K {
    display: flex;
    flex-direction: column;
    padding: var(--s);
    grid-gap: var(--s);
    gap: var(--s);
    overflow-y: scroll;
    height: calc(100% - 56px);
}

.footer__lwnPa {
    display: flex;
    position: relative;
    justify-content: flex-end;
    left: 0;
    bottom: 0;
    width: 100%;
    border-radius: 0 0 var(--xs) var(--xs);
    padding: 8px var(--s);
    background-color: var(--base-white);
    box-shadow: 0px -40px 11px 0px rgba(165, 165, 168, 0.00),
    0px -26px 10px 0px rgba(165, 165, 168, 0.01),
    0px -14px 9px 0px rgba(165, 165, 168, 0.05),
    0px -6px 6px 0px rgba(165, 165, 168, 0.09),
    0px -2px 4px 0px rgba(165, 165, 168, 0.10);
    height: 56px;
}

.footer-buttons__3xvCS {
    display: flex;
    flex-direction: row;
    grid-gap: 8px;
    gap: 8px;
}

.form__S0a1e {
    display: flex;
    flex-direction: column;
    grid-gap: var(--s);
    gap: var(--s);
    width: 100%;
}

.native-datetime-container__2wy81 {
    width: 100%;
}

.label__3nzsf {
    margin-bottom: 8px;
}

.gap-container__1uXnR {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px;
}

.native-datetime-picker__23LJD {
    padding: var(--2xs) var(--xs);
    border-radius: 10px;
    height: 48px;
    border: 2px solid var(--background-main-gray);
    font-size: var(--14px);
    width: 100%;
    cursor: pointer;
}

.native-datetime-picker__23LJD:placeholder-shown {
}

.form-button__unTDm {}

.right-content-with-previous-step__1O_AY {}

@media (max-width: 850px) {
    .root__3EtOe {
        flex-direction: column;
        padding: 0;
    }
    .left__1ewNH {
        display: none;
    }

    .right__29VKn {
        width: 100%;
        max-height: 100vh;
        height: 100vh;
        border-radius: 0;
    }

    .right-content__1FU8K {
        padding: var(--xs);
    }

    .right-content-with-previous-step__1O_AY {
        height: calc(100% - 112px);
    }

    .form-button__unTDm {
        width: 100%;
    }

    .footer-buttons__3xvCS {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
}

.root__35p0Y {}

.types__MqBcM {
    display: flex;
    grid-gap: var(--2xs);
    gap: var(--2xs);
    margin-top: 8px;
}

.type__3Gxe2 {
    padding: 8px var(--2xs);
    border-radius: 8px;
    border: 1px solid var(--neutral-200);
    font-size: 14px;
    font-weight: 500;
    color: var(--base-black);
}

.type__3Gxe2:hover {
    cursor: pointer;
    border: 1px solid var(--primary-500);
}

.selected__2qAGq {
    border: 1px solid var(--primary-500);
}

@media (max-width: 850px) {
    .types__MqBcM {
        display: flex;
        flex-wrap: wrap;
    }
}


.root__3h0Yi {}

.options__2UbUm {
    display: flex;
    grid-gap: 12px;
    gap: 12px;
    margin-top: 8px;
}

.option__1t9YH {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid var(--neutral-200);
    font-size: 14px;
    font-weight: 500;
    color: var(--base-black);
    min-width: 90px;
    justify-content: center;
}

.option__1t9YH:hover {
    cursor: pointer;
    border: 1px solid var(--primary-500);
}

.selected__zvZYk {
    border: 1px solid var(--primary-500);
}

.radioContainer__36sBq {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

.radio__3FK4m {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid var(--neutral-300);
    display: flex;
    align-items: center;
    justify-content: center;
}

.radio-selected__1ba8j {
    border: 2px solid var(--primary-500);
}

.radio-inner__28uAC {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--primary-500);
}

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

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

.logo-container__K5s-g {
    cursor: pointer;
    display: flex;
    flex-flow: row;
    justify-content: left;
    width: 45px;
    height: 45px
}

.logo-container__K5s-g img {
        width: 45px;
        height: 45px;
        margin: 0 10px;
    }

.player__3n8vg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: var(--s);
    padding: var(--xs) var(--s);
    border-radius: var(--2xs);
    border: 1px solid var(--neutral-200);
    background: var(--base-white);

    .left__2EtOl {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        grid-gap: var(--s);
        gap: var(--s);
    }
    .name__3QDX- {
        font-size: 24px;
        font-weight: 700;
    }

    .info__1cmHK {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .dates__LS10p {
        display: flex;
        flex-direction: row;
        grid-gap: var(--s);
        gap: var(--s);
    }
}

.printButton__1w8pC {
    display: none;
}

.print-button-icon__ecwyl {
    width: 16px;
    height: 16px;
    margin-left: 4px;
}

.accordion__3dEGq {
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
}

@media print {
    .root__3wUEx {
        padding: var(--2xs);
    }

    .print-button__3jXQt {
        display: none;
    }
}

@page {
    size: A4 portrait;
    margin: 0.5cm;
}

.resultsContainer__1_KxE {
    margin-top: var(--s);
    border-radius: var(--2xs);
    border: 1px solid var(--neutral-200);
    background: var(--base-white);
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.table__3wBwL {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: var(--2xs);
    /*border: 1px solid var(--neutral-200);*/

    th, td {
        border: 1px solid var(--neutral-200);
        background: none;
    }

    th {
        border-top: none;
        border-left: none;
        padding: var(--2xs);
    }

    td {
        text-align: center;
        padding: var(--3xs);
        border-top: none;
        border-left: none;
    }

    tr:first-child th {
        border-top: none;
    }

    tr:last-child td {
        border-bottom: none;
    }

    tr:first-child th:first-child {
        border-left: none;
    }

    /* Top-right corner */

    tr:first-child th:last-child {
        border-right: none;
    }

    td:last-child, th:last-child {
        border-right: none;
    }

    /* Bottom-left corner */

    tr:last-child td:first-child {
        border-bottom-left-radius: 6px;
    }

    /* Bottom-right corner */

    tr:last-child td:last-child {
        border-bottom-right-radius: 6px;
    }

    tbody tr:hover {
        background: var(--neutral-50);
        cursor: pointer;
    }

    .kpiName__1ISx7 {
        color: var(--base-black);
        font-size: 14px;
        /*width: 140px;*/
        text-align: center;
    }

    .kpi__XTfX9 {
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: flex-start;*/
        /*flex-direction: column;*/
        /*gap: var(--xs);*/
        /*padding: var(--xs);*/
    }

    .grades__2yWKa {
        /*display: flex;*/
        /*flex-direction: column;*/
        /*align-items: flex-start;*/
        /*justify-content: flex-start;*/
    }

    .gradeStatus__lfaVY {
        font-size: 10px;
        font-weight: 400;
        width: auto;
        height: auto;
        padding: 0;
        border-radius: var(--xs);
        white-space: nowrap;
        background: none !important;
    }

    /*tr.totalScoreRow td {*/
    /*    border-top: 1px solid var(--primary-500);*/
    /*    border-bottom: 1px solid var(--primary-500);*/
    /*    &:last-child {*/
    /*        border-right: 1px solid var(--primary-500);*/
    /*        border-top-right-radius: 16px;*/
    /*        border-bottom-right-radius: 16px;*/
    /*    }*/
    /*    &:first-child {*/
    /*        border-left: 1px solid var(--primary-500);*/
    /*        border-top-left-radius: 16px;*/
    /*        border-bottom-left-radius: 16px;*/
    /*    }*/
    /*}*/
}

.coronalImage__2QIog {
    max-width: 200px;
}

.sagittalImage__3dtMs {
    max-height: 200px;
}

.kpiValue__1iu6L {
    color: var(--neutral-600);
    margin-top: 2px;
}


.root__1y9b- {
    display: flex;
    align-items: center;
    height: 100%;
    max-height: 100vh;
    grid-gap: var(--xs);
    gap: var(--xs);
    background-color: var(--base-white);
    padding: var(--s);
}

.left__2c4BG {
    display: flex;
    max-height: 95vh;
}

.right__Sr3kf {
    display: flex;
    flex-direction: column;
    max-height: 95vh;
    height: 95vh;
    border-radius: var(--s) var(--s) var(--xs) var(--xs);
    box-shadow: 0px 1px 5px 0px rgba(136, 137, 139, 0.20);
    width: calc(100% - 400px - var(--xs));
    overflow-x: hidden;
}

.right-content__1EOit {
    display: flex;
    flex-direction: column;
    padding: var(--s);
    grid-gap: var(--s);
    gap: var(--s);
    overflow-y: scroll;
    height: calc(100% - 56px);
}

.footer__3p8M3 {
    display: flex;
    position: relative;
    justify-content: flex-end;
    left: 0;
    bottom: 0;
    width: 100%;
    border-radius: 0 0 var(--xs) var(--xs);
    padding: 8px var(--s);
    background-color: var(--base-white);
    box-shadow: 0px -40px 11px 0px rgba(165, 165, 168, 0.00),
    0px -26px 10px 0px rgba(165, 165, 168, 0.01),
    0px -14px 9px 0px rgba(165, 165, 168, 0.05),
    0px -6px 6px 0px rgba(165, 165, 168, 0.09),
    0px -2px 4px 0px rgba(165, 165, 168, 0.10);
    height: 56px;
}

.form__yQlbA {
    display: flex;
    flex-direction: column;
    grid-gap: var(--s);
    gap: var(--s);
    width: 100%;
}

.native-datetime-container__2fywj {
    width: 100%;
}

.native-datetime-picker__1Ty4r {
    padding: var(--2xs) var(--xs);
    border-radius: 10px;
    height: 48px;
    border: 2px solid var(--background-main-gray);
    font-size: var(--14px);
    width: 100%;
    cursor: pointer;
    color: var(--primary-500);
}

.native-datetime-picker__1Ty4r:placeholder-shown {
    color: var(--primary-500);
}

.form-button__Uvdy6 {}

.player-container__1QshF {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: var(--2xs);
    border-radius: 8px;
    box-shadow: 0px 1px 4px 0px rgba(136, 137, 139, 0.12), 0px 1px 5px 0px rgba(136, 137, 139, 0.20);
}

.score-item__2n6iN {
    height: 32px;
    width: 32px;
}

.score-item-container__1quiV {
    margin-bottom: 0;
}

.player-list-container__3BLGi {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px;
}

.unavailable-player__2PUaR {
    color: var(--neutral-400);
    -webkit-text-decoration-line: line-through;
            text-decoration-line: line-through;
}

@media (max-width: 850px) {
    .root__1y9b- {
        flex-direction: column;
        padding: 0;
    }
    .left__2c4BG {
        display: none;
    }

    .right__Sr3kf {
        width: 100%;
        max-height: 100vh;
        height: 100vh;
        border-radius: 0;
    }

    .right-content__1EOit {
        padding: var(--xs);
    }

    .form-button__Uvdy6 {
        width: 100%;
    }
}

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