@font-face{font-family:'Averta';src:url('fonts/AvertaStd-Light.otf') format('opentype');font-display:swap;}
@font-face{font-family:'Muli';src:url('fonts/Muli-Regular.ttf') format('truetype');font-display:swap;}

@keyframes scaleUp{0%,100%{transform:scale(1);}50%{transform:scale(1.02);}75%{transform:scale(0.985);}}
@keyframes bounce{0%{transform:scale(1);}60%{transform:scale(1.06);}100%{transform:scale(1.04);}}
@keyframes spring{0%{opacity:0.5;}33%{opacity:0.9;}66%{opacity:0.6;}100%{opacity:1;}}
@keyframes spring_conversation{0%{transform:scale(1);border-radius:36px;}25%{transform:scale(1.1);border-radius:2px;}50%{transform:scale(1.02);border-radius:12px;}75%{transform:scale(1.05);border-radius:4px;}100%{transform:scale(1);border-radius:6px;}}
@keyframes spring_scaleX{0%{transform:scaleX(1);}25%{transform:scaleX(1.3);}50%{transform:scaleX(1.05);}75%{transform:scaleX(1.1);}100%{transform:scaleX(1);}}
@keyframes spring_scaleXY{0%{transform:scale(1);}25%{transform:scale(1.03);}50%{transform:scale(1.005);}75%{transform:scale(1.01);}100%{transform:scale(1);}}
@keyframes spring_scaleXY_stay{0%{transform:scale(1);}25%{transform:scale(1.03);}50%{transform:scale(1.005);}75%{transform:scale(1.04);}100%{transform:scale(1.03);}}
@keyframes spring_border-radius{0%{border-radius:36px;}25%{border-radius:2px;}50%{border-radius:12px;}75%{border-radius:4px;}100%{border-radius:6px;}}
@keyframes spring_width{0%{max-width:40px;min-width:40px;}25%{max-width:132px;min-width:132px;}50%{max-width:120px;min-width:120px;}75%{max-width:140px;min-width:140px;}100%{max-width:122px;min-width:122px;}}
@keyframes spring_width_stay{0%{width:100%;}25%{width:70%;}50%{width:95%;}75%{width:80%;}100%{width:90%;}}
@keyframes rollback{0%{transform:scale(1.04);}60%{transform:scale(0.98);}100%{transform:scale(1);}}
:root{--color-darker: #080A0E;--color-dark: #232527;--color-dark-rgb: rgba(35, 37, 39, 0.5);--color-light: #EDEFF1;--color-light-rgb: rgba(250, 250, 250, 0.5);--color-lighter: #FAFAFA;--color-white: #FFFFFF;--color-black: #000000;--color-green: #4DAA57;--color-red: #FE4B03;--color-blue: #0066DA;--color-accent: #FE4B03;--color-accent-dark: #D1001C;--gradient-white: radial-gradient(circle, #FAFAFA 3%, #FFFFFF 100%);--gradient-black: radial-gradient(circle, #080A0E 3%, #000000 100%);--gradient-white-full: radial-gradient(circle, #FAFAFA 80%, #FFFFFF 100%);--gradient-black-full: radial-gradient(circle, #080A0E 80%, #000000 100%);--gradient-color: linear-gradient(to bottom right, #FE4B03 3%, #D1001C);--gradient-color-reversed: linear-gradient(to top right, #FE4B03 3%, #D1001C);--gradient-color-full: linear-gradient(to bottom right, #FE4B03 80%, #D1001C);--gradient-color-fullest: linear-gradient(to bottom right, #FE4B03 100%, #D1001C);}
:root[data-theme='dark']{--color-darker: #FAFAFA;--color-dark: #EDEFF1;--color-dark-rgb: rgba(250, 250, 250, 0.5);--color-light: #232527;--color-light-rgb: rgba(35, 37, 39, 0.5);--color-lighter: #080A0E;--color-white: #000000;--color-black: #FFFFFF;--gradient-white: radial-gradient(circle, #080A0E 3%, #000000 100%);--gradient-black: radial-gradient(circle, #FAFAFA 3%, #FFFFFF 100%);--gradient-white-full: radial-gradient(circle, #080A0E 80%, #000000 100%);--gradient-black-full: radial-gradient(circle, #FAFAFA 80%, #FFFFFF 100%);--gradient-color: linear-gradient(to bottom right, #D1001C 3%, #FE4B03);--gradient-color-full: linear-gradient(to bottom right, #D1001C 80%, #FE4B03);--gradient-color-fullest: linear-gradient(to bottom right, #D1001C 100%, #FE4B03);}
[data-ignore-theme]{--color-darker: #080A0E;--color-dark: #232527;--color-dark-rgb: rgba(35, 37, 39, 0.5);--color-light: #EDEFF1;--color-light-rgb: rgba(250, 250, 250, 0.5);--color-lighter: #FAFAFA;--color-white: #FFFFFF;--color-black: #000000;--gradient-white: radial-gradient(circle, #FAFAFA 3%, #FFFFFF 100%);--gradient-black: radial-gradient(circle, #080A0E 3%, #000000 100%);--gradient-white-full: radial-gradient(circle, #FAFAFA 80%, #FFFFFF 100%);--gradient-black-full: radial-gradient(circle, #080A0E 80%, #000000 100%);--gradient-color: linear-gradient(to bottom right, #FE4B03 3%, #D1001C);--gradient-color-full: linear-gradient(to bottom right, #FE4B03 80%, #D1001C);--gradient-color-fullest: linear-gradient(to bottom right, #FE4B03 100%, #D1001C);}
body{background-color: var(--color-white);color: var(--color-text);}
.gradient{background: linear-gradient(to bottom right, #FE4B03, #D1001C) !important;}
.exclusion{mix-blend-mode: exclusion;}
.text-exclusion .text-container{mix-blend-mode: exclusion;}
.invert-filter{filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);}
.no-filter{filter: unset!important;}
html, body{overflow: overlay;scrollbar-width: none;-ms-overflow-style: none;}
html::-webkit-scrollbar, body::-webkit-scrollbar{display: none;}
body{margin: 0;background-color: var(--color-lighter);transition: background-color 0.3s ease, color 0.3s ease;}
body


.icon{transition: fill 0.3s ease;}
main{margin: 0 20px;}
svg{width: 100%;height: 100%;}
a{transition: opacity 0.3s ease;text-decoration: none;color: var(--color-dark) !important;opacity: 0.75;}
a:hover{color: var(--color-dark) !important;opacity: 1;}
.relative{position: relative;width: 80%;display: flex;justify-content: center;align-items: center;}
header, footer{background-color: var(--color-light);color: var(--color-darker);}
.btn.chat:hover #chat-icon{opacity: 1 !important;transition: opacity 0.3s ease !important;}
.btn.send{background: var(--gradient-white) !important;opacity: 0.8 !important;transition: opacity 0.3s !important;position: absolute;bottom: 15px;right: 10px;}
.btn.send:hover{background: var(--gradient-white-full) !important;opacity: 1 !important;}
.btn.upload{position: absolute;bottom: 20px;background: var(--gradient-white)!important;opacity: 0.8 !important;transition: opacity 0.3s !important;}
.btn.upload:hover{background: var(--gradient-white-full) !important;opacity: 1 !important;}
.btn.chat-choice{width: 100%;background: transparent !important;justify-content: center;align-items: center;color: var(--color-dark) !important;@extend %font-chat-light;}
.btn.chat-choice .q-btn__content{justify-content: space-between;width: 100%;flex-wrap: nowrap;}
.btn.chat-choice .q-btn__content span{width: 100%;}
.icon.copy{position:absolute;bottom:10px;right:0px;width:20px;height:20px;opacity: 0;transition: opacity 0.3s;}
.icon.copy.dark{filter: invert(0);}
.chat-item-anonymous .icon.copy{right:10px;filter: invert(1);}
.chat-input textarea{width: 99%;box-sizing: border-box;line-height: 1.5;border: 1px solid transparent;}
.chat-window{width:calc(100% - 4px);flex: 1;padding: 16px;display: flex;flex-direction: column;gap: 10px;align-items: center;overflow-x:hidden;overflow-y: auto;scroll-behavior:auto;background: var(--color-lighter)!important;}
.chat-container{display: none;flex-direction: row;justify-content: center;align-items: center;position: fixed;z-index: 200;max-width: 540px;min-width: 460px;background-color: var(--color-light);}
.chat-container .resize-handle{width: 20px;height: 100%;position: absolute;right: -10px;z-index: 20;cursor: ew-resize;background-color: transparent;}
.chat-list-container{padding: 16px;background-color: var(--color-white);height: 100vh;display:flex;flex-direction: column;justify-content: center;align-items: center;min-width:136px;}
.conversation-list{display: flex;flex-direction: column;justify-content: flex-start;align-items: center;margin-top:200px;height: calc(100% - 164px);width: 100%;margin: 100px auto 0;position: relative;}
.conversation-list-spacer{border-top: 1px solid var(--color-light) !important;height: 1px;width: 60px;margin-bottom: 10px;}
.chat-window-container{display: flex;flex-direction: column;height: 100vh;position: relative;width: 100%;}
.chat-window-header{display: flex;justify-content: space-between;align-items: center;background-color: var(--color-white);height: 64px;padding: 0;width: 100%;z-index: 12;}
.chat-window-header .logo.icon{filter: invert(100%);width: 28px;height: 28px;}
.chat-window-header .btn{background: transparent !important;width: 28px;height: 28px;}
.chat-employee-container{display: flex;justify-content: space-between;align-items: center;opacity: 0.5;transition: opacity 0.3s;width: 100%;cursor: pointer;padding: 10px 30px;}
.chat-employee-container:hover{opacity: 1;}
.chat-employee-container .icon{filter: invert(100%);}
.chat-employee-container .q-btn__content{flex-wrap: nowrap;justify-content: space-between !important;width: 100%;}
.chat-window-header-text{@extend %font-secondary-default;opacity: 1;color: var(--color-dark);}
.input-container{padding: 0;background-color: var(--color-white) !important;display: flex;justify-content: space-between;align-items: flex-end;min-height:96px;max-height: 50%;height: 96px;transition: height 0.3s ease;}
.chat-input{flex: 1;margin: 0;color: var(--color-dark) !important;width:100%;height:100%;}
.chat-item{width: 280px;padding: 20px 20px 0;display: flex;flex-direction: column;gap: 5px;position:relative;opacity: 0;transform: translateY(20px);transition: opacity 0.3s ease, transform 0.3s ease;}
.chat-item.active{opacity: 1;transform: translateY(0);}
.chat-item-right:not(:last-child){opacity: 1;}
.chat-item.no-top-padding{padding-top: 0;}
.chat-item.no-bottom-padding{padding-bottom: 0;padding-top: 0;}
.chat-media{position: relative;padding: 0 !important;border-radius: 18px !important;}
.chat-media .chat-item-header{width: 100%;justify-content: flex-end;position: absolute;z-index: 2;padding: 10px 10px;pointer-events: none;}
.chat-media .chat-item-header.media-info{justify-content: flex-start;height:100%;align-items:center;mix-blend-mode: exclusion;}
.chat-media .chat-item-header-text{color: var(--color-light);}
.chat-item-header{display: flex;flex-direction: row;align-items: center;gap: 2px;color: var(--color-dark);@extend %font-secondary-smaller;}
.chat-item-header.employee-join{border-bottom: 1px solid var(--color-dark-rgb) !important;padding: 10px 0;justify-content: center;mix-blend-mode: multiply;}
.chat-window .chat-item.employee-joined{padding-left: 0 !important;padding-right: 0 !important;}
.chat-item-text-meeting-container{display: flex;flex-direction: row;justify-content: center;align-items: center;gap: 3px;}
.chat-item-anonymous{background: linear-gradient(to bottom right, #FE4B03, #D1001C) !important;border-radius: 18px 18px 18px 0px;color: var(--color-lighter) !important;padding:15px!important;}
.chat-item-left{align-self: flex-start;}
.chat-item-right{align-self: flex-end;}
.chat-item-header-text{@extend %font-chat-light;color: var(--color-dark);}
.chat-text-message{@extend %font-chat-light;color: var(--color-darker);text-wrap: wrap;overflow-wrap: break-word;}
.chat-text-message a{color:var(--color-accent-dark);}
.chat-text-message a:hover{color:var(--color-accent);}
.chat-text-message strong{font-weight: 600!important;}
.chat-text-message pre{padding: 15px;background: var(--color-dark);border-radius: 8px;margin: 10px 0;}
.chat-text-message code{padding: 4px;background: var(--color-dark);border-radius: 5px;color: var(--color-lighter);margin: 10px 5px;}
.chat-text-message pre code{padding: unset;background: unset;border-radius: unset;margin: unset;}
.chat-item-header-text-container{opacity: 0.5;display: flex;flex-direction: row;align-items: center;gap: 5px;}
.chat-item-anonymous .chat-item-header-text-container{color: var(--color-lighter);}
.chat-item-header-text-container.meeting-reminder{justify-content: center;width: 100%;}
.download-button{position: absolute;top: 10px;left: 10px;background-image: url('img/icons/copy_icon.svg');width: 30px;height: 30px;min-height: 30px;background-size: contain;background-repeat: no-repeat;opacity: 0.2;transform: scale(1.0);transition: opacity 0.3s ease, scale 0.3s ease;}
.download-button:hover{transform: scale(1.1);opacity: 0.8;}
.download-button.pdf{margin-top: -70px;position: relative;margin-right: 30px;}
.chat-item-anonymous .download-button{filter: invert(1);}
.chat-item-anonymous .chat-text-message{color: var(--color-lighter);}
.image-container{position: relative;display: flex;width: 100%;height: auto;max-width: 100%;max-height: 100%;}
.image-view{max-width: 100%;max-height: 100%;object-fit: contain;border-radius: 36px;}
.chat-media-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, #ffffff, #000000) !important;z-index: 1;opacity: 0.5;pointer-events: none;border-radius: 18px !important;mix-blend-mode: multiply;transition: border-radius 0.2s, transform 0.3s ease-in-out, opacity 0.3s;}
.chat-item-image{width: 100%;height: auto;object-fit: cover;border-radius: 18px !important;transition: border-radius 0.2s, transform 0.3s ease-in-out;}
.chat-item:hover .chat-item-image{border-radius: 12px !important;animation: bounce 0.3s forwards ease-in-out;cursor: pointer;}
.chat-item:not(:hover) .chat-item-image{animation: rollback 0.3s forwards ease-in-out;}
.chat-item:hover .chat-media-overlay{opacity: 0;transform: scale(1.04);border-radius: 12px !important;animation: bounce 0.3s forwards ease-in-out;}
.chat-item:not(:hover) .chat-media-overlay{animation: rollback 0.3s forwards ease-in-out;}
.chat-item.choice{display: flex;flex-direction: row;border-bottom: 1px solid var(--color-dark) !important;height: 52px;margin: 0 20px;padding: 0;opacity: 0.5;transition: opacity 0.3s;}
.chat-item.choice:hover{opacity: 1;}
.choice-icon{filter: invert(1);}
#chat-icon{width: 20px !important;height: 20px !important;opacity: 0.7 !important;transition: opacity 0.3s ease !important;}
.chat-item-avatar{border-radius: 50%;width: 28px;height: 28px;pointer-events: none;}
.add-conversation{border-radius: 50%;padding: 8px;}
.general-chat{position: absolute;bottom: 30px;background-color: transparent !important;}
.general-chat-icon{width: 56px;height: 56px;filter: invert(1);}
.general-chat .notification{top: 0;right: 0;}
.plus{mix-blend-mode: exclusion;width: 30px;height: 30px;}
.closable-info{@extend %font-chat-light;background-color: var(--color-light);opacity: 1;padding: 16px;position: relative;bottom: 0px;width: 100%;height: 66px;mix-blend-mode: unset;display: flex;flex-direction: row;justify-content: space-between;align-items: center;z-index: 10;}
.closable-info .info-text{color: var(--color-dark);}
.closable-info .btn.close{background: transparent !important;position: unset !important;top: 0 !important;right: 0 !important;}
.closable-info .btn.close:hover{background: transparent !important;}
.closable-info .btn.close .icon{width: 24px !important;height: 24px !important;}
.conversation-container{display: flex;align-items: center;margin-bottom: 16px;background-color: transparent !important;}
.conversation-circle{position: relative;border-radius: 50%;background-color: var(--color-dark) !important;width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;}
.notification{position: absolute;top: -5px;right: -5px;width: 20px;height: 20px;border-radius: 50%;background-color: red;display: flex;align-items: center;justify-content: center;color: var(--color-white);@extend %font-chat-light;}
.notification-count{margin: 0;}
.drop-overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 96px;background-color: var(--color-light);opacity:.8;display: flex;align-items: center;justify-content: center;z-index: 100;pointer-events: none;transition: opacity 0.3s ease;}
.drop-label{@extend %font-drag-light;color: var(--color-dark);opacity: 0.3;text-align:center;padding:30px;pointer-events: none;}
.drop-zone__input{display: none;pointer-events: none;}
.thumbnail-container{display: flex;flex-wrap: wrap;justify-content: center;width: 100%;background: var(--color-white) !important;transition: height 0.4s ease;}
.drop-zone__thumb{width: 100px;height: 100px;border-radius: 5px;background-size: cover;background-position: center;margin: 5px;position: relative;border: 1px solid var(--color-light) !important;opacity: 0;transition: opacity 0.4s ease, transform 0.4s ease;}
.drop-zone__thumb.visible{opacity: 0.5;}
.drop-zone__thumb.visible:hover{opacity: .8;}
.drop-zone__thumb.visible:hover .btn.delete{opacity:1;}
.drop-zone__thumb::after{content: attr(data-label);position: absolute;bottom: 0;left: 0;right: 0;padding: 5px;background: var(--color-lighter);color: var(--color-dark);font-size: 12px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;border-radius: 0 0 5px 5px;}
.btn.delete{width:30px;height:30px;background: transparent !important;opacity:0;transition: opacity 0.3s ease;}
.chat-window-container .icon.delete{mix-blend-mode: exclusion;filter: invert(1) !important;}
.chat-window-container .non-image .icon.delete{filter: invert(0) !important;}
.non-image{background-size: 70%;background-repeat: no-repeat;}
.pdf-fullscreen-container{position: fixed !important;top: 0 !important;left: 0 !important;width: 100vw !important;height: 100% !important;gap: 20px;overflow-x: hidden;z-index: 10000;display: flex;flex-direction: column;align-items: center;padding: 100px 10%;background: var(--color-lighter);overflow-x:hidden;overflow-y: auto;scroll-behavior:auto;align-items: flex-end;}
.pdf-canvas{width: 100%;margin-top: 30px;border-radius: 18px !important;transition: border-radius 0.3s ease;}
.pdf-canvas.pdf-fullscreen{border: 1px solid var(--color-light)!important;}
.pdf-canvas:hover{border-radius:5px!important;}
.btn{position:relative;background-color:var(--color-black);border: none;padding: 2px;border-radius: 36px;height:64px;width:64px;display: flex;align-items: center;justify-content: center;gap: 5px;cursor: pointer;transition: transform 0.3s, filter 0.2s ease-in-out;}
.btn:hover{transition: transform 0.3s, background 0.2s;}
.btn--disabled{background-color: var(--disabled-background-color);color: var(--disabled-text-color);cursor: not-allowed;pointer-events: none;opacity: 0.65;}
.btn .text-container{justify-content: center;gap:5px;align-items: center;width: 100%;height: 100%;}
.btn .text span, .btn .text{font-size:13px;color:var(--color-light);white-space: nowrap;}
.btn.button-text-icon-relation .text-container{justify-content: flex-end!important;padding-right: 15%!important;}
.btn.google-meet.active{background:var(--gradient-color)!important;}
.btn.google-meet.active .text-container{mix-blend-mode: exclusion;}
.btn.menu-button{background:transparent;opacity:.75;}
.btn.menu-button:hover{background:transparent;opacity:1;}
.btn.menu-button .text span, .btn.menu-button .text{font-size:13px;color:var(--color-dark)!important;}
.btn.menu-button svg{fill:var(--color-dark)!important;color:var(--color-dark);}
.btn.menu-button:first-of-type svg{fill: var(--color-accent) !important;}
.btn.menu-button.avatar-icon{opacity:1;}
.btn.menu-button.avatar-icon:hover{border: 4px solid var(--color-white);}
.btn.menu-button.avatar-icon img{border-radius:50%;}
.btn.button-accent{background:var(--gradient-color);}
.btn.button-accent .text-container{mix-blend-mode: exclusion;}
.btn.button-accent:hover{background:var(--color-white);border: 1px solid var(--color-light);}
.btn.button-accent:hover .text-container{mix-blend-mode: unset;}
.btn.button-accent:hover .text-container .text{color:var(--color-black);}
.btn.button-transparent{background:transparent;opacity:0.75;}
.btn.button-transparent .text{color:var(--color-black);}
.btn.button-transparent:hover{opacity:1;}
.btn.conversation-avatar{transition:transform 0.5s ease, border-radius 0.2s ease;}
.btn.conversation-avatar img{border-radius:36px;transform:scale(0.95);transition:transform 0.5s ease, border-radius 0.2s ease;transform-origin: center;}
.btn.conversation-avatar img:hover{transform:scale(1);}
.btn.conversation-avatar[aria-pressed="true"]{border-radius: 6px;}
.btn.conversation-avatar[aria-pressed="true"] img{transform: scale(1);border-radius: 6px;}
.btn.conversation-avatar:hover:not([aria-pressed="true"]){animation: spring_conversation 0.5s ease-in-out ;transform-origin: center;border-radius:6px;}
.btn.conversation-avatar:hover:not([aria-pressed="true"]) .notification-dot{opacity:0;}
.btn.conversation-avatar:hover:not([aria-pressed="true"]) img{animation: spring_border-radius 0.5s ease-in-out ;transform-origin: left;border-radius:6px;}
.btn.add-chat-button{transition:transform 0.5s ease, border-radius 0.2s ease, background 0.5s ease;}
.btn.add-chat-button img{border-radius:36px;transform:scale(0.95);transition:transform 0.5s ease, border-radius 0.2s ease;transform-origin: center;}
.btn.add-chat-button img:hover{transform:scale(1);}
.btn.add-chat-button svg{fill:white!important;}
.btn.add-chat-button .icon-container{mix-blend-mode: exclusion;}
.btn.add-chat-button[aria-pressed="true"]{border-radius: 6px;transition:transform 0.5s ease, border-radius 0.2s ease, background 0.5s ease;background:transparent!important;border: 1px solid var(--color-light);}
.btn.add-chat-button[aria-pressed="true"] img{transform: scale(1);border-radius: 6px;}
.btn.add-chat-button[aria-pressed="true"] svg{fill:var(--color-light)!important;}
.btn.add-chat-button[aria-pressed="true"] .icon-container{mix-blend-mode: unset;}
.btn.add-chat-button:hover:not([aria-pressed="true"]){animation: spring_conversation 0.5s ease-in-out ;transform-origin: center;border-radius:6px;}
.btn.add-chat-button:hover:not([aria-pressed="true"]) .notification-dot{opacity:0;}
.btn.add-chat-button:hover:not([aria-pressed="true"]) img{animation: spring_border-radius 0.5s ease-in-out ;transform-origin: left;border-radius:6px;}
.btn.inverted{background-color:var(--color-white);}
.btn.inverted .text{color:var(--color-black);}
.btn.inverted:hover{background: var(--gradient-white-full);transition: transform 0.3s, background 0.2s;}
.btn.inverted svg{fill:var(--color-black)!important;}
.notification-dot{width: 5px;height: 5px;background-color: red;border-radius: 50%;position: absolute;top: 17px;right: 17px;opacity: 1;transition: opacity 0.3s ease;}
.notification-dot.big-dot{width: 20px;height: 20px;top:-4px;right:-4px;}
.link-card{list-style: none;display: flex;padding: 1px;background-color: #23262d;background-image: none;background-size: 400%;border-radius: 7px;background-position: 100%;transition: background-position 0.6s cubic-bezier(0.22, 1, 0.36, 1);box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);}
.link-card > a{width: 100%;text-decoration: none;line-height: 1.4;padding: calc(1.5rem - 1px);border-radius: 8px;color: white;background-color: #23262d;opacity: 0.8;}
h2{margin: 0;font-size: 1.25rem;transition: color 0.6s cubic-bezier(0.22, 1, 0.36, 1);}
p{margin-top: 0.5rem;margin-bottom: 0;}
.link-card:is(:hover, :focus-within){background-position: 0;background-image: var(--accent-gradient);}
.link-card:is(:hover, :focus-within) h2{color: rgb(var(--accent-light));}
#chat-upload-button{margin-top:12px;margin-bottom: 30px;}
.chat-filter-dropdown{flex-direction:column;border-radius:12px;}
.filter-chat-button-selection{width:100%!important;height: 36px!important;}
.filter-chat-button-selection .text-container{justify-content: space-between!important;}
.filter-chat-button{height:24px!important;}
#chat-image-modal .modal-content{width:80%!important;height:80%!important;}
#chat-image-fullscreen{display:flex;justify-content: center;align-items: center;}
.chat-image-full{background:var(--color-black);width:100%!important;height:100%!important;min-width:unset!important;min-height:unset!important;}
.chat-image-full img{width:auto;height:100%;border-radius:36px!important;}
#chat-input-container{z-index: 100;position: absolute;right: 0;bottom: 31px;width: calc(100% - 137px);}
#new-project-form .input-field__input-container{pointer-events:all;cursor:pointer;}
#create-new-client-button-project-container:hover .text-container{animation: spring_width_stay 0.5s ease-in-out ;transform-origin: right;width:90%;}
#new-project-client{pointer-events:none;}
#chat-checkbox-button{height:36px!important;width:96px!important;pointer-events:none;position:absolute;bottom:14px;}
.budget-container{position:relative;width: 100%;}
#budget-currency-dropdown{transform: translate(330px, 6px);}
#budget-currency-dropdown .text{font-weight:700;}
#budget-currency-button{background:var(--color-light)!important;width:48px!important;height:48px!important;}
#budget-currency-button .text{margin:0!important;}
.budget-currency{position:absolute;z-index:1;bottom: -45px;left: 30px;opacity: .5;}
#new-project-budget-placeholder, #new-project-budget{padding: 12px 50px 12px 84px!important;}
.new-project-form{display:flex;justify-content: center;align-items: center;flex-direction: column;gap:6px;}
.new-project-submit{margin-top:24px;}
.chat-window{overflow: auto;scrollbar-width: none;-ms-overflow-style: none;scroll-behavior: smooth;}
.chat-window::-webkit-scrollbar{display: none;}
#new-project-window{display:none;z-index: 102;}
.new-project-container{display:flex;gap:8px;}
.chat-window, .new-project-window{padding: 36px 36px 150px 36px;display:flex;flex-direction:column;height: max-content;min-height: 100%;gap:8px;}
.new-project-window{justify-content:center;align-items: center;position:absolute;background:var(--color-lighter);}
.new-project-window.drag-drop{cursor:pointer;z-index:100;}
.short-input{width:60%;}
.input-container.chat{height:96px!important;}
.input-container.chat .input-field__button{margin-right:24px;}
.input-container.chat .input-field{height:96px!important;}
.input-container.chat .input-field .input-field__input-container{height:100%!important;}
.input-container.chat .input-field .input-field__input-container input{height:100%!important;padding: 12px 82px 12px 30px!important;border-radius: unset!important;}
.chat-container{display:flex;flex-direction:column;width:100%;height:100%;}
.chat-container .header-link{width:100%;opacity:1!important;}
.chat-container .header-link .header-link-button{transition: opacity 0.3s ease;opacity:0.75;}
.chat-container .header-link svg{fill:var(--color-dark)!important;}
.chat-container .header-link:hover .header-link-button{opacity:1;}
.chat-container .chat-header{width: calc(100% - 128px);background:var(--color-light);display:flex;justify-content: space-between;padding: 24px 64px;}
.chat-container .chat-header .ask-employee{width:100%;}
.chat-container .chat-sub-container{display:flex;flex-direction: row;width:100%;height:100%;}
.chat-container .chat-sub-container .chat-list-container{width:137px;display:flex;flex-direction: column;justify-content: space-between;align-items: center;height:calc(100% - 20px);padding-bottom:20px;box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1);position:relative;z-index:10;}
.chat-container .chat-sub-container .chat-list-container .conversation-list{width:100%;display:flex;flex-direction:column;align-items: center;padding: 120px 0px 20px 0px;gap:30px;height: calc(100% - 140px);}
.chat-container .chat-window-container{background:var(--color-lighter);height: calc(100%);width: calc(100% - 137px);display:flex;flex-direction: column;justify-content: space-between;}
.chat-container .chat-window-container .chat-window-sub-container{height:100%;width: 100%;display:flex;flex-direction: column;justify-content: space-between;}
.drop-label.no-messages{opacity:.1;width:100%;display:inline-block;text-align:center!important;}
.conversation-container{display: flex;align-items: center;padding: 0 20px 20px 20px;border-bottom: 1px solid var(--color-light) !important;background-color: transparent !important;}
[data-type="comment"]{width: 100%!important;}
.text-container:has(.chat-message-resolved){justify-content: flex-end;margin-top:12px;margin-right:12px;}
.comment-item.comment-resolved{opacity:.5;}
.comment-item.comment-resolved .comment-header.first{border-left: 1px solid var(--color-light);border-radius: 12px 0 0 0;margin-top: 6px;padding: 12px;}
.comment-item.comment-resolved .subcomments-list{border-left: 1px solid var(--color-light);}
.comment-item .comment-header.first{border-left: 1px solid var(--color-accent);border-radius: 12px 0 0 0;margin-top: 6px;padding: 12px;}
.comment-item .subcomments-list{border-left: 1px solid var(--color-accent);}
.comment-info{padding-top:12px;}
.comment-info .chat-message-header{margin:0;}
.comment-info .chat-text-message{padding:0!important;}
.text-container:has(.chat-media-time){position:absolute!important;position:absolute;bottom:36px;left:24px;width:max-content;height:max-content;}
.text-container:has(.chat-media-update){position:absolute!important;position:absolute;bottom:36px;left:58px;width:max-content;height:max-content;}
.text-container:has(.chat-media-comment-count){position:absolute!important;left:24px;bottom:64px;}
.video-download-button{height:18px!important;z-index: 50;position:absolute;left:12px;top:12px;}
.chat-item-video{transition:border-radius 0.3s ease;height:100%;width:100%;cursor:pointer;}
.chat-item-video .video{border-radius: 12px;object-fit:cover;}
.chat-item-video .timeline{margin:6px 0!important;}
.chat-item-video .video-controls-container{bottom:10px;height:24px!important;}
.chat-item-video .video-controls-container .video-controls-container{width:24px!important;height:24px!important;}
.chat-item-video .video-controls-container .volume-sub-container{width:24px!important;gap:15px!important;}
.chat-item-video .video-controls-container .volume-sub-container .video-slider.volume{width:50px;}
.chat-item-video .video-controls-container button{width:24px!important;height:24px!important;}
.chat-item-video .video-controls-container svg{width:18px!important;height:18px!important;}
.chat-item-file-container{display:flex;flex-direction:row;padding:12px;gap: 8px;width: calc(100% - 24px);justify-content: flex-end;height: 40px;position: absolute;left: 0;bottom: 0;}
.chat-item-file-link{width:24px;height:24px;position:absolute;bottom:24px;right:24px;z-index:100;cursor:pointer;}
.file-view-button{position:absolute;bottom:24px;right:24px;width:24px;height:24px;}
.status:has(.chat-button-google) .chat-message-header{justify-content: space-between;}
.status:has(.chat-button-google) .chat-message-header .chat-meeting-text-container{display:flex;}
.chat-button-google{pointer-events:none;height:24px!important;}
.media{cursor:pointer;position:relative;width:100%;transition:transform 0.3s ease;}
.media .chat-media-avatar{position:absolute;top:12px;right:12px;width:max-content;height:max-content;}
.media .chat-media-avatar img{border-radius:50%;}
.media .chat-item-image-container, .media .chat-item-video-container{height:150px;width:100%;}
.media .chat-item-image-container .chat-item-icon, .media .chat-item-video-container .chat-item-icon{width: 100% !important;object-fit: contain;height: 150px!important;opacity:0.1;}
.media .chat-item-image-container .chat-item-image, .media .chat-item-video-container .chat-item-image{transition:border-radius 0.3s ease;height:100%;width:100%;border-radius: 12px;object-fit:cover;}
.media:hover .chat-item-image-container{animation: spring_scaleXY_stay 0.5s ease-in-out ;transform-origin: center;transform:scale(1.03);}
.media:hover  .chat-item-video-container{animation: spring_scaleXY_stay 0.5s ease-in-out ;transform-origin: center;transform:scale(1.03);}
.media:hover .chat-item-image{border-radius: 8px;}
.media:hover .chat-media-overlay{transition:background 0.3s ease;background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0))!important;}
.chat-message-header{display:flex;margin-left:18px;}
.chat-message-header .chat-item-avatar{margin-right:3px;}
.chat-message-header .chat-item-avatar img{border-radius:50%;}
.chat-message-header .chat-item-time, .chat-message-header .chat-item-name, .chat-message-header .chat-item-status{opacity:.7;white-space:nowrap;}
.chat-text-message{padding: 12px;padding-bottom:0;border-radius: 8px;}
.chat-text-message.self{padding: 0 18px;background-color: var(--color-primary);color: var(--color-white);line-height:24px;}
.chat-text-message.personal{padding: 0 18px;background: transparent !important;line-height:24px;}
.chat-text-message.personal .text{color: var(--color-white);}
.chat-text-message.anonymous{background: var(--gradient-color) !important;color: var(--color-white) !important;padding:18px;border-radius:24px 24px 24px 0;line-height:24px;}
.chat-item{margin-top:12px;width:75%;}
.chat-item a{opacity:1;}
.chat-item.self-message{align-self:flex-end;}
.chat-item.chat-media{display: flex;flex-direction: column;align-items: center;width:75%;margin-bottom:18px;}
.chat-item.broad{align-self: center;width:75%;padding:12px;margin-bottom: 18px;border-bottom:2px solid var(--color-light);}
.chat-item.broad .chat-message-header{margin:0;justify-content: center;}
.chat-item .chat-media-overlay:not(.video-download-button){transition: background 0.3s ease;position: absolute;background: linear-gradient(to top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));left: 0;width: 100%;height: 100%;border-radius: 12px;z-index:10;bottom:0;pointer-events:none;}
.chat-item:has(.chat-item-file-container){background: var(--color-white) !important;border-radius: 12px;}
.chat-item:has(.chat-item-file-container).bill-file{background: var(--gradient-color) !important;}
.chat-item:has(.chat-item-file-container).bill-file .chat-item-icon{opacity:.2!important;transition:opacity 0.3s ease;}
.chat-item:has(.chat-item-file-container).bill-file .chat-item-icon:hover{opacity:.4!important;}
.chat-item:has(.chat-item-file-container) .chat-media-overlay{background: transparent !important;border: 1px solid var(--color-light) !important;}
.checkbox-slot{margin-left:64px;height:100%;width:96px;display: flex;}
.checkbox-sub-container{position:absolute;left:0;height:100%;width:150px;}
.checkbox-container{display: flex;align-items: center;gap: 8px;position: relative;width: calc(100% - 12px);height:64px;position:relative;padding:0 10px 0 0;background:var(--color-light);border-radius:12px;}
.checkbox-container .checkbox-input{width: 24px;height: 24px;pointer-events:none;position:absolute;left:24px;bottom:10px;transform:translateY(-50%);appearance: none;background:var(--color-white);border-radius: 50%;outline: none;cursor: pointer;transition: all 0.3s ease;}
.checkbox-container .checkbox-input:checked::before{content: '';width: 14px;height: 14px;background-color: var(--color-dark);border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: all 0.3s ease;}
.checkbox-container .checkbox-label{font-size: 14px;cursor: pointer;user-select: none;}
.checkbox-container .checkbox-icon{display: flex;align-items: flex-end;justify-content: center;width:100%!important;height:100%!important;}
.checkbox-container .checkbox-icon .text-container{align-items: center;justify-content: flex-end;}
.checkbox-container .checkbox-icon .text-container .text{transition: unset;opacity:0;}
.clients-section{background: transparent!important;padding: 40px 0 100px;display: flex;flex-direction: column;align-items: center;width: 100%;position: relative;z-index: 2;}
.gallery-container{display: flex;flex-direction: row;}
.client-gallery{display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 10px;width: 100%;max-width: 900px;margin: 100px 0 0 0;justify-content: center;align-items: center;}
.gallery-icon{width: 100%!important;height: auto!important;min-height:200px!important;max-height:200px!important;min-width:unset!important;max-width:200px!important;transition: transform 0.3s ease, opacity 0.3s ease-in-out;opacity: .75;grid-column: span 1;cursor: unset;}
.gallery-icon img{width:100%;height:auto;}
.gallery-icon.visible{opacity: 1;}
.gallery-icon:hover{transform: scale(1.02);opacity: 1;}
.btn.leftarrow, .btn.rightarrow{background-color: transparent!important;transform: scale(1) !important;transition: transform 0.3s, opacity 0.3s !important;opacity: 0.7;margin: 0 60px;}
.btn.leftarrow:hover, .btn.rightarrow:hover{transition: transform 0.3s, opacity 0.3s !important;opacity: 1;}
.entries-container{padding: 16px;background-color: var(--color-light);border-radius: 8px;max-width: 600px;margin: 0 auto;}
.entries-header{font-size: 24px;font-weight: bold;text-align: center;margin-bottom: 16px;}
.entries-list{list-style: none;padding: 0;margin: 0;}
.entry-item{padding: 12px;border-bottom: 1px solid var(--color-dark);display: flex;flex-direction: column;gap: 8px;}
.entry-field{display: flex;justify-content: space-between;}
.entry-label{font-weight: bold;color: var(--color-dark);}
.entry-value{color: var(--color-primary);}
.no-entries{text-align: center;color: var(--color-dark);font-style: italic;}
.hidden{display: none;}
.chat-filter-dropdown{top: 64px!important;}
#search-project-dropdown{left:unset!important;top:94px!important;z-index:100!important;}
#new-client-dropdown{top:64px!important;left:0!important;}
#meet-button-dropdown{top: 90px !important;left: unset !important;}
#settings-dropdown{top: 24px!important;}
#edit-status-dropdown{top:62px!important;left:unset!important;display: none;}
.dropdown-menu{background-color: var(--color-white);border: 1px solid var(--color-light);box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1);z-index: 999;flex-shrink: 0;flex-grow: 0;align-self: flex-start;transition: opacity 0.3s ease, transform 0.3s ease;opacity: 0;transform: scale(1);display: none;width:max-content;flex-direction:row;margin-top:-10px;margin-left:-5px;padding:10px;border-radius: 48px;}
.dropdown-menu.manage-search-dropdown{flex-direction:column!important;background:var(--gradient-color-reversed);box-shadow:unset;margin-top:0px;margin-left:0;width:calc(200px - 24px);padding:12px 12px 12px 12px;border-radius: 18px;border:unset;}
.dropdown-menu.manage-search-dropdown .manage-search-dropdown-button{height:40px!important;border-radius:8px!important;padding:30px 8px 30px 8px;}
.dropdown-menu.manage-search-dropdown .manage-search-dropdown-button .icon-container{opacity:0.5;}
.dropdown-menu.manage-search-dropdown .manage-search-dropdown-button:hover{background:var(--color-black)!important;}
.dropdown-menu.manage-search-dropdown .manage-search-dropdown-button:hover .icon-container{opacity:1;}
.dropdown-menu.manage-search-dropdown .manage-search-dropdown-button .text-container{justify-content:space-between;}
.dropdown-menu.within-modal{flex-direction:column!important;z-index:1200!important;border:unset;}
.dropdown-menu.within-modal.select-client{border-radius:8px!important;box-shadow:unset;margin-top:0px;margin-left:0;border-radius: 18px;width:calc(360px - 24px);max-height:200px;overflow-y:auto;border: 1px solid var(--color-light);}
.dropdown-menu.within-modal.select-project{border-radius:8px!important;box-shadow:unset;margin-top:0px;margin-left:0;border-radius: 18px;width:calc(300px - 24px);max-height:200px;overflow-y:auto;border: 1px solid var(--color-light);}
.dropdown-menu.within-modal.select-project .project-select-meeting{padding:12px;}
.dropdown-menu.within-modal.google-meet-dropdown{background-color:var(--color-blue);box-shadow:unset;margin-top:0px;margin-left:0;width:calc(200px - 24px);padding:12px 12px 12px 12px;border-radius: 18px;}
.dropdown-menu.within-modal.google-meet-dropdown .google-meet-dropdown-button{height:40px!important;border-radius:8px!important;padding:30px;}
.dropdown-menu.within-modal.google-meet-dropdown .google-meet-dropdown-button .icon-container{opacity:0.5;}
.dropdown-menu.within-modal.google-meet-dropdown .google-meet-dropdown-button:hover{background:var(--color-black)!important;}
.dropdown-menu.within-modal.google-meet-dropdown .google-meet-dropdown-button:hover .icon-container{opacity:1;}
.dropdown-menu.within-modal.google-meet-dropdown .google-meet-dropdown-button .text-container{justify-content:space-between;}
.dropdown-transparent{background-color: transparent;border: unset;box-shadow: unset;}
.dropdown-menu.open{opacity: 1;transform: scale(1);display: flex;}
.dropdown-item{padding: 10px 20px;display: flex;align-items: center;}
.entries-container{padding: 16px;background-color: var(--color-light);border-radius: 8px;max-width: 600px;margin: 0 auto;}
.entries-list{list-style: none;padding: 0;margin: 0;}
.no-entries{text-align: center;color: var(--color-dark);font-style: italic;}
.entry-item{padding: 12px;border-bottom: 1px solid var(--color-dark);display: flex;flex-direction: column;gap: 8px;}
.entry-item{padding: 12px;border-bottom: 1px solid var(--color-dark);display: flex;flex-direction: column;gap: 8px;}
.entry-field{display: flex;justify-content: space-between;}
.entry-label{font-weight: bold;color: var(--color-dark);}
.entry-value{color: var(--color-primary);}
.delete-button{margin-top: 8px;color: var(--color-danger);}
#subscribe-modal .modal-content{background: var(--color-white)!important;width:900px;border-radius:36px;}
.footer-section{width:calc(100%);display:flex;flex-direction:column;align-items:center;background:var(--color-white);padding:100px 0 30px;margin:0 auto;}
.footer-sub-container{display:flex;width:100%;max-width:900px;margin:0 auto;padding:0 20px;flex-wrap:wrap;justify-content:space-between;}
.footer-sub-container .text-container .text{font-family:"Muli", sans-serif;font-size:14px!important;color:var(--color-dark)!important;text-transform: unset;}
.footer-text{margin:0;cursor: pointer;transition:ease-in-out opacity 0.3s;}
.contact-container{display: flex;flex-direction: row;gap:5px;align-items: center;}
.contact-link{cursor: pointer;transition:ease-in-out opacity 0.3s;}
.contacts-avatar{width:28px;height:28px;user-select: none;}
.copyright-text{font-size:12px!important;text-transform: unset!important;}
.credential-container{display: flex;flex-direction: column;line-height:24px;text-align:center;}
.address-container{display: flex;flex-direction: column;width:100%;align-items: center;}
.address-container span{width:100%;}
.address-container .text-container{min-height:30px!important;}
.footer-address{cursor: pointer;line-height:24px;text-align:center;text-decoration-line: unset;}
.footer-maps{display:flex;flex-direction: column;margin-bottom:40px;transition:ease-in-out opacity 0.3s!important;text-decoration-line: none!important;}
.copyright-container{display:flex;flex-direction:row;justify-content: space-between;align-items: center;border-top: 1px solid var(--color-dark-rgb)!important;margin:30px auto;max-width:900px;padding:30px 30px 0 30px;min-width: 900px;}
.copyright-text-container{display: flex;justify-content: center;align-items: center;gap:3px;opacity:0.5;}
.footer-section .btn.subscribe{color:var(--color-dark)!important;}
.footer-logo{width:138px;height:36px;user-select: none;}
.imprint-contact-container .footer-column{display:flex;flex-direction:column;gap:25px;}
.imprint-contact-container .credential-container{width:100%;}
.footer-logo-link{margin-bottom:20px;}
.footer-logo-link:hover{background-color:transparent!important;}
.footer-column{display: flex;flex-direction: column;gap: 25px;}
.footer-column .text-container{min-height:46px;}
#nexthype-logo-footer{margin-bottom:20px;}
.form-wrapper{display: flex;position: relative;flex-direction: column;gap: 16px;width: 100%;}
.form-wrapper .placeholder-visible{opacity: 1 !important;pointer-events: auto !important;}
.message-banner{width: 100%;padding: 12px;margin-top: 12px;color: white;border-radius: 4px;text-align: center;transition: opacity 0.5s ease;opacity: 0;position: absolute;bottom: -83px;left: 50%;transform: translateX(-50%);}
.message-banner.fade-in{opacity: 1;}
.message-banner.fade-out{opacity: 0;}
.message-banner.hidden{display: none;}
.message-banner.submit-error{background-color: var(--color-red);}
.message-banner.submit-success{background-color: var(--color-green);}
.message-banner .text-container{align-items: center;justify-content: center;}
#notification-button, #chat-button, #chat-button-nologin{opacity:1;}
#notification-button:hover, #chat-button:hover, #chat-button-nologin:hover{animation: spring_scaleXY 0.5s ease-in-out ;transform-origin: center;}
.sidebar-scroll-container:has(.bill-content){height:100%!important;}
.pdf-pagination{color:var(--color-black);opacity: 0.5;font-family:'Muli', sans-serif;weight:700;position:fixed;bottom:60px;left:50%;transform:translateX(-50%);}
.bill-content{position:relative;padding:65px 24px 48px 24px;}
.bill-content .pdf-page{width: 100%;height: auto;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);border-radius: 8px;}
.bill-content .pdf-preview-thumbnail{cursor: pointer;background: transparent;border: none;border-radius: 2px;font-size: 14px;transition: color 0.2s;width: calc(100%);opacity:.5;transition: opacity 0.3s ease;}
.bill-content .pdf-preview-thumbnail:hover{opacity: 1;}
.bill-content .pdf-page-section{margin-bottom: 20px;scroll-margin-top: 100px;}
.bill-content .pagination-overlay{position: fixed;bottom: 10px;width: 100%;text-align: center;background: rgba(255, 255, 255, 0.9);font-size: 16px;color: var(--color-black);padding: 5px 0;box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);z-index: 10;}
.bill-content .pdf-preview-thumbnail.active{color: var(--color-accent);font-weight: bold;}
.bill-content .pdf-page-canvas{width:100%;border-radius: 8px;}
.bill-content .bill-view{position:fixed;display: flex;flex-direction: column;gap: 10px;width: max-content;overflow-y: auto;align-items: center;width: 96px;}
.bill-content .bill-pdf-container{width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;box-sizing: border-box;}
.bill-content .bill-pdf-container .bill-pre-pdf, .bill-content .bill-pdf-container .bill-post-pdf{display: flex;flex-direction: column;justify-content: flex-start;align-items: center;gap: 20px;}
.bill-content .bill-pdf-container .bill-pdf{display: flex;flex-direction: column;gap: 80px;align-items: center;width: calc(100% - 90px);overflow-y: auto;padding: 24px 24px 24px 64px;box-sizing: border-box;}
.edit-form-sub-container{display:flex;flex-direction:row;gap:8px;width:100%;}
.header-left{left:36px;z-index: 999!important;}
.header-mid-left{left:112px;z-index: 302!important;}
.header-mid-left-project{left:560px;z-index: 302!important;}
.header-mid-right{right: 80px;}
.header-right{right:0px;z-index: 250 !important;}
.btn.login .icon-container{display:none;}
.header-container{display:flex;justify-content:center;align-items:center;height:80px;margin-top:24px;margin-left:0;margin-right:30px;background-color:transparent;color:var(--color-darker);z-index:201;position:fixed;top:-20px;gap:12px;}
.header-item-container{display: flex;align-items: center;top:30px;}
.header-item-container.left-side{position:absolute;left:30px;background-color: transparent;}
.header-item-container.left-side.no-blend .btn.chat{opacity: 1 !important;}
.no-blend{mix-blend-mode: unset!important;left:105px!important;}
.header-item-container.right-side{position:absolute;right:30px;gap: 10px;}
.logo-container{display: flex;align-items: center;opacity:1;}
.icon-container.user-management{display: none !important;}
.hero-section{position: relative;width: 100%;height: 100vh;margin-top:-100px;z-index:3;}
.title-container{user-select: none;position:relative;z-index:10;width: 100%;height: auto;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;max-width: 450px;left: 50%;top: 30%;}
.title-text{font-size:56px!important;color:var(--color-white);}
.subtitle-text{margin-top:30px;color:var(--color-white);text-transform: none;font-size:16px!important;}
.reel-container{margin-top:30px;display:flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
.reel-background{position: absolute;top: 0;left: 0;width: 100%;z-index: 1;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.reel-background:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: 
    radial-gradient(circle at 25% 40%, rgba(35, 37, 39, 0), rgba(8, 10, 14, 0.6) 30%, rgb(8, 10, 14) 55%),
    linear-gradient(to top, rgba(8, 10, 14, 1),  rgba(0, 0, 0, 0)),
    linear-gradient(to left, rgba(8, 10, 14, 1),  rgba(0, 0, 0, 0));pointer-events: none;z-index: 1;}
.reel-background-text-container{width:380px;height:300px;position:absolute;z-index:4;bottom: 0;left:72px;display:flex;flex-direction:column;gap:0px;justify-content: center;align-items: center;}
.reel-background-text-line{width:100%;border-top: 1px solid var(--color-dark)!important;height:1px;}
.reel-background-text{opacity: .5!important;width:380px;color:var(--color-white);font-size:30px!important;z-index:4;opacity:.5;white-space: normal!important;text-align: left!important;}
.reel-item-container{opacity: 0.7;display: flex;justify-content: flex-start;align-items: center;transition: opacity 0.3s;}
.reel-item-container:hover{opacity: 1!important;transition: opacity 0.3s !important;}
.reel-item-container:not(:hover){animation: spring 0.6s ease-out forwards;}
.reel-icon{width:28px;height:28px;margin-left:7px;user-select: none;}
.hero-section .reel-item{white-space: nowrap;font-family: 'Averta', sans-serif;justify-content: left !important;background-color: transparent !important;}
.hero-section .reel-item:hover{background:transparent!important;}
.hero-section .reel-item .text{font-size:30px!important;opacity:0.7;}
.hero-section .reel-item .text:hover{opacity:1;}
.icon-container{display: inline-block;vertical-align: middle;border-radius: 4px;background-color: transparent;}
.icon-container.inverted{filter: invert(1);}
.advanced-input-button{background:var(--color-black)!important;transform: scale(.5);}
.advanced-input-button .icon-container{margin-top:4px;transform: scale(1.5);}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;}
input[type="number"]{-moz-appearance: textfield;}
.input-field{display: flex;flex-direction: column;border-radius: 12px;width: 100%;height:64px;box-sizing: border-box;position: relative;}
.input-field__label{width: auto;margin-bottom: 8px;}
.input-field__input-container{position: relative;display: flex;align-items: center;}
.input-field .icon-container{transition: opacity 0.3s ease;opacity:0.7!important;}
.input-field__button{position: absolute;right: -3px;display: flex;align-items: center;justify-content: center;z-index: 10;}
.input-field__button:hover{background-color: transparent;background: transparent;}
.input-field__button:hover .icon-container{opacity:1!important;}
.input-field .text-container:has(.input-field__error) .input-field__error{margin-top: 1px;font-size: 12px;color: var(--color-red, #ff4d4f);opacity: 0;display:inline-block;width:100%;text-align:center!important;}
.input-field .text-container:has(.input-field__placeholder){position: absolute !important;width: 100%;height: 100%;top: 0;left: 0;}
.input-field .text-container:has(.input-field__placeholder) .input-field__placeholder{position: absolute;width: calc(100% - 62px);height: 100%;padding: 12px 50px 12px 30px;font-size:14px;color: var(--placeholder-color, #a0a0a0);pointer-events: none;transition: transform 0.2s ease, opacity 0.2s ease;transform: translateY(0);}
.input-field.input-active .input-field__placeholder{transform: translateY(-20px);pointer-events: none;}
.input-field input, .input-field textarea{border-radius: 12px;width: calc(100% - 62px);padding: 12px 50px 12px 30px;border: 1px solid var(--color-light);transition: border-color 0.3s ease;background: var(--color-white);color: var(--color-black);font-size:14px;}
.input-field input::selection, .input-field textarea::selection{background-color: var(--color-black);color: var(--color-white);}
.input-field input:focus, .input-field textarea:focus{border-color: var(--color-light);outline: none;}
.input-field input:hover, .input-field textarea:hover{border-color: transparent;}
.input-field input:hover:focus, .input-field textarea:hover:focus{border-color: var(--color-white);}
.text-area{min-height:max-content;resize: vertical;}
.text-area textarea{min-height: 100px;height: 150px;max-height: 300px;resize: vertical;}
.text-area .text-container{align-items: unset !important;}
.text-area .text-container .text{height: unset !important;padding-top: 15px !important;}
.text-area .text-container:has(.icon-container){align-items: center !important;}
.text-area .text-container:has(.input-field__placeholder){height: 95%;}
.gallery-item .video{border-radius:0!important;}
.thumbnail-video{border-radius: 6px;}
.gallery-link{opacity:1;}
.project-thumbnail{width: 100px;height: 56px;object-fit: cover;cursor: pointer;opacity: 0.5;transition: opacity 0.3s ease;}
.project-thumbnail.active{opacity: 1;}
.project-thumbnail img{width: 100%;height: 100%;object-fit: cover;border-radius: 6px;}
.project-thumbnail:hover{opacity: 1;}
.thumbnail-container{z-index: 100;position: absolute;bottom: 0;display: flex;flex-direction: column;padding: 24px;gap: 6px;}
.gallery-container{position: relative;height: 90vh;width: 100%;margin: 0 auto;overflow: hidden;}
.gallery-item{object-fit: cover;position: absolute;width: 100%;height: 100%;transition: opacity 1s ease-in-out;}
.gallery-item .video{object-fit:cover;}
.gallery-nav-button{position: absolute;top: 50%;transform: translateY(-50%);color: var(--color-white);border: none;cursor: pointer;z-index: 10;background: transparent !important;opacity: 0.75;transition: opacity 0.3s ease;}
.gallery-nav-button.left{left: 20px;}
.gallery-nav-button.right{right: 20px;}
.author-container{display: flex;position: absolute;bottom: 36px;right: 36px;mix-blend-mode: exclusion;filter: invert(1);}
.author-container .author-text{opacity: 0.5;}
.author-container.show-title{right: 120px;}
.btn.language-btn{opacity:0.7;}
.btn.language-btn:hover{opacity:1;}
.btn.language-btn.default{display: none;}
.language-switcher{opacity: 1 !important;position:relative;width:64px;height:64px;border-radius:0;box-shadow:none!important;display:flex;justify-content: center;align-items: center;}
.language-switcher-dropdown{width:64px;height:64px;display:flex;justify-content: center;align-items: center;order: -1;}
.language-switcher-text{display:flex;height:64px;width:64px;opacity: .7 !important;}
.language-switcher-text:hover{opacity: 1 !important;}
.language-switcher-text span{color:var(--color-light)!important;}
.language-options{position:absolute;left: 0;transform:translateX(-100%);display: flex;flex-direction: column;gap: 8px;border-radius: 4px;opacity: 0;transition: opacity 0.3s ease;visibility: hidden;}
.language-options.visible{display: flex;opacity: 1;visibility: visible;}
.language-switcher{position: relative;width: 64px;height: 64px;display: flex;justify-content: center;align-items: center;}
.btn.language-btn{opacity: 0.7;color: var(--color-black) !important;}
.btn.language-btn:hover{opacity: 1;}
#new-project-client::selection{color:var(--color-black);background:transparent;}
.client-select{padding:12px;}
.client-select-container{display:flex;flex-direction:row;justify-content: flex-end;cursor:pointer;opacity: 0.5;transition: opacity 0.3s ease;}
.client-select-container .text-container{width:100%;justify-content: space-between;}
.client-select-container:hover{opacity: 1;}
.project-filter-header{width:808px;margin:50px auto 36px auto;}
.project-list{display:flex;flex-direction: column;gap:8px;padding-bottom:56px;}
.project-manage-campaign{opacity:.5;}
.project-select-manage-sub-container{display:flex;opacity:.5;}
.project-manage-status.text{margin-right:48px;}
.project-select-manage{display:flex;flex-direction:row;justify-content: space-between;align-items: center;width:calc(100% - 48px);padding: 24px;border-radius:12px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);}
.project-select-manage .project-manage-details-button .text-container .text{transition: unset;opacity:0;}
.project-select-manage:hover{background:transparent!important;}
.project-select-manage:hover .project-manage-details-button{animation: spring_width 0.5s ease-in-out ;transform-origin: right;max-width:122px;min-width:122px;}
.project-select-manage:hover .project-manage-details-button .text{transition: opacity 0.3s ease;opacity:1;}
.project-select-manage .project-select-manage-container-second{display:flex;flex-direction:row;align-items: center;gap:8px;}
.project-select-manage .project-select-manage-container{display:flex;flex-direction:row;align-items: center;gap:8px;}
.project-select-manage .project-select-manage-container .icon-container:has(svg){opacity:.5;}
.project-select-manage .project-select-manage-container img{border-radius: 50%;}
.project-select-manage .project-manage-details-button{min-width:40px;max-width:40px;height:40px!important;overflow:hidden;transition: max-width 0.3s ease, min-width 0.3s ease;}
.project-select-manage .project-manage-details-button.confidential{opacity:.2;}
.project-select-manage .project-manage-details-button.confidential.confidential-admin{opacity:1;}
.project-select-manage .project-manage-details-button .text-container{justify-content: flex-end;}
.project-select-manage .project-manage-details-button .text-container .text{margin-right:5px;width: 100%;display: inline-block;text-align: center!important;}
.project-select-manage .project-manage-details-button.meeting-past svg{fill:var(--color-black);}
.project-select-manage .project-manage-details-button.meeting-past:hover{background-color:transparent!important;}
.project-select-manage .project-manage-details-button .icon-container{margin:0;margin-top:3px;margin-right: 5px;}
.project-select-container{opacity: 0.5;transition: opacity 0.3s ease;}
.project-select-container:hover{opacity: 1;}
.project-select-container.selected{opacity: 1 !important;}
.user-manage-text{white-space: nowrap;}
.user-manage-status.text{margin-right:48px;}
.user-select-manage{display:flex;flex-direction:row;justify-content: space-between;align-items: center;width:calc(100% - 48px);padding: 24px;border-radius:12px;}
.user-select-manage:hover .user-manage-details-button{animation: spring_width 0.5s ease-in-out ;transform-origin: right;max-width:122px;min-width:122px;}
.user-select-manage .user-select-manage-container{display:flex;flex-direction:row;align-items: center;gap:8px;}
.user-select-manage .user-select-manage-container img{border-radius: 50%;}
.user-select-manage .user-manage-details-button{min-width:36px;max-width:36px;height:36px!important;overflow:hidden;transition: max-width 0.3s ease, min-width 0.3s ease;}
.user-select-manage .user-manage-details-button .text-container{justify-content: flex-end;}
.user-select-manage .user-manage-details-button .text-container .text{margin-right:5px;}
.user-select-manage .user-manage-details-button.meeting-past svg{fill:var(--color-black);}
.user-select-manage .user-manage-details-button.meeting-past:hover{background-color:transparent!important;}
.user-select-manage .user-manage-details-button .icon-container{margin:0;margin-top:3px;margin-right: 5px;}
.user-select-container{opacity: 0.5;transition: opacity 0.3s ease;}
.user-select-container:hover{opacity: 1;}
.user-select-container.selected{opacity: 1 !important;}
.tax{min-width:122px!important;background-color:transparent!important;opacity:.75;}
.tax:hover{opacity:1;}
.payment-avatar{margin-right:8px;}
.user-select-pay{display:flex;flex-direction:row;justify-content: space-between;align-items: center;width:calc(100% - 48px);padding: 24px;border-radius:12px;transition: background 0.3s ease;border-bottom: 1px solid var(--color-white);}
.user-select-pay:hover{background:var(--color-lighter)!important;}
.user-select-pay:hover .text-container .text{display:flex!important;}
.user-select-pay:hover .user-manage-details-button{animation: spring_width 0.5s ease-in-out ;transform-origin: right;max-width:122px;min-width:122px;}
.user-select-pay .pay-select-manage-container{display:flex;flex-direction:row;align-items: center;}
.user-select-pay .pay-select-manage-container:last-of-type{gap:8px;}
.user-select-pay .pay-select-manage-container .user-pay-project{margin-right:8px;white-space:nowrap;}
.user-select-pay .pay-select-manage-container img{border-radius: 50%;}
.user-select-pay .pay-select-manage-container .user-pay-currency{opacity:0.5;margin-bottom:0;}
.user-select-pay .pay-select-manage-container .user-pay-balance{margin-bottom:0;color:var(--color-green);}
.user-select-pay .pay-select-manage-container .user-pay-balance.negative-balance{color:var(--color-red);}
.user-select-pay .user-manage-details-button{min-width:36px;max-width:36px;height:36px!important;overflow:hidden;transition: max-width 0.3s ease, min-width 0.3s ease;}
.user-select-pay .user-manage-details-button .text-container{justify-content: flex-end;}
.user-select-pay .user-manage-details-button .text-container .text{flex-grow: 1;display: flex;justify-content: center;align-items: center;width: 100%;height: 100px;display:none;}
.user-select-pay .user-manage-details-button.meeting-past svg{fill:var(--color-black);}
.user-select-pay .user-manage-details-button.meeting-past:hover{background-color:transparent!important;}
.user-select-pay .user-manage-details-button .icon-container{margin:0;margin-top:3px;margin-right: 2px;}
.user-select-container{opacity: 0.5;transition: opacity 0.3s ease;}
.user-select-container:hover{opacity: 1;}
.user-select-container.selected{opacity: 1 !important;}
.project-select-container{display:flex;flex-direction:row;justify-content: space-between;opacity: 0.5;transition: opacity 0.3s ease;}
.project-select-container:hover{opacity: 1;}
.button-active{display:none;}
.project-user-name{position:absolute;left: 48px;}
.user-manage-text{white-space: nowrap;}
.user-manage-status{background:var(--color-white)!important;padding-left:24px;}
.user-manage-status.text{padding-right:48px;}
.user-select-manage{display:flex;flex-direction:row;justify-content: space-between;align-items: center;width:calc(100% - 48px);padding: 24px;border-radius:12px;}
.user-select-manage:hover .user-manage-details-button{animation: spring_width 0.5s ease-in-out ;transform-origin: right;max-width:122px;min-width:122px;}
.user-select-manage .user-select-manage-container{display:flex;flex-direction:row;align-items: center;position:relative;gap:8px;}
.user-select-manage .user-select-manage-container img{border-radius: 50%;}
.user-select-manage .user-manage-details-button{min-width:40px;max-width:40px;height:40px!important;overflow:hidden;transition: max-width 0.3s ease, min-width 0.3s ease;}
.user-select-manage .user-manage-details-button.inverted-icon .icon-container{filter: invert(1);}
.user-select-manage .user-manage-details-button .text-container{justify-content: flex-end;}
.user-select-manage .user-manage-details-button .text-container .icon-container{margin-right: 4px;margin-left: 4px;}
.user-select-manage .user-manage-details-button .text-container .text{width: 100%;display: inline-block;text-align: center!important;margin-right:5px;}
.user-select-manage .user-manage-details-button.meeting-past svg{fill:var(--color-black);}
.user-select-manage .user-manage-details-button.meeting-past:hover{background-color:transparent!important;}
.user-select-manage .user-manage-details-button .icon-container{margin:0;margin-top:3px;margin-right: 5px;}
.user-select-container{opacity: 0.5;transition: opacity 0.3s ease;}
.user-select-container:hover{opacity: 1;}
.user-select-container.selected{opacity: 1 !important;}
.user-select-container{opacity: 0.5;transition: opacity 0.3s ease;}
.user-select-container:hover{opacity: 1;}
.user-select-container.selected{opacity: 1 !important;}
.hidden{display:none!important;transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;}
.user-search-input{width:538px;}
#user-meet-container{gap:unset;}
.user-select-meeting{height:48px;}
.hero-input{transition:transform 0.3s ease;}
.meet-input-transition{transform: translateX(-210px);transition: transform 0.3s ease;}
.meet-button-transition{transform: translateX(310px);transition: transform 0.3s ease;}
#new-meet-button, #open-meet-button{position: relative;z-index: 2;}
.meet-return{display:none;right:30px;transition:transform 0.3s ease;}
.meet-return-transition{transform: translateX(-580px);}
.hero-search-container{display:flex;height:94px;background:var(--color-light);border-radius:12px;gap:12px;margin-top:24px;width:max-content;position: relative;z-index: 10;}
.hero-search-container .hero-button{background:var(--color-blue);width:200px!important;height:100%!important;padding:12px;border-radius: 18px 75px 18px 18px;}
.hero-search-container .hero-button:hover{background:var(--color-black)!important;}
.hero-search-container .hero-button:hover .icon-container{opacity:1;}
.hero-search-container .hero-button[data-theme="dark"]:hover{background: var(--color-white) !important;}
.hero-search-container .hero-button[data-theme="dark"]:hover .icon-container{opacity: 1;}
.hero-search-container .hero-button.done{border-radius: 18px;}
.hero-search-container .hero-button .icon-container{transform:translateY(3px);}
.hero-search-container .hero-button .text{font-size:30px;line-height:36px;}
.hero-search-container .hero-input{height:calc(100%);width:300px!important;}
.hero-search-container .hero-input.filter-input{width:384px!important;}
.hero-search-container .hero-input .input-field__input-container{height:calc(100%);}
.hero-search-container .hero-input .input-field__input-container input{height:calc(100% - 24px);}
.modal{display: flex;opacity: 0;position: fixed;top: 0;left: 0;width: 100%;height: 100%;justify-content: center;align-items: center;background-color: rgba(0, 0, 0, 0.5);transition: opacity 0.3s ease, transform 0.3s ease;z-index: -1;visibility: hidden;}
.modal.open{visibility: visible;opacity: 1;transform: scale(1);}
.modal .close-button{right:30px;top:30px;position:absolute;background: none;border: none;font-size: 24px;z-index:10;cursor: pointer;}
.modal.meet-modal .modal-content{background-color:var(--color-lighter);width: 720px;padding:0;overflow:hidden;max-height:640px;}
.modal.meet-modal .modal-content .modal-body{margin-bottom:0;}
.modal.meet-modal .modal-content .googleTitle{margin-top:100px;}
.modal.meet-modal .modal-content .open-meet-container{margin-top:36px;background:var(--color-white);border-top:1px solid var(--color-light);width:calc(100% - 24px);height:calc(100% - 36px);padding:12px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;padding-top:24px;overflow-y:auto;max-height:320px;}
.modal.meet-modal .modal-content .open-meet-container .open-meeting{display:flex;width:538px;justify-content:space-between;}
.modal.meet-modal .modal-content .open-meet-container .open-meeting:has(.meeting-past){opacity:.5;}
.modal.meet-modal .modal-content .open-meet-container .open-meeting:has(.meeting-past):hover{opacity: 1;}
.modal.meet-modal .modal-content .open-meet-container .open-meeting .open-meeting-button{width:96px!important;height:40px!important;min-width:96px;}
.modal.meet-modal .modal-content .open-meet-container .open-meeting .open-meeting-button:hover{background:var(--color-black)!important;}
.modal.meet-modal .modal-content .open-meet-container .open-meeting .open-meeting-button.meeting-past svg{fill:var(--color-black);}
.modal.meet-modal .modal-content .open-meet-container .open-meeting .open-meeting-button.meeting-past:hover{background-color:transparent!important;}
.modal.meet-modal .modal-content .open-meet-container .open-meeting .open-meeting-button .icon-container{margin:0;margin-top:3px;}
.modal.meet-modal .modal-content .open-meet-container .open-meeting-text-container, .modal.meet-modal .modal-content .open-meet-container .user-select-container{display:flex;width:100%;}
.modal.meet-modal .modal-content .open-meet-container .user-select-meeting{display:flex;width:538px;justify-content:space-between;}
.modal.meet-modal .modal-content .open-meet-container .user-select-meeting .open-meeting-text-container{display:flex;width:100%;}
.modal.meet-modal .modal-content .open-meet-container .user-select-meeting .open-meeting-button{width:96px!important;height:40px!important;min-width:96px;}
.modal.meet-modal .modal-content .open-meet-container .user-select-meeting .open-meeting-button:hover{background:var(--color-black)!important;}
.modal.meet-modal .modal-content .open-meet-container .user-select-meeting .open-meeting-button .icon-container{margin:0;margin-top:3px;}
.modal.newsletter{z-index:900!important;}
.modal.newsletter .modal-content{background-color:var(--color-light);width:720px;height: 700px;border-radius:36px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}
.modal.newsletter .modal-content .text{text-transform: none;}
.modal.video-modal .modal-content{width: 100%;height: 100vh;border-radius: 0;background-color: var(--color-black);padding:0!important;}
.modal.video-modal .modal-body{display:flex;justify-content: center;align-items: center;margin-bottom:0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.modal .modal-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);}
.modal .modal-content{min-height:640px;width: calc(100% - 40px);padding: 20px;border-radius: 36px;position: relative;z-index: 999;display: flex;flex-direction: row;transform: scale(0.5);transition: transform 0.3s ease;}
.modal.open .modal-content{transform: scale(1);}
.modal .modal-header{display: flex;justify-content: end;align-items: center;padding-bottom: 10px;margin-bottom: 20px;}
.modal .modal-header h2{text-align:center;}
.modal .modal-body{flex: 1;margin-bottom: 20px;display:flex;flex-direction:column;justify-content: end;align-items: center;}
.modal .modal-footer{display: flex;justify-content: flex-end;}
.modal-inner-container{position:relative;z-index:10;}
.modal-inner-container .text-container{justify-content: center;}
.notification-item{display: flex;align-items: center;transition: ease 0.3s opacity;opacity:1;border-bottom: 1px solid #e0e0e0;position: relative;width:100%;border-radius:8px;}
.notification-item:hover{background:var(--color-lighter);}
.notification-item.unread .notification-dot{display: inline-block;}
.notification-item .notification-dot{width: 5px;height: 5px;background-color: red;border-radius: 50%;position: absolute;top: 50%;transform:translateY(-50%);left: 5px;}
.notification-item .notification-content{display: flex;align-items: center;justify-content: space-between;padding:30px;width:calc(100% - 60px);}
.notification-item .notification-content .notification-text{display: flex;flex-direction: column;}
.notification-item .notification-content .notification-text .notification-title{font-size:13px;font-weight:700;color: var(--color-black);height:30px;}
.notification-item .notification-content .notification-text .notification-message{font-size:12px!important;color: var(--color-dark);}
.notification-item .notification-content .notification-text .notification-message .notification-timestamp{margin-right: 0.5rem;font-size:12px!important;color: var(--color-dark);}
.notification-item .notification-content .notification-icon img{border-radius: 50%;}
.notification-item .notification-footer{font-size: 0.75rem;color: #9e9e9e;text-align: right;}
.notification-item .notification-footer .notification-sender{font-style: italic;}
.notification-item:not(.unread){opacity:.5;}
.notification-item:not(.unread):hover{opacity:1;}
.status-bar .text-container .text{width:100%;display:inline-block;text-align:center!important;}
.project-info{display: flex;flex-direction: row;gap: 4px;position:absolute;bottom:84px;left:12px;}
.project-info .text-container:last-of-type{opacity: 0.75;}
.project-info .project-campaign{font-size: 14px;}
.team-avatars{position: absolute;top: 20px;right: 20px;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 8px;}
.team-avatars .icon-container{display:flex;justify-content: center;align-items: center;}
.team-avatars img{width: 24px;height: 24px;border-radius: 50%;}
.team-avatar:first-of-type{width: 36px!important;height: 36px!important;}
.team-avatar:first-of-type img{width: 36px!important;height: 36px!important;border-radius: 50%;}
.text-container:has(.extra-count){opacity:.5;}
.team-avatar.extra-count{margin:0;margin-top: 5px;margin-left: -1px;text-align: center!important;width: 100%!important;height: 100%!important;display: inline-block;position: absolute;}
.project-footer{display: flex;justify-content: space-between;align-items: center;}
.project-footer .project-update{position:absolute;display: flex;padding:12px;bottom:36px;}
.project-footer .last-update{font-size: 12px;}
.project-footer .project-button{min-width:36px;position:absolute;right:24px;bottom:24px;width:36px!important;height:36px!important;overflow:hidden;transition: max-width 0.3s ease, min-width 0.3s ease;}
.project-footer .project-button .text-container{justify-content: flex-end;}
.project-footer .project-button .text-container .text{transition: none;margin-right:5px;opacity:0;}
.project-footer .project-button.meeting-past svg{fill:var(--color-black);}
.project-footer .project-button.meeting-past:hover{background-color:transparent!important;}
.project-footer .project-button .icon-container{margin:0;margin-top:3px;margin-right: 5px;}
.project-footer .project-button.text-exclusion{opacity:.75;}
.project-footer .project-button.confidential{opacity:.2;}
.project-footer .project-button.confidential.confidential-admin{opacity:1;}
.project-footer .project-button.confidential.project-button .icon-container{margin-right: 2px;}
.project-footer .project-button.done .text{width:unset;}
.project-image{overflow: hidden;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-size: cover;background-position: center;border-radius: 18px;z-index: 1;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);}
.project-image:hover{animation: spring_scaleXY 0.5s ease-in-out ;transform-origin: center;}
.project-overlay{transition: background 0.3s ease;position: absolute;z-index: 5;pointer-events:none;width:100%;height:100%;}
.project-card{position: relative;width: 300px;height: 400px;display: flex;flex-direction: column;justify-content: flex-end;cursor:pointer;}
.project-card:hover .project-button{animation: spring_width 0.5s ease-in-out ;transform-origin: right;max-width:122px;min-width:122px;}
.project-card:hover   .project-overlay{background: radial-gradient(circle, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0));}
.project-card:hover .project-image{animation: spring_scaleXY 0.5s ease-in-out ;transform-origin: center;}
.project-card:hover .text-container .text{transition: opacity 0.3s ease;opacity:1;}
.project-card.quad{width:calc(250px - 12px)!important;height:calc(250px - 12px)!important;}
.project-card.quad-wide{width:390px;height:264px;padding:1px;}
.project-card.quad-wide:nth-last-of-type(2){height:390;}
.project-card.quad-high{width:264px;height:390px;}
.project-card.quad-big{width:390px;height:390px;}
.project-card::before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));opacity: 0.5;transition: opacity 0.3s ease;z-index: 3;border-radius: 18px;}
.project-card:hover::before{opacity: 0;}
.showcase{display:flex;flex-direction:column;}
.rendered-component{margin: 1.5rem auto;padding: 1rem;display: flex;gap:3px;justify-content: center;align-items: center;background-color:var(--color-light);border-radius: 8px;border: 1px solid var(--color-dark-rgb);transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;}
.code-container{position: relative;margin-top: 1rem;}
.copy-button{position: absolute;top: -15px;right: 10px;border-radius:5px!important;height:40px!important;}
.code-block{background-color: #1a1a1a;padding: 1.25rem;border-radius: 10px;overflow-x: auto;white-space: pre-wrap;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);border: 1px solid #444;}
code{font-family: 'Fira Code', monospace;font-size: 1rem;line-height: 1.4;color: transparent;}
.code-container .hljs{background-color: transparent;color: white;}
.code-container .hljs .hljs-tag{color: rgb(151, 151, 151);}
.code-container .hljs .hljs-attr{color: #a4edff;}
.code-container .hljs .hljs-name{color: #63fdde;}
.code-container .hljs .hljs-string{color: #faad8f;}
.code-container .hljs .hljs-punctuation{color: #d4d4d4;}
.code-container .hljs .hljs-keyword{color: #c586c0;}
.code-container .hljs .hljs-literal{color: #569cd6;}
.code-container .hljs .hljs-comment{color: #6a9955;}
.code-container .hljs .hljs-function{color: #dcdcaa;}
.code-container .hljs .hljs-number{color: #b5cea8;}
.code-container .hljs .hljs-variable{color: #569cd6;}
#sidebar-bill{z-index:301;}
#sidebar-chat{z-index:301;padding-left:0;}
#manage-user-sidebar{z-index:301;}
#sidebar-notifications{z-index:200;}
.avatar-icon{display:flex!important;justify-content: center;align-items: center;}
.avatar-icon img{border-radius:50%;}
.avatar-icon-new{position:absolute;display:flex!important;justify-content: center;align-items: center;opacity:0.5;transition: opacity 0.3s ease;}
.avatar-icon-new img{border-radius:50%;}
.avatar-icon-new:hover{transition: opacity 0.3s ease;opacity:1;}
.confirm-button{display:none;}
.confirm-button.active{display:flex;}
.sidebar-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);opacity:0;pointer-events: none;z-index: 251;}
.sidebar{position: fixed;overflow:hidden;top: 0;left: 0;width: 0;height: 100vh;background-color: var(--color-white);box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1);z-index: 10;overflow-x: hidden;transition: transform 0.3s ease, width 0.3s ease, opacity 0.3s ease;opacity: 0;display: flex;flex-direction: column;align-items: center;padding: 120px 0px 20px 10px;}
.sidebar.sidebar-light{background:var(--color-lighter);padding:0px 0px 20px 10px!important;padding:24px;z-index:300;border-radius:36px 0 0 0;overflow:hidden;}
.sidebar .sidebar-scroll-container{width:100%;height:calc(100%);scroll-behavior:smooth;overflow-x:auto;}
.sidebar.chat{z-index:200;padding:0px 0px 20px 10px;}
.sidebar .sidebar-header{width:calc(100% - 48px);display:flex;flex-direction:row;justify-content: space-between;background:var(--color-white);padding:24px 48px 24px 48px;}
.sidebar .sidebar-header .sidebar-sub-header{position:relative;display:flex;flex-direction:row;gap:5px;}
.sidebar.left, .sidebar.right{height: 100vh;top: 0;}
.sidebar.top, .sidebar.bottom{width: 100vw;height: 0;}
.sidebar.left{transform: translateX(-100%);}
.sidebar.right{transform: translateX(100%);left: auto;right: 0;}
.sidebar.top{transform: translateY(-100%);height: 0;}
.sidebar.bottom{transform: translateY(100%);top: auto;bottom: 0;}
.sidebar.open{transform: translateX(0) translateY(0);opacity: 1;}
.sidebar.left.open, .sidebar.right.open{width: var(--sidebar-width, 325px);}
.sidebar.top.open, .sidebar.bottom.open{height: var(--sidebar-height, 300px);width: 100vw;}
input, textarea{font-size: 30px;line-height:36px;}
p{font-size: 14px!important;line-height:30px;}
h1{font-size: 56px;line-height:56px;}
h2{font-size: 48px;}
.non-selectable{-webkit-user-select: none;user-select: none;}
.selectable{-webkit-user-select: all;user-select: all;}
.text-container{display: flex;flex-direction: row;justify-content: start;align-items: center;position: relative;}
.text, .text-link{display:flex;gap:2.5px;color:var(--color-black);font-family: 'Averta', sans-serif;font-size: 24px;font-weight: 300;font-style: normal;margin:0 2.5px 5px 2.5px;transition: color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease, width 0.3s spring;display: flex;align-items: center;}
.text.tooltip, .text-link.tooltip{font-size:24px;transition: all 0.3s ease;transition-delay: 0s;visibility: hidden;color: var(--color-white);text-align: center;padding: 6px;position: absolute;z-index: 150;bottom: 3px;right: 10px;transform: translateY(-50%) translateX(100%);opacity: 0;pointer-events: none;white-space: nowrap;}
.text.tooltip::before, .text-link.tooltip::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: var(--color-black);border-radius: 4px;transform-origin: left;z-index: -1;}
.text.text-gradient, .text-link.text-gradient{-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.text span, .text-link span{display:flex;justify-content: center;align-items: center;}
.text::selection, .text-link::selection{background-color: #6a11cb;color: white;}
.icon-left{margin-right: 2.5px;margin-left: 2.5px;}
.icon-right{margin-right: 2.5px;margin-left: 2.5px;}
.non-selectable{user-select: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.text-gradient{background-size: 100%;background-position: 0%;transition: background-position 0.3s ease-in-out, background-size 0.3s ease-in-out;}
.text-gradient.hover-effect:hover{background-position: 100%;background-size: 200%;transition: background-position 0.3s ease-in-out, background-size 0.3s ease-in-out;filter:brightness(.4);}
.text-gradient.hover-effect:hover .icon-left, .text-gradient.hover-effect:hover .icon-right{background-position: inherit;background-size: inherit;}
.text-container:hover .tooltip{visibility: visible;opacity: 0.75;transition-delay: 1s;}
.text-container:hover .tooltip::before{animation: spring_scaleX 0.5s ease-in-out 1s;transform-origin: left;}
.timeline{border-radius: 8px;height: 4px;margin: 24px 0;outline: none;-webkit-appearance: none;}
input[type="range"]{font-size: 1.5rem;width: 100%;}
input[type="range"]{color: #ef233c;--thumb-height: 0.525em;--track-height: 0.125em;--track-color: rgba(0, 0, 0, 0.2);--brightness-hover: 180%;--brightness-down: 80%;--clip-edges: 0.125em;padding: 0 !important;}
@media (prefers-color-scheme: dark){html{background-color: #000;}}
@media (prefers-color-scheme: dark){html::before{background: radial-gradient(circle at center, #101112, #000);}}
@media (prefers-color-scheme: dark){input[type="range"]{color: var(--color-white);--track-color: rgba(255, 255, 255, 0.1);}}
input[type="range"]{position: relative;background: #fff0;overflow: hidden;height:100%;}
input[type="range"]:active{cursor: grabbing;}
input[type="range"]:disabled{filter: grayscale(1);opacity: 0.3;cursor: not-allowed;}
input[type="range"], input[type="range"]::-webkit-slider-runnable-track, input[type="range"]::-webkit-slider-thumb{-webkit-appearance: none;transition: all ease 100ms;height: var(--thumb-height);}
input[type="range"]::-webkit-slider-runnable-track, input[type="range"]::-webkit-slider-thumb{position: relative;}
input[type="range"]::-webkit-slider-thumb{--thumb-radius: calc((var(--thumb-height) * 0.5) - 1px);--clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px);--clip-bottom: calc(var(--thumb-height) - var(--clip-top));--clip-further: calc(100% + 1px);--box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0
		100vmax currentColor;width: var(--thumb-width, var(--thumb-height));background: linear-gradient(currentColor 0 0) scroll no-repeat left center /
		50% calc(var(--track-height) + 1px);background-color: currentColor;box-shadow: var(--box-fill);border-radius: var(--thumb-width, var(--thumb-height));filter: brightness(100%);clip-path: polygon(
		100% -1px,
		var(--clip-edges) -1px,
		0 var(--clip-top),
		-100vmax var(--clip-top),
		-100vmax var(--clip-bottom),
		0 var(--clip-bottom),
		var(--clip-edges) 100%,
		var(--clip-further) var(--clip-further)
	);}
input[type="range"]:hover::-webkit-slider-thumb{filter: brightness(var(--brightness-hover));cursor: grab;}
input[type="range"]:active::-webkit-slider-thumb{filter: brightness(var(--brightness-down));cursor: grabbing;}
input[type="range"]::-webkit-slider-runnable-track{background: linear-gradient(var(--track-color) 0 0) scroll no-repeat center /
		100% calc(var(--track-height) + 1px);}
input[type="range"]:disabled::-webkit-slider-thumb{cursor: not-allowed;}
input[type="range"], input[type="range"]::-moz-range-track, input[type="range"]::-moz-range-thumb{appearance: none;transition: all ease 100ms;height: var(--thumb-height);}
input[type="range"]::-moz-range-track, input[type="range"]::-moz-range-thumb, input[type="range"]::-moz-range-progress{background: #fff0;}
input[type="range"]::-moz-range-thumb{background: currentColor;border: 0;width: var(--thumb-width, var(--thumb-height));border-radius: var(--thumb-width, var(--thumb-height));cursor: grab;}
input[type="range"]:active::-moz-range-thumb{cursor: grabbing;}
input[type="range"]::-moz-range-track{width: 100%;background: var(--track-color);}
input[type="range"]::-moz-range-progress{appearance: none;background: currentColor;transition-delay: 30ms;}
input[type="range"]::-moz-range-track, input[type="range"]::-moz-range-progress{height: calc(var(--track-height) + 1px);border-radius: var(--track-height);}
input[type="range"]::-moz-range-thumb, input[type="range"]::-moz-range-progress{filter: brightness(100%);}
input[type="range"]:hover::-moz-range-thumb, input[type="range"]:hover::-moz-range-progress{filter: brightness(var(--brightness-hover));}
input[type="range"]:active::-moz-range-thumb, input[type="range"]:active::-moz-range-progress{filter: brightness(var(--brightness-down));}
input[type="range"]:disabled::-moz-range-thumb{cursor: not-allowed;}
.modal-video{width:100%;height:auto;border-radius:36px;}
.video-container-holder{position: relative;}
.video-modal{width: 100%;height: auto;display: block;cursor: pointer;}
.video-controls-container{display:flex;flex-direction: row;justify-content: center;align-items: flex-end;width: 95%;max-width: 900px;position:absolute;bottom:20px;z-index:6;left: 50%;transform: translateX(-50%);gap:12px;}
.video-controls-container .btn{background: transparent!important;padding-left:0;width:36px;height:36px;border: none;background: none;}
.video-controls-container .btn:hover{background: transparent!important;}
.video-controls-container svg{fill:var(--color-white);}
.video-container-holder{width: 100%;height:100%;position: relative;overflow:hidden;pointer-events: all;display: flex;}
.video-slider{width: 100%;}
.volume-sub-container{display:flex;flex-direction:column;align-items: center;justify-content: flex-end;position:relative;width: 60px;gap:30px;}
.volume{display: flex;align-items: center;}
.video-slider.volume{transform: rotateZ(270deg);width: 100px;height:30px;}
.play-overlay{position:absolute;width:100%;height:100%;top: 0;z-index: 5;cursor:pointer;}
.video-fullscreen{margin-left:36px;}
.video{border-radius:36px;width:100%;}
#project-filter-button .text-container{justify-content: flex-end;}
.project-filter-header{display:flex;justify-content: space-between;}
.project-list{max-width: 808px;width: 808px;margin: 0 auto;}
.project-card-button{width: 390px!important;height: 264px!important;border-radius: 12px;box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1), 0 6px 8px rgba(0, 0, 0, 0.1);overflow:hidden;}
.project-card-button:hover{background:var(--color-white)!important;animation: spring_scaleXY 0.5s ease-in-out ;transform-origin: center;}
.project-card-button:hover .text-container{mix-blend-mode: unset;}
.project-card-button:hover .text-container .text{color: var(--color-black);}
.project-card-button:hover .icon-container{mix-blend-mode: unset;}
.project-card-button:hover .icon-container svg{fill: var(--color-black)!important;}
.project-card-button:hover.first{border: 1px solid var(--color-light);}
.project-card-button:hover.first::before{background-image:unset;}
.project-card-button.completed{height:132px!important;}
.project-card-button.hide{height:238px!important;width:238px!important;}
.project-card-button.first::before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity:1;background-repeat:no-repeat;background-image:url("img/x_inspiration.svg");mix-blend-mode: darken;filter:invert(0.8);pointer-events: none;}
.gallery-link{opacity:1;}
.project-container-list{margin: 0 auto;padding:56px 24px 96px 24px;width:1080px;}
.projects-container{display: grid;grid-template-columns: repeat(2, 1fr);gap: 24px;padding: 0;margin: 0 auto 0 auto;width: max-content;align-items: end;}
.projects-container .quad-wide:nth-of-type(2){height:390px!important;}
.archive-container{justify-items: end;display: none;flex-direction:column;padding: 0;margin: -324px auto 0 auto;width:max-content;align-items: end;}
.archive-container .first-archive-container{display:flex;flex-direction:row;justify-content: flex-end;padding: 36px;width:max-content;border-radius:12px 12px  0  0 ;position:relative;}
.archive-container .first-archive-container .project-card:nth-of-type(1){width:calc(390px - 68px)!important;height:264px!important;}
.archive-container .first-archive-container::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--color-dark) !important;border-radius: inherit;z-index: 0;opacity:0.1;}
.archive-container .remaining-archive-container{position:relative;display: grid;grid-template-columns: repeat(3, 1fr);justify-items: center;gap: 12px;grid-auto-flow: dense;padding:36px!important;border-radius: 12px 0 12px 12px;}
.archive-container .remaining-archive-container .project-card-button{grid-column: auto;}
.archive-container .remaining-archive-container::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--color-dark) !important;border-radius: inherit;z-index: 0;opacity:0.1;}
.inspiration-project-container{margin-top:-250px;padding:24px;display:flex;gap:24px;height:202px;}
.inspiration-project-container.dashboard{justify-content: center;margin:0 auto;height:max-content;padding-top:130px!important;}
.inspiration-project-container .project-card-img{padding:0;}
.inspiration-project-container .project-card-img .icon-container{width: 390px !important;height: 264px !important;border-radius: 12px;overflow:hidden;}
.inspiration-project-container .project-card-img .icon-container img{width:100%;height:100%;object-fit: cover;}
.main-section:has(.project-card){border-bottom: 1px solid lightgrey;}
.main-section:has(.inspiration-header){background-color:var(--color-white);}
.search-ask-input{position: relative;margin: -48px auto 0 auto;width:528px!important;height:64px!important;z-index: 11;}
.search-ask-input .input-field__input-container{height:100%;}
.search-ask-input .input-field__input-container .input-field__input{height:100%;}
.inspiration-header{position: relative;width:1080px;height:480px;margin: 0 auto;padding:0 2px;z-index: 10;background: var(--gradient-color);border-radius: 0 0 36px 36px;overflow:hidden;}
.inspiration-header .gallery-container{height:100%;width:100%;border-radius: 0 0 36px 36px;transform:translateY(-2px);}
.inspiration-header .video-controls-container{display:none;}
.main-section{max-width:unset!important;width:100vw;padding:0;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;}
.imprint-contact-container{margin-bottom:10px;}
.imprint-contact-container .address-container, .imprint-contact-container .footer-address, .imprint-contact-container .credential-container, .imprint-contact-container .footer-maps, .imprint-contact-container .footer-text{gap:0;text-align: left!important;opacity: 1 !important;}
.imprint-contact-container .footer-maps{margin-bottom:10px;}
.imprint-contact-container .footer-maps:hover{opacity: 0.2 !important;}
.imprint-contact-container .footer-text:hover{opacity: 0.2 !important;}
.imprint-contact-container .address-container{margin-top:50px;margin-bottom:10px;}
.imprint-contact-container .address-container .footer-logo{display:none;}
.main-title{margin-bottom:20px;text-transform: none!important;}
.imprint-text, .presskit-text{text-transform: none!important;font-weight:300;}
.credential-container .text-container .text, .credential-container .text-container a{font-size:16px!important;text-transform: none!important;}
.back-button-login{position:absolute;bottom:24px;}
.login-back{display:none;opacity:0;transition:opacity 0.3s ease;flex-direction:column;justify-content: center;align-items: center;position:absolute;bottom:24px;left:50%;transform:translateX(-50%);height:100%;}
.forgot-password-inputfield{width:352px;margin-top:24px;margin-bottom: 96px;}
.password-title{margin-bottom:24px;}
.login-sub-container{transition:opacity 0.3s ease;opacity:1;display:flex;flex-direction:column;justify-content: center;align-items: center;}
.login-sub-container.forgot{display:none;opacity:0;}
.password-sub-container{padding:36px 24px;display:flex;flex-direction:column;justify-content: center;align-items: center;width:calc(352px - 48px);gap:12px;border-radius:12px;position:relative;}
.password-sub-container::before{content: "";border-radius:12px;position: absolute;top: 0;left: 0;width:100%;height: 100%;background: var(--color-dark);opacity:.05;}
.change-password-button{transition:opacity 0.3s ease;opacity:.7;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
.change-password-button:hover{opacity:1;}
.login-info{background:var(--gradient-color);border-radius:24px;position:absolute;bottom: 96px;left:50%;width:calc(90% - 48px);margin: 0 auto;padding:24px;transform:translateX(-50%);display:flex;gap:8px;justify-content: center;align-items: center;}
.nextdata-logo{width:320px!important;height:72px!important;margin-bottom:24px;}
.nextdata-logo.password{position:absolute;bottom:50%;left:50%;transform:translate(-50%, -50%);}
.form-wrapper.login-form{max-width:320px;width:320px;}
.login-page{display: flex;height: 100%;background: var(--color-light);overflow:hidden;}
.login-container{position: absolute;bottom: 0;height: calc(100% - 64px);transition:width 0.3s ease, transform 0.3s ease, right 0.3s ease;width:calc(100% - 640px - 64px);right:calc(100%);display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 32px;background: var(--color-white);box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);transform:translateX(100%);z-index:3;}
.login-container #login-title{margin-bottom: 24px;}
.login-side-container{transition:width 0.3s ease, transform 0.3s ease, left 0.3s ease;position: absolute;bottom: 0;left: calc(100% - 640px);height: 100%;overflow: hidden;z-index:9;width:640px;flex: 0;display: flex;justify-content: center;align-items: center;background: var(--color-dark);}
.login-side-container img{margin:0!important;}
.login-side-container::before{content: "";position: absolute;top: 0;left: 0;width: 50px;height: 100%;background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));pointer-events: none;z-index: 1;}
.login-side-container .login-side-content{text-align: center;color: var(--color-white);width:100%;height:100%;}
.login-side-container .login-side-content .side-image{width: 100%;height: 100%;object-fit: cover;margin-bottom: 16px;transition: opacity 0.3s ease;}
.login-side-container .login-side-content #request-button{margin-top: 8px;width: 350px !important;}
.login-side-container .login-side-content #request-button:hover{transform:scale(1.03);}
#delete-container{position:relative;z-index:7;}
#inspiration-project-container-list{position:relative;z-index:6;width: max-content;}
#inspiration-project-container{padding-left:24px;margin-top: -230px;margin-bottom: -34px;}
.project-card-button{width: 390px!important;height: 264px!important;border-radius: 12px;box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1), 0 6px 8px rgba(0, 0, 0, 0.1);overflow:hidden;}
.project-card-button:hover{background:var(--color-white)!important;animation: spring_scaleXY 0.5s ease-in-out ;transform-origin: center;}
.project-card-button:hover .text-container{mix-blend-mode: unset;}
.project-card-button:hover .text-container .text{color: var(--color-black);}
.project-card-button:hover .icon-container{mix-blend-mode: unset;}
.project-card-button:hover .icon-container svg{fill: var(--color-black)!important;}
.project-card-button:hover.first{border: 1px solid var(--color-light);}
.project-card-button:hover.first::before{background-image:unset;}
.project-card-button.completed{height:132px!important;}
.project-card-button.hide{height:238px!important;width:238px!important;}
.project-card-button.first::before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity:1;background-repeat:no-repeat;background-image:url("img/x_inspiration.svg");mix-blend-mode: darken;filter:invert(0.8);pointer-events: none;}
.gallery-nav-button{position: absolute;top: 50%;transform: translateY(-50%);color: var(--color-white);border: none;cursor: pointer;z-index: 10;background:transparent!important;opacity:.75;transition: opacity 0.3s ease;}
.gallery-nav-button:hover{opacity: 1;}
.gallery-nav-button.left{left: 20px;}
.gallery-nav-button.right{right: 20px;}
.author-container{display:flex;position:absolute;bottom:36px;right:36px;mix-blend-mode: exclusion;filter: invert(1);}
.author-container .author-text{opacity:.5;}
.gallery-container{position: relative;height:90vh;width: 100%;margin: 0 auto;overflow: hidden;}
.gallery-image{object-fit: cover;position: absolute;width: 100%;height: 100%;transition: opacity 1s ease-in-out;}
#delete-container{position:absolute;bottom:96px;right:36px;}
.manage-search-dropdown{top: 94px!important;left: 384px!important;}
#user-edit-status{pointer-events:none;}
.input-short{min-width: 140px;width:140px!important;}
.manage-edit-status-dropdown-button{opacity:.5;transition: opacity 0.3s ease;height: 40px!important;}
.manage-edit-status-dropdown-button .text-container{padding: 12px;justify-content:flex-start;}
.manage-edit-status-dropdown-button .text-container .text{color:var(--color-black)!important;}
.manage-edit-status-dropdown-button:hover{opacity:1;transition: opacity 0.3s ease;}
.select-status{display:flex;flex-direction:column;border-radius:8px!important;box-shadow:unset;margin-top:0px;margin-left:0;border-radius: 18px;width:calc(210px - 24px);max-height:200px;overflow-y:auto;border: 1px solid var(--color-light);padding:12px 12px 12px 12px;}
.user-edit-form-container{padding: 56px;width: calc(100% - 112px);gap:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.user-edit-form-container .user-edit-submit{margin-top:36px;}
.user-edit-form-container .user-edit-password{display:none;}
.user-edit-form-container .edit-form-sub-container{display:flex;flex-direction:row;gap:8px;width:100%;}
.dropdown-menu.manage-search-dropdown{border-radius: 0 18px 18px 18px!important;width:calc(144px - 24px)!important;z-index:10;}
.page-header{display:flex;flex-direction:column;justify-content: center;align-items: center;margin-top:50px;}
.page-header .hero-search-container{gap:0!important;background:transparent;}
.page-header .hero-search-container .hero-button{border-radius: 0 75px 18px 0;width:144px!important;background:var(--gradient-color);}
.page-header .hero-search-container .hero-input{border-radius: 12px 0 0 12px;}
.page-header .hero-search-container .hero-input input{border-radius: 12px 0 0 12px;}
.main-section{max-width:unset!important;width:100vw;padding:0;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;}
.main-section.manage{max-width:960px!important;width:100%;margin:100px auto 50px;padding:30px;padding-top:150px;box-sizing:border-box;}
.user-manage-list{width:100%;display:flex;flex-direction:column;max-width:900px;gap:8px;align-items:center;}
.manage-filter-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;max-width:900px;}
.manage-filter-header .text-container{justify-content: flex-end;}
.main-title{margin-bottom:20px;text-transform: none!important;}
.payment-year-container{display: flex;flex-direction: column;gap: 8px;}
.payment-sub-container{display:flex;justify-content: space-between;margin:50px 0;}
.payment-sub-container .button-container{display:flex;justify-content: center;width:50%;}
.payment-visual-container{display: flex;align-items: center;gap: 20px;justify-content: space-between;}
.balance-display{display: flex;align-items: center;justify-content: center;}
.balance-circle{display: flex;flex-direction: column;align-items: center;justify-content: center;border: 1px solid var(--color-light);border-radius: 50%;width: 144px;height: 144px;text-align: center;}
.balance-circle .currency{font-size: 14px;color: #A0A0A0;}
.graph-display{display: flex;align-items: center;justify-content: center;}
.balance-graph{width: 200px;height: 100px;}
.transaction-count{display: flex;align-items: center;justify-content: center;font-weight: bold;width: 64px;height: 64px;border: 1px solid var(--color-light);border-radius: 50%;text-align: center;margin-left:-10px;}
.button-container{margin-top: 20px;display: flex;align-items: center;}
.payment-list{display:flex;flex-direction:column;gap:8px;}
.project-accordion{overflow: hidden;}
.project-accordion summary{list-style: none;cursor: pointer;display: flex;align-items: center;gap: 8px;}
.project-accordion .project-accordion[open] .project-entries{height: auto;}
.project-accordion summary::-webkit-details-marker{display: none;}
.project-accordion .project-entries{transition: height 0.3s ease;overflow: hidden;transition: height 0.4s ease;height: 0;display:flex;flex-direction:column;gap: 8px;padding: 12px 16px;transition: height 0.3s ease;}
.project-accordion[open] .project-entries{height: auto;transition: height 0.3s ease;}
.payment-list-container{display:flex;flex-direction:column;gap:8px;}
.payment-list{display:flex;flex-direction:column;gap:8px;}
.user-pay-form-sub-container{display:flex;flex-direction:column;justify-content: space-between;}
.user-pay-form-container{height: calc(100% - 615px - 112px);padding: 56px;width: calc(100% - 112px);gap:8px;display:none;flex-direction:column;justify-content:space-between;align-items:center;}
.user-pay-form-container .pay-form-sub-container{display:flex;flex-direction:row;gap:8px;width:100%;}
.pay-history{padding: 24px 56px 24px 56px;background:var(--color-light);width:calc(100% - 112px);overflow: auto;height:calc(315px - 48px);}
.pay-info{margin-top:36px;margin-bottom:64px;padding:24px;border-radius:12px;}
.gradient-button{background:var(--gradient-color)!important;}
#pay-page-header-dropdown .btn.menu-button{background:var(--color-white)!important;}
.pay-page-header{display:flex;flex-direction:row;justify-content: space-between;width:100%;}
.pay-page-header .btn.menu-button{background:var(--color-white)!important;}
.pay-page-header .btn.menu-button:first-of-type svg{fill:var(--color-black)!important;}
#user-edit-status{pointer-events:none;}
.input-short{min-width: 140px;width:140px!important;}
.manage-edit-status-dropdown-button{opacity:.5;transition: opacity 0.3s ease;height: 40px!important;}
.manage-edit-status-dropdown-button .text-container{padding: 12px;justify-content:flex-start;}
.manage-edit-status-dropdown-button .text-container .text{color:var(--color-black)!important;}
.manage-edit-status-dropdown-button:hover{opacity:1;transition: opacity 0.3s ease;}
.select-status{display:flex;flex-direction:column;border-radius:8px!important;box-shadow:unset;margin-top:0px;margin-left:0;border-radius: 18px;width:calc(210px - 24px);max-height:200px;overflow-y:auto;border: 1px solid var(--color-light);padding:12px 12px 12px 12px;}
.user-edit-form-container{padding: 56px;width: calc(100% - 112px);gap:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.user-edit-form-container .user-edit-submit{margin-top:36px;}
.user-edit-form-container .user-edit-password{display:none;}
.user-edit-form-container .edit-form-sub-container{display:flex;flex-direction:row;gap:8px;width:100%;}
.dropdown-menu.manage-search-dropdown{border-radius: 0 18px 18px 18px!important;width:calc(144px - 24px)!important;z-index:10;}
.page-header{display:flex;flex-direction:column;justify-content: center;align-items: center;margin-top:50px;}
.page-header .hero-search-container{gap:0!important;background:transparent;}
.page-header .hero-search-container .hero-button{border-radius: 0 75px 18px 0;width:144px!important;background:var(--gradient-color);}
.page-header .hero-search-container .hero-input{border-radius: 12px 0 0 12px;}
.page-header .hero-search-container .hero-input input{border-radius: 12px 0 0 12px;}
.main-section{max-width:unset!important;width:100vw;padding:0;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;}
.main-section.manage{max-width:960px!important;width:100%;margin:100px auto 50px;padding:30px;padding-top:150px;box-sizing:border-box;}
.user-manage-list{width:100%;display:flex;flex-direction:column;gap:8px;align-items:center;}
.manage-filter-header{display:flex;flex-direction:row;justify-content: space-between;align-items: center;width:100%;}
.manage-filter-header .text-container{justify-content: flex-end;}
.main-title{margin-bottom:20px;text-transform: none!important;}
.accordion-header{padding: 0 12px;}
.accordion-header .text-container{justify-content: space-between;}
.project-request-entry{display: flex;flex-direction: row;justify-content: center;align-items: center;gap: 8px;}
.project-request-entry.request-button-active .user-select-manage{width: calc(100% - 48px - 128px - 16px - 24px);}
.project-request-entry.request-button-active .project-request-button{width: 64px;display: flex;opacity: 1;}
.project-request-entry .project-request-button{width: 0;display: none;opacity: 0;transition: all 0.3s ease;}
.member-accordion-body{display:flex;flex-direction:column;gap:8px;padding: 12px 0;}
.request-accordion, .invite-accordion{background:var(--color-light);transition:opacity 0.3s ease, width 0.3s ease;padding:12px;}
.request-accordion{border-radius:24px 24px 0 0;}
.invite-accordion{border-radius:0 0 24px 24px;margin-bottom:50px;}
.footer-section{margin-left:0;width:calc(100%);display:flex;flex-direction:column;align-items:center;}
.footer-section .footer-sub-container{margin: 0;justify-content:space-between;}
.campaign-line{width:1px;height:calc(100% - 64px);background:var(--gradient-color);position:absolute;left:50%;transform:translateX(-50%);}
.projects-data-container{min-height: 720px;justify-content: center;width:max-content!important;margin:0 auto;position:relative;align-items:center;}
.projects-data-container .chat-item{margin-top:0;width:250px!important;}
.projects-data-container .chat-item.client-item{transform:translate(65%, 0);}
.projects-data-container .chat-item.member-item{transform:translate(-65%, 0);}
.campaign-list{display: grid;grid-template-columns: repeat(2, 1fr);gap: 16px;width: max-content;justify-content: center;margin:0 auto;}
.campaign-list.single-campaign{display: flex;}
.project-card.quad-wide{height:400px;}
.campaign-section{background:var(--color-light);margin:0 auto;padding: 36px 96px 96px  96px;}
.manage-campaign-button{transition:opacity 0.3s ease;opacity:.75;}
.manage-campaign-button:hover{opacity:1;}
.campaign-filter-header{margin-bottom:24px;display:flex;flex-direction:row;justify-content: space-between;align-items: center;width:100%;}
.campaign-filter-header .text-container{justify-content: flex-end;}
.team-section{width:375px;min-width:375px;}
.projects-section-holder{display:flex;}
.projects-section-holder .projects-section{width:100%;}
.projects-data-holder{display:flex;}
.version-dropdown{mix-blend-mode: exclusion;filter: invert(1);box-shadow:unset!important;}
.version-dropdown .version-option{cursor:pointer;opacity: .5;transition: opacity 0.3s ease;}
.version-dropdown .version-option:hover{opacity: 1;}
#version-button{opacity:.5;transition:opacity 0.3s ease;mix-blend-mode: exclusion;filter: invert(1);}
#version-button:hover{opacity:1;}
.project-join-button{position:fixed;bottom:0;right:0;width:calc(220px)!important;height:96px!important;border-radius: 36px 0 0 0!important;}
.project-join-button .text-container{justify-content: space-between;padding: 0 24px 0 48px ;}
.project-join-button svg{transform:translateY(3px);}
#expenses-button .text-container{justify-content: start;}
.projects-info-sub-container{display:flex;flex-direction:column;width: 100%;}
.projects-user-container{display:flex;flex-direction:column;width:calc(375px);min-width:calc(375px);}
.description-button-container{display: flex;width: calc(100% - 96px - 54px);justify-content: space-between;padding: 0 56px 24px 96px;display:flex;}
.project-description-text{padding: 12px 54px 0 96px;}
.projects-info-holder{display:flex;flex-direction:row;width:100%;}
.project-option{cursor:pointer;}
.text-container:has(.project-option){opacity: .5;}
.text-container:has(.project-option):hover{opacity:1;}
.text-container:has(.project-option.first){opacity: 0.9;}
.text-container:has(.project-option.first) .icon-container svg{fill:var(--color-accent);}
.text-container:has(.project-option.first):hover{opacity:1;}
#project-options-dropdown{background:var(--color-white)!important;flex-direction:column;border-radius:12px;padding:12px;gap:8px;left:unset!important;}
#project-options-dropdown .text-container{justify-content: flex-end;}
.projects-data-container{display: flex;flex-direction:column;justify-content: space-between;gap: 24px;width:100%;padding:0 64px 64px;}
.projects-data-container .members-content, .projects-data-container .clients-content{width: 48%;display: flex;flex-direction: column;gap: 16px;}
.projects-data-container .members-content h2, .projects-data-container .clients-content h2{font-size: 18px;margin-bottom: 12px;color: var(--color-black);}
.projects-data-container .members-content{align-items: flex-end;}
.projects-data-container .clients-content{align-items: flex-start;}
.configuration-container{display:flex;justify-content: flex-end;width:calc(375px - 48px);min-width:calc(375px - 48px);padding:24px;}
.project-header-holder{width:100%;height:max-content;display:flex;justify-content: flex-end;}
.scroll-up-button{height:54px!important;opacity:.75;}
.scroll-up-button:hover{opacity:1;}
.project-title{white-space: nowrap;}
.project-deadline{opacity:.5;}
.project-header{display:flex;width:calc(100% - 112px - 72px);justify-content: space-between;padding:24px 56px 24px 96px;position: relative;top:0;}
.project-header.sticky{position: fixed;top: 0;left:540px;width: 100%;z-index: 10;width: calc(100% - 112px - 540px);background:var(--color-white);}
.project-header.sticky .scroll-up-button{margin-right:415px;}
.project-header .project-header-container{display:flex;}
.project-header .project-header-container .project-title-header{display:flex;flex-direction: column;margin-right:36px;}
.project-header .project-header-container .project-title-header .text{word-break: none;}
.project-header .project-header-container .project-title-header .project-title-sub-header{display:flex;}
.project-header .project-header-container .project-title-header .project-title-sub-header:has(.text-container){height:36px;}
.project-header .project-header-container .project-title-header .project-title-sub-header .project-settings-button{opacity:.75;width:36px!important;height:36px!important;}
.project-header .project-header-container .project-title-header .project-title-sub-header .project-settings-button:hover{opacity:1;}
.project-header .project-header-container .project-button-header{display:flex;}
.project-header .project-header-container .project-button-header .approve-button{height:56px!important;}
.project-header .project-scroll-button{display:flex;}
#version-container-dropdown{top:unset!important;left: unset !important;bottom: 64px;right: 24px;flex-direction: column;border-radius:6px!important;border:unset!important;gap:12px;}
.hero-project-section{height:max-content;width:100%;}
.project-preview{position:relative;}
.project-preview .video{border-radius:0!important;}
.project-preview .video-controls-container{max-width:580px;}
.project-preview .version-container{z-index: 100;position: absolute;right:0;bottom: 0;display: flex;flex-direction: row-reverse;padding: 0 24px 16px 0;width: max-content;height: max-content;gap: 6px;}
.project-preview .main-objective{width:100%;height:770px;}

/* title icon alignment fix (main-title / pay/manage headers) */
.text-container:has(>#manage-title), .text-container:has(>#pay-title){align-items:center;}
#manage-title_icon, #pay-title_icon{width:48px!important;min-width:48px!important;height:48px!important;margin-right:8px;}
#manage-title_icon svg, #pay-title_icon svg{width:100%!important;height:100%!important;}

/* manage status transparent */
#user-list .user-manage-status, .page-header .user-manage-status{background:transparent!important;}

/* status bg transparent override */
.user-manage-status{background-color:transparent!important;background:transparent!important;}

/* meet modal layout */
.meet-modal .modal-content{display:flex;flex-direction:column;}
.meet-modal .hero-search-container{display:flex;width:100%;gap:0;border-radius:18px;border:1px solid var(--color-light);overflow:hidden;background:var(--color-white);}
.meet-modal .hero-search-container .hero-button{flex:none;border-radius:75px 14px 14px 75px!important;height:64px!important;}
.meet-modal .hero-search-container .hero-input{flex:1;width:auto!important;}
.meet-modal .hero-search-container .hero-input .input-field__input{border:none!important;background:transparent!important;height:64px;}
.meet-modal .hero-search-container .input-field{height:64px;}
.meet-modal .open-meet-container{display:flex;flex-direction:column;}
.meet-modal .user-select-meeting{border-bottom:1px solid var(--color-light);}
.meet-modal .user-select-meeting:last-child{border-bottom:none;}
.meet-modal #user-list .list-entry-user-meeting{border-bottom:1px solid var(--color-light);}
.meet-modal .meet-list-btn{height:32px!important;border-radius:75px!important;}
.meet-modal #modal-close-meet-modal{position:absolute;top:24px;right:24px;z-index:5;}
.meet-modal #modal-close-2-meet-modal{position:absolute;top:24px;left:24px;z-index:5;display:none;}

/* meet modal fix2 */
.modal.meet-modal .modal-content .open-meet-container{background:var(--color-white);border-top:1px solid var(--color-light);width:calc(100%);height:calc(100%);padding:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;padding-top:24px;overflow-y:auto;max-height:320px;}
.modal.meet-modal .modal-content .open-meet-container .user-select-meeting{display:flex;width:calc(100% - 48px);justify-content:space-between;}
.meet-modal .hero-button{background:var(--color-blue)!important;color:#fff!important;}
.meet-modal .hero-button .text,.meet-modal .hero-button svg{color:#fff!important;fill:#fff!important;}

/* meet modal fix3 */
.meet-modal .hero-search-container{border:none!important;background:transparent!important;gap:0;align-items:center;}
.meet-modal .hero-button{border-radius:75px 34px 34px 75px!important;position:relative;z-index:2;height:72px!important;}
.meet-modal .hero-input{background:var(--color-white);border:1px solid var(--color-light)!important;border-radius:18px;margin-left:-26px;}
.meet-modal .hero-input .input-field__input{border:none!important;background:transparent!important;padding-left:42px;}
.meet-modal *::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;}
.meet-modal .open-meet-container,.meet-modal #user-meet-container,.meet-modal [style*="overflow-y"]{scrollbar-width:none!important;-ms-overflow-style:none!important;}

/* meet done view */
.meet-modal #open-meet-container-top{align-items:center;}
.meet-modal #open-meet-container-top .hero-input{margin-left:0;}
.meet-modal #open-meet-container-top .hero-button.done{border-radius:34px 75px 75px 34px!important;margin-left:-26px;z-index:2;height:72px!important;}

/* meet new btn exact */
.meet-modal #new-meet-button{display:flex!important;height:94px!important;padding:12px calc(var(--nav-button-padding,120) * 1px)!important;justify-content:center;align-items:center;gap:6px;align-self:stretch;width:auto!important;border-radius:75px 34px 34px 75px!important;}

/* menu-btn defaults + meet list icons */
.btn.menu-button:first-of-type svg{fill:var(--color-dark)!important;}
.meet-modal .open-meet-container .menu-button,.meet-modal #user-list .menu-button{width:28px!important;height:28px!important;min-width:28px!important;padding:5px!important;}
.meet-modal .open-meet-container .menu-button .icon-container,.meet-modal #user-list .menu-button .icon-container{width:18px!important;min-width:18px!important;height:18px!important;}

/* meet new fix4 */
.meet-modal .icon-container svg[viewBox="0 0 164 30"]{height:auto!important;width:100%!important;}
.meet-modal #new-meet-container-top,.meet-modal #open-meet-container-top{border:1px solid var(--color-light)!important;border-radius:18px!important;background:var(--color-white)!important;overflow:visible!important;}
.meet-modal #new-meet-button{background:var(--color-blue)!important;border-radius:75px 60px 48px 75px!important;margin:0!important;z-index:2;box-shadow:0 8px 24px rgba(0,102,218,.25);}
.meet-modal #open-meet-button.done{background:var(--color-blue)!important;border-radius:60px 75px 75px 48px!important;margin:0!important;z-index:2;box-shadow:0 8px 24px rgba(0,102,218,.25);}
.meet-modal #new-meet-input,.meet-modal #open-meet-input{border:none!important;background:transparent!important;margin-left:0!important;border-radius:0!important;}
.meet-modal #new-meet-input .input-field__input,.meet-modal #open-meet-input .input-field__input{border:none!important;background:transparent!important;}

/* meet user-list fix5 */
.meet-modal #user-meet-container{width:100%;}
.meet-modal #user-list{width:100%;}
.meet-modal #user-list .list-entry-user-meeting{width:100%;box-sizing:border-box;border-bottom:1px solid var(--color-light);}
.meet-modal #user-list .list-entry-user-meeting:last-child{border-bottom:none;}
.meet-modal .user-search-input{width:100%!important;}

/* meet new fix6 */
.meet-modal #new-meet-button{width:176px!important;padding:0!important;border-radius:18px 120px 18px 18px!important;align-self:stretch;}

/* meet fix7 */
.meet-modal .hero-input{background:var(--color-white);border:1px solid var(--color-light)!important;border-radius:18px;margin-left:0!important;}
.meet-modal #new-meet-container-top,.meet-modal #open-meet-container-top{display:flex;border:1px solid var(--color-light)!important;border-radius:18px;background:var(--color-light)!important;gap:6px;overflow:visible!important;}

/* meet input height fix */
.meet-modal .hero-search-container .input-field{height:auto!important;}

/* btn text-icon relation fix */
.btn.button-text-icon-relation .text-container{justify-content:flex-end!important;padding-right:20%!important;}

/* project chat sidebar force */
body.is-project #sidebar-chat{width:540px!important;opacity:1!important;transform:translateX(0)!important;}
body.is-project #sidebar-chat .chat-window,body.is-project #sidebar-chat .chat-window-sub-container{display:flex!important;flex-direction:column;width:100%;}
body.is-project #sidebar-chat .sidebar-scroll-container{width:100%;}

/* project chat visible */
body.is-project #sidebar-chat .chat-window,body.is-project #sidebar-chat .chat-window-sub-container{display:flex!important;flex-direction:column;width:calc(100% - 72px)!important;}
body.is-project #sidebar-chat .chat-text-message .text,body.is-project #sidebar-chat .chat-text-message,body.is-project #sidebar-chat .chat-item-name,body.is-project #sidebar-chat .chat-item-time,body.is-project #sidebar-chat .chat-item-status,body.is-project #sidebar-chat .comment-info .text,body.is-project #sidebar-chat .chat-message-header .text{color:var(--color-dark)!important;}
body.is-project #sidebar-chat .chat-text-message.anonymous .text{color:var(--color-white)!important;}

/* chat-item visible */
.chat-item{opacity:1!important;transform:none!important;}