@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100&family=Roboto:wght@100&display=swap";@import"https://fonts.googleapis.com/css?family=Berkshire+Swash:regular&display=swap";@import"https://fonts.googleapis.com/css?family=Inter:100,200,300,regular,500,600,700,800,900&display=swap";:root{--primary-red: #d81921;--primary-black: #0c0c1a;--primary-success: #1cd064;--primary-error: #d20101;--stroke: 1px solid rgba(255, 255, 255, .1);--container-padding: 24px;--page-header-z-index: 50;--page-header-content-z-index: 20;--toggle-side-bar-z-index: 40;--side-bar-z-index: 30}@media screen and (max-width: 420px){:root{--container-padding: 16px}}*,html,body,*:before,*:after{margin:0;padding:0;box-sizing:border-box}*:before,*:after{position:absolute}body{min-height:100vh;background-color:var(--primary-black);color:#fff;overflow-x:hidden}button{border:none;background-color:transparent;cursor:pointer;font-family:inherit;color:inherit;display:flex;align-items:center;position:relative;text-align:center;justify-content:center}input,textarea,select{font-family:inherit;color:inherit;border:none;width:100%;outline:none;resize:vertical}a{text-decoration:none;font-family:inherit;color:inherit}ul{list-style-type:none}img{width:100%;max-width:100%}*:has(.file-upload-hidden){position:relative}[data-default-closed=true]{height:0px;overflow:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{width:5px;height:5px;border-radius:10px;background-color:var(--primary-red)}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-ms-inner-spin-button,input[type=number]::-ms-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (hover: none){a,button{cursor:none!important}}.clickable{cursor:pointer;transition:.2s ease-out}.clickable:active{transform:scale(.95)!important}.clickable:hover{transform:scale(1.05)}.toggle-side-bar{border-radius:0 12px 12px 0;border:1px solid var(--primary-red);border-left:none;background:var(--primary-black);display:flex;align-items:center;column-gap:16px;padding:16px 32px;position:relative;z-index:var(--toggle-side-bar-z-index)}.toggle-side-bar span:before{position:relative;content:attr(data-close-text)}.toggle-side-bar.open span:before{content:attr(data-open-text)}.toggle-side-bar.open .hamburger-menu{transform:translate(-11px)}.toggle-side-bar.open .hamburger-menu>:first-child{transform:rotate(135deg) translateY(-11px)}.toggle-side-bar.open .hamburger-menu>:last-child{transform:rotate(-135deg) translateY(11px)}.toggle-side-bar.open .hamburger-menu>:nth-child(2){opacity:0;transform:translate(-100%)}.hamburger-menu{display:grid;gap:6px;width:24px;transition:transform .3s ease-out}.hamburger-menu>div{width:100%;height:2px;background-color:#fff;border-radius:99px;transform-origin:center center;transition:all .3s ease-out}@media (max-width: 640px){.toggle-side-bar{padding:12px 17.5px;font-size:14px}.hamburger-menu{width:20px}}html{font-family:Montserrat,sans-serif}main{display:flex;flex-direction:column;gap:32px;padding-bottom:64px}.toggle-side-bar{position:fixed;left:0;top:32px}.main-header{display:flex;align-items:baseline;width:100%;justify-content:space-between;padding:24px 0;border-bottom:1px solid #343449}.container{width:100%;max-width:1280px;padding-left:20px;padding-right:20px;margin:0 auto;position:relative}button{white-space:nowrap}@media (max-width: 640px){main{margin-top:90px;border-top:var(--stroke);gap:0px}.toggle-side-bar{top:24px}.container{width:100%;padding-left:0;padding-right:0}.with-padding{width:100%;padding-left:16px;padding-right:16px}}body{display:flex;flex-direction:column}img{width:auto}.file-upload-hidden{position:absolute;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;top:50%;left:50%;width:10px}input.image-value{position:absolute;width:10px;height:10px;opacity:0}label:has(.grey-button){flex:none}.shadow-container{display:contents}@media (max-width: 640px){.filter-button span{display:none}}aside{width:100%;max-width:409px;padding:112px 0 28px;display:flex;flex-direction:column;gap:32px;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;overflow-x:hidden;isolation:isolate;background:var(--primary-black);border-right:1px solid rgba(255,255,255,.1);z-index:10;transform:translate(-100%);opacity:0;box-shadow:0 0 0 100vmax #00000080;transition:transform .4s ease-out,opacity .4s ease-out}aside.open{transform:translate(0);opacity:1}aside:before{content:"";top:0;left:50%;transform:translate(-110%);height:100%;aspect-ratio:1/1;flex-shrink:0;border-radius:900px;opacity:.5;background:#d81921;filter:blur(150px);z-index:-10;pointer-events:none}aside>section{display:flex;flex-direction:column;gap:24px;padding:24px;border-top:1px solid rgba(255,255,255,.05)}aside section a,aside section button{display:grid;grid-template-columns:24px auto;gap:10px;padding:16px 12px;border-radius:20px;text-transform:capitalize;align-items:center;overflow:hidden;isolation:isolate;position:relative;font-size:16px;width:100%;text-align:left;justify-content:flex-start;color:#cbb7b8;font-weight:500}aside section a.webmaster{color:#fff;display:flex;align-items:center}aside section a.webmaster>span:last-child{padding:4px 8px;background-color:#d81921;border-radius:20px}aside section .active:where(a,button):before{content:"";top:0;right:0;bottom:0;left:0;background-color:var(--primary-red);opacity:.16;z-index:-10}aside section .active:where(a,button)>svg{color:var(--primary-red)}aside>section>section{gap:16px;display:flex;flex-direction:column}aside>section>section>h2{color:#fff6;font-size:12px;font-weight:600;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;gap:20}aside>section>section>h2 span:last-child{color:#fff6;font-size:10px;font-weight:500;text-transform:none;display:flex;align-items:center;gap:4px}aside section>section :where(a,button){grid-template-columns:18px auto}aside section>ul{color:#cbb7b8}aside section>ul>li a{position:relative}aside section>hr{mix-blend-mode:overlay}aside section>ul>hr{width:100%;border:1px white solid}aside section>ul .nav-drop-down>div:last-child{display:flex;align-items:center;gap:12px;position:absolute;right:12px}aside section>ul .drop-down{background:#ffffff05;border-radius:10px}aside section>ul .drop-down ul{padding:16px}aside section>ul .drop-down ul li a{padding:12px}aside section>ul .dropdown-content{padding-left:24px}.header-tabs{position:absolute;top:32px;width:100%;left:0;z-index:5}.header-tabs,.header-tabs .container{display:flex;justify-content:flex-end;padding:0 24px;gap:24px;align-items:center}button.filter-button,button.profile-button{gap:12px;border-radius:8px;border:1px solid #242438;background:#161626;padding:8px 12px;position:relative;flex:none}button.filter-button.active:before{content:"";width:7px;height:7px;border-radius:50%;background-color:#fff;top:0;right:0;transform:translate(50%,-50%)}.header-tabs button.profile-button{display:flex;flex-direction:column;gap:0px;padding:0}.header-tabs button .profile-drop-down-control{padding:8px 12px}.header-tabs button .profile-drop-down-control img{transition:.5s ease-out;width:24px;height:24px;border-radius:50%;object-fit:cover}.header-tabs button.open{border-radius:8px 8px 0 0}.header-tabs button.profile-button .profile-dropdown-content{inset:100% -1px auto -1px;position:absolute;transform:translateY(-10px);opacity:0;transition:all .15s ease-out;border:1px solid #242438;border-top:none;background:#161626;border-radius:0 0 8px 8px;display:grid;box-shadow:0 20px 30px #0000004d;z-index:99;pointer-events:none;overflow:hidden}.header-tabs button.profile-button .profile-dropdown-content.open{transform:translateY(0);opacity:1;pointer-events:all}.header-tabs button.profile-button .profile-dropdown-content>div{padding:20px 16px;display:flex;align-items:center;gap:12px;color:#e84a51;font-size:14px;font-style:normal;font-weight:500;border-top:1px solid #242438}.header-tabs button.profile-button .profile-dropdown-content>div img{width:auto}.header-tabs button.profile-button .profile-drop-down-control{display:flex;gap:12px;align-items:center}.header-tabs button.profile-button div.profile-dropdown{position:absolute;width:100%;top:100%;transform:translateY(-5px);left:0;overflow:hidden;z-index:5;max-height:0px;transition:max-height .3s ease-out}.header-tabs button.profile-button div.profile-dropdown>div{border-radius:0 0 8px 8px;box-sizing:content-box;display:flex;align-items:center;gap:8px;border:1px solid #242438;background:#161626;padding:8px 12px}.header-tabs button.profile-button.open .profile-drop-down-control img:nth-of-type(2){transform:rotate(180deg)}.fields-container{display:flex;flex-direction:column;gap:24px;padding-bottom:64px}.fields-container>:first-child{position:relative}.field{background-color:#ffffff0d;padding:16px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;position:relative}.field img{width:auto}.field :where(input[type=text],input[type=url],input[type=tel],input[type=email],input[type=number],textarea){line-height:19px}.field :where(input[type=text],input[type=url],input[type=tel],input[type=email],input[type=number],textarea)::placeholder{color:#fff}.field.image-upload,.field.toggleable{align-items:center;justify-content:space-between;flex-direction:row}.field.toggleable:has(textarea){align-items:flex-start}.field.toggleable>.toggle-content{display:flex;flex-direction:column;align-items:flex-start;gap:16px;flex-grow:1}.field.toggleable>.toggle-content:has(textarea){width:100%;height:max-content}.field.toggleable>.toggle-content textarea{height:max-content}.field.wrappable{flex-wrap:wrap;row-gap:16px}.field.shared{background-color:#361e45}.field.shared:only-of-type{margin-top:24px}.field.border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px white solid;width:100%;height:100%;mix-blend-mode:overlay;pointer-events:none}.field .title-pill{color:#fff9;font-size:12px;font-weight:500;word-wrap:break-word;background-color:#ffffff14;border-radius:4px;padding:4px;display:flex;width:fit-content;align-items:center;gap:8px}.field .field-title{color:#ffffff80;font-size:14px;font-family:Inter;font-weight:500;line-height:17px}.field header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;width:100%}.field header>.field-title-sub-title{color:#ffffff80;font-size:14px;font-weight:500;word-wrap:break-word}.field :where(input[type=text],input[type=tel],input[type=email],input[type=url],textarea){width:100%;color:#fff;font-weight:500;word-wrap:break-word;background-color:transparent;border:none;outline:none}.field .field-group-in-field{display:flex;align-items:stretch;flex-wrap:wrap;row-gap:20px;gap:40px}.field .field-group-in-field>*{position:relative;display:flex;flex-direction:column;gap:16px;align-items:flex-start}.field .field-group-in-field>span{display:inline-block;width:1px;background-color:#fff;mix-blend-mode:overlay}.field .field-group-in-field :where(.cta-field,.cta-field-content){flex-wrap:wrap;flex:1}.input-slug{display:flex;align-items:baseline;width:100%}.input-slug span{opacity:.5}section.fields-wrapper{position:relative}section.fields-wrapper-group>header{display:flex;align-items:center;justify-content:space-between}section.fields-wrapper{padding:24px;background-color:#ffffff0d;display:flex;flex-direction:column}section.fields-wrapper>header,section.fields-wrapper .field-group-item header{display:flex;justify-content:space-between;align-items:center;gap:40px}section.fields-wrapper>header :where(h3,.title),section.fields-wrapper .field-group-item header :where(h3,.title){display:flex;align-items:center;gap:12px;flex-grow:1;color:#fff;font-size:12px;font-weight:500;word-wrap:break-word;text-transform:uppercase;max-width:70%;letter-spacing:1.2px}section.fields-wrapper>header>.controls{display:flex;align-items:center;gap:24px}section.fields-wrapper>header>:only-child{margin-left:auto}section.fields-wrapper>header>.controls :where(div,img,button){display:flex;align-items:center;width:auto;gap:8px}section.fields-wrapper>header>.controls>div:last-child{cursor:pointer;transform:rotate(180deg);transition:transform .4s ease-out}section.fields-wrapper>header h3 img,section.fields-wrapper .field-group-item header img{width:auto}section.fields-wrapper>header h3 span{overflow:hidden;width:100%;text-overflow:ellipsis;display:inline-block;white-space:nowrap}.field-group-item-wrapper{display:flex;flex-direction:column;gap:40px}.field-group-item{display:flex;flex-direction:column;gap:24px}section.fields-wrapper>.drop-down>:first-child{margin-top:24px}section.fields-wrapper .field-group{display:flex;flex-direction:column;gap:40px}section.fields-wrapper .field-group{display:grid;gap:24px;grid-template-columns:1fr 1fr}section.fields-wrapper .field-group>*:where(:last-child:not(:where(:nth-child(2n)),.not-full-width),.full-width){grid-column:1 / -1}@media (max-width: 720px){section.fields-wrapper .field-group{grid-template-columns:1fr}}@media (max-width: 640px){.field{padding:12px 16px;gap:8px}section.fields-wrapper{padding:16px}.field .title-pill{font-size:10px}.field header>.field-title-sub-title,.file-name,.field .field-title{font-size:12px}.file-name{font-size:14px}.field.toggleable>.toggle-content :where(p){font-size:14px}.fields-container{gap:16px}.toggleable.cta{display:flex;flex-direction:column;align-items:flex-start}.toggleable .enable-cta{margin-left:auto}.toggleable .field-group-in-field{flex-direction:column;gap:12px;width:100%}.toggleable .field-group-in-field>span{width:100%;height:1px}.toggleable .field-group-in-field .cta-field{width:100%;justify-content:space-between;gap:16px}.toggleable .field-group-in-field .cta-field>div{justify-content:space-between;gap:24px}.toggleable:has(.cta-field){flex-direction:column;align-items:stretch}.field .field-group-in-field{flex-direction:column}}.field.image-upload .image-upload-details{display:flex;flex-direction:column;gap:16px;align-items:flex-start;position:relative;flex:1}.field.image-upload .image-upload-details>.image-upload-preview{max-height:38px;height:100%}.grey-button{color:#fff;font-size:14px;font-weight:500;word-wrap:break-word;background:#555564;padding:12px 16px;border-radius:4px;display:flex;align-items:center;gap:12px;cursor:pointer;flex:none}.reorder-control{display:flex;align-items:center;gap:8px;color:#ffffff80;font-size:14px;font-family:Inter;font-weight:500;word-wrap:break-word;cursor:grab;flex:none;touch-action:none}.image-upload .upload-details{display:flex;align-items:center;gap:12px}.image-upload .upload-details img.preview{aspect-ratio:85.42/48;border-radius:4px;max-width:85.42px;width:100%;object-fit:cover;object-position:center}.image-upload .upload-details:has(img.preview[src])~label.upload-button{display:none}.image-upload .upload-details:has(img.preview:not([src]))~button.delete-button{display:none}.image-upload img.preview:not([src]){display:none}@media (max-width: 640px){.grey-button{padding:10px 12px}.field.image-upload .image-upload-details{gap:8px}.cta-input-field{max-width:none}}.payer-details{display:flex;align-items:center;column-gap:20px;row-gap:8px;color:#fff;opacity:.5}.payer-details>span{position:relative;font-size:14px}.payer-details>span:not(:last-child):after{content:"";border-radius:50%;width:5px;height:5px;background-color:#fff;opacity:.2;position:absolute;right:-10px;top:50%;transform:translate(50%,-50%)}@media (max-width: 720px){.payer-details{flex-direction:column;align-items:flex-start}.payer-details>span:not(:last-child):after{content:none}}.section-drop-down-control{cursor:pointer}.page-header{display:flex;justify-content:flex-start;flex-direction:column;align-items:flex-start;gap:32px;border:none;padding:0}.page-header.not-dashboard{padding-top:37px}.page-header .header-content{display:flex;gap:32px;width:100%}.page-header>hr{width:100%;border:none;border-top:var(--stroke)}.page-header .title{display:flex;gap:12px;align-items:center;width:auto}.page-header .title{padding-left:86px}@media (max-width: 640px){header.header-tabs{top:24px;padding:0 16px}.page-header .title{padding-left:52px}.header-tabs,.header-tabs .container{padding:0}}@media (min-width: 1680px){.page-header .title:not(.full-width){padding-left:0}}.page-header .title button.menu-button{display:none}.page-header h1{color:#f4e6e7;font-size:32px;font-style:normal;font-weight:500;line-height:normal}@media (max-width: 640px){main .page-header .title button.menu-button{display:inline-block}.page-header h1{font-size:24px}}@media (max-width: 640px){.page-header{padding:16px 0;border:none}.page-header.not-dashboard{padding-top:24px;gap:16px}}.custom-select:not(.custom-select-js){opacity:0}.custom-select :where(span,p){white-space:inherit;overflow:hidden;text-overflow:ellipsis;max-width:100%}.custom-select img{max-height:59px;object-fit:cover;object-position:center;border-radius:4px;aspect-ratio:105/60;width:auto}.custom-select{position:relative;width:100%}.custom-select>div:first-child{background-color:#ffffff0d;padding:16px 24px 16px 16px;border-radius:4px;width:100%;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px}.custom-select>div:first-child>div{display:flex;align-items:center;gap:24px;flex:1;overflow:hidden}.custom-select>div:first-child>div .custom-select-video-placeholder{display:flex;gap:24px;flex-grow:1;align-items:center}.custom-select>div:first-child>div .custom-select-video-placeholder>div:first-child{aspect-ratio:105/60;border-radius:6px;background-color:#ffffff1a;max-width:103px;width:100%;height:100%;position:relative}.custom-select>div:first-child>div .custom-select-video-placeholder>div:first-child:before{content:"?";top:50%;left:50%;color:#fff;transform:translate(-50%,-50%)}.custom-select>div:first-child img:last-child{width:18px;height:18px;transition:transform .2s ease-out}.custom-select>ul{position:absolute;top:100%;left:0;width:100%;transform:translateY(-10px);opacity:0;transition:all .15s ease-out;background-color:#2f2f3b;border-radius:0 0 8px 8px;display:grid;box-shadow:0 20px 30px #0000004d;z-index:99;pointer-events:none;overflow-x:hidden;overflow-y:auto;max-height:min(360px,33vh)}.custom-select>ul>*{padding:16px 32px 16px 16px;font-size:14px;cursor:pointer;position:relative;display:flex;align-items:center;gap:24px;overflow:auto;transition:background-color .3s ease-out}.custom-select>ul>*:hover{background-color:#424252a1}.custom-select>ul>*.selected{background-color:#424252}.custom-select>ul>*.selected:after{content:"";right:16px;top:50%;transform:translateY(-50%);width:10px;height:8px;background-size:contain;background-repeat:no-repeat;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEwIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zLjIxMzAxIDguNDI5NUMyLjk0MTM5IDguNDI5NSAyLjY2OTc2IDguMzI5NDMgMi40NTUzMiA4LjExNDk5TDAuMzEwOTM2IDUuOTcwNkMtMC4xMDM2NDUgNS41NTYwMiAtMC4xMDM2NDUgNC44Njk4MSAwLjMxMDkzNiA0LjQ1NTIzQzAuNzI1NTE4IDQuMDQwNjUgMS40MTE3MiA0LjA0MDY1IDEuODI2MyA0LjQ1NTIzTDMuMjEzMDEgNS44NDE5M0w4LjE3MzY5IDAuODgxMjQ5QzguNTg4MjggMC40NjY2NjcgOS4yNzQ0OCAwLjQ2NjY2NyA5LjY4OTA2IDAuODgxMjQ5QzEwLjEwMzYgMS4yOTU4MyAxMC4xMDM2IDEuOTgyMDQgOS42ODkwNiAyLjM5NjYyTDMuOTcwNjkgOC4xMTQ5OUMzLjc1NjI1IDguMzI5NDMgMy40ODQ2MyA4LjQyOTUgMy4yMTMwMSA4LjQyOTVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K)}.custom-select.open>div:first-child{border-radius:4px 4px 0 0}.custom-select.open>div:first-child:after{transform:translateY(-50%) rotate(180deg)}.custom-select.open>ul{transform:translateY(0);opacity:1;pointer-events:all}.custom-select.light>div:first-child>div .custom-select-video-placeholder>div:first-child:before{color:#000}.custom-select.light>ul{background-color:#fff}.custom-select.light>ul>*.selected:after{filter:invert(1)}.custom-select.light>ul>*:hover{background-color:#0000001a}.custom-select.light>ul>*.selected{background-color:#0003}.custom-select.light img{filter:invert(1)}@media (max-width: 640px){.custom-select>div:first-child>div,.custom-select>ul>*,.custom-select :where(span,p){font-size:10px}}[data-modal-element]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#2e2e4580;display:flex;justify-content:center;align-items:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .5s ease-out;z-index:99}[data-modal-element] .modal-content{background-color:var(--primary-black);padding:24px;max-width:432px;width:100%;display:flex;flex-direction:column;gap:24px;opacity:0;overflow-y:visible;transition:opacity .3s ease-out 0ms,transform .3s ease-out 0ms;transform:translateY(20px);max-height:90vh;position:relative;pointer-events:none}[data-modal-element].open{opacity:1;pointer-events:all}[data-modal-element].open .modal-content{opacity:1;transform:translateY(0);transition-delay:.2s;pointer-events:all}[data-modal-element]>.modal-content>header{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-style:normal;font-weight:500}[data-modal-element]>.modal-content form{display:flex;flex-direction:column;gap:16px}[data-modal-element]>.modal-content .submit{border-radius:12px;border:1px solid #d81921;padding:24px;text-align:center;font-size:14px;font-style:normal;font-weight:500}[data-modal-element].overflow .modal-content{overflow-y:auto}@media (max-width: 640px){[data-modal-element]{display:flex;justify-content:center;align-items:flex-end;padding:0;opacity:0;pointer-events:none;transition:opacity .5s ease-out}[data-modal-element] .modal-content{padding:16px;max-width:none}[data-modal-element]>.modal-content>header>button{position:absolute;left:50%;transform:translate(-50%,-100%);top:-16px}}.alert{position:fixed;top:-100px;left:50%;transform:translate(-50%) scale(.5);padding:16px 24px;color:#fff;display:flex;align-items:center;gap:16px;border-radius:12px;transition:all 1s cubic-bezier(.17,.67,.16,.99);z-index:999;width:max-content;max-width:90vw}.alert img{width:auto}.alert.success{background-color:#188f48}.alert.error{background-color:#d31313}.alert.open{top:32px;transition-duration:1s;transition-timing-function:cubic-bezier(0,.84,.16,.99);transform:translate(-50%) scale(1) translateY(0)}@media screen and (max-width: 640px){.alert{font-size:12px}}.tab-view-wrapper .tab-view-controls{display:flex;align-items:center;gap:24px}.tab-view-wrapper .tab-view-controls button{color:#0006;font-size:16px;font-weight:600;word-wrap:break-word;display:flex;align-items:center;gap:8px;text-transform:capitalize;position:relative;transition:padding .75s cubic-bezier(.17,.67,.16,.99)}.tab-view-wrapper .tab-view-controls.mobile{display:none}@media screen and (max-width: 940px){.tab-view-wrapper .tab-view-controls.desktop{display:none}.tab-view-wrapper .tab-view-controls.mobile{display:flex}}@media screen and (max-width: 640px){.tab-view-wrapper .tab-view-controls button{font-size:12px}}.tab-view-wrapper .tab-view-controls button:before{width:7px;height:7px;border:2.5px solid #d81921;border-radius:50%;content:"";display:block;position:absolute;top:50%;left:0;transform:translate(12px) translateY(-50%);opacity:0;transition:opacity .75s cubic-bezier(.17,.67,.16,.99),transform .75s cubic-bezier(.17,.67,.16,.99);transition-delay:0ms,.75s}.tab-view-wrapper .tab-view-controls button .count{padding:0 8px;background:#0000000d;border-radius:17px;justify-content:center;align-items:center;display:inline-flex;color:#0c0c1a;font-size:16px;font-weight:600;word-wrap:break-word;transition:color .75s cubic-bezier(.17,.67,.16,.99),background .75s cubic-bezier(.17,.67,.16,.99)}.tab-view-wrapper .tab-view-controls button .count:empty{display:none}.tab-view-wrapper .tab-view-controls button.active{color:#d81921}.tab-view-wrapper .tab-view-controls button.active .count{background:#d81921;color:#fff}.tab-view-wrapper .tab-view-controls button.active{padding-left:12px}.tab-view-wrapper .tab-view-controls button.active:before{opacity:1;transform:translate(0) translateY(-50%);transition-delay:0ms,0ms}.tab-view-wrapper .tab-views{width:100%;display:flex;align-items:flex-start;overflow-x:clip;position:relative;transition:height .5s ease-out;grid-area:views}.tab-view-wrapper .tab-views .tab-view::-webkit-scrollbar{width:6px}.tab-view-wrapper .tab-views .tab-view::-webkit-scrollbar-thumb{background-color:#d9d9d9;width:6px}.tab-view-wrapper .tab-views .tab-view{width:100%;flex-shrink:0;max-height:calc(100vh - 320px)}.tab-view-wrapper .tab-views .tab-view>*{display:flex;flex-direction:column;gap:16px;padding:6px 18px 6px 6px;flex:1;width:100%}@media screen and (max-width: 640px){.tab-view-wrapper .tab-views .tab-view{max-height:calc(100vh - 160px)}}@media screen and (width >=1366px){.container{max-width:1520px}}header.header-tabs{pointer-events:none}header.header-tabs button{pointer-events:all}main{min-height:100vh}main .container:last-child{flex:1;display:flex}main .container:last-child .tab-switcher{flex:1!important;display:flex;flex-direction:column}main .container:last-child .tab-switcher .tab-views{flex:1;display:flex}main .container:last-child .tab-switcher .tab-views .tab-view{height:100%!important;display:flex;flex-direction:column}main .container:last-child .tab-switcher .tab-views .tab-view .content-wrapper{flex:1}main header.page-header .header-content{display:flex;align-items:center;justify-content:space-between}main header.page-header .header-content .title h1{color:#f4e6e7;font-size:24px;font-family:Berkshire Swash;font-weight:400;white-space:nowrap}main header.page-header .header-content .header-content-wrapper{display:contents}main header.page-header .header-content .controls{display:flex;align-items:center;gap:10px}main header.page-header .header-content .controls .custom-select{height:50px;width:fit-content}main header.page-header .header-content .controls .custom-select>:first-child{background:#ffffff05;border-radius:50px}main header.page-header .header-content .controls .custom-select>:first-child>div{gap:2px;color:#86788d;font-size:14px;font-weight:500}main header.page-header .header-content .controls .custom-select>:first-child>div:before{content:"Catergory:";position:static}main header.page-header .header-content .controls .custom-select ul{padding-top:8px;background:#11111f;border-radius:8px;border:1px rgba(255,255,255,.1) solid;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);gap:8px;width:clamp(100px,30vw,315px)}main header.page-header .header-content .controls .custom-select ul .custom-select-drop-down-title{pointer-events:none;color:#fff6;font-size:14px;font-weight:500}main header.page-header .header-content .controls .search-box{padding:12px 20px;background:#ffffff05;border-radius:50px;border:1px rgba(255,255,255,.1) solid;justify-content:flex-start;align-items:center;gap:8px;display:inline-flex;width:clamp(200px,30vw,409px)}main header.page-header .header-content .controls .search-box input{color:#fff;background-color:transparent;flex:1;font-size:14px;font-weight:500}main header.page-header .header-content .controls .search-box input::placeholder{color:#86788d}main header.page-header .header-content .controls .search-box svg{flex:none;color:#2d2c2c99}main header.page-header .header-content .controls :where(.search,.notification){color:#86788d}main header.page-header .header-content .controls .search-modal-button{color:#86788d;display:none}@media screen and (width < 1024px){main header.page-header .header-content .controls .search-modal-button{display:inline-block}main header.page-header .header-content .controls .custom-select,main header.page-header .header-content .controls .search-box{display:none!important}}main header.page-header .header-content .web-master{display:flex;align-items:center;gap:10px}main header.page-header .header-content .web-master span.unread-count{color:#fff;font-size:14px;font-family:Inter;font-weight:500;padding:4px 8px;background:#d81921;border-radius:20px;overflow:hidden;justify-content:center;align-items:center;display:inline-flex}main header.page-header .header-content .web-master span.unread-count:before{content:"*";position:static;display:contents}main header.page-header .header-content button.profile-button{gap:12px;border-radius:8px;border:1px solid #242438;background:#161626;padding:8px 12px;position:relative;flex:none}main header.page-header .header-content button.profile-button{display:flex;flex-direction:column;gap:0px;padding:0}main header.page-header .header-content button .profile-drop-down-control{padding:8px 12px}main header.page-header .header-content button .profile-drop-down-control img{transition:.5s ease-out}main header.page-header .header-content button.open{border-radius:8px 8px 0 0}main header.page-header .header-content button.profile-button .profile-dropdown-content{inset:100% -1px auto -1px;position:absolute;transform:translateY(-10px);opacity:0;transition:all .15s ease-out;border:1px solid #242438;border-top:none;background:#161626;border-radius:0 0 8px 8px;display:grid;box-shadow:0 20px 30px #0000004d;z-index:99;pointer-events:none;overflow:hidden;min-width:max-content;width:100%;right:0;left:auto}main header.page-header .header-content button.profile-button .profile-dropdown-content.open{transform:translateY(0);opacity:1;pointer-events:all}main header.page-header .header-content button.profile-button .profile-dropdown-content>div{padding:20px 16px;display:flex;align-items:center;gap:12px;color:#e84a51;font-size:14px;font-style:normal;font-weight:500;border-top:1px solid #242438}main header.page-header .header-content button.profile-button .profile-dropdown-content>div img{width:auto}main header.page-header .header-content button.profile-button .profile-drop-down-control{display:flex;gap:12px;align-items:center}@media screen and (width < 400px){main header.page-header .header-content button.profile-button .profile-drop-down-control span{display:none}}main header.page-header .header-content button.profile-button div.profile-dropdown{position:absolute;width:100%;top:100%;transform:translateY(-5px);left:0;overflow:hidden;z-index:5;max-height:0px;transition:max-height .3s ease-out}main header.page-header .header-content button.profile-button div.profile-dropdown>div{border-radius:0 0 8px 8px;box-sizing:content-box;display:flex;align-items:center;gap:8px;border:1px solid #242438;background:#161626;padding:8px 12px}main header.page-header .header-content button.profile-button.open .profile-drop-down-control img:nth-of-type(2){transform:rotate(180deg)}@media screen and (width <= 1024px){main header.page-header .header-content .header-content-wrapper{display:flex;justify-content:flex-end;gap:16px}}@media screen and (width <= 720px){main header.page-header .header-content{align-items:stretch}main header.page-header .header-content .header-content-wrapper .web-master .label{display:none}}#search-modal .content{padding:42px 24px;min-height:0px;transition:min-height 1s ease-out}#search-modal .content:has(.custom-select-js.open){transition:min-height 1s cubic-bezier(.12,1,.4,1.01);min-height:70vh}#search-modal .content .controls{display:flex;flex-direction:column;gap:10px}#search-modal .content .controls .custom-select{height:50px;width:fit-content}#search-modal .content .controls .custom-select>:first-child{background:#ffffff05;border-radius:50px}#search-modal .content .controls .custom-select>:first-child>div{gap:2px;color:#86788d;font-size:14px;font-weight:500}#search-modal .content .controls .custom-select>:first-child>div:before{content:"Catergory";position:static}#search-modal .content .controls .custom-select ul{padding-top:8px;background:#11111f;border-radius:8px;border:1px rgba(255,255,255,.1) solid;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);gap:8px;width:clamp(100px,30vw,315px)}#search-modal .content .controls .custom-select ul .custom-select-drop-down-title{pointer-events:none;color:#fff6;font-size:14px;font-weight:500}#search-modal .content .controls .search-box{padding:12px 20px;background:#ffffff05;border-radius:50px;border:1px rgba(255,255,255,.1) solid;justify-content:flex-start;align-items:center;gap:10px;display:inline-flex}#search-modal .content .controls .search-box input{color:#fff;background-color:transparent;flex:1;font-size:14px;font-weight:500}#search-modal .content .controls .search-box input::placeholder{color:#86788d}#search-modal .content .controls .search-box svg{flex:none;color:#2d2c2c99}#search-modal .content .controls .notification{padding:10px;background:#ffffff05;border-radius:10px;color:#86788d}.icon-button{padding:10px;background:#ffffff05;border-radius:10px}.icon-button svg{display:block}.control{display:flex;align-items:center;gap:10px;flex:1}.control header{display:none}.control .custom-select{width:fit-content;height:53px}.control .custom-select>:first-child{border-radius:50px;background:#ffffff05;width:fit-content;color:#ffffff80;text-transform:capitalize}.control .custom-select>:first-child:before{content:"Category: ";position:static}.control .custom-select[data-domain]>:first-child:before{content:"Domain: "}@media screen and (width <=920px){.control{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0c0c1a;display:flex;flex-direction:column;gap:24px;z-index:20;align-items:stretch;transform:translateY(100%);transition:transform 1s cubic-bezier(.1,1,.43,1)}.control>*:not(header){margin:0 24px;max-width:90%!important}.control header{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(255,255,255,.1);padding:24px 24px 24px 80px}.control header button{padding:10px;border-radius:99px;background-color:#ffffff1a}.control.open{transform:translateY(0)}}.search{padding:12px 20px;background:#ffffff05;border-radius:50px;align-items:center;display:flex;gap:8px;max-width:431px;width:100%;color:#ffffff80}.search input{width:100%;background-color:transparent;font-size:14px;font-weight:500}.search-modal-button{padding:10px;background:#ffffff05;border-radius:50px;display:none;color:#ffffff80}@media (width <= 920px){.search-modal-button{display:block}}.carousel-media-viewer{width:100%;border-radius:16px;overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;transform:none;display:flex;flex-direction:column;background:#171724}.carousel-media-viewer .viewer-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#ffffff0d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;position:absolute;top:0;left:0;right:0;z-index:10}.carousel-media-viewer .viewer-header .file-info{flex:1;color:#fff;font-size:14px}.carousel-media-viewer .viewer-header .file-name-wrapper{display:flex;align-items:baseline;gap:4px;margin-bottom:5px}.carousel-media-viewer .viewer-header .file-meta{color:#fff6}.carousel-media-viewer .viewer-header .controls{display:flex;align-items:center;gap:24px}.carousel-media-viewer .viewer-header .nav-controls{display:flex;gap:2px}.carousel-media-viewer .viewer-header .nav-btn{width:44px;height:44px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center}.carousel-media-viewer .viewer-header .nav-btn:first-child{border-radius:44px 0 0 44px}.carousel-media-viewer .viewer-header .nav-btn:last-child{border-radius:0 44px 44px 0}.carousel-media-viewer .viewer-header .nav-btn:hover{background:#ffffff4d;transform:scale(1.1)}.carousel-media-viewer .viewer-header .nav-btn:active{transform:scale(.95)}.carousel-media-viewer .viewer-container{position:relative;flex:1;overflow:hidden}.carousel-media-viewer .viewer-content{display:flex;height:100%;transition:transform .7s cubic-bezier(.48,.01,0,1)}.carousel-media-viewer .media-container{display:flex;justify-content:center;align-items:center;position:relative;width:100%;flex:none}.carousel-media-viewer .media-container .wrapper{width:100%;height:100%;position:relative}.carousel-media-viewer .media-container .wrapper .download-button-wrapper{position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.carousel-media-viewer .media-container img,.carousel-media-viewer .media-container video{object-fit:cover;width:100%;height:100%;display:block}.carousel-media-viewer .document-preview{display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center;padding:24px;border-radius:20px;background-color:#ffffff0d}.carousel-media-viewer .document-preview .doc-meta{position:relative}.carousel-media-viewer .document-icon{font-size:5rem;color:#3498db;margin-bottom:20px}.carousel-media-viewer .document-info{text-align:center;padding:0 20px}.carousel-media-viewer .thumbnails-container{padding:19px 24px;display:flex;gap:14px;align-items:center}.carousel-media-viewer .thumbnails-wrapper{position:relative;flex:1;overflow-x:auto}.carousel-media-viewer .thumbnails{display:flex;gap:15px;padding:5px 0}.carousel-media-viewer .thumbnails::-webkit-scrollbar{height:0px;width:0px}.carousel-media-viewer .thumbnails-wrapper::-webkit-scrollbar{height:0px;width:0px}.carousel-media-viewer .thumbnail{width:64px;height:64px;border-radius:12px;overflow:hidden;cursor:pointer;position:relative;flex-shrink:0;transition:all .3s ease}.carousel-media-viewer .thumbnail svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.carousel-media-viewer .thumbnail :where(img,video){width:100%;height:100%;object-fit:cover}.carousel-media-viewer .thumbnail-document{background-color:#ffffff1a;display:flex;justify-content:center;align-items:center;color:#3498db;font-size:32px}.carousel-media-viewer .selection-indicator{position:absolute;top:5px;height:64px;width:64px;border:2px solid rgba(255,255,255,.4);border-radius:12px;transition:all .7s cubic-bezier(.48,.01,0,1);pointer-events:none}.carousel-media-viewer .divider{width:1px;height:100%;background-color:#ffffff1a;max-height:55px}.carousel-media-viewer .grid-view-button{padding:10px;background:#ffffff05;border-radius:20px;justify-content:center;align-items:center;gap:10px;display:inline-flex;font-size:14px;font-weight:500}@media (max-width: 768px){.carousel-media-viewer .viewer-container{height:400px}.carousel-media-viewer .thumbnail{width:70px;height:70px}}@media (max-width: 480px){.carousel-media-viewer .viewer-container{height:300px}.carousel-media-viewer .viewer-header{flex-direction:column;text-align:center;gap:15px}.carousel-media-viewer .nav-controls{margin-top:10px}.carousel-media-viewer .thumbnail{width:60px;height:60px}}.chat-application footer{display:flex;padding:16px 24px;background:#ffffff05;border-top:1px rgba(30,30,30,.05) solid;justify-content:space-between;align-items:center;gap:12px;cursor:text}.chat-application footer .attachment-wrapper{position:relative}.chat-application footer .attachment-wrapper .attach{color:#d81921}.chat-application footer .attachment-wrapper .attachment-popup{z-index:1;--spring-easing: linear( 0, .009, .035 2.1%, .141, .281 6.7%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1.004 83.8%, 1 );--spring-duration: 1s;position:absolute;top:-20px;left:-20px;transform:translateY(-100%) scale(.5);transform-origin:bottom left;opacity:0;background-color:#161623;padding:8px 16px;border:1px solid rgba(255,255,255,.1);border-radius:20px;transition:all .2s ease-out;pointer-events:none;flex-wrap:wrap;display:flex;flex-direction:column;gap:10px;align-items:center;isolation:isolate}.chat-application footer .attachment-wrapper .attachment-popup .labels-wrapper{display:flex;align-items:center;gap:10px}.chat-application footer .attachment-wrapper .attachment-popup label{padding:12px;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;gap:8px;display:flex;color:#fff}.chat-application footer .attachment-wrapper .attachment-popup label:first-child{background-image:linear-gradient(to bottom,#ff512f,#dd2476)}.chat-application footer .attachment-wrapper .attachment-popup label:nth-child(2){background-image:linear-gradient(to bottom,#4776e6,#8e54e9)}.chat-application footer .attachment-wrapper .attachment-popup label input{display:none}.chat-application footer .attachment-wrapper .attachment-popup .max-file-size-text{width:100%;font-size:10px;text-align:center;opacity:.5;font-weight:500}.chat-application footer .attachment-wrapper .attachment-popup:before{content:"";border-color:transparent rgba(255,255,255,.1) rgba(255,255,255,.1) transparent;border-style:solid;border-radius:0 0 6px;width:24px;height:24px;border-width:1px;background-color:#161623;position:absolute;top:100%;left:0%;z-index:-1;transform:translate(90%) translateY(-50%) rotate(45deg)}.chat-application footer .attachment-wrapper .attachment-popup.open{transition:all var(--spring-duration) var(--spring-easing);transform:translateY(-100%) scale(1);opacity:1;pointer-events:all}.chat-application footer .remove-edit-mode{color:#d81921}.chat-application footer .message-input-wrapper{margin-right:auto;display:flex;flex-direction:column;width:fit-content;min-width:76px;max-width:var(--message-size)}.chat-application footer .message-input-wrapper .file-list{display:flex;align-items:center;overflow-x:auto;overflow-y:hidden}.chat-application footer .message-input-wrapper .file-list::-webkit-scrollbar{height:2px}.chat-application footer .message-input-wrapper .file-list::-webkit-scrollbar-thumb{background-color:#007aff26}.chat-application footer .message-input-wrapper .file-list .attached-file{flex:none;width:84px;aspect-ratio:1/1;border-radius:8px;margin-bottom:8px;margin-right:8px;position:relative}.chat-application footer .message-input-wrapper .file-list .attached-file img,.chat-application footer .message-input-wrapper .file-list .attached-file video{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center;display:block;border-radius:inherit}.chat-application footer .message-input-wrapper .file-list .attached-file:last-child{margin-right:0}.chat-application footer .message-input-wrapper .file-list .attached-file:before{position:absolute;border-radius:inherit;top:0;right:0;bottom:0;left:0;z-index:1;content:"";background-image:linear-gradient(to bottom left,rgba(0,0,0,.5),transparent 40%);opacity:0;transition:opacity ease-out .2s}.chat-application footer .message-input-wrapper .file-list .attached-file .remove-file{position:absolute;padding:4px;background-color:#fff;box-shadow:0 4px 4px #007aff26;top:2px;right:2px;border-radius:50%;color:#000;z-index:2;opacity:0;transition:opacity ease-out .2s,transform ease-out .2s}.chat-application footer .message-input-wrapper .file-list .attached-file:hover:before{opacity:1}.chat-application footer .message-input-wrapper .file-list .attached-file:hover .remove-file{opacity:1}.chat-application footer .message-input-wrapper .message-input{min-width:68px;outline:none;font-size:16px;font-family:Montserrat;font-weight:500}.chat-application footer .message-input-wrapper .message-input:empty:before{position:static;content:attr(data-placeholder);pointer-events:none;color:#fff6;font-size:16px;font-family:Montserrat;font-weight:500;display:block}.chat-application footer .send-message{padding:5px;background:#007aff;box-shadow:0 1px 2px #1018280d;border-radius:40px;overflow:hidden;justify-content:center;align-items:center;gap:8px;display:inline-flex;flex:none}.chat-application .chat-search-content-container{display:flex;align-items:center;gap:24px;padding:16px 24px}.chat-application .chat-search-content-container .search-query-wrapper{flex:1;border-radius:99px;background:#ffffff05;outline:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:16px;padding:0 24px}.chat-application .chat-search-content-container .search-query-wrapper input{padding:16px 0;background:transparent;line-height:10px}.chat-application .chat-search-content-container .search-query-wrapper .search-results{color:#fff6;white-space:nowrap}.chat-application .chat-search-content-container .search-results-lookup{display:flex;align-items:center;gap:2px}.chat-application .chat-search-content-container .search-results-lookup button{background:#ffffff05;padding:10px}.chat-application .chat-search-content-container .search-results-lookup button:disabled{pointer-events:none;opacity:.5}.chat-application .chat-search-content-container .search-results-lookup button:first-child{border-top-left-radius:40px;border-bottom-left-radius:40px}.chat-application .chat-search-content-container .search-results-lookup button:last-child{border-top-right-radius:40px;border-bottom-right-radius:40px}.chat-application .chat-search-content-container .close-search-button{color:#86788d}@media (width < 640px){.chat-application .chat-search-content-container{gap:8px}}.wrapper{width:100%;height:100%;position:relative}.wrapper .video-wrapper{width:100%;height:100%}.wrapper .video-player{position:absolute;top:0;left:0;width:100%;height:100%;background:#000}.wrapper .controls-wrapper{display:flex;align-items:center;position:absolute;bottom:12px;left:50%;transform:translate(-50%);width:100%;max-width:469px;gap:16px}.wrapper .video-controls{flex:1;padding:16px;background:#ffffff1a;border-radius:20px;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);justify-content:flex-start;align-items:center;gap:10px;display:flex}.wrapper .progress-container{flex-grow:1;height:6px;background:#ffffff0d;border-radius:3px;cursor:pointer;position:relative;overflow:hidden}.wrapper .progress-bar{position:absolute;height:100%;background:#fff;width:0%;border-radius:3px;transition:width .1s linear}.wrapper .time-display{color:#fff6;font-size:16px}.wrapper .download-btn{background:#007aff;color:#fff;border:none;padding:10px;border-radius:50%}.wrapper .play-icon:before{content:"▶";display:block;font-size:12px;margin-left:2px}.wrapper .pause-icon:before{content:"❚❚";display:block;font-size:14px}.chat-app .attached-file,.chat-app .file-wrapper{position:relative}.chat-app .attached-file svg,.chat-app .file-wrapper svg{display:block}.chat-app .attached-file .spinner-wrapper,.chat-app .file-wrapper .spinner-wrapper{position:absolute;top:15%;right:15%;bottom:15%;left:15%;display:flex;justify-content:center;align-items:center;background-color:#0003;border-radius:50%;aspect-ratio:1/1}.chat-app .attached-file .spinner-wrapper>*,.chat-app .file-wrapper .spinner-wrapper>*{position:absolute}.chat-app .attached-file .spinner-wrapper>svg:first-child,.chat-app .file-wrapper .spinner-wrapper>svg:first-child{width:75%;height:auto}.chat-app .attached-file .spinner-wrapper>button:last-child,.chat-app .file-wrapper .spinner-wrapper>button:last-child{width:30%}.chat-app .attached-file .spinner-wrapper>button:last-child svg,.chat-app .file-wrapper .spinner-wrapper>button:last-child svg{height:auto}.chat-app .attached-file .retry-button-container,.chat-app .file-wrapper .retry-button-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center}.chat-app .attached-file .retry-button-container .retry-button,.chat-app .file-wrapper .retry-button-container .retry-button{display:flex;align-items:center;padding:4px 6px;background-color:#0003;border-radius:6px;gap:2px;font-size:10px;line-height:1}.messages-wrapper .forward-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0003;display:flex;align-items:center;justify-content:center;padding:24px}.messages-wrapper .forward-wrapper .forward-modal{max-width:400px;width:100%;height:90%;overflow:auto;background-color:#2f2f637c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;display:flex;flex-direction:column;gap:12px}.messages-wrapper .forward-wrapper .forward-modal .forward-header{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05)}.messages-wrapper .forward-wrapper .forward-modal .reply-wrapper{padding:0 16px;margin-bottom:0}.messages-wrapper .forward-wrapper .forward-modal .forward-search-wrapper{margin:0 12px;padding:8px;border-radius:999px;display:flex;align-items:center;gap:4px;background-color:#0003}.messages-wrapper .forward-wrapper .forward-modal .forward-search-wrapper svg{opacity:.5}.messages-wrapper .forward-wrapper .forward-modal .forward-search-wrapper input{background-color:transparent}.messages-wrapper .forward-wrapper .forward-modal .forward-search-wrapper input::placeholder{color:#ffffff36}.messages-wrapper .forward-wrapper .forward-modal .chat-list-wrapper{flex:1;overflow:auto;display:flex;flex-direction:column}.messages-wrapper .forward-wrapper .forward-modal .chat-list-wrapper .chat-head-list{padding:0 16px;display:flex;align-items:center;overflow:auto;overflow-y:hidden}.messages-wrapper .forward-wrapper .forward-modal .chat-list-wrapper .chat-head-list .chat-head{display:flex;align-items:center;flex-direction:column;overflow:hidden;width:64px;position:relative}.messages-wrapper .forward-wrapper .forward-modal .chat-list-wrapper .chat-head-list .chat-head .chat-head-image{width:64px;height:64px;border-radius:50%}.messages-wrapper .forward-wrapper .forward-modal .chat-list-wrapper .chat-head-list .chat-head .chat-head-name{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.messages-wrapper .forward-wrapper .forward-modal .chat-list-wrapper .chat-head-list .chat-head .remove-chat-head-button{position:absolute;padding:4px;background-color:#fff;box-shadow:0 4px 4px #007aff26;top:2px;right:2px;border-radius:50%;color:#000;z-index:2;transition:opacity ease-out .2s,transform ease-out .2s}.messages-wrapper .forward-wrapper .forward-modal .chat-list-wrapper .chat-head-list::-webkit-scrollbar{height:0px}.messages-wrapper .forward-wrapper .forward-modal .chat-list-wrapper .chat-list{padding:0 16px;display:flex;flex-direction:column;overflow:auto;gap:16px;flex:1;overflow-y:auto;overflow-x:visible}.messages-wrapper .forward-wrapper .forward-modal .chat-list-wrapper .chat-list .forward-chat-wrapper .forward-chat{display:flex;align-items:center;justify-content:space-between;gap:20px;transition:transform .3s ease-out;cursor:pointer}.messages-wrapper .forward-wrapper .forward-modal .chat-list-wrapper .chat-list .forward-chat-wrapper .forward-chat .chat-data{display:flex;align-items:center;gap:8px;flex:1}.messages-wrapper .forward-wrapper .forward-modal .chat-list-wrapper .chat-list .forward-chat-wrapper .forward-chat .chat-avatar{width:52px;height:52px;border-radius:50%}.messages-wrapper .forward-wrapper .forward-modal .chat-list-wrapper .chat-list .forward-chat-wrapper .forward-chat input{accent-color:var(--primary-red)}.messages-wrapper .forward-wrapper .forward-modal .chat-list-wrapper .chat-list .forward-chat-wrapper .forward-chat:hover{transform:scale(1.02)}.messages-wrapper .forward-wrapper .forward-modal .chat-list-wrapper .chat-list .forward-chat-wrapper .forward-chat:active{transform:scale(.99)}.messages-wrapper .forward-wrapper .forward-modal .chat-list-wrapper .chat-list .forward-chat-wrapper.hide{animation:hideForwardChat 1.2s cubic-bezier(.48,.01,0,1) forwards}.messages-wrapper .forward-wrapper .forward-modal .chat-list-wrapper .chat-list .forward-chat-wrapper.show{animation:showForwardChat 1.2s cubic-bezier(.48,.01,0,1) forwards}.messages-wrapper .forward-wrapper .forward-modal .chat-list-wrapper .chat-list .chat-checkbox{width:auto}.messages-wrapper .forward-wrapper .forward-modal .forward-button-wrapper{padding:0 16px 16px}.messages-wrapper .forward-wrapper .forward-modal .forward-button-wrapper .forward-button{padding:10px;background-color:#d81921;width:100%;border-radius:8px}.messages-wrapper .forward-wrapper .forward-modal .forward-button-wrapper .forward-button:disabled{background-color:#777}@keyframes showForwardChat{0%{transform:scale(.5);opacity:0;height:0px}50%{transform:scale(.5);opacity:0;height:52px}to{transform:scale(1);opacity:1;height:52px}}@keyframes hideForwardChat{0%{transform:scale(1);opacity:1;height:52px}50%{transform:scale(.5);opacity:0;height:52px}to{transform:scale(.5);opacity:0;height:0px}}.grid-media-viewer{width:100%;border-radius:16px;overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;transform:none;display:flex;flex-direction:column;gap:24px;background:#171724}.grid-media-viewer .viewer-header{padding:21px 24px;color:#fff;position:relative;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-family:Montserrat;font-weight:500;border-bottom:1px rgba(255,255,255,.05) solid;background:#ffffff0d}.grid-media-viewer .category-tabs{display:flex;gap:16px;justify-content:center}.grid-media-viewer .category-tab{padding:16px;border-radius:20px;font-size:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;line-height:11px;color:#fff6;outline:1px rgba(255,255,255,.1) solid}.grid-media-viewer .category-tab:hover{background:#ffffff0d}.grid-media-viewer .category-tab.active{background:#ffffff1a;color:#fff}.grid-media-viewer .category-count{padding:8px;font-weight:600}.grid-media-viewer .tabs-content-container{position:relative;flex:1;overflow:hidden}.grid-media-viewer .tabs-content-wrapper{display:flex;height:100%;transition:transform 1.1s cubic-bezier(.48,.01,0,1)}.grid-media-viewer .tab-content{flex:0 0 100%;height:100%;padding:0 20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.grid-media-viewer .time-group{display:flex;flex-direction:column;gap:16px}.grid-media-viewer .time-header{color:#fff9;font-size:16px;font-weight:500}.grid-media-viewer .time-header span.group-count{margin-left:8px;font-weight:700;padding:4px 9px;font-weight:500;background-color:#ffffff41;border-radius:20px;display:inline-block;line-height:1}.grid-media-viewer .media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.grid-media-viewer .media-item{border-radius:20px;overflow:hidden;cursor:pointer;transition:all .3s ease;display:grid;place-items:center}.grid-media-viewer .media-item>*{grid-column:1 / span 1;grid-row:1 / span 1}.grid-media-viewer .media-thumbnail{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:188/190}.grid-media-viewer .media-info{padding:12px;background:#fff;position:absolute}.grid-media-viewer .media-name{font-weight:600;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-media-viewer .media-meta{display:flex;justify-content:space-between;font-size:.85rem;color:#666}.grid-media-viewer .video-indicator{position:absolute;top:10px;right:10px;background:#0009;color:#fff;border-radius:50%;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.grid-media-viewer .list-view{display:flex;flex-direction:column;gap:15px}.grid-media-viewer .list-item{display:flex;align-items:center;transition:all .3s ease;cursor:pointer;gap:10px}.grid-media-viewer .list-item .download-button{padding:0;background-color:transparent;color:#007aff}.grid-media-viewer .list-info{flex:1;display:flex;flex-direction:column;gap:10px;line-height:12px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.grid-media-viewer .list-info span{color:#fff6;font-size:16px;font-weight:500}.grid-media-viewer .list-name{font-size:16px;font-weight:500}.grid-media-viewer .list-meta{display:flex;gap:15px;font-size:.9rem;color:#666}.grid-media-viewer .unknown-file{background:#f5f5f5;border:2px dashed #ccc}.grid-media-viewer .unknown-file .list-icon{background:#f0f0f0;color:#777}.grid-media-viewer .divider{height:1px;background:#eaeaea;margin:25px 0}.grid-media-viewer .status-bar{position:absolute;bottom:0;left:0;right:0;padding:15px 30px;background:#2c3e50;color:#fff;display:flex;justify-content:space-between;font-size:.9rem}@media (max-width: 992px){.grid-media-viewer .media-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 768px){.grid-media-viewer .media-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.grid-media-viewer .category-tabs{flex-wrap:wrap}.grid-media-viewer .category-tab{padding:10px 20px;font-size:1rem}.grid-media-viewer .tabs-content-container{height:500px}}@media (max-width: 576px){.grid-media-viewer .media-grid{grid-template-columns:repeat(2,1fr)}.grid-media-viewer .viewer-header{padding:20px 15px}.grid-media-viewer .category-tab{padding:8px 15px}.grid-media-viewer .tabs-content-container{height:450px}.grid-media-viewer .nav-controls{top:15px;right:15px}}.messages-container{flex:1;display:flex;flex-direction:column-reverse;padding:12px 0}.messages-container .message{padding:8px 8px 24px;background:#d8192346;flex-direction:column;justify-content:center;display:inline-flex;font-family:Montserrat;font-weight:500;margin-bottom:14px;position:relative;min-width:92px;border-radius:0 10px 10px;align-self:flex-start}.messages-container .message:before{transition:background-color .3s ease-out;content:"";position:absolute;top:-12px;right:0;bottom:-12px;width:150vw;left:50%;transform:translate(-50%);background-color:transparent;pointer-events:none}.messages-container .message img{-webkit-user-select:none;user-select:none}.messages-container .message[data-type=sent]{background:#007aff26;align-self:flex-end;border-radius:10px 0 10px 10px}.messages-container .message[data-type=sent] footer{opacity:0;animation:fade-in .2s ease-out forwards}.messages-container .message .file-list{display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;max-width:var(--message-size)}.messages-container .message .file-list::-webkit-scrollbar{height:2px}.messages-container .message .file-list::-webkit-scrollbar-thumb{background-color:#007aff26}.messages-container .message .file-list .file-wrapper{width:84px;aspect-ratio:1/1;border-radius:8px;margin-right:8px;margin-bottom:8px;flex:none;cursor:pointer}.messages-container .message .file-list .file-wrapper:last-child{margin-right:0}.messages-container .message .file-list .file-wrapper img,.messages-container .message .file-list .file-wrapper video{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit;display:block}.messages-container .message pre,.messages-container .message p{text-wrap:auto;font-family:Montserrat;max-width:var(--message-size)}.messages-container .message pre .highlight,.messages-container .message p .highlight{background-color:#00b7ff;color:#000}.messages-container .message footer{position:absolute;right:0;bottom:0;left:0;padding:8px;top:auto;display:flex;align-items:center;justify-content:flex-end;gap:4px}.messages-container .message footer .time{color:#fff6;font-size:10px}.messages-container .message footer .status{position:relative;width:12px;aspect-ratio:1/1}.messages-container .message footer .status svg{position:absolute;color:#ffffff67;display:block;transform:translate(-50%,-50%);top:50%;left:50%;opacity:0;transform:translateY(150%) translate(-50%);transition:transform 1.5s cubic-bezier(.1,1,.43,1),opacity .4s,color .4s ease-out}.messages-container .message footer .status svg.sending{opacity:1;transform:translateY(-50%) translate(-50%)}.messages-container .message[data-status=sending] footer .status .sending{opacity:1;transform:translateY(-50%) translate(-50%)}.messages-container .message[data-status=sending] footer .status .sent{opacity:0;transform:translateY(150%) translate(-50%)}.messages-container .message[data-status=sent] footer .status .sending{opacity:0;transform:translateY(-150%) translate(-50%)}.messages-container .message[data-status=sent] footer .status .sent{opacity:1;transform:translateY(-50%) translate(-50%)}.messages-container .message[data-status=delivered] footer .status .sending,.messages-container .message[data-status=delivered] footer .status .sent{opacity:0;transform:translateY(-150%) translate(-50%)}.messages-container .message[data-status=delivered] footer .status .delivered{opacity:1;transform:translateY(-50%) translate(-50%)}.messages-container .message[data-status=read] footer .status .sending,.messages-container .message[data-status=read] footer .status .sent{opacity:0;transform:translateY(-150%) translate(-50%)}.messages-container .message[data-status=read] footer .status .delivered{opacity:1;transform:translateY(-50%) translate(-50%);color:#007aff}.messages-container .message .drop-down-container{position:absolute;top:50%;transform:translateY(-50%) scale(.5);left:-56px;opacity:0;transition:.3s ease-out;display:inline-block;transition-delay:.3s;pointer-events:none;z-index:10}.messages-container .message .drop-down-container .drop-down-button{margin-left:auto;pointer-events:all;padding:4px 8px;border-radius:20px;border:1px solid rgba(255,255,255,.1);color:#fff9}.messages-container .message .drop-down-container .drop-down-wrapper{pointer-events:all;padding:4px;border-radius:8px;background-color:#003268;box-shadow:0 10px 30px #000b18;transition:all;position:absolute;top:100%;z-index:10;right:0;will-change:backdrop-filter}.messages-container .message .drop-down-container .drop-down-wrapper button{padding:8px 16px;font-size:16px;width:100%;text-align:left;justify-content:flex-start}.messages-container .message .drop-down-container .drop-down-wrapper button:hover{border-radius:4px;background-color:#ffffff0d}.messages-container .message .drop-down-container .drop-down-wrapper button:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.messages-container .message[data-type=received] .drop-down-container{right:-56px;left:auto}.messages-container .message:hover .drop-down-container{opacity:1;transform:translateY(-50%) scale(1);transition-delay:0ms;pointer-events:auto}.messages-container .message .deleted-message-wrapper{display:flex;align-items:center;gap:6px;color:#fffc;font-style:italic;font-weight:900}.messages-container .message:has(.deleted-message-wrapper){padding-bottom:8px!important}.messages-container .message.search-highlight:before{background-color:#007bff1a}.messages-container .pill{margin-bottom:14px;align-self:center;font-size:14px;color:#fff6;padding:8px;background-color:#ffffff05;border-radius:30px}.messages-container .typing-indicator-wrapper{transform-origin:bottom left;align-self:flex-start}.messages-container .typing-indicator-wrapper .typing-indicator{padding:16px;background:#d8192346;justify-content:center;display:flex;border-radius:0 10px 10px;gap:6px}.messages-container .typing-indicator-wrapper .typing-indicator .typing-dot{width:8px;height:8px;border-radius:50%;background-color:#ffffff40}.messages-container .typing-indicator-wrapper .typing-indicator .typing-dot:nth-child(2){animation-delay:75ms}.messages-container .typing-indicator-wrapper .typing-indicator .typing-dot:nth-child(3){animation-delay:.15s}.messages-container .typing-indicator-wrapper.active .typing-dot{animation:typing 1.75s ease-out 0s infinite normal forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes typing{0%{background-color:#ffffff40;transform:scale(1) translateY(0)}20%{background-color:#ffffff40;transform:scale(1) translateY(-100%)}40%{background-color:#ffffff80;transform:scale(1.2) translateY(50%)}70%{background-color:#ffffff40;transform:scale(1) translateY(0)}}.doc-meta{position:relative}.doc-meta svg{display:block}.file-details{position:absolute;top:0;right:0;bottom:0;left:0;justify-content:center;align-items:center;text-align:center;display:flex;flex-direction:column;font-size:8px}.file-details .file-extension{font-size:13px;font-weight:600;text-transform:uppercase}.file-doc-item use{transform:scale(1.2);transform-origin:center}.file-doc-item[data-file-type=pdf]{color:#e51400}.file-doc-item[data-file-type=doc],.file-doc-item[data-file-type=docx]{color:#2b579a}.file-doc-item[data-file-type=xls],.file-doc-item[data-file-type=xlsx]{color:#217346}.file-doc-item[data-file-type=ppt],.file-doc-item[data-file-type=pptx]{color:#d24726}.file-doc-item[data-file-type=txt]{color:#444}.file-doc-item[data-file-type=zip],.file-doc-item[data-file-type=rar],.file-doc-item[data-file-type="7z"]{color:#8e44ad}.file-doc-item[data-file-type=csv]{color:#1d6f42}.file-doc-item[data-file-type=json]{color:#f39c12}.file-doc-item[data-file-type=js]{color:#f7df1e}.file-doc-item[data-file-type=html]{color:#e34c26}.file-doc-item[data-file-type=css]{color:#2965f1}.file-doc-item[data-file-type=py]{color:#3572a5}.download-button{padding:16px 26px;background:#007aff;overflow:hidden;border-radius:10px;line-height:11px}.reply-wrapper{margin-bottom:8px;width:100%}.reply-wrapper .reply-container{display:flex;align-items:center;gap:10px;overflow:hidden;position:relative}.reply-wrapper .reply-container .content-wrapper{width:100%;max-width:var(--message-size);overflow:hidden;display:flex;flex-direction:column;gap:8px;padding:4px 8px;border-radius:4px;border-left:3px solid #d8192346;background-color:#0003;font-size:12px}.reply-wrapper .reply-container .content-wrapper p.user{font-weight:700}.reply-wrapper .reply-container .content-wrapper p.reply-message{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}.reply-wrapper .reply-container img{width:32px;height:32px}.reply-wrapper .reply-container .remove-reply{position:absolute;padding:4px;background-color:#fff;box-shadow:0 4px 4px #007aff26;top:4px;right:4px;border-radius:50%;color:#000;z-index:2;opacity:0;transition:opacity ease-out .2s,transform ease-out .2s}.reply-wrapper .reply-container:hover .remove-reply{opacity:1}.reply-wrapper.sent .content-wrapper{border-left-color:#007aff26}.media-snapshot{overflow:hidden;height:100%;object-fit:cover;width:100%}.media-snapshot :where(img,video){height:100%;width:100%;object-fit:cover}[data-modal-element] .modal-content{background:#11111f;border-radius:20px;overflow:hidden;border:1px rgba(255,255,255,.1) solid;flex-direction:column;gap:2px;display:flex;padding:0}[data-modal-element] .modal-content>header{padding:24px;background:#161623;border-bottom:1px rgba(0,0,0,.1) solid;justify-content:space-between;align-items:center;gap:10px;display:flex;color:#7e7e81;font-size:12px;font-weight:500}[data-modal-element] .modal-content>header button{color:#fff}@media screen and (max-width: 640px){[data-modal-element]{justify-content:stretch;align-items:flex-start}[data-modal-element] .modal-content{border-radius:0;min-height:100vh;min-height:100svh}[data-modal-element] .modal-content>header>button{position:static;transform:translate(0)}}body{min-height:100svh}main{min-height:100svh;overflow:auto;margin-top:0}main .container:nth-child(2){overflow:auto}@media screen and (max-width: 720px){main{padding-bottom:0}main .container:nth-child(2){padding:0}}.page-content{display:flex;align-items:stretch;gap:32px;flex:1;overflow:hidden;position:relative}.recents{padding:24px 16px;background:#11111e;border-radius:20px;border:1px rgba(30,30,30,.05) solid;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:24px;display:inline-flex;max-width:334px;width:100%;overflow:auto}.recents>header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:Montserrat;padding:0 8px;width:100%}.recents>header div:first-child{display:flex;align-items:center;gap:8px}.recents>header div:last-child{display:flex;align-items:center;gap:12px}.recents>header div:last-child button{padding:2px 6px;border-radius:20px;border:1px rgba(255,255,255,.4) solid;justify-content:center;align-items:center;gap:10px;display:inline-flex;color:#fff6;font-size:10px;font-weight:600;position:relative;isolation:isolate}.recents>header div:last-child button:before{position:absolute;content:"";top:-1px;right:-1px;bottom:-1px;left:-1px;background-color:#d81921;transform:scale(.3);opacity:0;border-radius:inherit;z-index:-1;transition:transform .75s cubic-bezier(.48,.01,0,1),opacity .75s cubic-bezier(.48,.01,0,1)}.recents>header div:last-child button.active{color:#fff}.recents>header div:last-child button.active:before{transform:scale(1);opacity:1}.recents>header h2{font-size:16px;font-weight:600}.recents>header span{padding:8px;background:#ff00001a;border-radius:16px;justify-content:center;align-items:center;display:flex;line-height:1;color:#d81921;font-size:10px;font-weight:500}.recents .recents-search{height:34;border-radius:50px;border-width:1px;padding:8px 20px;background:#ffffff05;border:1px solid rgba(255,255,255,.1)}.recents .chats{display:flex;flex-direction:column;width:100%;position:relative}.recents .chats .chat-select{margin-bottom:20px;height:65px;outline:none}.recents .chats .chat-select>div{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;width:100%;overflow:hidden}.recents .chats .chat-select>div img{width:27px;height:27px;border-radius:50%}.recents .chats .chat-select>div>div{display:flex;flex-direction:column;gap:8px;width:100%;overflow:hidden}.recents .chats .chat-select>div>div header{display:flex;align-items:center;justify-content:space-between;gap:16px}.recents .chats .chat-select>div>div header h3{display:flex;align-items:center;gap:8px;flex:1;overflow:hidden;text-align:left}.recents .chats .chat-select>div>div header h3 span{color:#fff;font-size:14px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recents .chats .chat-select>div>div header h3:after{padding:2px 6px;border-radius:20px;border:1px transparent solid;font-size:10px;font-weight:600;position:static}.recents .chats .chat-select>div>div header span{color:#fff6;font-size:10px;font-weight:600}.recents .chats .chat-select>div>div>div{display:flex;align-items:center;gap:10px}.recents .chats .chat-select>div>div>div p{color:#fff6;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;text-align:left;flex:1}.recents .chats .chat-select>div:hover{transform:scale(1.03)}.recents .chats .chat-select[data-unread]>div>div p{color:#fff;font-weight:600}.recents .chats .chat-select[data-unread]>div>div span.unread-count{padding:2px 4px;background:#d81921;border-radius:16px;justify-content:center;align-items:center;display:flex;aspect-ratio:1/1;color:#fff;font-size:10px;line-height:1}.recents .chats .chat-select[data-category=GP] header h3:after{content:"GP";color:#ff9500;border-color:#ff9500}.recents .chats .chat-select[data-category=MP] header h3:after{content:"MP";color:#32ade6;border-color:#32ade6}.recents .chats .selected-chat-indicator{background-color:#ffffff05;border-radius:16px;position:absolute;pointer-events:none}@media screen and (max-width: 720px){.recents{padding:24px;position:absolute;top:0;left:0;right:0;bottom:0;max-width:none;z-index:2;border-radius:0;transform:translate(-100%);transition:1.2s cubic-bezier(.48,.01,0,1);transition-delay:0ms}.recents.active{transform:translate(0);transition-delay:.15s}}.chat-app{flex:1;background:#ffffff05;border-radius:20px;border:1px rgba(30,30,30,.05) solid;display:flex;align-items:stretch;position:relative;overflow:hidden}.chat-app>*:where(.chat-application,.empty,.messages-wrapper){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:translate(100%)}.chat-app .chat-application{flex-direction:column;display:flex;transform:translate(100%);will-change:transform}.chat-app .chat-application .header-wrapper{background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05)}.chat-app .chat-application header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05);padding:16px 24px}.chat-app .chat-application header .profile{display:flex;align-items:center;gap:10px;font-family:Montserrat}.chat-app .chat-application header .profile .close-chat{display:none}.chat-app .chat-application header .profile img{width:42px;height:42px;border-radius:50%}.chat-app .chat-application header .profile h2{font-size:16px;font-weight:600}.chat-app .chat-application header .profile span{color:#fff6;font-size:12px;font-weight:500}.chat-app .chat-application header .profile:after{padding:2px 6px;border-radius:20px;border:1px transparent solid;font-size:10px;font-weight:600;position:static}.chat-app .chat-application header .profile[data-category=GP]:after{content:"GP";color:#ff9500;border-color:#ff9500}.chat-app .chat-application header .profile[data-category=MP]:after{content:"MP";color:#32ade6;border-color:#32ade6}.chat-app .chat-application header .chat-search{background-color:#ffffff05;padding:12px;border-radius:99px;color:#86788d}.chat-app .chat-application header .search-wrapper{width:100%}.chat-app .chat-application .messages-wrapper{padding:0 32px;height:100%;overflow-y:auto;overflow-x:hidden;will-change:height;display:flex;flex-direction:column-reverse;position:relative}.chat-app .chat-application .messages-wrapper::-webkit-scrollbar{width:5px}.chat-app .chat-application .messages-wrapper::-webkit-scrollbar-thumb{background-color:#007aff26}.chat-app .empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:24px;flex-direction:column;padding:16px;transform:translate(0);opacity:0;animation:fade-in 1s ease-out .5s forwards}.chat-app .empty svg{color:#d8192367}.chat-app .empty p{font-weight:500;color:#fffc}.chat-app:has(.chat-application.active) .empty{transform:translate(-100%)}@media screen and (max-width: 720px){.chat-app{border-radius:0;transform:translate(100%);transition:1.2s cubic-bezier(.48,.01,0,1);transition-delay:.3s}.chat-app.active{transform:translate(0);transition-delay:50ms}.chat-app .chat-application header .profile .close-chat{display:inline-block}}