.loader{width:48px;height:48px;border:5px solid #e3ebfe;border-bottom-color:var(--primary-color);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;align-self:center}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loaderContainer{height:100%;width:100%;display:flex;justify-content:center}.loaderContainerTransparent{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#80808080;display:flex;justify-content:center;align-items:center;z-index:999}.bottom-sheet-header{display:flex;justify-content:center;font-weight:700;font-size:1.4rem;padding-bottom:2rem;border-bottom:1px solid var(--body-color)}.bottom-sheet-container{display:flex;flex-direction:column;justify-content:space-between;height:100%;overflow:auto}.bottom-sheet-buttons-container{display:flex;justify-content:center;gap:2rem;margin-bottom:3rem;padding-inline:3rem}.bottom-sheet-buttons-container>button{width:100%;padding-block:1rem;background-color:var(--primary-color);color:#fff;border-color:transparent;outline:none;border-radius:5rem;font-size:1.5rem;font-weight:500}.floatingInputContainer{position:relative;height:60px;border:none;border-radius:4px;color:var(--secondary-color);display:flex;flex-direction:row;font-size:1.6rem;background-color:#fff;padding-inline:1.5rem;overflow:hidden}.floatingInputContainer>input,textarea{height:100%;border:none;font-size:1.6rem;background-color:transparent;padding-top:1.8rem;color:var(--secondary-color);overflow:auto;flex:1}.floatingInputContainer{position:relative}[data-ismobile=false] .floatingInputContainer{border:1px solid #E2E9F2}.floatingInputContainer .floatingLabel{position:absolute;top:50%;left:0;transform:translateY(-50%);transition:all .2s ease;pointer-events:none;font-size:1.6rem;margin:0 1.5rem;font-weight:300;width:100%;color:var(--title-text-color);-webkit-user-select:none;user-select:none}.floatingInputContainer textarea~.floatingLabel{top:30%;width:auto;font-size:1.3rem}.floatingInputContainer input:focus~.floatingLabel,.floatingInputContainer input:focus-visible~.floatingLabel,.floatingInputContainer textarea:focus~.floatingLabel,.floatingInputContainer textarea:focus-visible~.floatingLabel{top:20px;font-size:1.2rem;color:var(--title-text-color)}.floatingInputContainer input[value]:not([value=""])~.floatingLabel,.floatingInputContainer textarea[value]:not([value=""])~.floatingLabel{top:20px;font-size:1.2rem;color:var(--title-text-color)}.icon-button{background-color:transparent;border:none;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{cursor:pointer}.icon-button:disabled{opacity:.2;cursor:not-allowed}.password-eye-container{display:flex;align-items:center}.hideText{-webkit-text-security:disc}.switch{width:40px;height:20px;border-radius:20px;background-color:#ccc;position:relative;cursor:pointer;transition:background-color .3s ease}.switch-on{background-color:var(--primary-color)}.switch-off{background-color:#ccc}.switch-handle{width:18px;height:18px;background-color:var(--body-color);border-radius:50%;position:absolute;top:1px;left:1px;transition:left .3s ease;box-shadow:0 1px 5px #0000004d}.switch-on .switch-handle{left:21px}.checkbox-container{display:flex;align-items:center;gap:1rem}.checkbox-container>label{color:var(--secondary-color);font-size:1.4rem}.itemsWrapper{display:flex}.item-not-selected{background-color:#fff;margin:10px;width:Hug (75px) px;height:Hug (37px) px;padding:8px 16px;gap:8px;border-radius:4px;border:1px 0px 0px 0px;opacity:0px}.item-selected{background-color:#dde9fa;margin:10px;width:Hug (75px) px;height:Hug (37px) px;padding:8px 16px;gap:8px;border-radius:4px;border:1px 0px 0px 0px;opacity:0px}.country-option{height:64px;display:flex;align-items:center;border-bottom:1px solid #e3ebfe;padding-inline:3rem}.country-option:hover{cursor:pointer}.country-option>span{font-size:1.6rem;font-weight:300;line-height:20.8px;color:#3f4756}.country-option>img{width:32px;height:32px;margin-right:1rem;object-fit:cover;border-radius:5px}.country-group-title{height:55px;background-color:#f2f4f8;display:flex}.country-group-title>span{color:#222734;font-size:1.6rem;font-weight:600;line-height:20.8px;align-content:center;margin-left:3rem}.search-container{border-bottom:1px solid #e2e9f2;margin-inline:3rem}.select-container:hover{cursor:pointer}.options-container{overflow-y:auto;margin-top:.5rem;height:100%;display:flex;justify-content:center}.select-icon{align-content:center;margin-top:5px;margin-right:1rem;display:flex}.select-icon:hover{cursor:pointer}.tooltip-container{display:flex;flex-direction:column;flex-grow:1;height:100%;font-size:1.4rem;color:var(--title-text-color);line-height:20.8px;gap:1rem;text-align:center;padding-inline:3rem;margin-bottom:3rem}.questionnaire-container{background-color:var(--body-color);height:100%;padding:3rem 2rem 1rem;display:flex;flex-direction:column;justify-content:space-between}.questionnaire-container>main{display:flex;flex-direction:column}.questionnaire-header{display:flex;justify-content:space-between;background-color:var(--questionnaire-header-color);height:60px;align-items:center;padding-inline:2rem}.title-group{display:flex;flex-direction:column;gap:1rem;height:100px}.main-title{font-size:1.4rem;font-weight:600;color:var(--title-text-color)}.secoundry-title{font-size:2rem;font-weight:700;color:var(--primary-color)}.controls-container{display:flex;flex-direction:column;padding-inline:1rem;gap:1rem}.control-button{font-weight:600;font-size:1.4rem;border-radius:5rem;border-style:none;padding:1.6rem;flex:1}.button-group{display:flex;gap:2rem;width:100%}.button-group .control-button{flex:1;width:50%}.popup-or-exit-button{background-color:transparent;color:var(--primary-color);font-size:1.6rem}.next-button{background-color:var(--primary-color);color:var(--third-text)}.skippable-container{display:flex;width:100%;flex:1;align-self:center;gap:3rem}.skip-button{background-color:var(--third-text);color:var(--primary-color)}.toggle-container{display:flex;justify-content:space-between}.toggle-container input[type=radio]{clip-path:inset(50%);height:1px;width:1px;position:absolute}.toggle-label{padding:8px 16px;font-size:14px;cursor:pointer;background-color:#fff;border:1px solid #e3ebfe;color:var(--secondary-color);border-radius:4px}.toggle-container input[type=radio]:checked+label{background-color:#dde9fa;border-color:#c7daf7}.select-container{margin-bottom:1.5rem}.select-container:hover{cursor:pointer!important}
