.notesContainer_notesContainer__f09bj{position:absolute;top:20px;background:var(--light-skin-1);padding:7px;border-radius:3px;z-index:3;display:flex;flex-direction:column;width:15vw}.notesContainer_notesContainer__f09bj input,.notesContainer_notesContainer__f09bj textarea{background-color:var(--primary-dark);color:var(--light-skin-1);border-radius:3px;padding:5px;border:none;outline:none;margin-bottom:7px}.notesContainer_notesContainer__f09bj input:disabled,.notesContainer_notesContainer__f09bj textarea:disabled{background-color:var(--primary-light)}.notesContainer_notesContainer__f09bj .notesContainer_buttons__DXm_2{display:flex;justify-content:space-evenly;gap:7px}.notesContainer_notesContainer__f09bj .notesContainer_buttons__DXm_2 button:first-child{background-color:var(--light-hair);color:var(--light-skin-1)}.notesContainer_notesContainer__f09bj .notesContainer_buttons__DXm_2 button{flex:1 1;padding:5px;border:1px solid var(--light-hair);outline:none;border-radius:3px;cursor:pointer}.notesContainer_notesContainer__f09bj .notesContainer_buttons__DXm_2 button:disabled{cursor:not-allowed;opacity:.7}@media only screen and (max-width:768px){.notesContainer_notesContainer__f09bj{width:30vw}}.skeleton_skeleton__cmkif{border-radius:5px;background-color:hsla(0,0%,40%,.502);background-image:linear-gradient(90deg,color-mix(in srgb,var(--primary),transparent 100%),color-mix(in srgb,var(--primary-light),transparent 50%),color-mix(in srgb,var(--primary),transparent 100%));background-size:40px 100%;background-repeat:no-repeat;background-position:left -40px top 0;animation:skeleton_shine__kAYKA 1s ease infinite}@keyframes skeleton_shine__kAYKA{to{background-position:right -40px top 0}}.hairAnalysisCard_hairAnalysisCard__TZwH7{display:flex;flex-direction:column;width:100%;height:100%;max-width:40vw}.hairAnalysisCard_hairAnalysisCard__TZwH7 .hairAnalysisCard_topBar__sLmxQ{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.hairAnalysisCard_hairAnalysisCard__TZwH7 .hairAnalysisCard_topBar__sLmxQ .hairAnalysisCard_dropdown__i7ULO{color:var(--white);display:flex;justify-content:center;align-items:center;gap:20px}.hairAnalysisCard_hairAnalysisCard__TZwH7 .hairAnalysisCard_topBar__sLmxQ .hairAnalysisCard_dropdown__i7ULO div{color:var(--white)}.hairAnalysisCard_hairAnalysisCard__TZwH7 .hairAnalysisCard_topBar__sLmxQ .hairAnalysisCard_floatingIconsRight___nEx9{display:flex;align-items:center;gap:5px}.hairAnalysisCard_hairAnalysisCard__TZwH7 .hairAnalysisCard_analysisImage__6DLfc{position:relative;aspect-ratio:1;width:100%;background-color:var(--secondary);margin:8px auto}.hairAnalysisCard_hairAnalysisCard__TZwH7 .hairAnalysisCard_analysisImage__6DLfc img{width:100%;height:100%}.hairAnalysisCard_hairAnalysisCard__TZwH7 .hairAnalysisCard_analysisImage__6DLfc>p{height:100%;width:100%;display:flex;justify-content:center;align-items:center;background:var(--boxbg)}.hairAnalysisCard_hairAnalysisCard__TZwH7 .hairAnalysisCard_bottomBar__fU4Hl{color:var(--light-skin-1);display:flex;flex-wrap:wrap;gap:20px;padding:10px 0;min-height:50px}.hairAnalysisCard_hairAnalysisSkeleton__D0VKc{height:100%;width:100%}@media only screen and (max-width:768px){.hairAnalysisCard_hairAnalysisCard__TZwH7{max-width:60vw}.hairAnalysisCard_bottomBar__fU4Hl svg{height:25px}}@media only screen and (max-width:640px){.hairAnalysisCard_hairAnalysisCard__TZwH7{max-width:none}}.tabContainer_tabContainer__up_DP{width:100%}.tabContainer_tabContainer__up_DP .tabContainer_tabHeader__Nq38I{display:flex;gap:15px;overflow-x:auto;align-items:flex-end;list-style:none;margin:0 20px;-webkit-margin-end:30px;margin-inline-end:30px}.tabContainer_tabContainer__up_DP .tabContainer_tabHeader__Nq38I li{padding:5px 10px;background-color:var(--light-hair);color:var(--dark-hair);border-radius:5px 5px 0 0;white-space:nowrap;cursor:pointer}.tabContainer_tabContainer__up_DP .tabContainer_tabHeader__Nq38I li[data-active=true]{background-color:var(--light-skin-1)}@media only screen and (max-width:400px){.tabContainer_tabContainer__up_DP .tabContainer_tabHeader__Nq38I{gap:5px}.tabContainer_tabContainer__up_DP .tabContainer_tabHeader__Nq38I li{padding:6px 8px;font-size:small}}.tabContainer_tabSection__ZBDTt{border-radius:5px 5px 0 0;background-color:var(--light-skin-1);min-height:400px;min-width:400px;width:100%}@media only screen and (max-width:640px){.tabContainer_tabSection__ZBDTt{min-width:auto}}