@import"https://fonts.googleapis.com/css2?family=Kanit:wght@100;300;400;500;600;700;800;900&display=swap";#navHeight60{width:100%}nav{display:flex;justify-content:center;align-items:center;gap:20px;background-color:var(--dark-1);padding:10px 0;width:100%;position:fixed;bottom:0}nav a{text-decoration:none;display:flex;justify-content:center;align-items:center;flex-direction:column}nav a svg{max-width:40px;height:auto;fill:var(--light)}nav a:hover svg{fill:var(--primary)}nav a p{margin-top:5px;margin-bottom:0;text-align:center;text-decoration:none;color:var(--light);font-size:10px;font-family:Kanit,sans-serif}.active svg{fill:var(--secondary)}.calendar{width:100%;display:flex;flex-direction:column;gap:5px;overflow-x:scroll;scrollbar-width:none}.calendar::-webkit-scrollbar{display:none}.calendar-grid{display:flex;flex-direction:row-reverse;gap:6px;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}.calendar-grid::-webkit-scrollbar{display:none}.calendar-week{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:6px}.dayCage{width:50px;height:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #ccc;border-radius:3px}.calendarSection{margin:50px auto 20px;box-sizing:border-box}.monthName{padding:10px 0}.monthName h2{color:var(--secondary);font-size:25px;font-weight:500;margin:0;text-transform:uppercase}.monthCalendarDays{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:0 auto;padding:5px;width:calc(100% - 10px)}.day{height:40px;display:flex;flex-direction:column;justify-content:flex-end;background-color:var(--light);border-radius:3px}.day p{align-self:flex-end;justify-self:flex-end;text-align:left;font-size:10px;margin:0;padding:2px}.showCategory{background-color:var(--secondary);color:var(--darl-1);font-size:13px;border-radius:100px;padding:0 4px!important}.dayDetails{padding:10px 5px 20px;gap:10px;align-items:center}.daysButtons{display:flex;flex-direction:column;gap:10px;margin:10px 0}.dayButtonExercise{border:0px;outline:none;background-color:var(--secondary);border-radius:5px;box-sizing:5px 10px;color:var(--dark-1);font-size:15px;font-weight:700}.selectedButton{background-color:var(--primary);color:var(--secondary)}.dayDetailsCard{display:flex;flex-direction:column;gap:5px}.dayDetailsCard h3{color:var(--primary);font-size:20px;margin:0}.dayDetailsCard table{width:fit-content}.dayDetailsCard table tr{padding:0 10px}.dayDetailsCard table th{font-size:15px;color:var(--secondary);text-align:center}.dayDetailsCard table td{font-size:15px;color:var(--light);text-align:center}#home #favoriteRoutine{display:flex;justify-content:center;align-items:center}#home .routinesShow{height:120px;margin-bottom:20px}#home .routinesShow h2,#home .routinesShow2 h2{color:var(--light);text-align:center;font-size:20px;width:90%;margin:auto}#home #calendarRoutines{padding:5px;box-sizing:border-box}#home #calendarRoutines::-webkit-scrollbar{display:none}#home #calendarRoutines h2{color:var(--light);font-size:20px;font-weight:500;margin:0}#home #calendarRoutines .leyenda{justify-content:right;gap:10px}#home #calendarRoutines .leyenda p{color:var(--light);font-size:12px;font-weight:400;margin:0}#home #days{padding:2px;display:grid;grid-template-columns:repeat(18,1fr);grid-template-rows:7;gap:4px;margin:auto}#home .dayCage{width:10px;height:10px;border-radius:1px;border:1px solid var(--secondary);background-color:var(--light)}#home #showStats .cageStat{width:47%;border-radius:5px;padding:10px 0 30px;margin-top:20px}#home #showStats .cageStat h2{color:var(--light);font-size:50px;font-weight:600;text-align:center;margin:0}#home #showStats .cageStat h3{font-weight:500;color:var(--light);font-size:20px;text-align:center;margin:0 auto;width:85%}.routinesShow2{height:auto!important;max-width:none!important;margin-bottom:20px}.routineCageContainer{overflow:scroll;gap:10px;scrollbar-width:none}.routineCageContainer::-webkit-scrollbar{display:none}.routineCage{width:150px;min-width:150px;box-sizing:border-box;margin:10px 0;overflow:hidden}.routineCage h3{font-size:15px;font-weight:700;text-align:left;text-transform:uppercase;padding-left:10px;color:var(--dark-1);margin:0}.routineCage p{font-size:10px;font-weight:700;text-align:left;color:var(--dark-1);margin:0 0 5px 5px;width:fit-content}.routineCage button{width:100%;font-size:15px;font-weight:700;padding:2px 0;margin:2px 0 0;border:none;background-color:var(--primary);color:var(--secondary)}.routineCage button:hover{background-color:var(--secondary);color:var(--primary)}.sessionCage{width:120px;min-width:120px;box-sizing:border-box;overflow:hidden;margin:10px 0}.sessionCage h3{font-size:15px;font-weight:700;text-align:left!important;text-transform:uppercase;padding-left:10px;color:var(--dark-1);margin:2px 0}.sessionCage p{font-size:10px;font-weight:700;text-align:left;color:var(--dark-1);margin:0 0 5px 5px;width:fit-content}.sessionCage button{width:100%;font-size:15px;font-weight:700;padding:2px 0;margin:2px 0 0;border:none;background-color:var(--secondary);color:var(--primary)}.sessionCage button:hover{background-color:var(--primary);color:var(--secondary)}#homeCont .addonSet{z-index:100}#iAddonSessionExercises,#isAddonSessionOnHome{position:absolute;bottom:0}.titleSessionExerciseHome{padding:10px}.titleSessionExerciseHome h2{color:var(--light)!important;font-size:28px!important;font-weight:600!important;margin:0!important;width:220px;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis}.titleSessionExerciseHome button{width:fit-content;padding:2px 0;border:none;outline:none;background-color:transparent}.titleSessionExerciseHome button svg{width:27px!important;height:27px!important;fill:var(--light)!important}.time{font-size:15px;margin:0 0 10px;color:var(--light)}.showExercisesOnAddon{width:100%;margin:10px auto 50px}.arrowButton{width:fit-content;background-color:transparent;height:fit-content;border:0px}.arrowButton svg{width:25px!important;height:25px!important;fill:var(--secondary)!important}.arrowRotated{transform:rotate(180deg)}.showExercisesContainer{border-radius:9px;box-shadow:inset 0 0 10px #00000080;height:400px;overflow-y:scroll;scrollbar-width:none}.showExercisesContainer::-webkit-scrollbar{display:none}.titleExercise{padding:10px 0}.titleExercise h3{font-size:23px;color:var(--primary)!important;margin:0!important;text-align:left!important}.titleExercise button{background-color:transparent;border:none;outline:none;width:fit-content;height:fit-content}.titleExercise button svg{width:30px!important;height:30px!important;fill:var(--secondary)!important}.tableExercises table{margin:0 auto 20px!important}.tableExercisesHeader,.tableExercisesBody{text-align:center}.tableExercisesBody{margin-bottom:20px!important}.tableExercisesHeader th{font-weight:600;font-size:15px;margin:0;border-radius:2px;text-align:center}.tableExercisesBody p,.tableExercisesBody input{width:100%!important;margin:0!important;padding:2px 8px!important;border-radius:2px!important;text-align:center!important;color:var(--primary)!important;font-weight:600!important}.tableExercisesBody .backgroundBlack{background-color:var(--dark-1)!important;color:var(--light)!important}.tableExercisesBody .backgroundYellow{background-color:var(--secondary)!important;color:var(--primary)!important}.tableExercisesBody .backgroundYellow::placeholder{color:var(--primary)!important}.tableExercisesBody .backgroundBlack::placeholder{color:var(--light)!important}.endSession{width:100%;padding:15px 0;text-align:center;text-transform:uppercase;background-color:var(--primary);color:var(--secondary);font-size:25px;font-weight:600;border:none;border-radius:0}.endSession:hover{background-color:var(--secondary);color:var(--primary)}.plusButtonSerie{width:100%;margin:auto;padding:5px 0;box-sizing:border-box;border:0px;color:var(--primary);font-size:20px;font-weight:600;text-align:center}.plusButtonSerie:hover{background-color:var(--primary)!important;color:var(--secondary)!important}.plusButtonSerie svg{stroke:var(--primary)!important}.plusButtonSerie:hover svg{stroke:var(--secondary)!important}.noExercisesText{height:400px;border-radius:9px;box-shadow:inset 0 0 10px #00000080}.noExercisesText h2{color:var(--dark-1)!important;font-size:25px!important;text-align:center!important;margin:0 auto!important;padding:20px 0!important;width:80%!important}.noExercisesText button{border:0px;border-radius:5px;background-color:var(--secondary);color:var(--primary);padding:10px 20px;margin:15px auto;font-size:14px;font-weight:600}.noExercisesText button:hover{background-color:var(--primary);color:var(--secondary)}.tableSession{height:400px;overflow-y:scroll;margin:20px auto!important;scrollbar-width:none}.tableSession::-webkit-scrollbar{display:none}.sessionButtonSelectRoutineSession{width:100%!important;background-color:var(--secondary)!important;padding:10px!important;box-sizing:border-box!important;font-size:15px!important;text-align:left!important;border:0px!important;margin:15px 0!important}@media (min-width: 546px){.monthName h2{font-size:30px!important}.day{height:70px!important}.day p{font-size:15px!important}}@media (min-width: 768px){.allContResponsive{width:70%!important}.allCont{padding-bottom:15%!important}}@media (min-width: 1024px){.allContResponsive{width:60%!important}.allCont{padding-bottom:100px!important}.monthName h2{font-size:35px!important}.day{height:80px!important}.day p{font-size:17px!important}#iAddonSessionExercises,#isAddonSessionOnHome,#verifyDeleteUser,#showExerciseDescription1,#showExerciseDescription2{position:unset!important;bottom:unset!important;max-width:670px!important;margin:auto}#showExerciseDescription3{position:unset!important;bottom:unset!important;max-width:620px!important;margin:auto}#createPlanedRoutineAddon,#createFreeRoutineAddon{max-width:400px}#isAddonSessionOnHome{background-color:var(--primary)!important}.tableExercisesBody input{box-sizing:unset!important;padding:0!important}}@media (min-width: 1406px){#calendarCont,#privacyPolitics{padding-bottom:10%!important}.allContResponsive{width:50%!important}.allCont{padding-bottom:100px!important}.monthName h2{font-size:35px!important}.day{height:90px!important}.day p{font-size:17px!important}}#userPage .showUser{display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:3px solid var(--primary);padding-bottom:20px}#userPage .showUser img{width:90px;border-radius:50%;display:block;margin:40px auto -45px}#userPage .showUser h1{font-size:20px;font-weight:500;letter-spacing:1px;text-transform:uppercase;margin:60px auto 0;color:var(--light)}#userPage #contPrivacity{display:flex;flex-direction:column;padding:10px 0}#userPage #contPrivacity h2{font-size:20px;font-weight:500;color:var(--light);margin:15px 0 0}#userPage #contPrivacity .cagePrivacity{padding:10px 0;border-radius:5px;margin-top:20px}#userPage #contPrivacity .cagePrivacity h3{font-size:15px;font-weight:400;margin-left:20px;color:var(--light)}#userPage #contPrivacity .cagePrivacity:hover h3{color:var(--secondary)!important}#userPage #contPrivacity .cagePrivacity svg{fill:var(--light);width:40px;height:40px}#userPage #contPrivacity .cagePrivacity:hover svg{fill:var(--secondary)!important}#userPage #contPrivacity .cagePrivacity svg path{fill:var(--light)}#userPage #contPrivacity .cagePrivacity:hover svg path{fill:var(--secondary)!important}#privacyPolitics nav,#userPage nav,#userEditPage nav,#premiumAccount nav{border-top:2px solid var(--light)}#privacyPolitics .allCont,#premiumAccount .allCont{padding-bottom:0!important}.textPrivacyPolitics,.textPremiumAccount{padding:20px 0 0}.textPrivacyPolitics h1,.textPremiumAccount h1{color:var(--light);font-size:23px}.textPrivacyPolitics button,.textPremiumAccount button{background-color:var(--secondary);border:none;border-radius:100px;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.textPrivacyPolitics button svg,.textPremiumAccount button svg{fill:var(--dark-1);width:30px;height:30px}#privacyPolitics h2,#premiumAccount h2{color:var(--light);font-size:17px;font-weight:500;margin:20px 0 0}#privacyPolitics h3,#premiumAccount h3{color:var(--light);font-size:15px;font-weight:500;margin:10px 0 0}#privacyPolitics p,#premiumAccount p{color:var(--light);font-size:13px;font-weight:400;margin:10px 0 10px 15px}#privacyPolitics p span,#premiumAccount p span{color:var(--secondary);font-family:500}#privacyPolitics ul{margin-top:0}#privacyPolitics ul li{color:var(--light);font-size:13px;font-weight:400;margin:10px 0 0 5px}#userEditPage form{padding-top:20px}#userEditPage form input{box-sizing:border-box;width:100%;padding:10px;margin:15px 0;border:none;border-radius:5px}#userEditPage form input[type=submit]{background-color:var(--secondary);color:var(--dark-1);border:none;border-radius:5px;padding:10px;margin:10px 0}#showUserError h2,#userRegisteredCorrectly h2{width:80%!important;margin:15px auto!important;color:var(--dark-1)!important;text-align:center!important}#showUserError button,#userRegisteredCorrectly button{width:100%!important;border:0px!important;background-color:var(--primary)!important;color:var(--secondary)!important;padding:10px 0!important;font-size:20px!important;font-weight:600!important}#deleteAccount{border:0px;outline:none;background-color:red;color:var(--dark-1);border-radius:5px;width:100%;font-size:15px;font-weight:700;box-sizing:border-box;padding:10px}#verifyDeleteUser h2{text-align:center;margin:10px auto}#verifyDeleteUser .buttonYesNo{margin:30px auto;gap:10px}#verifyDeleteUser .buttonYesNo button{width:60%;font-weight:700;padding:5px;box-sizing:border-box;border-radius:5px;border:0px;outline:none}#routine h2{color:var(--dark-1);text-align:center;font-size:30px;margin-top:40px;margin-bottom:0}#routine .createRoutine{border:0px;padding:5px 10px;box-sizing:border-box;margin-top:30px}#routine .createRoutine svg{fill:var(--light);width:50px;height:50px}#routine .editRoutineAdvise{margin-top:30px}#routine .editRoutineAdvise h3{color:var(--light);font-size:20px;font-weight:700;text-align:center}#routine .editRoutine{border:0px;box-sizing:border-box}#routine .createRoutine h3,#routine .editRoutine h3{color:var(--light);font-size:18px;margin-left:10px;font-weight:700;text-align:left}#routine .editRoutine{margin-top:30px}#routine .editRoutine h3{font-weight:600;margin:10px 20px 0;text-transform:uppercase}.addonSet{width:100%;height:100vh;position:absolute;top:0;left:0}.addonSet .addonSetContainer{height:fit-content;justify-content:center;align-items:center;border-radius:5px;box-sizing:border-box;overflow:hidden;box-shadow:2px 2px 10px var(--dark-1)}.addonSet .addonSetContainer h2{color:var(--primary);font-size:20px;font-weight:700;text-align:left;margin:10px 0}.addonSet .addonSetContainer h3{color:var(--dark-1);font-weight:600;text-align:center;margin:15px auto}.addonSet .addonSetContainer svg{fill:var(--dark-1);width:30px;height:30px}.addonSet .addonSetContainer input{display:block;width:90%;box-sizing:border-box;margin:10px auto;padding:10px 20px;border:0px;border-radius:3px;outline:none;background-color:var(--primary);color:var(--secondary);font-size:15px;font-weight:600}.addonSet .addonSetContainer input::placeholder{color:var(--secondary);font-size:15px;font-weight:600}.addonSet .addonSetContainer textarea{display:block;width:90%;box-sizing:border-box;margin:10px auto;padding:10px 20px;border:0px;border-radius:3px;outline:none;background-color:var(--primary);color:var(--secondary);font-size:15px;font-weight:600}.addonSet .addonSetContainer textarea::placeholder{color:var(--secondary);font-size:15px;font-weight:600}.addonSet #contWeekDays{gap:10px}.addonSet #contWeekDays button{border:0px;border-radius:100%;box-sizing:border-box;margin:0;width:33px;height:33px;outline:none;background-color:var(--primary);color:var(--secondary);font-size:18px;font-weight:800;vertical-align:middle}.weekDaySelected{background-color:var(--dark-1)!important;color:var(--light)!important}.createRutineAddonButton{width:100%;padding:10px 0;margin-top:30px;border:0px;outline:none;background-color:var(--primary);color:var(--secondary);font-weight:800}.createRutineAddonButton:hover{background-color:var(--dark-1);color:var(--light)}.addonSet{display:none;position:fixed}#createPlanedRoutineAddon,#createFreeRoutineAddon{display:none}.addSession{display:flex;justify-content:center;align-items:center;background-color:var(--secondary);border:0px;border-radius:5px;outline:none;margin-top:20px}.addSession svg{stroke:var(--primary);width:50px;height:50px}.editRoutineShowName{margin-top:40px}.textEditRoutinShowLimitation{width:70%}.textEditRoutinShowLimitation button{margin-left:10px}.editRoutineShowName h2{text-transform:uppercase;font-size:30px;margin:0;color:var(--dark-1);font-weight:700;text-overflow:ellipsis;overflow:hidden;width:200px}.editRoutineShowName .tagGlobal{width:fit-content}.editRoutineShowName button{background-color:var(--dark-1);border-radius:100%;width:fit-content;border:0px;margin-top:10px;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.editRoutineShowName button svg{fill:var(--secondary);width:20px;height:20px}.contButtonsEditRoutine{display:flex;width:30%;justify-content:flex-end}.contButtonsEditRoutine button{background-color:transparent;border:0px;outline:none}.contButtonsEditRoutine button svg{fill:var(--light);width:30px;height:30px}.editEachSession{border-radius:5px;border:0px;margin-top:20px;box-sizing:border-box;padding:0 20px}.editEachSession h2{color:var(--light);width:60%}.editEachSession svg{fill:var(--light);width:30px;height:30px}.alreadyDone{background-color:var(--secondary)!important;color:var(--dark-1)!important}#verificateDeleteSession h2,#confirmDeleteRoutine h2,#setAsMainRoutine h2,#deleteMainRoutine h2{text-align:center!important;margin-bottom:30px!important}#verificateDeleteSession button,#confirmDeleteRoutine button,#setAsMainRoutine button,#deleteMainRoutine button{border:0px;border-radius:3px;padding:10px 20px;outline:none;margin:0 auto 20px;font-weight:700}#editRoutine button{border:0px;border-radius:3px;padding:10px 20px;outline:none;margin:20px auto;font-weight:700}.starIcon,.starIconActive{background-color:transparent!important;width:auto!important;height:fit-content!important}.starIcon svg{stroke:var(--dark-1)!important;fill:var(--dark-1)!important;width:30px!important;height:30px!important}.starIconActive svg{stroke:var(--secondary)!important;fill:var(--secondary)!important;width:30px!important;height:30px!important}#editSessionExercises .addSession svg{stroke:var(--primary)!important}#editSessionExercises .editEachSession{box-shadow:3px 3px 10px #343a4080;height:80px}#editSessionExercises .editEachSession h2{color:var(--secondary);font-size:20px}.addonInferior{z-index:100}.addonSuperior{z-index:200}#selectExerciseType{padding:20px 0}#selectExerciseType .editRoutineShowName{margin-top:10px}#selectExerciseType .textEditRoutinShowLimitation h2{color:var(--light)!important;font-size:25px!important}#selectExerciseType .editRoutineShowName button{background-color:transparent!important;width:auto!important}#selectExerciseType .editRoutineShowName button svg{fill:var(--light)!important;width:30px!important;height:30px!important}.showExcerciseTypesButton{border:0px;border-radius:5px;outline:none;padding:20px;margin:13px 0;font-size:15px!important;font-weight:700;text-align:left;text-transform:uppercase;box-sizing:border-box;color:var(--dark-1)!important}.infoButton{background-color:transparent;border:0px;outline:none;width:fit-content}.infoButton svg{fill:var(--light)!important}.addonExercisesShow{box-sizing:border-box;padding:10px 0 0}.addonExercisesShow .editRoutineShowName{margin:0 auto 10px}.addonExercisesShow .editRoutineShowName h2{color:var(--dark-2)}.addonExercisesShow .editRoutineShowName button{background-color:var(--light)}.filterButtons{gap:10px;margin-bottom:5px}.selectedButton{filter:grayscale(0)!important}.filterButtons{margin-bottom:10px!important}.filterButtons button{filter:grayscale(1);border:0px}.addonExercisesShow form{max-height:400px;overflow-y:scroll;scrollbar-width:none}.addonExercisesShow::-webkit-scrollbar{display:none}.addonExercisesShow .labelExercises{width:100%;box-sizing:border-box;background-color:var(--dark-1);border-radius:5px;margin:5px auto;padding:10px}.addonExercisesShow .labelExercises label{width:80%;color:var(--light);font-size:15px}.addonExercisesShow .labelExercises input[type=checkbox]{width:20%;margin-left:10px;border-radius:100%}.addonExercisesShow .labelExercises .tagGlobal{width:fit-content;padding:3px 10px;margin:0}.globalForm{max-height:340px;overflow-y:scroll;scrollbar-width:none}.globalForm::-webkit-scrollbar{display:none}.addonExercisesShow .labelExercises input[type=checkbox]:checked{background-color:var(--primary)}.addonExercisesShow input[type=submit]{width:100%!important;margin:30px 0 0!important;box-sizing:border-box;background-color:var(--light);color:var(--primary);border-radius:0;font-size:15px;padding:20px 0}#showExerciseDescription1,#showExerciseDescription2,#showExerciseDescription3{box-sizing:border-box;padding-bottom:10px}#showExerciseDescription1 .editRoutineShowName,#showExerciseDescription2 .editRoutineShowName,#showExerciseDescription3 .editRoutineShowName{margin:10px auto}#showExerciseDescription1 .textEditRoutinShowLimitation,#showExerciseDescription2 .textEditRoutinShowLimitation,#showExerciseDescription3 .textEditRoutinShowLimitation{width:90%}#showExerciseDescription1 .editRoutineShowName h2,#showExerciseDescription2 .editRoutineShowName h2,#showExerciseDescription3 .editRoutineShowName h2{color:var(--secondary);font-size:20px}#showExerciseDescription1 .editRoutineShowName button,#showExerciseDescription2 .editRoutineShowName button,#showExerciseDescription3 .editRoutineShowName button{background-color:var(--light)}.textDescription{margin:20px auto;color:var(--light)}#devTools h1{text-align:center;color:var(--dark-1);text-transform:uppercase}#devTools h2{text-align:center;color:var(--secondary);text-transform:uppercase}.marginCages{margin:0 auto 40px}.cageOfUserCard{max-height:300px;overflow-y:scroll;margin:15px auto!important;scrollbar-width:0px}.cageOfUserCard::-webkit-scrollbar{display:none}.addButton{border:0px;outline:none;margin:0 auto 10px}.addButton svg{stroke:var(--primary);width:30px;height:30px}.userCard{margin:10px auto!important;box-sizing:border-box;padding:10px}.userCard p{font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;width:200px}.userCard button{background-color:transparent;border:none;outline:none}.userCard button svg{fill:var(--secondary);width:30px;height:30px}.textAddonDevtools h2{color:var(--primary)!important;text-transform:uppercase}.crossDevtoolsButton{background-color:transparent;border:0px;outline:none}.crossDevtoolsButton svg{fill:var(--dark-1);width:30px;height:30px}.userTypeSelect{margin:10px auto}.userTypeSelect button{border:0px;outline:0px;filter:grayscale(1)}.submitDevtoolsButton{border:0px;outline:none;margin:10px 0 0!important;width:100%!important;background-color:var(--secondary)!important;color:var(--dark-1)!important}.confirmDeleteDevTools{box-sizing:border-box;padding:20px 0}.confirmDeleteDevTools h2{text-align:center!important;margin-bottom:10px!important}.confirmDeleteDevTools button{border:0px;outline:0px;border-radius:5px;width:40%}:root{--light: #e1e8eb;--dark-1: #343a40;--dark-2: #27292b;--primary: #7952b3;--secondary: #ffc107}html,body{margin:0;padding:0;font-family:Kanit,sans-serif}button{font-family:Kanit,sans-serif;transition:.4s}input{font-family:Kanit,sans-serif}textarea{font-family:Kanit,sans-serif;resize:none}.cursorPointer{cursor:pointer}.hoverPurple:hover svg{fill:var(--primary)}.hoverYellow:hover svg{fill:var(--secondary)}.hoverYellow:hover h3{color:var(--secondary)}.allCont{width:100%;height:100vh;overflow-y:scroll;padding-bottom:20%;scrollbar-width:none}.allCont::-webkit-scrollbar{display:none}.backgroundGradient{background:#e1e8eb;background:linear-gradient(146deg,#e1e8eb 13%,#7952b3 68%)}.backgroundBlack{background-color:var(--dark-1)}.backgroundBlack2{background-color:var(--dark-2)}.backgroundWhite{background-color:var(--light)}.backgroundYellow{background-color:var(--secondary)}.backgroundPurple{background-color:var(--primary)}.marginAuto{margin:0 auto}.cage100{width:100%}.cage95{width:95%}.cage90{width:90%}.cage80{width:80%}.cage75{width:75%}.cage70{width:70%}.cage45{width:45%}.tagCont{gap:5px}.tagGlobal{border-radius:100px;font-size:10px;font-weight:700;padding:2px 8px}.tagColor1{background-color:var(--primary);color:var(--secondary)}.tagColor2{background-color:var(--secondary);color:var(--dark-1)}.tagColor3{background-color:red;color:var(--dark-2)}.block{display:block}.none{display:none}.adviseFormText{color:red;font-size:12px;margin-bottom:10px}.flex{display:flex}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.align-center{align-items:center}.flex-column{flex-direction:column}.position-relative{position:relative}.position-fixed{position:fixed}.marginTop-10{margin-top:10px}.marginTop-20{margin-top:20px}.border-r5{border-radius:5px}button,input[type=submit],a button{cursor:pointer;outline:none;font-size:15px}input[type=submit]{font-weight:700}button:scope{border:none}.button1{background-color:var(--dark-1);color:var(--light)}.button2{background-color:var(--secondary);color:var(--dark-1);margin-top:30px}.button3{background-color:var(--primary);color:var(--secondary)}button a{text-decoration:none}.button1 a{color:var(--light)!important}.button2 a{color:var(--dark-1)!important}.button3 a{color:var(--secondary)!important}.loginOnDeskop{padding-top:0;padding-bottom:20px}.loginLogo img{width:130px;height:auto;display:block;margin:auto}.loginLogo h1{font-size:31px;text-align:center;color:var(--dark-1);font-family:Kanit,sans-serif;font-weight:700}.loginForm{display:flex;flex-direction:column;width:100%;margin:0 auto}.loginForm input{width:100%;padding:10px;margin:10px 0;border:none;border-radius:3px;border:1 px solid var(--dark-1);outline:none;box-sizing:border-box}.loginForm input::placeholder{color:var(--dark-1);font-size:15px;font-weight:600}.loginForm button{width:100%;font-size:15px;padding:10px 0;margin:10px 0;border:none;border-radius:3px;font-weight:700;cursor:pointer;outline:none}.loginForm a{color:var(--light);font-weight:700}.checkboxForm input,.checkboxForm label{display:inline-block}.checkboxForm label{margin-left:5px;font-size:15px}.checkboxForm input{width:auto}@media (min-width: 521px){.loginOnDeskop{width:400px;background-color:var(--dark-1)!important;border-radius:15px}.loginForm{width:70%}.loginLogo img{width:130px}.loginLogo h1{font-size:30px;color:var(--light);margin-top:0}.button1{background-color:var(--primary)!important;color:var(--secondary)!important}.button1 a{color:var(--secondary)!important}}@media (min-width: 1500px){.loginOnDeskop{width:600px}.loginLogo img{width:200px}.loginLogo h1{font-size:40px}.loginForm input{padding:10px 20px;margin:10px 0;font-size:15px}.loginForm input::placeholder{font-size:15px}.loginForm button{padding:10px 0;margin:10px 0}.loginForm a,.loginForm button{font-size:15px}}#start p,#start h1{color:var(--light);text-align:center}#start h1{margin:0 auto;font-size:30px}.startLogo img{width:175px;height:auto;display:block;margin:0 auto}.startText p{letter-spacing:1px}.startText p span{color:var(--secondary)}.backgroundModified{color:var(--dark-1)!important;background-color:var(--secondary)!important}.startText button{width:100%;font-size:15px;font-weight:700;padding:10px 0;margin:10px 0;border:none;border-radius:4px}.startText .button2{margin-top:10px!important}@media (min-width: 600px){#start{width:600px}#start .startLogo h1{font-size:40px}.startText .buttonsText{display:flex;align-items:center;justify-content:center;gap:10px}.startText .buttonsText button{max-width:200px}}@media (min-width: 1500px){#start{width:1000px}#start .startLogo img{width:230px}#start .startLogo h1{font-size:40px}.startText p{font-size:20px}.startText .buttonsText button{max-width:400px}.startText button{font-size:20px}}