.dialog-layer{z-index:var(--z-modal);padding:var(--space-4);animation:funtion-dialog-layer-in var(--motion-duration-standard) var(--motion-ease-enter) both;place-items:center;display:grid;position:fixed;inset:0}.dialog-backdrop{background:#0000009e;border:0;position:fixed;inset:0}.dialog-card{width:min(100%,680px);max-height:calc(100dvh - (2 * var(--space-4)));z-index:1;border:3px solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-modal);padding:var(--space-5);animation:funtion-dialog-card-in var(--motion-duration-standard) var(--motion-ease-enter) both;position:relative;overflow:auto}.dialog-layer.dialog-presentation-bottom-sheet{place-items:end center;padding:0}.dialog-card.dialog-presentation-bottom-sheet{width:min(100%, var(--mobile-content-max,680px));border-radius:var(--mobile-sheet-radius,24px) var(--mobile-sheet-radius,24px) 0 0;max-height:min(88dvh,860px);padding:12px max(var(--mobile-page-gutter,16px), var(--mobile-safe-right,env(safe-area-inset-right,0px))) calc(20px + var(--mobile-safe-bottom,env(safe-area-inset-bottom,0px))) max(var(--mobile-page-gutter,16px), var(--mobile-safe-left,env(safe-area-inset-left,0px)));border-width:2px 2px 0;animation-name:funtion-dialog-sheet-in}.dialog-layer.dialog-presentation-fullscreen-sheet{place-items:stretch stretch;padding:0}.dialog-card.dialog-presentation-fullscreen-sheet{width:100%;max-width:none;height:100dvh;max-height:100dvh;padding:calc(var(--mobile-safe-top,env(safe-area-inset-top,0px)) + 16px) max(var(--mobile-page-gutter,16px), var(--mobile-safe-right,env(safe-area-inset-right,0px))) calc(var(--mobile-safe-bottom,env(safe-area-inset-bottom,0px)) + 20px) max(var(--mobile-page-gutter,16px), var(--mobile-safe-left,env(safe-area-inset-left,0px)));border:0;border-radius:0;animation-name:funtion-dialog-sheet-in}@keyframes funtion-dialog-layer-in{0%{opacity:0}to{opacity:1}}@keyframes funtion-dialog-card-in{0%{opacity:0;transform:translate3d(0, var(--motion-distance-small), 0) scale(.985)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes funtion-dialog-sheet-in{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translate(0,0)}}:root[data-motion-mode=reduced] .dialog-card{transform:none}:root[data-motion-mode=off] .dialog-layer,:root[data-motion-mode=off] .dialog-card{animation:none}@media (prefers-reduced-motion:reduce){.dialog-layer,.dialog-card{animation:none}}.modal-layer[data-modal-layer]{--dialog-gutter:clamp(10px, 2vw, 24px);inset:var(--dialog-viewport-top,0px) 0 auto;width:100%;height:var(--dialog-viewport-height,100dvh);z-index:calc(var(--z-modal) + var(--active-modal-depth,0) * 10);padding:max(var(--dialog-gutter), env(safe-area-inset-top)) max(var(--dialog-gutter), env(safe-area-inset-right)) max(var(--dialog-gutter), env(safe-area-inset-bottom)) max(var(--dialog-gutter), env(safe-area-inset-left));box-sizing:border-box;overscroll-behavior:contain;isolation:isolate;place-items:center;display:grid;position:fixed;overflow:auto;transform:none}.modal-layer[data-modal-layer]>:is([class*=backdrop],.dialog-backdrop){z-index:0;width:100%;height:100%;position:absolute;inset:0}.modal-layer[data-modal-layer]>:not(button):not(style):not(script):not([class*=backdrop]):not(.funtion-tooltip):not(.funtion-toggletip){z-index:1;min-width:0;max-width:100%;min-height:0;max-height:100%;position:relative}.dialog-surface,.dialog-positioner{overscroll-behavior:contain;min-width:0;max-width:100%;min-height:0;max-height:100%}.dialog-surface{position:relative;overflow:auto}.modal-layer[data-modal-layer]>:is(section,article,[class*=shell],[class*=box],[class*=stage],[class*=modal],[class*=popup],[class*=dialog]){overscroll-behavior:contain;overflow:auto}.modal-layer[data-modal-layer] [class*=scroll-body],.modal-layer[data-modal-layer] [class*=scroll-area]{overscroll-behavior:contain;min-height:0}.modal-layer[data-modal-layer].dialog-presentation-bottom-sheet{place-items:end center}.modal-layer[data-modal-layer].dialog-presentation-fullscreen-sheet{place-items:stretch stretch}.modal-layer .dialog-card{max-height:100%}.modal-layer .fp-modal-stage{padding-top:42px}.modal-layer .fp-modal-tab{top:0}.modal-layer .fp-modal-main{min-height:0}.modal-layer .validation-dialog{width:min(100%,620px)}.modal-layer .validation-popup{width:100%;max-width:100%;max-height:none;margin:0;position:relative;inset:auto;transform:none}.modal-layer[data-modal-layer]>.dialogue-inbox{inset:auto;transform:none}.modal-layer[data-modal-layer]>.notification-panel{width:min(100%,620px);position:relative;inset:auto}.modal-layer[data-modal-layer]>:is(.funtion-tooltip,.funtion-toggletip){z-index:2;position:fixed}.modal-layer.funtion-task-popup-layer[data-modal-layer]{padding-top:max(64px, env(safe-area-inset-top))}@media (width<=980px){.modal-layer.funtion-task-popup-layer[data-modal-layer]{padding-bottom:12px;padding-left:12px;padding-right:12px}}.modal-layer.project-reference-modal-layer[data-modal-layer]{--dialog-gutter:24px}.modal-layer[data-modal-layer]>[data-modal-scroll=inner]{max-height:calc(var(--dialog-viewport-height,100dvh) - 2 * var(--dialog-gutter));overflow:visible}.modal-layer:is(.milestone-description-popup-layer,.project-manager-priority-popup-layer,.task-deliverable-modal-layer)[data-modal-layer]{--dialog-gutter:40px}.modal-layer.task-manager-overlay[data-modal-layer]{--task-manager-available-height:calc(var(--dialog-viewport-height,100dvh) - 96px);padding:76px 54px 20px}.modal-layer.task-manager-overlay>.task-manager-shell{max-height:var(--task-manager-available-height);min-height:min(670px, var(--task-manager-available-height))}.modal-layer.task-manager-overlay>.task-manager-shell-create-only{min-height:min(420px, var(--task-manager-available-height))}.modal-layer.task-manager-overlay .task-manager-scroll-body{max-height:calc(var(--task-manager-available-height) - 4px);min-height:0}@media (width<=760px){.modal-layer.task-manager-overlay[data-modal-layer]{--task-manager-available-height:calc(var(--dialog-viewport-height,100dvh) - 88px);padding:76px 12px 12px}}.modal-layer.fp-modal-layer .fp-modal-tab{top:0}.modal-layer.fp-modal-layer .freelancer-portfolio-modal-exit{width:58px;height:58px;top:0;right:0}.modal-layer .fp-modal-scroll h1{line-height:1.15}.modal-layer .milestone-form-shell{flex-direction:column;padding-top:58px;display:flex;overflow:visible}.modal-layer .milestone-form-modal{min-height:0;max-height:calc(var(--dialog-viewport-height,100dvh) - 120px)}.modal-layer .milestone-form-tab{white-space:normal;max-width:calc(100% - 64px);line-height:1.15;top:0;left:0}.modal-layer .milestone-form-close{width:58px;height:58px;top:0;right:0}.modal-layer .milestone-form-project-icon{width:58px;height:58px;top:48px}.modal-layer .milestone-form-title{line-height:1.15}.modal-layer[data-modal-layer] .project-creation-modal{padding-top:80px}.modal-layer[data-modal-layer] .project-creation-tab{white-space:normal;min-width:0;max-width:calc(100% - 80px);padding:10px;line-height:1.15;top:8px;left:8px}.modal-layer[data-modal-layer] .project-creation-close{width:58px;height:58px;top:8px;right:8px}.modal-layer .project-creation-title{line-height:1.15}.modal-layer[data-modal-layer] .project-manager-calendar-close{width:64px;height:64px;top:8px;right:8px}.modal-layer[data-modal-layer] .project-manager-calendar-shell{padding-top:74px}.modal-layer.tutorial-layer[data-modal-layer].dialog-presentation-bottom-sheet{padding:calc(var(--mobile-topbar-height,64px) + env(safe-area-inset-top) + 8px) max(8px, env(safe-area-inset-right)) calc(var(--mobile-bottom-nav-height,66px) + env(safe-area-inset-bottom) + 8px) max(8px, env(safe-area-inset-left))}.modal-layer.tutorial-layer[data-modal-layer]>.tutorial-hub.dialog-presentation-bottom-sheet{max-height:calc(var(--dialog-viewport-height,100dvh) - var(--mobile-topbar-height,64px) - var(--mobile-bottom-nav-height,66px) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px)}