button{background-color:var(--button-background);border:none;border-radius:20px;color:var(--primary-text);cursor:pointer;font-size:18px;height:48px;padding:10px 28px;transition:all .1s}button:hover{background-color:var(--button-hover-background)}button:active{background-color:var(--button-active-background)}button:disabled{cursor:not-allowed;opacity:.5}button img{align-self:center}button .button-count{font-size:14px;margin-left:auto}button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-container{display:flex;flex-direction:column;gap:5px}.input-container[data-input-name=eye-password]{gap:0}.input-container[data-input-name=eye-password] .input-form{align-items:center;border:none;display:flex;height:30px;justify-content:center;margin-right:14px;width:30px}.input-container[data-input-name=eye-password] .auth-form__title,.input-container[data-input-name=eye-password] .auth-input__error{display:none}.input__title{color:var(--tertiary-text)}.input-form{align-items:center;border:2px solid var(--input-stroke);border-radius:20px;display:flex;overflow:visible;position:relative}.input-form input{background:transparent;border:none;border-radius:20px;color:var(--tertiary-text);font-size:16px;height:48px;max-width:500px;outline:none;padding:0 14px;width:100%}.input-form input::placeholder{font-size:16px;padding-left:3px}.input-form input[type=checkbox]{cursor:pointer}.input-form img{cursor:pointer;height:20px;margin-left:15px;width:20px}.input-form .input-suffix{background:transparent;color:var(--tertiary-text);font-size:16px;line-height:1;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%);user-select:none;white-space:nowrap}.input-form .password-toggle{background-color:var(--input-stroke);cursor:pointer;height:20px;mask-image:url(/assets/svg/Eye.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;position:absolute;right:15px;transition:background-color .2s ease;width:20px}.input-form .password-toggle img{display:none}.input-form .password-toggle.off{mask-image:url(/assets/svg/EyeOff.svg)}.input-form.error{border-color:var(--error-text)}.input-form.error .input-suffix,.input-form.error input{color:var(--error-text)}.input-form.error .password-toggle{background-color:var(--error-text)}.input-form.success{border-color:var(--button-active-background)}.input-form.success input{color:var(--button-active-background)}.input-form.success .password-toggle{background-color:var(--button-active-background)}.input-form.has-suffix input{padding-right:25%}@media(max-width:768px){.input-form.has-suffix input{padding-right:26vw}}.auth-page{background:var(--background-gradient);height:100vh}.auth-container,.auth-page{align-items:center;display:flex;justify-content:center}.auth-container{background-color:var(--color-sidebar-background);border-radius:20px;height:auto;padding:30px 20px;width:auto}.auth-page__form-container{display:flex;flex-direction:column;gap:10px}.logo-container{align-items:center;display:flex;flex-direction:row;gap:6px;justify-content:center}.logo-container svg{margin-bottom:16px}.logo__title{align-items:end;color:var(--accent-2);display:flex;font-family:Shantell Sans,sans-serif;font-size:40px;justify-content:center;margin-top:auto}.auth-form{display:flex;flex-direction:column;gap:5px;width:400px}.auth-form__title{color:var(--tertiary-text);display:flex;font-size:26px;justify-content:center}.auth-form__subtitle{color:var(--accent-2);display:flex;font-size:20px;justify-content:center}.auth-form__inputs{display:flex;flex-direction:column;gap:12px}.auth-form__inputs .auth-input__error{color:var(--error-text);font-size:14px;height:20px;padding-left:12px}.auth-form__actions{display:flex;flex-direction:column;gap:16px}[name=button-reg-for-login]{background-color:var(--color-sidebar-background);border:3px solid var(--accent);color:var(--accent)}[name=button-reg-for-login]:hover{background-color:var(--color-main-background)}@media(max-width:768px){.auth-page{justify-content:center}.auth-page .auth-container{justify-self:center;width:80vw}.auth-page .auth-container .auth-page__form-container{width:100%}.auth-page .auth-container .auth-page__form-container .auth-form__subtitle{font-size:16px}.auth-page .auth-container .auth-page__form-container .auth-form,.auth-page .auth-container .auth-page__form-container .auth-form .auth-form__inputs,.auth-page .auth-container .auth-page__form-container .auth-form .auth-form__inputs .input-container{width:100%}}[name=button-login-for-reg]{background-color:var(--color-sidebar-background);border:3px solid var(--accent);color:var(--accent)}[name=button-login-for-reg]:hover{background-color:var(--color-main-background)}.auth-page__form-container{gap:20px}.shadow{border-radius:20px;box-shadow:4px 4px 20px 5px rgba(0,0,0,.3)}@font-face{font-family:Ubuntu Sans;font-style:normal;src:url(/assets/UbuntuSans-VariableFont_wdth,wght.8c1cbe877c7fb2a26df6.ttf) format("truetype")}@font-face{font-family:Shantell Sans;font-style:normal;src:url(/assets/ShantellSans-VariableFont_BNCE,INFM,SPAC,wght.eab2686c0c146e017020.ttf) format("truetype")}*{border:none;font-family:Ubuntu Sans,sans-serif}*,body,html{margin:0;padding:0}body,html{overscroll-behavior:none}#root,body,html{height:100%;overflow:hidden}:root{--accent:#07f;--accent-2:#05f;--primary-text:#fff;--secondary-text:hsla(0,0%,39.6%,.5);--error-text:red;--tertiary-text:#000;--muted-text:#999;--background-gradient:linear-gradient(#eee,#cbe2ff,#77b4ff,#4398ff);--color-main-background:#e6f4ff;--color-sidebar-background:#fff;--button-background:#05f;--button-hover-background:#499bff;--button-active-background:#005cc6;--button-background-second:#dbeaff;--input-error-background:#fbecec;--input-background:#e4e4e4;--input-success-background:#e7f1ff;--input-stroke:#c6c6c6;--mail-stroke:hsla(0,0%,79.2%,.4);--mail-read-background:rgba(231,241,255,.4)}:root[data-theme=dark]{--accent:#39f;--accent-2:#1a75ff;--primary-text:#e1e1e1;--secondary-text:hsla(0,0%,62.7%,.7);--error-text:#f44;--tertiary-text:#fff;--muted-text:#888;--background-gradient:linear-gradient(#1a1a2e,#16213e,#0f3460,#1a1a2e);--color-main-background:#1e1e2f;--color-sidebar-background:#252538;--button-background:#1a75ff;--button-hover-background:#39f;--button-active-background:#05c;--button-background-second:#1a2a4a;--input-error-background:#3d2020;--input-background:#2a2a3d;--input-success-background:#1a2a4a;--input-stroke:#404060;--mail-stroke:rgba(80,80,120,.4);--mail-read-background:rgba(30,40,60,.5)}.sidebar-widget{background-color:var(--color-sidebar-background);border-radius:0 20px 20px 0;box-sizing:border-box;display:flex;flex-direction:column;gap:15px;height:calc(100vh - 40px);margin:20px 0;overflow-x:hidden;overflow-y:auto;padding:40px 30px;position:sticky;width:100%}.sidebar-widget .sidebar-settings-back-button-mobile{align-items:center;color:var(--tertiary-text);display:flex;gap:5px;margin-bottom:5px;padding:0 10px;width:fit-content}.sidebar-widget .sidebar-settings-back-button-mobile .arrow-left-icon{background-color:var(--tertiary-text);height:24px;mask-image:url(/assets/svg/ArrowLeft.svg);mask-position:center;mask-size:contain;width:24px}.sidebar-widget .logo-container{cursor:pointer}.sidebar-widget .sidebar-content{align-items:start;display:flex;flex-direction:column;gap:15px;width:100%}.sidebar-widget .sidebar-content .drop-down{width:100%}.sidebar-widget .extra-button-container,.sidebar-widget .main-button,.sidebar-widget .main-button-container,.sidebar-widget .main-button-profile{align-items:start;display:flex;flex-direction:column;gap:7px;width:100%}.sidebar-widget .extra-button-container [name=button-new-letter]:before,.sidebar-widget .main-button [name=button-new-letter]:before,.sidebar-widget .main-button-container [name=button-new-letter]:before,.sidebar-widget .main-button-profile [name=button-new-letter]:before{background-color:var(--primary-text);content:"";display:inline-block;height:28px;mask-image:url(/assets/svg/Compose.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:28px}.sidebar-widget .extra-button-container [name=button-inbox]:before,.sidebar-widget .main-button [name=button-inbox]:before,.sidebar-widget .main-button-container [name=button-inbox]:before,.sidebar-widget .main-button-profile [name=button-inbox]:before{background-color:var(--tertiary-text);content:"";display:inline-block;height:28px;mask-image:url(/assets/svg/Inbox.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:28px}.sidebar-widget .extra-button-container [name=button-drafs]:before,.sidebar-widget .main-button [name=button-drafs]:before,.sidebar-widget .main-button-container [name=button-drafs]:before,.sidebar-widget .main-button-profile [name=button-drafs]:before{background-color:var(--tertiary-text);content:"";display:inline-block;height:28px;mask-image:url(/assets/svg/Draft.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:28px}.sidebar-widget .extra-button-container [name=button-sends]:before,.sidebar-widget .main-button [name=button-sends]:before,.sidebar-widget .main-button-container [name=button-sends]:before,.sidebar-widget .main-button-profile [name=button-sends]:before{background-color:var(--tertiary-text);content:"";display:inline-block;height:28px;mask-image:url(/assets/svg/Sent.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:28px}.sidebar-widget .extra-button-container [name=button-favorites]:before,.sidebar-widget .main-button [name=button-favorites]:before,.sidebar-widget .main-button-container [name=button-favorites]:before,.sidebar-widget .main-button-profile [name=button-favorites]:before{background-color:var(--tertiary-text);content:"";display:inline-block;height:28px;mask-image:url(/assets/svg/SidebarFavorites.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:28px}.sidebar-widget .extra-button-container [name=button-spam]:before,.sidebar-widget .main-button [name=button-spam]:before,.sidebar-widget .main-button-container [name=button-spam]:before,.sidebar-widget .main-button-profile [name=button-spam]:before{background-color:var(--tertiary-text);content:"";display:inline-block;height:28px;mask-image:url(/assets/svg/Spam.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:28px}.sidebar-widget .extra-button-container [name=button-trash]:before,.sidebar-widget .main-button [name=button-trash]:before,.sidebar-widget .main-button-container [name=button-trash]:before,.sidebar-widget .main-button-profile [name=button-trash]:before{background-color:var(--tertiary-text);content:"";display:inline-block;height:28px;mask-image:url(/assets/svg/Trash.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:28px}.sidebar-widget .extra-button-container [name=button-all-letter]:before,.sidebar-widget .main-button [name=button-all-letter]:before,.sidebar-widget .main-button-container [name=button-all-letter]:before,.sidebar-widget .main-button-profile [name=button-all-letter]:before{background-color:var(--tertiary-text);content:"";display:inline-block;height:28px;mask-image:url(/assets/svg/AllMail.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:28px}.sidebar-widget .extra-button-container .folder-item,.sidebar-widget .main-button .folder-item,.sidebar-widget .main-button-container .folder-item,.sidebar-widget .main-button-profile .folder-item{width:100%}.sidebar-widget .extra-button-container .folder-item .folder-button,.sidebar-widget .main-button .folder-item .folder-button,.sidebar-widget .main-button-container .folder-item .folder-button,.sidebar-widget .main-button-profile .folder-item .folder-button{padding:0 0 0 50px}.sidebar-widget .extra-button-container .folder-item .folder-button span,.sidebar-widget .main-button .folder-item .folder-button span,.sidebar-widget .main-button-container .folder-item .folder-button span,.sidebar-widget .main-button-profile .folder-item .folder-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto}.sidebar-widget .extra-button-container [name=button-folder]:before,.sidebar-widget .main-button [name=button-folder]:before,.sidebar-widget .main-button-container [name=button-folder]:before,.sidebar-widget .main-button-profile [name=button-folder]:before{background-color:var(--tertiary-text);content:"";display:inline-block;height:28px;mask-image:url(/assets/svg/Folder.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;min-width:28px;width:28px}.sidebar-widget .sidebar-profile{align-items:center;display:flex;flex-direction:column;height:146px;width:100%}.sidebar-widget .sidebar-profile img{border-radius:50%;height:80px;margin-bottom:20px;object-fit:cover;width:80px}.sidebar-widget .sidebar-profile .sidebar-profile__text span{color:var(--tertiary-text);overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:200px}.sidebar-widget .sidebar-profile .sidebar-profile__text p{color:var(--secondary-text);font-size:14px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:200px}.sidebar-widget .main-button button,.sidebar-widget .main-button-profile button{align-items:center;border-radius:14px;color:var(--primary-text);display:flex;font-size:16px;gap:6px;height:40px;width:100%}.sidebar-widget .main-button-profile button:before{background-color:var(--primary-text);content:"";display:inline-block;height:20px;mask-image:url(/assets/svg/ArrowLeft.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:20px}.sidebar-widget .extra-button-container button,.sidebar-widget .main-button-container button{align-items:center;background-color:var(--color-sidebar-background);display:flex;font-size:16px;gap:7px;height:40px;width:100%}.sidebar-widget .extra-button-container button:hover,.sidebar-widget .extra-button-container button[data-is-select=true],.sidebar-widget .main-button-container button:hover,.sidebar-widget .main-button-container button[data-is-select=true]{background-color:var(--color-main-background)}.sidebar-widget .main-button-container button{color:var(--tertiary-text)}.sidebar-widget .main-button-container [name=button-profile]:before{mask-image:url(/assets/svg/Avatar.svg)}.sidebar-widget .main-button-container [name=button-profile]:before,.sidebar-widget .main-button-container [name=button-security]:before{background-color:var(--tertiary-text);content:"";display:inline-block;height:28px;mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:28px}.sidebar-widget .main-button-container [name=button-security]:before{mask-image:url(/assets/svg/Lock.svg)}.sidebar-widget .main-button-container [name=button-settings]:before{mask-image:url(/assets/svg/Settings.svg)}.sidebar-widget .main-button-container [name=button-folder]:before,.sidebar-widget .main-button-container [name=button-settings]:before{background-color:var(--tertiary-text);content:"";display:inline-block;height:28px;mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:28px}.sidebar-widget .main-button-container [name=button-folder]:before{mask-image:url(/assets/svg/Folder.svg)}.sidebar-widget .main-button-container [name=button-support]:before{background-color:var(--tertiary-text);content:"";display:inline-block;height:28px;mask-image:url(/assets/svg/Support.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:28px}.sidebar-widget .drop-down .extra-button-container{padding-top:15px}.sidebar-widget .drop-down .extra-button-container button{color:var(--tertiary-text)!important;gap:15px;padding:0 20px 0 50px}.sidebar-widget button img{height:32px;width:32px}.sidebar-widget .count{font-size:18px;margin-left:auto}.sidebar-widget .drop-down [name=button-drop-down]:before{background-color:var(--muted-text);content:"";display:inline-block;height:28px;mask-image:url(/assets/svg/DropdownArrow.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;transition:transform .3s;width:28px}.sidebar-widget .drop-down [name=button-drop-down].active:before{transform:rotate(180deg)}.sidebar-widget .drop-down button{align-items:center;background-color:var(--color-sidebar-background);color:var(--secondary-text);display:flex;font-size:16px;gap:10px;height:40px;margin-left:8px;padding:0 20px;width:100%}@media(max-width:768px){.main-button button,.main-button-profile button{height:50px}.extra-button-container,.main-button-container{margin-top:10px}.extra-button-container button,.main-button-container button{height:50px}.extra-button-container.mobile-tiles,.main-button-container.mobile-tiles{display:grid;grid-template-columns:50% 50%}.extra-button-container.mobile-tiles button,.main-button-container.mobile-tiles button{align-items:center;aspect-ratio:1/1;background:var(--color-main-background);display:flex;flex-direction:column;font-size:1.05rem;gap:25px;height:auto;justify-content:center;padding:10px;width:100%}.extra-button-container.mobile-tiles button img,.main-button-container.mobile-tiles button img{display:block;fill:var(--accent-2);height:30%;width:30%}.extra-button-container.mobile-tiles button .button-count,.main-button-container.mobile-tiles button .button-count{display:none}.sidebar-profile__name{font-size:20px;font-weight:500}.sidebar-profile__email{font-size:16px;margin-top:5px}}.sidebar-profile{align-items:center;display:flex;flex-direction:column;height:146px;width:100%}.sidebar-profile .sidebar-profile__text{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.sidebar-profile .sidebar-profile__text span{font-size:1rem}.sidebar-profile .sidebar-profile__text p{color:var(--secondary-text);font-size:.75rem;text-align:left}.sidebar-profile .sidebar-profile__text.text-left p,.sidebar-profile .sidebar-profile__text.text-left span{text-align:left}.sidebar-profile img{border-radius:50%;height:80px;margin-bottom:20px;object-fit:cover;width:80px}.sidebar-profile.mobile{align-items:center;display:none;flex-direction:row;height:auto;justify-content:flex-start}.sidebar-profile.mobile .sidebar-profile__text{align-items:flex-start;flex-direction:column;justify-content:flex-start;margin-left:20px}.sidebar-profile.mobile .sidebar-profile__text .sidebar-profile__email,.sidebar-profile.mobile .sidebar-profile__text .sidebar-profile__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:fit-content}.sidebar-profile.mobile img{height:50px;margin-bottom:0;width:50px}.sidebar-profile.mobile button{align-items:center;background-color:transparent;display:flex;height:60px;justify-content:center;width:60px}.sidebar-profile.mobile button:hover{background-color:var(--color-main-background);transition:.4s}.sidebar-profile.mobile button[name=avatar] img{border-radius:50%;height:55px;object-fit:cover;width:55px}@media(max-width:768px){.sidebar-profile.mobile{display:flex;flex-direction:row;justify-content:flex-start;margin-top:auto;min-width:0;padding-left:10px;width:100%}.sidebar-profile.mobile .sidebar-profile__text{align-items:flex-start;flex:1 1 auto;flex-direction:column;justify-content:flex-start;margin-left:10px;min-width:0}.sidebar-profile.mobile .sidebar-profile__text .sidebar-profile__email,.sidebar-profile.mobile .sidebar-profile__text .sidebar-profile__name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.sidebar-profile.mobile .sidebar-profile__logout-btn{background-color:var(--tertiary-text);flex-shrink:0;height:32px;margin-left:auto;margin-right:20px;mask-image:url(/assets/svg/Logout.svg);mask-position:center;mask-size:contain;min-width:32px;width:32px}}.mail-header{align-items:center;display:flex;height:40px;justify-content:space-between;padding:4px 18px}.mail-header__left-container,.mail-header__right-container{align-items:center;color:var(--tertiary-text);display:flex;gap:10px}.mail-header__left-container [name=refresh]:before{background-color:var(--tertiary-text);content:"";display:inline-block;height:24px;mask-image:url(/assets/svg/Refresh.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:24px}.mail-header__left-container [name=refresh].refreshing:before{animation:spin 1s linear infinite}.mail-header__left-container .select-all-container{display:flex;gap:5px}.mail-header__left-container .select-all__tools-left{display:flex;padding-right:15px;position:relative}.mail-header__left-container .select-all__tools-left.hide-separator:after{display:none}.mail-header__left-container .select-all__tools-left:after{background-color:var(--muted-text);content:"";height:40%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:2px}.mail-header__left-container .select-all__tools-left [name=favorites]:before{background-color:var(--tertiary-text);content:"";display:inline-block;height:24px;mask-image:url(/assets/svg/StarOn.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:24px}.mail-header__left-container .select-all__tools-left [name=unfavorite]:before{mask-image:url(/assets/svg/SidebarFavorites.svg)}.mail-header__left-container .select-all__tools-left [name=spam]:before,.mail-header__left-container .select-all__tools-left [name=unfavorite]:before{background-color:var(--tertiary-text);content:"";display:inline-block;height:24px;mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:24px}.mail-header__left-container .select-all__tools-left [name=spam]:before{mask-image:url(/assets/svg/Spam.svg)}.mail-header__left-container .select-all__tools-left [name=trash]:before{background-color:var(--tertiary-text);content:"";display:inline-block;height:24px;mask-image:url(/assets/svg/Trash.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:24px}.mail-header__left-container .select-all__tools-left [name=move-to-inbox]:before{background-color:var(--tertiary-text);content:"";display:inline-block;height:24px;mask-image:url(/assets/svg/Inbox.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:24px}.mail-header__left-container .select-all__tools-right{display:flex}.mail-header__left-container .select-all__tools-right [name=read-all-mail]:before{background-color:var(--tertiary-text);content:"";display:inline-block;height:24px;mask-image:url(/assets/svg/ReadAllMail.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:24px}.mail-header__left-container .select-all__tools-right [name=unread-all-mail]:before{background-color:var(--tertiary-text);content:"";display:inline-block;height:24px;mask-image:url(/assets/svg/Mail.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:24px}.mail-header__left-container .select-all__tools-right [name=move-to-folder]:before{background-color:var(--tertiary-text);content:"";display:inline-block;height:24px;mask-image:url(/assets/svg/MoveToFolder.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:24px}.mail-header__left-container .select-all__tools-right .move-to-folder-container{display:inline-block;position:relative}.mail-header__left-container .select-all__tools-right .folder-dropdown{background:var(--color-main-background);border:1px solid var(--color-main-background);border-radius:8px;margin-top:8px;max-height:300px;min-width:200px;overflow-y:auto;padding:4px 0;position:absolute;right:0;top:100%;z-index:1000}.mail-header__left-container .select-all__tools-right .folder-dropdown__item{color:var(--tertiary-text);cursor:pointer;font-size:14px;padding:10px 16px;transition:background .2s ease}.mail-header__left-container .select-all__tools-right .folder-dropdown__item:hover{background-color:var(--color-sidebar-background)}.mail-header__left-container .select-all__tools-right .folder-dropdown__item--empty{color:#999;cursor:default}.mail-header__left-container .select-all__tools-right .folder-dropdown__item--empty:hover{background:transparent}.mail-header__left-container .left-container__select-all{align-items:center;border-radius:10px;display:flex;justify-content:center;overflow:hidden;padding:0 7px}.mail-header__left-container .left-container__select-all:hover{background-color:var(--color-main-background);transition:.4s}.mail-header__left-container .left-container__select-all [name=arrow-down]{background-color:var(--tertiary-text);content:"";display:inline-block;height:16px;mask-image:url(/assets/svg/ArrowDown.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:16px}.mail-header__left-container .left-container__select-all button img{height:24px;width:24px}.mail-header button{align-items:center;background-color:transparent;display:flex;height:40px;justify-content:center;padding:0 10px;width:40px}.mail-header button:hover{background-color:var(--color-main-background);transition:.4s}.mail-header button:active{background-color:rgba(124,165,255,.537);transition:.4s}.mail-header button img{height:24px;width:24px}.mail-header button[name=right]{mask-image:url(/assets/svg/ArrowRight.svg)}.mail-header button[name=left],.mail-header button[name=right]{background-color:var(--tertiary-text);content:"";display:inline-block;height:20px;mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:20px}.mail-header button[name=left]{mask-image:url(/assets/svg/ArrowLeft.svg)}.mail-header button:disabled:before{background-color:var(--secondary-text);content:"";display:inline-block;height:20px;width:20px}.mail-header .checkbox-all{mask-image:url(/assets/svg/CheckboxOffAll.svg)}.mail-header .checkbox-all,.mail-header .checkbox-all.isSelect{appearance:none;background-color:var(--tertiary-text);height:24px;margin:0;mask-position:center;mask-repeat:no-repeat;mask-size:contain;position:relative;width:24px}.mail-header .checkbox-all.isSelect{mask-image:url(/assets/svg/CheckboxDeselect.svg)}@media(max-width:768px){.mail-header__left-container [name=refresh]:before{height:36px;width:36px}.mail-header__left-container .select-all__tools-left{display:flex;padding-right:15px;position:relative}.mail-header__left-container .select-all__tools-left:after{background-color:var(--muted-text);content:"";height:40%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:2px}.mail-header__left-container .select-all__tools-left [name=favorites]:before{mask-image:url(/assets/svg/SidebarFavorites.svg)}.mail-header__left-container .select-all__tools-left [name=favorites]:before,.mail-header__left-container .select-all__tools-left [name=spam]:before{background-color:var(--tertiary-text);content:"";display:inline-block;height:32px;mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:32px}.mail-header__left-container .select-all__tools-left [name=spam]:before{mask-image:url(/assets/svg/Spam.svg)}.mail-header__left-container .select-all__tools-left [name=trash]:before{background-color:var(--tertiary-text);content:"";display:inline-block;height:32px;mask-image:url(/assets/svg/Trash.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:32px}.mail-header__left-container .select-all__tools-left [name=move-to-inbox]:before{background-color:var(--tertiary-text);content:"";display:inline-block;height:32px;mask-image:url(/assets/svg/Inbox.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:32px}}.mail{border-radius:20px;box-shadow:0 0 0 2px var(--mail-stroke);box-sizing:border-box;color:var(--tertiary-text);cursor:pointer;display:flex;flex-direction:row;font-size:20px;gap:15px;justify-content:space-between;margin-left:5px;margin-top:5px;max-height:75px;padding:10px 22.5px;width:100%}.mail.read{background-color:var(--input-success-background);box-shadow:none;color:var(--secondary-text);opacity:.75;text-decoration:none}.mail.selected{background-color:#9cc8fe;box-shadow:0 0 0 2px var(--accent);color:var(--tertiary-text);opacity:1}.mail.selected .checkbox-container .favorites-checkbox{background-color:#000}.mail:hover{background-color:var(--color-main-background);transition:.1s}.mail:hover .mail-date__text{display:none!important}.mail:hover .mail-date__actions{display:flex!important}.mail .checkbox-container{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:10px}.mail .checkbox-container input{cursor:pointer}.mail input[name=select-checkbox]{appearance:none;-webkit-appearance:none;background-image:url(/assets/svg/CheckboxOff.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;cursor:pointer;height:24px;margin:0;width:24px}.mail input[name=select-checkbox]:checked{background-image:url(/assets/svg/CheckboxOn.svg)}.mail input[name=favorites-checkbox]{appearance:none;-webkit-appearance:none;background-color:var(--tertiary-text);cursor:pointer;height:24px;margin:0;mask-image:url(/assets/svg/StarOff.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:24px}.mail input[name=favorites-checkbox]:checked{background-color:var(--button-background);mask-image:url(/assets/svg/StarOn.svg)}.mail .read-checkbox.read{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:50%;cursor:pointer;display:none;height:9px;margin-left:20px;padding:0;transition:all .2s ease;width:9px}.mail .read-checkbox.read:hover{border:2px solid var(--accent-2)}.mail .read-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:4px solid var(--accent-2);border-radius:50%;cursor:pointer;height:8px;margin:0 10px 0 5px;padding:0;transition:all .2s ease;width:8px}.mail .mail-content{align-items:center;display:flex;height:100%;width:100%}.mail .mail-content .mail-content__right-part-mobile{display:none}.mail .mail-content .mail-content__left-part{display:flex;flex:1;font-size:16px;gap:0;height:100%;justify-self:center;min-width:0}.mail .mail-content .mail-content__left-part .mail-sender{align-self:center;font-weight:500;justify-self:flex-start;max-width:30%;min-width:200px;overflow:hidden;padding-right:20px;text-overflow:ellipsis;white-space:nowrap;width:fit-content}@media(max-width:1000px){.mail .mail-content .mail-content__left-part .mail-sender{min-width:150px}}.mail .mail-content .mail-content__left-part .unread-dot{background-color:var(--accent);border-radius:50%;display:inline-block;height:8px;margin-right:8px;vertical-align:middle;width:8px}.mail .mail-content .mail-content__left-part .unread-dot.mail-read{display:none}.mail .mail-content .mail-content__left-part .mail-text-content{align-items:center;display:grid;grid-template-columns:minmax(0,85%) 15%;justify-content:space-between;width:100%}@media(max-width:1000px){.mail .mail-content .mail-content__left-part .mail-text-content{grid-template-columns:minmax(0,65%) 35%}}.mail .mail-content .mail-content__left-part .mail-text-content .mail-theme{flex-shrink:0;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.mail .mail-content .mail-content__left-part .mail-text-content .mail-theme .mail-title{flex:1;opacity:.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:25vw}.mail .mail-content .mail-content__left-part .mail-text-content .mail-date{flex-shrink:0;justify-self:end;margin-left:auto;min-width:fit-content;text-align:right;white-space:nowrap;width:auto}.mail .mail-content .mail-content__left-part .mail-text-content .mail-date__actions{align-items:center;display:none;gap:10px}.mail .mail-content .mail-content__left-part .mail-text-content .mail-date__actions .action-btn{background-color:var(--tertiary-text);cursor:pointer;height:20px;margin:0;mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:20px}.mail .mail-content .mail-content__left-part .mail-text-content .mail-date__actions .action-btn--read{mask-image:url(/assets/svg/ReadAllMail.svg)}.mail .mail-content .mail-content__left-part .mail-text-content .mail-date__actions .action-btn--trash{mask-image:url(/assets/svg/Trash.svg)}.mail.selected{background-color:var(--color-main-background);border-color:var(--accent)}@media(max-width:768px){.mail{align-items:center;border:none}.mail input[name=favorites-checkbox]{display:none}.mail .checkbox-container .select-checkbox{height:24px;width:24px}.mail .mail-content{display:grid;grid-template-columns:1fr 60px;width:100%}.mail .mail-content .mail-content__left-part{align-items:flex-start;display:flex;flex-direction:column;gap:3px;justify-content:flex-start;justify-self:flex-start;width:100%}.mail .mail-content .mail-content__left-part .mail-sender{align-self:flex-start;font-size:15px;font-weight:700;width:100%}.mail .mail-content .mail-content__left-part .mail-text-content{align-items:flex-start;display:flex;flex-direction:column;gap:3px;width:100%}.mail .mail-content .mail-content__left-part .mail-text-content .mail-theme{font-size:12px;font-weight:500}.mail .mail-content .mail-content__left-part .mail-text-content .mail-title{flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:25vw;width:100%}.mail .mail-content .mail-content__left-part .mail-text-content .mail-date{display:none}.mail .mail-content .mail-content__right-part-mobile{align-items:end;display:flex;flex-direction:column;gap:10px;justify-content:right;padding-top:3px;width:100%}.mail .mail-content .mail-content__right-part-mobile .mail-date-mobile{font-size:12px;justify-self:flex-start;text-align:right}.mail .mail-content .mail-content__right-part-mobile .favorites-checkbox-mobile{align-self:flex-end;display:flex}}.main-page{background:var(--background-gradient);display:grid;grid-template-columns:290px 1fr;height:100vh;overflow:hidden}.main-page .button-new-letter-mobile{display:none}.main-page .right-part{display:flex;flex-direction:column;height:calc(100vh - 40px);margin:20px;overflow:hidden}.main-page .sidebar{width:285px}.main-page .sidebar-overlay{display:none}.main-page .top-bar{align-items:center;display:flex;flex-direction:row;height:55px;justify-content:space-between}.main-page .top-bar .hamburger-btn{display:none}.main-page .search-bar{align-items:center;background-color:var(--color-sidebar-background);border-radius:20px;display:flex;font-size:18px;height:48px;margin-right:50px;min-width:0;padding:0 20px;pointer-events:none;visibility:hidden}@media(max-width:768px){.main-page .search-bar{visibility:visible}}.main-page .search-bar .input-container{gap:0}.main-page .search-bar .input-form{align-items:center;border:none;display:flex;flex-direction:row;flex-wrap:nowrap}.main-page .search-bar .input-form img{margin:0}.main-page .search-bar .input-form input{background:none;height:40px;width:400px}.main-page .search-bar .input-form input:focus{outline:none}.main-page .search-bar img{height:24px;width:24px}.main-page .search-bar .auth-input__error{height:0}.main-page .search-bar .search-input::placeholder{color:#999}.main-page .top-right-menu{align-items:center;display:flex;gap:20px}.main-page .top-right-menu .support{background-color:var(--tertiary-text);cursor:pointer;height:32px;mask-image:url(/assets/svg/Support.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:32px}.main-page .top-right-menu button{align-items:center;background-color:transparent;display:flex;height:60px;justify-content:center;padding:0;width:60px}.main-page .top-right-menu button:hover{background-color:var(--color-main-background);transition:.4s}.main-page .top-right-menu button[name=avatar] img{border-radius:50%;height:50px;margin:5px;object-fit:cover;width:50px}.main-page .mail-box-container__mobile-header{display:none}.main-page .mail-box-container{background-color:var(--color-sidebar-background);border-radius:20px;display:flex;flex-direction:column;gap:3px;height:100%;margin:20px 0 0;min-height:0;overflow:hidden;padding:10px}.main-page .mail-box-container .container-form{height:100%;overflow:hidden}.main-page .mail-box-container .mail-box-container-form{display:flex;flex-direction:column;gap:2px;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding-bottom:30px;padding-right:10px}.main-page .mail-box-container .mail-box-container-form::-webkit-scrollbar{width:6px}.main-page .mail-box-container .mail-box-container-form::-webkit-scrollbar-track{background:transparent;border-radius:3px}.main-page .mail-box-container .mail-box-container-form::-webkit-scrollbar-thumb{background:var(--mail-stroke);border-radius:3px}.main-page .mail-box-container .mail-box-container-form__placeholder{align-items:center;color:var(--secondary-text);display:flex;flex-direction:column;font-size:20px;height:94%;justify-content:center;width:100%}.main-page .mail-box-container .mail-box-container-form__placeholder__icon{background-color:silver;content:"";display:inline-block;height:100px;mask-image:url(/assets/svg/Inbox.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:100px}.main-page .mail-box-container .input-form{align-items:center;border:none;display:flex;flex-direction:row}@media(max-width:768px){.main-page{display:block;grid-template-columns:1fr}.main-page .button-new-letter-mobile{align-items:center;bottom:7vh;cursor:pointer;display:flex;float:right;height:64px;justify-content:center;left:auto;padding:0;position:fixed;right:12vw;top:auto;width:64px;z-index:10}.main-page .button-new-letter-mobile img{height:32px;width:32px}.main-page .button-new-letter-mobile span{display:none}body .main-page .right-part{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;margin:0;width:100vw}body .main-page .mail-box-container__mobile-header{align-items:left;color:var(--secondary-text);display:flex;font-size:16px;font-weight:500;justify-content:left;padding-left:25px}body .main-page .mail-box-container{border-radius:20px 20px 0 0;height:calc(100% - 30px);margin:5px 0 0}body .main-page .top-bar{height:15%;margin:0 15px}.main-page .top-bar .search-bar{height:60px;margin-left:10px;margin-right:0;width:100%}.main-page .top-bar .search-bar .input-form input{box-sizing:border-box;min-width:0;width:100%}.main-page .top-bar .top-right-menu{display:none}.main-page .top-bar .hamburger-btn{align-items:center;background-color:var(--color-sidebar-background);border:none;border-radius:20px;cursor:pointer;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.main-page .top-bar .hamburger-btn .hamburger-icon{background-color:var(--tertiary-text);height:24px;mask-image:url(/assets/svg/Hamburger.svg);mask-position:center;mask-size:contain;width:24px}.main-page .top-bar .hamburger-btn:active{background-color:#f0f0f0}body .sidebar{left:0;margin:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;z-index:1000}body .sidebar.open{transform:translateX(0);width:85%}body .sidebar .sidebar-widget .sidebar-content .main-button{display:none}body .sidebar-overlay{background:rgba(0,0,0,.5);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;visibility:hidden;z-index:999}body .sidebar-overlay.open{opacity:1;visibility:visible}}.modal-overlay{background-color:var(--color-sidebar-background);border-radius:20px;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:30px 20px;position:fixed;right:20px;top:90px;width:340px;z-index:1000}.overlay__title{align-items:center;display:flex;font-size:16px;width:100%}.overlay__title p{color:var(--tertiary-text);flex:1;margin-left:5%;max-width:85%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.overlay__email{text-align:center;width:100%}.overlay__email p{color:var(--tertiary-text);font-size:14px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overlay__close button{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;position:absolute;right:30px;top:30px;width:20px}.overlay__close button img{height:100%;width:100%}.overlay__avatar{display:flex;justify-content:center}.overlay__avatar img{border-radius:50%;height:80px;object-fit:cover;width:80px}.overlay-actions{display:flex;flex-direction:column}.overlay-actions button{align-items:center;background-color:var(--color-sidebar-background);color:var(--tertiary-text);display:flex;gap:10px}.overlay-actions button[name=profile]{border:2px solid var(--input-stroke);border-radius:20px 20px 0 0}.overlay-actions button[name=profile]:hover{background-color:hsla(0,0%,81%,.302)}.overlay-actions button[name=settings]{border-bottom:2px solid var(--input-stroke);border-left:2px solid var(--input-stroke);border-radius:0 0 20px 20px;border-right:2px solid var(--input-stroke)}.overlay-actions button[name=settings]:hover{background-color:hsla(0,0%,81%,.302)}.button-exit button{background-color:#05f;width:100%}.support-modal{align-items:center;display:none;height:100%;justify-content:center;position:fixed;width:100%;z-index:9999999}.support-modal.show{display:grid;place-items:center}.support-modal .support-modal-overlay{background-color:rgba(0,0,0,.5);height:100%;left:0;position:absolute;top:0;width:100%}.support-modal .support-iframe{border:none;height:80%;max-height:80vh;max-width:800px;min-width:40vw;position:relative;width:20%;z-index:1}@media(max-width:768px){.support-modal .support-iframe{max-width:100%;width:100%}}.profile-page{background:var(--background-gradient);display:grid;grid-template-columns:290px 1fr;height:100vh;overflow:hidden}.profile-page .sidebar{width:285px}.profile-page .right-part{display:flex;flex-direction:column;height:calc(100vh - 40px);margin:20px;overflow:hidden}.profile-page .top-bar{align-items:center;display:flex;flex-direction:row;height:55px;justify-content:space-between}.profile-page .search-bar{visibility:hidden}.profile-page .top-right-menu{align-items:center;display:flex;gap:20px}.profile-page .top-right-menu button{align-items:center;background-color:transparent;display:flex;height:60px;justify-content:center;width:60px}.profile-page .top-right-menu button:hover{background-color:var(--color-main-background);transition:.4s}.profile-page .top-right-menu button[name=avatar] img{border-radius:50%;max-height:55px;max-width:55px;min-height:55px;min-width:55px;object-fit:cover}.profile-page .profile-content-area{background-color:var(--color-sidebar-background);border-radius:20px;display:flex;flex-direction:column;gap:3px;height:100%;margin:20px 0 0;min-height:0;overflow-y:auto;padding:20px 30px}.profile-page .profile-content-area::-webkit-scrollbar{width:6px}.profile-page .profile-content-area::-webkit-scrollbar-track{background:transparent;border-radius:3px}.profile-page .profile-content-area::-webkit-scrollbar-thumb{background:var(--mail-stroke);border-radius:3px}.profile-page .profile-content-area h1{color:var(--tretiry-text);font-size:28px;padding:10px}.profile-page .profile-content-area .settings-back-to-menu-button-mobile .arrow-left-icon{background-color:var(--tertiary-text);height:24px;mask-image:url(/assets/svg/ArrowLeft.svg);mask-position:center;mask-size:contain;width:24px}.profile-page .profile-content-area .profile-container,.profile-page .profile-content-area .profile-folder,.profile-page .profile-content-area .profile-security{color:var(--tertiary-text);display:flex;flex-direction:column;gap:10px}.profile-page .profile-content-area .profile-folder{gap:0}.profile-page .profile-content-area .profile-folder .profile-header button{align-items:center;background-color:transparent;border-radius:50%;display:flex;left:560px;padding:0 11px;position:absolute;top:117px}.profile-page .profile-content-area .profile-folder .profile-header button[name=edit]:before{background-color:var(--tertiary-text);content:"";display:inline-block;height:24px;mask-image:url(/assets/svg/Pencil.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:24px}.profile-page .profile-content-area .profile-folder .profile-header button[name=done]:before{background-color:var(--tertiary-text);content:"";display:inline-block;height:24px;mask-image:url(/assets/svg/TickBold.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:24px}.profile-page .profile-content-area .profile-folder .profile-header button:hover{background-color:var(--color-main-background);transition:.4s}.profile-page .profile-content-area .profile-content{display:flex;gap:40px;padding:20px}.profile-page .profile-content-area .profile-content .profile-avatar{display:flex;flex-direction:column;gap:10px}.profile-page .profile-content-area .profile-content .profile-form{display:flex;flex-direction:column;gap:12px;min-width:0;width:50%}.profile-page .profile-content-area .profile-content .profile-form .input-form{border:2px solid var(--input-stroke)}.profile-page .profile-content-area .profile-content .profile-form .input-form.error{border-color:var(--error-text)}.profile-page .profile-content-area .profile-content .profile-form .input-form.error input{color:var(--error-text)}.profile-page .profile-content-area .profile-content .profile-form .input-form.error .password-toggle{background-color:var(--error-text)}.profile-page .profile-content-area .profile-content .profile-form .input-form.success{border-color:var(--button-active-background)}.profile-page .profile-content-area .profile-content .profile-form .input-form.success input{color:var(--button-active-background)}.profile-page .profile-content-area .profile-content .profile-form .input-form.success .password-toggle{background-color:var(--button-active-background)}.profile-page .profile-content-area .profile-content .profile-form .auth-input__error{color:var(--error-text);height:20px;padding-left:15px}.profile-page .profile-content-area .profile-content .profile-form .profile__checkbox{display:flex;flex-direction:column;gap:10px;margin-bottom:30px;padding:0 17px}.profile-page .profile-content-area .profile-content .profile-form .profile__checkbox span{color:var(--tretiry-text);font-size:16px}.profile-page .profile-content-area .profile-content .profile-form .profile__checkbox .checkbox-actions{display:flex;gap:20px}.profile-page .profile-content-area .profile-content .profile-form .profile__checkbox .checkbox-actions .checkbox-form{align-items:center;display:flex;flex-direction:row;gap:10px}.profile-page .profile-content-area .profile-content .profile-form .profile__checkbox .checkbox-actions .checkbox-form label{color:var(--tretiry-text);cursor:pointer}.profile-page .profile-content-area .profile-content .profile-form .profile__checkbox .checkbox-actions .checkbox-form .input-container{gap:0;padding:0}.profile-page .profile-content-area .profile-content .profile-form .profile__checkbox .checkbox-actions .checkbox-form .input-container [name=radio-gender]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--accent-2);border-radius:50%;cursor:pointer;height:18px;padding:0;transition:all .2s ease;width:18px}.profile-page .profile-content-area .profile-content .profile-form .profile__checkbox .checkbox-actions .checkbox-form .input-container [name=radio-gender]:checked{border:6px solid var(--accent-2)}.profile-page .profile-content-area .profile-content .profile-form .profile__checkbox .checkbox-actions .checkbox-form .input-container [name=radio-gender]:hover{border-color:var(--accent)}.profile-page .profile-content-area .profile-content .profile-form .profile__checkbox .checkbox-actions .checkbox-form .input-container [name=radio-anonymous],.profile-page .profile-content-area .profile-content .profile-form .profile__checkbox .checkbox-actions .checkbox-form .input-container [name=radio-language],.profile-page .profile-content-area .profile-content .profile-form .profile__checkbox .checkbox-actions .checkbox-form .input-container [name=radio-notifications],.profile-page .profile-content-area .profile-content .profile-form .profile__checkbox .checkbox-actions .checkbox-form .input-container [name=radio-theme]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--accent-2);border-radius:50%;cursor:pointer;height:18px;padding:0;transition:all .2s ease;width:18px}.profile-page .profile-content-area .profile-content .profile-form .profile__checkbox .checkbox-actions .checkbox-form .input-container [name=radio-anonymous]:checked,.profile-page .profile-content-area .profile-content .profile-form .profile__checkbox .checkbox-actions .checkbox-form .input-container [name=radio-language]:checked,.profile-page .profile-content-area .profile-content .profile-form .profile__checkbox .checkbox-actions .checkbox-form .input-container [name=radio-notifications]:checked,.profile-page .profile-content-area .profile-content .profile-form .profile__checkbox .checkbox-actions .checkbox-form .input-container [name=radio-theme]:checked{border:6px solid var(--accent-2)}.profile-page .profile-content-area .profile-content .profile-form .profile__checkbox .checkbox-actions .checkbox-form .input-container [name=radio-anonymous]:hover,.profile-page .profile-content-area .profile-content .profile-form .profile__checkbox .checkbox-actions .checkbox-form .input-container [name=radio-language]:hover,.profile-page .profile-content-area .profile-content .profile-form .profile__checkbox .checkbox-actions .checkbox-form .input-container [name=radio-notifications]:hover,.profile-page .profile-content-area .profile-content .profile-form .profile__checkbox .checkbox-actions .checkbox-form .input-container [name=radio-theme]:hover{border-color:var(--accent)}.profile-page .profile-content-area .profile-content .profile-form .profile__checkbox .input-container .input-form{border:none}.profile-page .profile-content-area .profile-content .profile-form .profile__checkbox .input-container .auth-input__error{display:none}.profile-page .profile-content-area .profile-content .profile-form .profile-actions{display:flex;gap:15px;padding:0}.profile-page .profile-content-area .profile-content .profile-form .profile-actions button{border-radius:14px;font-size:16px;height:44px;min-width:135px;padding:0 24px}.profile-page .profile-content-area .profile-content .profile-form .profile-actions button[name=change-password],.profile-page .profile-content-area .profile-content .profile-form .profile-actions button[name=change-profile]{background-color:var(--accent-2);border:none;color:var(--primary-text)}.profile-page .profile-content-area .profile-content .profile-form .profile-actions button[name=change-password]:hover,.profile-page .profile-content-area .profile-content .profile-form .profile-actions button[name=change-profile]:hover{background-color:var(--button-hover-background)}.profile-page .profile-content-area .profile-content .profile-form .profile-actions button[name=back-to-mail]{background-color:var(--color-sidebar-background);border:3px solid var(--accent-2);color:var(--accent-2)}.profile-page .profile-content-area .profile-content .profile-form .profile-actions button[name=back-to-mail]:hover{background-color:var(--color-main-background)}.profile-page .profile-content-area .profile-support{height:100%;min-height:0;overflow:hidden}.profile-page .profile-content-area .profile-support .support-wrapper{height:100%;overflow:hidden}.profile-page .profile-content-area .profile-support .support-container{border-radius:20px;display:flex;height:100%;overflow:hidden}.profile-page .profile-content-area .support-tickets-panel{background-color:var(--color-main-background);border-right:1px solid var(--input-stroke);display:flex;flex-direction:column;min-width:250px;overflow-y:auto;width:300px}.profile-page .profile-content-area .support-tickets-panel .support-tickets-header{align-items:center;border-bottom:1px solid var(--input-stroke);display:flex;justify-content:space-between;padding:16px}.profile-page .profile-content-area .support-tickets-panel .support-tickets-header h2{color:var(--tertiary-text);font-size:18px;margin:0}.profile-page .profile-content-area .support-tickets-panel .tickets-list{flex:1;list-style:none;margin:0;overflow-y:auto;padding:10px}.profile-page .profile-content-area .support-tickets-panel .tickets-list .ticket-item{border-radius:20px;cursor:pointer;padding:12px 16px;transition:background-color .2s}.profile-page .profile-content-area .support-tickets-panel .tickets-list .ticket-item:hover{background-color:#ebf0f5}.profile-page .profile-content-area .support-tickets-panel .tickets-list .ticket-item.active{background-color:#dbe4ee}.profile-page .profile-content-area .support-tickets-panel .tickets-list .ticket-item .ticket-subject{color:var(--tertiary-text);font-size:14px;font-weight:600;margin-bottom:4px}.profile-page .profile-content-area .support-tickets-panel .tickets-list .ticket-item .ticket-status{border-radius:3px;display:inline-block;font-size:12px;font-weight:600;margin-bottom:4px;padding:2px 6px;text-transform:uppercase}.profile-page .profile-content-area .support-tickets-panel .tickets-list .ticket-item .ticket-status[data-status=открыт]{background-color:#fff3e0;color:#e65100}.profile-page .profile-content-area .support-tickets-panel .tickets-list .ticket-item .ticket-status[data-status="в обработке"]{background-color:#fff9c4;color:#f57f17}.profile-page .profile-content-area .support-tickets-panel .tickets-list .ticket-item .ticket-status[data-status=закрыт]{background-color:#e8f5e9;color:#2e7d32}.profile-page .profile-content-area .support-tickets-panel .tickets-list .ticket-item .ticket-preview{color:var(--tertiary-text);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-page .profile-content-area .support-chat-panel{background-color:var(--color-sidebar-background);display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.profile-page .profile-content-area .support-chat-panel .chat-empty{align-items:center;color:var(--muted-text);display:flex;flex:1;font-size:16px;justify-content:center}.profile-page .profile-content-area .support-chat-panel .chat-messages{display:flex;flex:1 1 0%;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;padding:16px}.profile-page .profile-content-area .support-chat-panel .message{display:flex;max-width:70%}.profile-page .profile-content-area .support-chat-panel .message.user{align-self:flex-end;justify-content:flex-end}.profile-page .profile-content-area .support-chat-panel .message.admin{align-self:flex-start;justify-content:flex-start}.profile-page .profile-content-area .support-chat-panel .message .message-bubble{border-radius:20px;font-size:14px;line-height:1.4;padding:10px 14px;position:relative;word-break:break-word}.profile-page .profile-content-area .support-chat-panel .message .message-bubble .message-text{margin-bottom:4px}.profile-page .profile-content-area .support-chat-panel .message .message-bubble .message-time{color:#999;font-size:11px;margin-top:4px}.profile-page .profile-content-area .support-chat-panel .message.user .message-bubble{background-color:#cce5ff;border-bottom-right-radius:4px;color:#004085}.profile-page .profile-content-area .support-chat-panel .message.admin .message-bubble{background-color:#e2e3e5;border-bottom-left-radius:4px;color:#383d41}.profile-page .profile-content-area .support-chat-panel .chat-input-area{align-items:top;box-sizing:border-box;display:grid;flex-shrink:0;gap:20px;grid-template-columns:1fr auto;padding:12px 16px;width:100%}.profile-page .profile-content-area .support-chat-panel .chat-input-area>div{box-sizing:border-box;min-width:0;width:100%}.profile-page .profile-content-area .support-chat-panel .chat-input-area textarea{box-sizing:border-box;font-size:14px}@media(min-width:769px)and (max-width:1000px){.profile-page .profile-content-area .profile-container{gap:0;height:100%;overflow-y:auto;scrollbar-width:thin}.profile-page .profile-content-area .profile-container h1{margin-bottom:0}.profile-page .profile-content-area .profile-container .profile-content{flex-direction:column;gap:20px}.profile-page .profile-content-area .profile-container .profile-content .profile-avatar .upload .upload-preview img{height:150px;width:150px}.profile-page .profile-content-area .profile-container .profile-content .profile-avatar .upload label{width:50%}.profile-page .profile-content-area .profile-container .profile-content .profile-form{gap:0;width:100%}}@media(max-width:768px){.profile-page .right-part .profile-content-area .profile-support{height:100%;overflow:hidden}.profile-page .right-part .profile-content-area .profile-support .support-wrapper{height:100%;overflow:hidden;position:relative;width:100%}.profile-page .right-part .profile-content-area .profile-support .support-wrapper .support-container{height:100%;position:relative;transition:transform .3s ease;width:200%}.profile-page .right-part .profile-content-area .profile-support .support-wrapper .support-container .support-chat-panel,.profile-page .right-part .profile-content-area .profile-support .support-wrapper .support-container .support-tickets-panel{border-radius:20px;float:left;height:100%;overflow-y:auto;width:50%}.profile-page .right-part .profile-content-area .profile-support .support-wrapper .support-container .support-chat-panel .tickets-list,.profile-page .right-part .profile-content-area .profile-support .support-wrapper .support-container .support-tickets-panel .tickets-list{border-radius:0 0 20px 20px}.profile-page .right-part .profile-content-area .profile-support .support-wrapper .support-container{transform:translateX(0)}.profile-page .right-part .profile-content-area .profile-support .support-wrapper.chat-open .support-container{transform:translateX(-50%)}.profile-page .right-part .profile-content-area .profile-support .support-chat-panel .chat-mobile-back{align-items:center;background:var(--color-sidebar-background);border-bottom:1px solid var(--input-stroke);color:var(--tertiary-text);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:10px 16px}.profile-page .right-part .profile-content-area .profile-support .support-chat-panel .chat-mobile-back .arrow-left-icon{background-color:var(--tertiary-text);height:20px;mask:url(/assets/svg/ArrowLeft.svg) center/contain no-repeat;width:20px}.profile-page .sidebar{bottom:0;left:0;margin:0;position:fixed;transform:translateX(-100%);transition:transform .3s ease-in-out;width:100%;z-index:1000}.profile-page .sidebar.open{width:100%}.profile-page .sidebar .sidebar-widget{border-radius:20px 20px 0 0;height:100%;margin-bottom:0;margin-top:30px}.profile-page .sidebar .sidebar-widget .logo-container,.profile-page .sidebar .sidebar-widget .main-button-profile{display:none}.profile-page .right-part{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:flex-end;margin:0;width:100vw}.profile-page .right-part .profile-content-area{border-radius:20px 20px 0 0;height:93%;margin:5px 0 0}.profile-page .right-part .profile-content-area .profile-container{height:100%;overflow-y:auto}.profile-page .right-part .profile-content-area .profile-container::-webkit-scrollbar{width:6px}.profile-page .right-part .profile-content-area .profile-container::-webkit-scrollbar-track{background:transparent;border-radius:3px}.profile-page .right-part .profile-content-area .profile-container::-webkit-scrollbar-thumb{background:var(--mail-stroke);border-radius:3px}.profile-page .right-part .profile-content-area .profile-container .settings-back-to-menu-button-mobile,.profile-page .right-part .profile-content-area .profile-folder .settings-back-to-menu-button-mobile,.profile-page .right-part .profile-content-area .profile-security .settings-back-to-menu-button-mobile,.profile-page .right-part .profile-content-area .profile-support .settings-back-to-menu-button-mobile{align-items:center;color:var(--tertiary-text);display:flex;gap:5px;margin-bottom:5px;padding:15px 0 0 15px;width:fit-content}.profile-page .right-part .profile-content-area .profile-container h1,.profile-page .right-part .profile-content-area .profile-folder h1,.profile-page .right-part .profile-content-area .profile-security h1,.profile-page .right-part .profile-content-area .profile-support h1{margin-bottom:0;padding:10px 20px}.profile-page .right-part .profile-content-area .profile-container .profile-header,.profile-page .right-part .profile-content-area .profile-folder .profile-header,.profile-page .right-part .profile-content-area .profile-security .profile-header,.profile-page .right-part .profile-content-area .profile-support .profile-header{height:fit-content;width:100%}.profile-page .right-part .profile-content-area .profile-container .profile-header button,.profile-page .right-part .profile-content-area .profile-folder .profile-header button,.profile-page .right-part .profile-content-area .profile-security .profile-header button,.profile-page .right-part .profile-content-area .profile-support .profile-header button{left:80%;position:absolute;right:0;top:10%;width:48px}.profile-page .right-part .profile-content-area .profile-container .profile-content,.profile-page .right-part .profile-content-area .profile-folder .profile-content,.profile-page .right-part .profile-content-area .profile-security .profile-content,.profile-page .right-part .profile-content-area .profile-support .profile-content{align-items:center;flex-direction:column;gap:10px;padding:0 20px}.profile-page .right-part .profile-content-area .profile-container .profile-content .profile-avatar .upload__preview,.profile-page .right-part .profile-content-area .profile-folder .profile-content .profile-avatar .upload__preview,.profile-page .right-part .profile-content-area .profile-security .profile-content .profile-avatar .upload__preview,.profile-page .right-part .profile-content-area .profile-support .profile-content .profile-avatar .upload__preview{align-items:center;display:flex;height:fit-content;justify-content:center;width:fit-content}.profile-page .right-part .profile-content-area .profile-container .profile-content .profile-avatar .upload__preview img,.profile-page .right-part .profile-content-area .profile-folder .profile-content .profile-avatar .upload__preview img,.profile-page .right-part .profile-content-area .profile-security .profile-content .profile-avatar .upload__preview img,.profile-page .right-part .profile-content-area .profile-support .profile-content .profile-avatar .upload__preview img{height:150px;width:150px}.profile-page .right-part .profile-content-area .profile-container .profile-content .profile-form,.profile-page .right-part .profile-content-area .profile-folder .profile-content .profile-form,.profile-page .right-part .profile-content-area .profile-security .profile-content .profile-form,.profile-page .right-part .profile-content-area .profile-support .profile-content .profile-form{gap:0;width:100%}.profile-page .right-part .profile-content-area .profile-container .profile-content .profile-form .profile__checkbox,.profile-page .right-part .profile-content-area .profile-folder .profile-content .profile-form .profile__checkbox,.profile-page .right-part .profile-content-area .profile-security .profile-content .profile-form .profile__checkbox,.profile-page .right-part .profile-content-area .profile-support .profile-content .profile-form .profile__checkbox{margin-bottom:20px}.profile-page .right-part .profile-content-area .profile-container .profile-content .profile-form .profile-actions,.profile-page .right-part .profile-content-area .profile-folder .profile-content .profile-form .profile-actions,.profile-page .right-part .profile-content-area .profile-security .profile-content .profile-form .profile-actions,.profile-page .right-part .profile-content-area .profile-support .profile-content .profile-form .profile-actions{margin-top:10px}.profile-page .right-part .profile-content-area .profile-container .profile-content .profile-form .profile-actions button .button-count,.profile-page .right-part .profile-content-area .profile-folder .profile-content .profile-form .profile-actions button .button-count,.profile-page .right-part .profile-content-area .profile-security .profile-content .profile-form .profile-actions button .button-count,.profile-page .right-part .profile-content-area .profile-support .profile-content .profile-form .profile-actions button .button-count{display:none}}.upload{align-items:center;display:flex;flex-direction:column;gap:16px;width:100%}.upload__preview{height:200px;position:relative;width:200px}.upload__preview img{object-fit:cover}.upload__overlay,.upload__preview img{border-radius:50%;height:100%;width:100%}.upload__overlay{align-items:center;backdrop-filter:blur(2px);background-color:rgba(0,0,0,.5);display:flex;justify-content:center;left:0;position:absolute;top:0}.upload__spinner{animation:spin .8s linear infinite;border:4px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:40px;width:40px}.upload label{align-items:center;background-color:var(--color-sidebar-background);border:3px solid var(--accent-2);border-radius:14px;color:var(--accent-2);cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;width:100%}.upload label:hover{background-color:var(--color-main-background)}textarea{background-color:transparent;color:var(--tertiary-text);font-size:16px;height:100%;outline:none;padding:10px;resize:none;width:100%}textarea::-webkit-scrollbar{width:6px}textarea::-webkit-scrollbar-track{background:transparent;border-radius:3px}textarea::-webkit-scrollbar-thumb{background:var(--mail-stroke);border-radius:3px}.input__title{font-size:16px;padding-left:15px}.support-textarea{font-size:14px;height:320px;margin:5px 0 15px;position:relative;resize:none}.chat-input,.support-textarea{border:2px solid var(--input-stroke);border-radius:20px;box-sizing:border-box;padding:15px;width:100%}.chat-input{flex:1;height:60px;min-width:0}.select-date{display:flex;flex-direction:column;gap:5px}.select-date span{padding-left:17px}.select-date .select-container{align-items:center;display:flex;flex-direction:row;gap:0;padding-bottom:20px}.select{align-items:center;background-color:transparent;color:var(--tritary-text);cursor:pointer;display:flex;height:48px;justify-content:space-between;outline:none;padding:0 15px;position:relative;width:auto}.select .select__value{color:var(--tertiary-text);font-size:16px;padding:0 10px}.select .arrow-down{background-color:var(--tertiary-text);height:16px;mask-image:url(/assets/svg/ArrowDown.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;transition:transform .3s;width:16px}.select .select__toggle.open .arrow-down{transform:rotate(180deg)}.select[name=day]{border:2px solid var(--input-stroke);border-radius:20px 0 0 20px;border-right:none}.select[name=month]{border:2px solid var(--input-stroke);width:181px}.select[name=year]{border:2px solid var(--input-stroke);border-left:none;border-radius:0 20px 20px 0}.select__dropdown{background-color:var(--color-sidebar-background);border-radius:20px;height:auto;overflow-y:scroll;position:absolute;top:50px;width:auto;z-index:10}.select__dropdown .select__value{align-items:center;display:flex;justify-content:center;padding:5px 20px}.select__dropdown .select__value:hover{background-color:var(--color-main-background)}.select__dropdown::-webkit-scrollbar{width:6px}.select__dropdown::-webkit-scrollbar-track{background:transparent;border-radius:3px}.select__dropdown::-webkit-scrollbar-thumb{background:var(--mail-stroke);border-radius:3px}.folder-container{max-width:350px}.folder-container .folder-list{max-width:100%}.folder-container .folder-list .folder-item{align-items:center;display:flex;font-size:16px;gap:15px;max-width:100%;padding:10px 0}.folder-container .folder-list .folder-item .folder-delete-btn{background-color:transparent;border:2px solid var(--error-text);color:var(--error-text);height:24px;padding:0;width:24px}.folder-container .folder-list .folder-item .folder-name{align-items:center;display:block;flex:1;font-size:16px;gap:15px;justify-content:flex-start;max-width:100%;min-width:0;overflow:hidden;padding:10px 0;text-overflow:ellipsis;white-space:nowrap}.folder-container .folder-list .folder-item .folder-name:before{background-color:var(--tertiary-text);content:"";display:inline-block;height:32px;margin-right:10px;mask-image:url(/assets/svg/Folder.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;min-width:32px;vertical-align:middle;width:32px}.folder-container .folder-list .folder-item .folder-name span{display:inline-block;max-width:calc(100% - 47px);overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.folder-container .folder-list .folder-item .folder-edit{align-items:center;display:flex;gap:15px;padding:10px 20px}.folder-container .folder-list .folder-item .folder-edit input{background-color:transparent;border:none;color:var(--tertiary-text);font-size:16px;height:28px;outline:none;width:150px}.folder-container .folder-list .folder-item .folder-edit:before{background-color:var(--tertiary-text);content:"";display:inline-block;height:32px;mask-image:url(/assets/svg/Folder.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:32px}.folder-container .folder-list .folder-item .folder-drag-btn{background-color:transparent;height:24px;padding:0;width:24px}.folder-container .folder-actions{display:flex}.folder-container .folder-actions [name=add_a_folder]{align-items:center;background-color:transparent;display:flex;gap:15px;padding-left:38px;padding-top:20px}.folder-container .folder-actions [name=add_a_folder]:before{background-color:var(--tertiary-text);content:"";display:inline-block;height:32px;mask-image:url(/assets/svg/AddNew.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:32px}.confirmation-dialog{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.confirmation-dialog .__overlay{background-color:rgba(0,0,0,.5);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.confirmation-dialog .__content{background:var(--color-sidebar-background);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.2);max-width:80%;min-width:250px;padding:1.5rem 2rem;position:relative;text-align:center;z-index:2}.confirmation-dialog .__content h2{color:var(--tertiary-text);font-size:1.5rem;font-weight:500;margin:0 0 1rem;white-space:normal;word-wrap:break-word;line-height:1.4;overflow-wrap:break-word;word-break:break-word}@media(max-width:768px){.confirmation-dialog .__content h2{font-size:1.125rem}}.confirmation-dialog .__content .__buttons{display:grid;gap:1rem;grid-template-columns:50% 50%;justify-content:center;margin-top:1rem}.confirmation-dialog .__content .__buttons .secondary{background-color:var(--button-background-second);color:var(--tertiary-text)}.confirmation-modal{align-items:center;animation:popUp .2s ease-out;border-radius:20px;display:flex;height:auto;justify-content:center;padding:15px;position:fixed;right:3%;transform-origin:bottom right;width:400px;z-index:100}.confirmation-modal.access{background-color:var(--input-success-background);border:1px solid var(--accent-2);color:var(--accent-2)}.confirmation-modal.error{background-color:var(--input-error-background);border:1px solid var(--error-text);color:var(--error-text)}.confirmation-modal__title{align-self:center;max-width:90%;text-align:center}@media(max-width:768px){.confirmation-modal{animation:slideFromAbove .3s ease-out;height:50px;left:50%;right:auto;top:10%;transform:translateX(-50%);transform-origin:top center;width:80%}}@keyframes popUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideFromAbove{0%{opacity:0;transform:translateX(-50%) translateY(-100%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.send-mail{display:flex;flex-direction:column;height:100%}.send-mail .send-mail-header{display:none}.send-mail .send-mail-header .send-mail-header__text{color:var(--tertiary-text)}.send-mail .send-form{display:flex;flex:1;flex-direction:column;height:100%;padding:10px}.send-mail .send-form .input-container{align-items:center;display:flex;flex-direction:row;font-size:16px;overflow:hidden;width:100%}.send-mail .send-form .input-container[name=anonymous]{margin:10px 15px}.send-mail .send-form .input-container[data-input-name=theme]{border-bottom:1px solid var(--secondary-text);border-top:1px solid var(--secondary-text)}.send-mail .send-form .input-container .input-form{flex:1;min-width:0;overflow:visible;width:100%}@media(max-width:768px){.send-mail .send-form .input-container .input-form .email-input{margin:0}}.send-mail .send-form .input-container input{color:var(--tertiary-text);font-size:16px;max-width:100%;overflow-x:auto!important;white-space:nowrap}.send-mail .send-form .text-area{display:flex;flex:1;flex-direction:column;min-height:0}.send-mail .send-form .text-area textarea{flex:1;height:100%;min-height:0}@media(max-width:768px){.send-mail .send-form .anonymous-radio{align-items:center;display:flex;flex-direction:row;padding:15px;width:auto}.send-mail .send-form .anonymous-radio [name=radio-anonymous]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--accent-2);border-radius:50%;cursor:pointer;height:18px;margin-right:10px;padding:0;transition:all .2s ease;width:18px}.send-mail .send-form .anonymous-radio [name=radio-anonymous]:checked{border:6px solid var(--accent-2)}.send-mail .send-form .anonymous-radio [name=radio-anonymous]:hover{border-color:var(--accent)}.send-mail .send-form .anonymous-radio label{color:var(--tertiary-text)}}.send-mail .files-list{display:flex;flex-direction:row;gap:5px;height:90px;overflow:hidden;overscroll-behavior:none;padding:10px;scroll-behavior:auto;scrollbar-width:none}.send-mail .files-list .file-item{align-items:center;background-color:var(--color-main-background);border-radius:20px;display:flex;flex-direction:row;flex-shrink:0;gap:5px;height:fit-content;max-width:400px;padding:10px 20px}.send-mail .files-list .file-item .file-icon{background-color:var(--tertiary-text);height:28px;mask-image:url(/assets/svg/File.svg);mask-position:center;mask-size:contain;width:28px}.send-mail .files-list .file-item .file-icon.document{mask-image:url(/assets/svg/Draft.svg)}.send-mail .files-list .file-item .file-icon.pdf{mask-image:url(/assets/svg/Pdf.svg)}.send-mail .files-list .file-item .file-icon.code{mask-image:url(/assets/svg/Code.svg)}.send-mail .files-list .file-item .file-icon.image{mask-image:url(/assets/svg/Image.svg)}.send-mail .files-list .file-item .file-icon.video{mask-image:url(/assets/svg/Video.svg)}.send-mail .files-list .file-item .file-icon.spreadsheet{mask-image:url(/assets/svg/Spreadsheet.svg)}.send-mail .files-list .file-item .file-icon.archive{mask-image:url(/assets/svg/Zip.svg)}.send-mail .files-list .file-item .file-icon.music{mask-image:url(/assets/svg/Music.svg)}.send-mail .files-list .file-item .file-icon.presentation{mask-image:url(/assets/svg/Presentation.svg)}.send-mail .files-list .file-item .file-icon.executable{mask-image:url(/assets/svg/Settings.svg)}.send-mail .files-list .file-item .file-info{display:flex;flex-direction:column}.send-mail .files-list .file-item .file-info .file-name{color:var(--tertiary-text);font-weight:500;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.send-mail .files-list .file-item .file-info .file-size{color:var(--muted-text)}.send-mail .files-list .file-item .file-remove-btn{background-color:var(--tertiary-text);cursor:pointer;height:12px;margin-left:15px;mask-image:url(/assets/svg/Close.svg);mask-position:center;mask-size:contain;width:12px}.send-mail .send-down{display:flex;gap:auto}.send-mail .send-down .send-tools{align-items:center;display:flex;margin-left:15px}@media(max-width:768px){.send-mail .send-down .send-tools{margin-bottom:15px}}.send-mail .send-down .send-tools .upload-attachments-button{background-color:var(--tertiary-text);cursor:pointer;height:36px;mask-image:url(/assets/svg/Attachment.svg);mask-position:center;mask-size:contain;width:36px}.send-mail .send-down .send-tools .upload-attachments-button:hover{background-color:var(--secondary-text);transition:background-color .15s ease-in-out}.send-mail .send-down .send-actions{display:flex;flex-direction:row;gap:10px;margin-left:auto;padding:10px}.send-mail .send-down .send-actions .anonymous-radio{align-items:center;display:flex;flex-direction:row;padding:0 10px;width:auto}.send-mail .send-down .send-actions .anonymous-radio [name=radio-anonymous]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--accent-2);border-radius:50%;cursor:pointer;height:18px;margin-right:10px;padding:0;transition:all .2s ease;width:18px}.send-mail .send-down .send-actions .anonymous-radio [name=radio-anonymous]:checked{border:6px solid var(--accent-2)}.send-mail .send-down .send-actions .anonymous-radio [name=radio-anonymous]:hover{border-color:var(--accent)}.send-mail .send-down .send-actions .anonymous-radio label{color:var(--tertiary-text)}.send-mail .send-down .send-actions button{height:40px}.send-mail .send-down .send-actions button[name=save-mail]{align-items:center;background-color:var(--color-main-background);color:var(--tertiary-text);display:flex}.send-mail .send-down .send-actions button[name=save-mail]:hover{background-color:var(--color-main-background)}.send-mail .send-down .send-actions .sending-loader{align-items:center;display:flex;gap:10px;padding:8px 16px}.send-mail .send-down .send-actions .sending-loader span{color:#666;font-size:14px}.send-mail .send-down .send-actions .spinner{animation:spin .8s linear infinite;border-top:3px solid var(--main-background);border:3px solid var(--main-background);border-radius:50%;border-top-color:var(--accent-2);height:24px;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){.send-mail .send-mail-mobile-buttons{align-items:center;display:flex;justify-content:space-between;padding:15px 20px}.send-mail .send-mail-mobile-buttons .close-button{background-color:var(--tertiary-text);fill:#000;height:22px;mask-image:url(/assets/svg/Close.svg);mask-position:center;mask-size:contain;width:22px}.send-mail .send-mail-mobile-buttons .send-button{background-color:var(--tertiary-text);height:32px;mask-image:url(/assets/svg/Sent.svg);mask-position:center;mask-size:contain;width:32px}.send-mail .send-mail-mobile-buttons .spinner{animation:spin .8s linear infinite;border-top:3px solid var(--main-background);border:3px solid var(--main-background);border-radius:50%;border-top-color:var(--accent-2);height:28px;width:28px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.send-mail .send-mail-header{display:block;font-size:1.3rem;font-weight:600;padding:10px 20px 0}}.input-container{border-bottom:none;color:var(--tertiary-text);padding:5px 0;width:100%}.input-container .input-form{display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;width:100%}.input-container .input-form button{background-color:transparent;color:var(--tertiary-text);height:24px;padding:0}.input-container .input-form .email-input{flex:1 1 120px;flex-shrink:0;max-width:40%;min-width:120px}@media(max-width:768px){.input-container .input-form .email-input{font-size:14px!important}}.input-container .input-form .tags-scrollable{display:flex;flex-shrink:1;gap:10px;justify-content:flex-start;min-width:fit-content;scrollbar-width:none;-ms-overflow-style:none}.input-container .input-form .tags-scrollable::-webkit-scrollbar{display:none}.input-container .input-form .tags-scrollable{min-width:0;overflow-x:auto}.input-container .input-form .tags-scrollable.has-overflow{mask-image:linear-gradient(270deg,transparent 0,#000 30px,#000);-webkit-mask-image:linear-gradient(270deg,transparent 0,#000 30px,#000)}.input-container .input-form .tags-scrollable .email-tag{align-items:center;background-color:var(--button-background-second);border-radius:12px;color:var(--tertiary-text);display:flex;flex-direction:row;flex-shrink:0;gap:5px;height:24px;max-width:250px;padding:0 8px;white-space:nowrap}.input-container .input-form .tags-scrollable .email-tag span[contenteditable=true]{border:none;cursor:text;max-width:none;outline:none;overflow:visible;text-overflow:clip;white-space:nowrap}.input-container .input-form .tags-scrollable .email-tag__error{align-items:center;background-color:var(--input-error-background);border-radius:12px;color:var(--tertiary-text);display:flex;flex-direction:row;flex-shrink:0;height:24px;max-width:250px;overflow:hidden;padding:0 8px;text-overflow:ellipsis;white-space:nowrap}.input-container .input-form .tags-scrollable .email-tag__error span[contenteditable=true]{border:none;cursor:text;max-width:none;outline:none;overflow:visible;text-overflow:clip;white-space:nowrap}.input-container .input-form .tags-scrollable .email-tag:not(.editing),.input-container .input-form .tags-scrollable .email-tag__error:not(.editing){user-select:none;-webkit-user-select:none}.input-container .input-form .tags-scrollable .email-tag span,.input-container .input-form .tags-scrollable .email-tag__error span{align-self:center;display:inline-block;height:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.input-container .input-form .tags-scrollable .email-tag span,.input-container .input-form .tags-scrollable .email-tag__error span{font-size:12px}.input-container .input-form{flex-wrap:wrap;gap:0}.input-container .tags-scrollable{flex-basis:100%;margin:0 14px;width:100%}.input-container .email-input{flex:1 1 100%;height:40px;margin-top:8px;max-width:100%}}.horizontal-scroller{display:flex;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}.horizontal-scroller::-webkit-scrollbar{display:none}.horizontal-scroller.has-overflow-fade{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 30px),transparent);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 30px),transparent)}.send-email-page{background:var(--background-gradient);display:grid;grid-template-columns:290px 1fr;height:100vh;overflow:hidden}.send-email-page .right-part{display:flex;flex-direction:column;height:calc(100vh - 40px);margin:20px;overflow:hidden}.send-email-page .sidebar{width:285px}.send-email-page .top-bar{align-items:center;display:flex;flex-direction:row;height:55px;justify-content:space-between}.send-email-page .search-bar{align-items:center;background-color:var(--color-sidebar-background);border-radius:20px;display:flex;font-size:18px;height:48px;padding:0 20px;visibility:hidden}.send-email-page .search-bar .input-container{gap:0}.send-email-page .search-bar .input-form{align-items:center;border:none;display:flex;flex-direction:row}.send-email-page .search-bar .input-form img{margin:0}.send-email-page .search-bar .input-form input{background:none;font-size:16px;height:40px;width:400px}.send-email-page .search-bar .input-form input::placeholder{font-size:16px}.send-email-page .search-bar .input-form input:focus{outline:none}.send-email-page .search-bar img{height:24px;width:24px}.send-email-page .search-bar .auth-input__error{height:0}.send-email-page .top-right-menu{align-items:center;display:flex;gap:20px}.send-email-page .top-right-menu button{align-items:center;background-color:transparent;display:flex;height:60px;justify-content:center;width:60px}.send-email-page .top-right-menu button:hover{background-color:var(--color-main-background);transition:.4s}.send-email-page .top-right-menu button[name=avatar] img{border-radius:50%;max-height:55px;max-width:55px;min-height:55px;min-width:55px;object-fit:cover}.send-email-page .mail-box-container{background-color:var(--color-sidebar-background);border-radius:20px;display:flex;flex-direction:column;gap:3px;height:100%;margin:20px 0 0;min-height:0;overflow:hidden;padding:20px 30px}.send-email-page .mail-box-container .container-form{height:100%;overflow:hidden}.send-email-page .mail-box-container .mail-box-container-form{display:flex;flex-direction:column;height:100%;min-height:0;overflow-y:auto;padding-bottom:30px;padding-right:10px}.send-email-page .mail-box-container .mail-box-container-form::-webkit-scrollbar{width:6px}.send-email-page .mail-box-container .mail-box-container-form::-webkit-scrollbar-track{background:transparent;border-radius:3px}.send-email-page .mail-box-container .mail-box-container-form::-webkit-scrollbar-thumb{background:var(--mail-stroke);border-radius:3px}.send-email-page .mail-box-container .mail-box-container-form__placeholder{align-items:center;color:var(--secondary-text);display:flex;flex-direction:column;font-size:20px;height:94%;justify-content:center;width:100%}.send-email-page .mail-box-container .mail-box-container-form__placeholder__icon{background-color:silver;content:"";display:inline-block;height:200px;mask-image:url(/assets/svg/Inbox.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:200px}.send-email-page .mail-box-container .input-form{align-items:center;border:none;display:flex;flex-direction:row}@media(max-width:768px){.send-email-page{display:block;grid-template-columns:1fr}.send-email-page .right-part{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:flex-end;margin:0;width:100vw}.send-email-page .top-bar{display:none;height:15%;margin:0 15px}.send-email-page .top-bar .search-bar{height:60px;margin-left:10px;margin-right:0;width:100%}.send-email-page .top-bar .search-bar .input-form input{box-sizing:border-box;min-width:0;width:100%}.send-email-page .top-bar .top-right-menu{display:none}.send-email-page .mail-box-container{border-radius:20px 20px 0 0;height:93%;margin:5px 0 0}body .main-page body .main-page .main-page .top-bar .main-page .top-bar .main-page .top-bar .hamburger-btn{align-items:center;background-color:#fff;border:none;border-radius:20px;cursor:pointer;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}body .main-page body .main-page .main-page .top-bar .main-page .top-bar .main-page .top-bar .hamburger-btn img{height:24px;width:24px}body .main-page body .main-page .main-page .top-bar .main-page .top-bar .main-page .top-bar .hamburger-btn:active{background-color:#f0f0f0}body .sidebar{left:0;margin:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;z-index:1000}body .sidebar.open{transform:translateX(0);width:85%}body .sidebar .sidebar-widget .sidebar-content .main-button{display:none}body .main-page .sidebar-overlay{background:rgba(0,0,0,.5);bottom:0;display:block;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease-in-out;visibility:hidden;z-index:999}body .main-page .sidebar-overlay.open{opacity:1;transition:opacity .3s ease-in-out;visibility:visible}}.search-bar{align-items:center;background-color:var(--color-sidebar-background);border-radius:20px;display:flex;font-size:18px;height:48px;margin-right:50px;min-width:0;padding:0 20px;visibility:hidden}.search-bar .input-container{gap:0}.search-bar .input-form{align-items:center;border:none;display:flex;flex-direction:row;flex-wrap:nowrap}.search-bar .input-form img{margin:0}.search-bar .input-form input{background:none;height:40px;width:400px}.search-bar .input-form input:focus{outline:none}.search-bar img{height:24px;width:24px}.search-bar .auth-input__error{height:0}.search-bar .search-input::placeholder{color:#999}.top-right-menu{align-items:center;display:flex;gap:20px}.top-right-menu button{align-items:center;background-color:transparent;display:flex;height:60px;justify-content:center;padding:0;width:60px}.top-right-menu button:hover{background-color:var(--color-main-background);transition:.4s}.top-right-menu button[name=avatar] img{border-radius:50%;height:50px;margin:5px;object-fit:cover;width:50px}.read-mail,.read-mail .read-form{display:flex;flex-direction:column;height:100%}.read-mail .read-form{flex:1}.read-mail .read-form .read-header{align-items:center;display:flex;padding:10px}.read-mail .read-form .read-header .sender-avatar img{border-radius:50%;height:60px;object-fit:cover;width:60px}.read-mail .read-form .read-header .sender-data{display:flex;flex-direction:column;gap:10px;margin-left:20px}.read-mail .read-form .read-header .sender-data .sender__email{color:var(--tertiary-text);font-size:18px;font-weight:700}.read-mail .read-form .read-header .sender-data .recivers__emails{align-items:center;color:var(--tertiary-text);display:flex;flex-direction:row;gap:10px}.read-mail .read-form .read-header .sender-data .recivers__emails .input-form{display:flex;flex-direction:row;gap:10px}.read-mail .read-form .read-header .sender-data .recivers__emails .input-form .email-tag{align-items:center;background-color:var(--button-background-second);border-radius:12px;display:flex;flex-direction:row;gap:10px;height:24px;padding:0 10px}.read-mail .read-form .read-header .top-right-bar{align-items:center;align-self:flex-start;display:flex;gap:20px;margin-left:auto}.read-mail .read-form .read-header .top-right-bar .email-send-time{color:var(--secondary-text)}.read-mail .read-form .read-header .top-right-bar .close-button{background-color:var(--tertiary-text);cursor:pointer;height:16px;margin:5px;mask-image:url(/assets/svg/Close.svg);mask-position:center;mask-size:contain;width:16px}@media(max-width:768px){.read-mail .read-form .read-header .top-right-bar .close-button{display:none}}.read-mail .read-form .input-container{align-items:center;display:flex;flex-direction:row;font-size:16px;width:100%}.read-mail .read-form .input-container[data-input-name=theme]{border-bottom:1px solid var(--secondary-text);border-top:1px solid var(--secondary-text)}.read-mail .read-form .input-container .input-form{flex:1;width:100%}.read-mail .read-form .input-container input{color:var(--tertiary-text);font-size:16px;max-width:100%}.read-mail .read-form .attachments-section{display:flex}.read-mail .read-form .attachments-section.hidden{display:none}.read-mail .read-form .attachments-section .attachments-list{display:flex;flex-direction:row;gap:5px;margin:10px;overflow:hidden;overflow-x:auto;scrollbar-width:none}.read-mail .read-form .attachments-section .attachments-list .attachment-item{align-items:center;background-color:var(--color-main-background);border-radius:20px;display:flex;flex-direction:row;flex-shrink:0;gap:8px;height:fit-content;padding:10px 20px}.read-mail .read-form .attachments-section .attachments-list .attachment-item .attachment-icon{background-color:var(--tertiary-text);height:28px;mask-image:url(/assets/svg/File.svg);mask-position:center;mask-size:contain;width:28px}.read-mail .read-form .attachments-section .attachments-list .attachment-item .attachment-icon.document{mask-image:url(/assets/svg/Draft.svg)}.read-mail .read-form .attachments-section .attachments-list .attachment-item .attachment-icon.pdf{mask-image:url(/assets/svg/Pdf.svg)}.read-mail .read-form .attachments-section .attachments-list .attachment-item .attachment-icon.code{mask-image:url(/assets/svg/Code.svg)}.read-mail .read-form .attachments-section .attachments-list .attachment-item .attachment-icon.image{mask-image:url(/assets/svg/Image.svg)}.read-mail .read-form .attachments-section .attachments-list .attachment-item .attachment-icon.video{mask-image:url(/assets/svg/Video.svg)}.read-mail .read-form .attachments-section .attachments-list .attachment-item .attachment-icon.spreadsheet{mask-image:url(/assets/svg/Spreadsheet.svg)}.read-mail .read-form .attachments-section .attachments-list .attachment-item .attachment-icon.archive{mask-image:url(/assets/svg/Zip.svg)}.read-mail .read-form .attachments-section .attachments-list .attachment-item .attachment-icon.music{mask-image:url(/assets/svg/Music.svg)}.read-mail .read-form .attachments-section .attachments-list .attachment-item .attachment-icon.presentation{mask-image:url(/assets/svg/Presentation.svg)}.read-mail .read-form .attachments-section .attachments-list .attachment-item .attachment-icon.executable{mask-image:url(/assets/svg/Settings.svg)}.read-mail .read-form .attachments-section .attachments-list .attachment-item .attachment-info{display:flex;flex-direction:column;gap:3px}.read-mail .read-form .attachments-section .attachments-list .attachment-item .attachment-info .attachment-name{color:var(--tertiary-text);font-weight:500}.read-mail .read-form .attachments-section .attachments-list .attachment-item .attachment-info .attachment-size{color:var(--muted-text)}.read-mail .read-form .attachments-section .attachments-list .attachment-item .attachment-download-btn{background-color:var(--tertiary-text);cursor:pointer;height:24px;margin-left:15px;mask-image:url(/assets/svg/Download.svg);mask-position:center;mask-size:contain;width:24px}.read-mail .read-form .text-area{display:flex;flex:1;flex-direction:column;min-height:0}.read-mail .read-form .text-area textarea{flex:1;height:100%;min-height:0}.read-mail .tools-container .tools-right{gap:0}.read-mail .read-actions{display:flex;flex-direction:row;gap:10px;margin-left:auto;margin-top:10px}.read-mail .read-actions button{height:40px}@media(max-width:768px){.read-mail{padding:5px}.read-mail .read-mail__header-mobile{align-items:center;display:flex;justify-content:space-between;padding:5px}.read-mail .read-mail__header-mobile .back-button{background-color:var(--tertiary-text);height:28px;margin:0 10px;mask-image:url(/assets/svg/ArrowLeft.svg);mask-position:center;mask-size:contain;padding:0;width:28px}.read-mail .read-mail__header-mobile .tools-container .tools-left{padding-right:0}.read-mail .read-mail__header-mobile .tools-container .tools-left:after,.read-mail .read-mail__header-mobile .tools-container .tools-right{display:none}.read-mail .read-form .read-inputs .read-header{gap:10px}.read-mail .read-form .read-inputs .read-header .sender-data{font-size:.75rem;width:100%}.read-mail .read-form .read-inputs .read-header .sender-data .sender__email{display:flex;flex-direction:row;font-size:1rem;width:100%}.read-mail .read-form .read-inputs .read-header .sender-data .sender__email .email-send-time{color:var(--secondary-text);font-size:.75rem;font-weight:500;margin-left:auto}.read-mail .read-form textarea{width:auto}.read-mail .tools-bottom-mobile{display:flex;gap:20px;justify-content:flex-end;padding:10px}.read-mail .tools-bottom-mobile .answer,.read-mail .tools-bottom-mobile .reply{align-items:center;background-color:transparent;background-color:var(--tertiary-text);color:var(--tertiary-text);display:flex;font-size:16px;gap:10px;height:32px;mask-position:center;mask-size:contain;padding:0;width:32px}.read-mail .tools-bottom-mobile .answer:hover,.read-mail .tools-bottom-mobile .reply:hover{background-color:var(--color-main-background)}.read-mail .tools-bottom-mobile .reply{mask-image:url(/assets/svg/Reply.svg)}.read-mail .tools-bottom-mobile .answer{mask-image:url(/assets/svg/Answer.svg)}}.tools-container{display:flex;flex-direction:row}.tools-container .tools-left,.tools-container .tools-right{align-items:center;display:flex;flex-direction:row;gap:15px}.tools-container button{align-items:center;background-color:transparent;border:none;border-radius:50%;color:var(--tertiary-text);cursor:pointer;display:flex;font-size:16px;height:48px;justify-content:center;padding:0;position:relative;width:48px}.tools-container button:hover{background-color:var(--color-main-background)}.tools-container .tools-left{padding-right:15px;position:relative}.tools-container .tools-left:after{background-color:var(--muted-text);content:"";height:40%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:2px}.tools-container .tools-left [name=favorite]:before,.tools-container .tools-left [name=spam]:before,.tools-container .tools-left [name=trash]:before,.tools-container .tools-left [name=unfavorite]:before,.tools-container .tools-left [name=unspam]:before{background-color:var(--tertiary-text);content:"";height:24px;mask-position:center;mask-repeat:no-repeat;mask-size:contain;position:absolute;width:24px}.tools-container .tools-left [name=favorite]:before{mask-image:url(/assets/svg/SidebarFavorites.svg)}.tools-container .tools-left [name=favorite][data-active=true]:before{mask-image:url(/assets/svg/StarOn.svg)}.tools-container .tools-left [name=spam]:before{mask-image:url(/assets/svg/Spam.svg)}.tools-container .tools-left [name=trash]:before{mask-image:url(/assets/svg/Trash.svg)}.tools-container .tools-right{padding-left:15px}.tools-container .tools-right button{border-radius:30px;width:150px}.tools-container .tools-right button span{margin-left:10px}.tools-container .tools-right [name=answer]:before,.tools-container .tools-right [name=reply]:before{background-color:var(--tertiary-text);content:"";display:block;height:24px;margin-left:5px;mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:24px}.tools-container .tools-right [name=answer]:before{margin-left:10px;mask-image:url(/assets/svg/Answer.svg)}.tools-container .tools-right [name=reply]:before{mask-image:url(/assets/svg/Reply.svg)}.support-page-container{align-items:left;background-color:var(--color-sidebar-background);border-radius:20px;display:flex;flex-direction:column;padding:30px}.support-page-container .support-page__title{color:var(--tertiary-text);font-size:24px;margin-bottom:15px}.support-page-container .support-page__subtitle{color:var(--tertiary-text);font-size:16px;padding-left:15px}@media(max-width:768px){.support-page-container .support-textarea{height:35vh}}.admin-support-page{background:var(--background-gradient);display:flex;flex-direction:row;height:100vh;overflow:hidden}.admin-support-page .support-tickets-panel{background-color:#f5f7fa;border-right:1px solid #ddd;display:flex;flex-direction:column;min-width:250px;overflow-y:auto;width:300px}.admin-support-page .support-tickets-panel .support-tickets-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:16px}.admin-support-page .support-tickets-panel .support-tickets-header h2{color:#333;font-size:18px;margin:0}.admin-support-page .support-tickets-panel .admin-filter-row{background:#f9fafb;border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap;gap:12px;padding:12px 16px}.admin-support-page .support-tickets-panel .admin-filter-row .filter-group{display:flex;flex:1;flex-direction:column;gap:4px;min-width:120px}.admin-support-page .support-tickets-panel .admin-filter-row .filter-group label{color:#666;font-size:12px;font-weight:600;text-transform:uppercase}.admin-support-page .support-tickets-panel .admin-filter-row .filter-group select{background:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 10px}.admin-support-page .support-tickets-panel .tickets-list{flex:1;list-style:none;margin:0;overflow-y:auto;padding:10px}.admin-support-page .support-tickets-panel .tickets-list .ticket-item{border-radius:20px;cursor:pointer;padding:12px 16px;transition:background-color .2s}.admin-support-page .support-tickets-panel .tickets-list .ticket-item:hover{background-color:#ebf0f5}.admin-support-page .support-tickets-panel .tickets-list .ticket-item.active{background-color:#dbe4ee}.admin-support-page .support-tickets-panel .tickets-list .ticket-item .ticket-subject{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.admin-support-page .support-tickets-panel .tickets-list .ticket-item .ticket-meta{align-items:center;display:flex;gap:8px;margin:4px 0}.admin-support-page .support-tickets-panel .tickets-list .ticket-item .ticket-meta .ticket-status{border-radius:3px;display:inline-block;font-size:12px;font-weight:600;padding:2px 6px;text-transform:uppercase}.admin-support-page .support-tickets-panel .tickets-list .ticket-item .ticket-meta .ticket-status[data-status=open]{background-color:#fff3e0;color:#e65100}.admin-support-page .support-tickets-panel .tickets-list .ticket-item .ticket-meta .ticket-status[data-status=pending]{background-color:#fff9c4;color:#f57f17}.admin-support-page .support-tickets-panel .tickets-list .ticket-item .ticket-meta .ticket-status[data-status=closed]{background-color:#e8f5e9;color:#2e7d32}.admin-support-page .support-tickets-panel .tickets-list .ticket-item .ticket-meta .ticket-category{background:#eef2f7;border-radius:3px;color:#4a5568;font-size:11px;font-weight:500;padding:1px 6px;text-transform:uppercase}.admin-support-page .support-tickets-panel .tickets-list .ticket-item .ticket-meta .ticket-category[data-category=bug]{background:#fed7d7;color:#9b2c2c}.admin-support-page .support-tickets-panel .tickets-list .ticket-item .ticket-meta .ticket-category[data-category=feature]{background:#e9d8fd;color:#553c9a}.admin-support-page .support-tickets-panel .tickets-list .ticket-item .ticket-meta .ticket-category[data-category=problem]{background:#fefcbf;color:#975a16}.admin-support-page .support-tickets-panel .tickets-list .ticket-item .ticket-meta .ticket-category[data-category=general]{background:#e2e8f0;color:#2d3748}.admin-support-page .support-tickets-panel .tickets-list .ticket-item .ticket-preview{color:#666;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-support-page .support-chat-panel{background-color:#fff;display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.admin-support-page .support-chat-panel .admin-chat-bar{align-items:center;background:#f9fafb;border-bottom:1px solid #ddd;display:flex;padding:8px 16px}.admin-support-page .support-chat-panel .admin-chat-bar .status-control{align-items:center;display:flex;gap:8px}.admin-support-page .support-chat-panel .admin-chat-bar .status-control label{color:#555;font-size:13px}.admin-support-page .support-chat-panel .admin-chat-bar .status-control select{border:1px solid #ccc;border-radius:4px;font-size:13px;padding:4px 8px}.admin-support-page .support-chat-panel .chat-empty{align-items:center;color:#999;display:flex;flex:1;font-size:16px;justify-content:center}.admin-support-page .support-chat-panel .chat-messages{display:flex;flex:1 1 0%;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;padding:16px}.admin-support-page .support-chat-panel .message{display:flex;max-width:70%}.admin-support-page .support-chat-panel .message.user{align-self:flex-start;justify-content:flex-start}.admin-support-page .support-chat-panel .message.admin{align-self:flex-end;justify-content:flex-end}.admin-support-page .support-chat-panel .message .message-bubble{border-radius:20px;font-size:14px;line-height:1.4;padding:10px 14px;position:relative;word-break:break-word}.admin-support-page .support-chat-panel .message .message-bubble .message-text{margin-bottom:4px}.admin-support-page .support-chat-panel .message .message-bubble .message-time{color:#999;font-size:11px;margin-top:4px}.admin-support-page .support-chat-panel .message.user .message-bubble{background-color:#e2e3e5;border-bottom-left-radius:4px;color:#004085}.admin-support-page .support-chat-panel .message.admin .message-bubble{background-color:#cce5ff;border-bottom-right-radius:4px;color:#383d41}.admin-support-page .support-chat-panel .chat-input-area{align-items:center;box-sizing:border-box;display:grid;flex-shrink:0;gap:20px;grid-template-columns:1fr auto;padding:12px 16px;width:100%}.admin-support-page .support-chat-panel .chat-input-area>div{box-sizing:border-box;min-width:0;width:100%}.admin-support-page .support-chat-panel .chat-input-area textarea{box-sizing:border-box;font-size:14px;min-width:0;width:100%}.offline-banner{animation:slideDown .3s ease-out;background:#ff9800;color:#fff;font-family:sans-serif;font-weight:500;left:0;padding:10px;position:fixed;right:0;text-align:center;top:0;z-index:9999}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}
/*# sourceMappingURL=main.4d160068665fe44c60d9.css.map*/