.staffDirectory{@keyframes flash{0%{opacity:1}to{opacity:.25}}--background-page: #fff;--background-dim: #f7f7f7;--text-body: #222;--text-heading: #000;--text-dim: #8b8b8b;--border: #dadada;--border-dim: #cecece;--teams-color: #5b5fc7;--teams-color-hover: #5256b3;--theme: #54622b;--theme-transparent: #faffec;--text-on-theme: #fff;--text-on-teams: #fff;--backdrop-color: rgba(255, 255, 255, .5);--page-padding: 4rem;--name-size: 1.375rem;--title-size: 1.1rem}.staffDirectory *,.staffDirectory *:before,.staffDirectory *:after{box-sizing:border-box;font-family:Montserrat,system-ui,sans-serif}@media (width < 1000px){.staffDirectory{--name-size: 1.125rem;--title-size: 1rem}}@media (width < 1200px){.staffDirectory{--page-padding: 1rem}}.staffDirectory h1,.staffDirectory h2,.staffDirectory h3,.staffDirectory h4,.staffDirectory h5,.staffDirectory h6,.staffDirectory p{margin:0}.staffDirectory body,.staffDirectory html{height:100%;width:100%;margin:0;background:var(--background-page);scrollbar-gutter:stable;color-scheme:light dark}.staffDirectory p,.staffDirectory button{font-weight:500}.staffDirectory input[type=checkbox]{height:16px;width:16px;accent-color:var(--theme);cursor:pointer}.staffDirectory img{max-width:100%}.staffDirectory .page-wrap{display:grid;grid-template-columns:max-content 1fr}.staffDirectory .sidebar{padding:1.5rem 1rem;background:var(--background-page);border:1px solid var(--border);margin:1rem;border-radius:1rem;width:300px;height:calc(100vh - 2rem);height:calc(100dvh - 2rem);position:sticky;overflow:auto;overscroll-behavior:contain;top:1rem}.staffDirectory .sidebar h1{font-size:1.25rem;text-transform:uppercase;margin-bottom:1em;color:var(--text-body)}.staffDirectory .sidebar h2{font-size:1.5rem;text-transform:uppercase;font-weight:800;color:var(--text-heading)}.staffDirectory .sidebar label{display:flex;flex-direction:column;gap:.25em;margin-top:.75rem;color:var(--text-dim)}.staffDirectory .sidebar label input[type=text]{padding:.75rem 1rem;height:50px;background:var(--background-page);border:1px solid var(--border);border-radius:.5rem;font-size:1rem;font-weight:500;outline:none;transition:background .15s ease,border .15s ease,outline .15s ease;outline:4px solid transparent;min-width:25ch;color:var(--text-body)}.staffDirectory .sidebar label input[type=text]:hover,.staffDirectory .sidebar label input[type=text]:focus{background:var(--background-dim)}.staffDirectory .sidebar label input[type=text]:active,.staffDirectory .sidebar label input[type=text]:focus{outline-color:#20add855}.staffDirectory .sidebar #filters-heading{font-size:.875rem;text-transform:uppercase;margin-block:1rem .5rem;display:flex;justify-content:space-between;min-height:30px;color:var(--text-dim);align-items:center}.staffDirectory .sidebar #filters-heading .clear-filters{background:transparent;border:none;cursor:pointer;font-weight:600;color:var(--theme);font-size:.875rem;text-decoration:underline}.staffDirectory .sidebar .filters-toggle{border:none;outline:none;cursor:pointer;background:var(--background-page);font-size:1.125rem;text-transform:uppercase;font-weight:700;display:flex;width:calc(100% + 2rem);gap:.5rem;align-items:center;padding:.75rem 1rem;margin-inline:-1rem;border-block:1px solid transparent;transition:background .15s ease,border .15s ease;color:var(--text-heading);position:relative}.staffDirectory .sidebar .filters-toggle svg [stroke]{stroke:currentColor}.staffDirectory .sidebar .filters-toggle:not(:has(.open)){border-bottom:1px solid var(--border)}.staffDirectory .sidebar .filters-toggle .badge{position:absolute;top:50%;transform:translateY(-50%);right:1rem;background:var(--theme);color:var(--text-on-theme);height:24px;font-size:.75rem;display:flex;align-items:center;justify-content:center;font-weight:700;border-radius:.3rem;padding-inline:.375rem}.staffDirectory .sidebar .filters-toggle svg{transition:transform .15s ease}.staffDirectory .sidebar .filters-toggle svg.open{transform:rotate(90deg)}.staffDirectory .sidebar .filters-toggle:hover{background:var(--background-dim)}.staffDirectory .sidebar .toggle-drawer{display:flex;align-items:center;justify-content:center;height:50px;width:50px;cursor:pointer;border-radius:.5rem;border:1px solid var(--border);background:var(--background-page);color:var(--text-body);transition:background .15s ease,border .15s ease}.staffDirectory .sidebar .toggle-drawer svg [fill]{fill:currentColor}.staffDirectory .sidebar .toggle-drawer:hover{background:var(--background-dim);border-color:var(--border-dim)}.staffDirectory .sidebar .advanced-settings{display:flex;flex-direction:column}.staffDirectory .sidebar .advanced-settings .advanced-settings-list{display:none;flex-direction:column;gap:1.1rem;padding-block:.5rem;position:relative;overflow:visible;padding-bottom:1rem}.staffDirectory .sidebar .advanced-settings .advanced-settings-list:after{content:"";position:absolute;bottom:0;inset-inline:-1rem;height:1px;background:var(--border)}.staffDirectory .sidebar .advanced-settings .advanced-settings-list.open{display:flex}.staffDirectory .sidebar .advanced-settings .advanced-settings-list label{margin:0;display:flex;flex-direction:row;gap:.25rem;cursor:pointer;color:var(--text-body);position:relative;isolation:isolate;align-items:center;padding-block:.125rem;font-weight:500;transition:font-weight .15s ease}.staffDirectory .sidebar .advanced-settings .advanced-settings-list label:after{content:"";position:absolute;pointer-events:none;top:-.5rem;right:-.75rem;bottom:-.5rem;left:-.75rem;opacity:0;z-index:-1;border-radius:.5rem;background:var(--background-dim);transition:opacity .15s ease,background .15s ease,border .15s ease;border:1px solid var(--border)}.staffDirectory .sidebar .advanced-settings .advanced-settings-list label:hover:after,.staffDirectory .sidebar .advanced-settings .advanced-settings-list label:has(:checked):after{opacity:1}.staffDirectory .sidebar .advanced-settings .advanced-settings-list label:has(:checked){color:var(--theme);font-weight:600}.staffDirectory .sidebar .advanced-settings .advanced-settings-list label:has(:checked):after{border-color:var(--theme);background:var(--theme-transparent)}.staffDirectory .sidebar .advanced-settings h3{font-size:1.1rem;text-transform:uppercase;font-weight:600;color:var(--text-body)}.staffDirectory #employeeGrid-wrap{padding:1rem var(--page-padding) 1rem 0;display:flex;flex-direction:column;gap:1rem}.staffDirectory .no-results-page,.staffDirectory .loading-screen{display:grid;place-items:center;color:var(--text-dim)}.staffDirectory .no-results-page h1,.staffDirectory .loading-screen h1{font-weight:500}.staffDirectory .loading-screen{position:fixed;top:0;right:0;bottom:0;left:0}.staffDirectory .employee-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem .5rem;justify-content:center;grid-template-rows:min-content}.staffDirectory .employee-card{display:flex;flex-direction:column;border-radius:1rem;border:1px solid var(--border);flex:1;transition:box-shadow .15s ease,border .15s ease;container-type:inline-size;position:relative;z-index:1}.staffDirectory .employee-card .floating-chat{position:absolute;top:-.5rem;right:-.5rem;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--teams-color);color:#fff;z-index:2;transform:scale(.6);opacity:0;transition:background .15s ease,transform .15s ease,opacity .15s ease;box-shadow:0 1px 15px #00000026}.staffDirectory .employee-card .floating-chat:hover{background:var(--teams-color-hover)}.staffDirectory .employee-card .floating-chat svg [fill]{fill:var(--text-on-teams)}.staffDirectory .employee-card:hover{z-index:2;box-shadow:0 2px 25px #00000026;border-color:var(--border-dim)}.staffDirectory .employee-card:hover .employee-location-info{outline-color:var(--border-dim)}.staffDirectory .employee-card:hover .floating-chat{transform:scale(1);opacity:1}.staffDirectory .employee-card img{object-fit:cover;object-position:center;width:100%;aspect-ratio:1 / 1;border-radius:1rem 1rem 0 0;cursor:zoom-in}.staffDirectory .employee-card.compact{display:grid;grid-template-columns:50px 1fr;padding:1rem;gap:.5rem;container-name:compact-card;background:var(--background-dim)}.staffDirectory .employee-card.compact img{width:100%;height:auto;aspect-ratio:1;border-radius:50%}.staffDirectory .employee-card.compact .employee-info{padding:0;width:100%}.staffDirectory .employee-card.compact .employee-location-info{padding:.5rem 0 0;background:transparent;outline:none;grid-column:1 / 3}.staffDirectory .employee-info{padding:1rem;width:100%}.staffDirectory .employee-name{font-size:var(--name-size);text-transform:uppercase;color:var(--text-heading)}.staffDirectory .employee-title{font-style:italic;color:var(--text-body);font-size:var(--title-size);white-space:normal;word-wrap:break-word}.staffDirectory .employee-department{color:var(--text-body)}.staffDirectory .employee-email{margin-top:.5em}.staffDirectory a{display:block;font-weight:600;width:100%;color:var(--theme);text-overflow:ellipsis;overflow:hidden;text-wrap:nowrap}.staffDirectory .btn-group{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.75rem}.staffDirectory .btn-group a{border:1px solid var(--border);display:flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;border-radius:.5rem;transition:background .15s ease,border .15s ease;color:var(--text-body);text-decoration:none;gap:.25em}.staffDirectory .btn-group a svg{width:24px;height:auto}.staffDirectory .btn-group a:hover{border-color:var(--text-dim);background:var(--background-dim)}@container (width < 300px){.staffDirectory .btn-group{grid-template-columns:1fr}}@container compact-card (width < 30ch){.staffDirectory .employee-info{grid-column:1 / 3}}.staffDirectory .employee-location-info{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;background:var(--background-dim);padding:1rem 1.5rem;outline:1px solid var(--border);transition:outline .15s ease;border-radius:0 0 1rem 1rem}.staffDirectory .employee-location-info small{color:var(--text-body)}.staffDirectory .employee-location-info p{color:var(--text-body);display:flex;align-items:center;gap:.125rem;font-weight:600}.staffDirectory .employee-location-info p small{font-size:.875rem;color:var(--text-dim)}.staffDirectory .employee-location-info p svg [fill]{fill:currentColor}.staffDirectory .control-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;row-gap:1rem}.staffDirectory .control-bar label input{margin-right:.25em}.staffDirectory #view-box{display:flex;align-items:center;color:var(--text-body)}.staffDirectory .pagination-wrap{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:.25rem 1rem}.staffDirectory .pagination-wrap small{color:var(--text-body)}.staffDirectory .pagination{--inner-radius: .5rem;display:flex;align-items:center;gap:1px;border:1px solid var(--border);border-radius:.5rem;width:fit-content;overflow:hidden;background:var(--border);height:40px;transition:background .15s ease,border .15s ease}.staffDirectory .pagination button,.staffDirectory .pagination input{border-radius:0;border:none;background:var(--background-page);padding:.75rem 1rem;min-height:100%;transition:background .15s ease,border .15s ease,outline .15s ease;color:var(--text-body)}.staffDirectory .pagination button svg [fill],.staffDirectory .pagination input svg [fill]{fill:currentColor}.staffDirectory .pagination button svg [stroke],.staffDirectory .pagination input svg [stroke]{stroke:currentColor}.staffDirectory .pagination button:first-child{border-radius:var(--inner-radius) 0 0 var(--inner-radius)}.staffDirectory .pagination button:last-child{border-radius:0 var(--inner-radius) var(--inner-radius) 0}.staffDirectory .pagination:has(input:focus){background:var(--border-dim);border-color:var(--border-dim)}.staffDirectory .pagination input{width:6ch;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;font-size:1rem;font-weight:600;outline:none}.staffDirectory .pagination input::-webkit-inner-spin-button{display:none}.staffDirectory .pagination button{cursor:pointer}.staffDirectory .pagination button:not(:disabled):hover{background:var(--background-dim)}.staffDirectory .pagination button:disabled{background:var(--background-dim);cursor:default}.staffDirectory .pagination button:disabled svg [fill]{fill:var(--text-dim)}.staffDirectory .pagination button:disabled svg [stroke]{stroke:var(--text-dim)}.staffDirectory .image-background{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:4;padding:2rem;display:flex;align-items:center;justify-content:center;place-items:center;cursor:zoom-out}.staffDirectory .image-background img{height:100%;width:auto;box-shadow:0 3px 35px #0000004d}@media (orientation: portrait){.staffDirectory .image-background img{height:auto;width:100%}}@media (width >=768px){.staffDirectory .mobile-only{display:none!important}}@media (width < 768px){.staffDirectory .desktop-only{display:none!important}.staffDirectory .page-wrap{grid-template-columns:1fr}.staffDirectory .pagination-wrap{padding-inline:1rem}.staffDirectory .employee-card:hover{box-shadow:none}.staffDirectory .employee-grid{padding-inline:var(--page-padding)}.staffDirectory #employeeGrid-wrap{padding:1rem 0}.staffDirectory .btn-group a{font-size:0px}@media (forced-colors: active){.staffDirectory input[type=text]{outline:none!important}}.staffDirectory .sidebar{--_save-height: 3.5rem;height:auto;box-shadow:0 2px 25px #00000026,0 -2rem 0 1rem var(--background-page);padding:1rem;width:calc(100% - 2rem);z-index:3;display:grid;grid-template-columns:1fr max-content;align-items:end;gap:.5rem;overflow:hidden}.staffDirectory .sidebar label{margin-top:0}.staffDirectory .sidebar .drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;background:var(--backdrop-color);opacity:0;pointer-events:none;transition:opacity .15s ease}.staffDirectory .sidebar .drawer-backdrop.open{opacity:1;pointer-events:all}.staffDirectory .sidebar .advanced-settings{transform:translateY(100vh);position:fixed;bottom:calc(var(--_save-height) + .5rem);inset-inline:.25rem;border-radius:1rem;padding:1rem;z-index:4;background:var(--background-page);height:min(max(60vh,30rem),100vh - calc(var(--_save-height) + .75rem));height:min(max(60vh,30rem),100dvh - calc(var(--_save-height) + .75rem));overflow:auto;overscroll-behavior:contain;transition:transform .5s cubic-bezier(.19,1,.22,1);border:1px solid var(--border);box-shadow:0 2px 35px #00000026}.staffDirectory .sidebar .advanced-settings.open{transform:translateY(0)}.staffDirectory .sidebar .save-settings{position:fixed;bottom:.25rem;inset-inline:.25rem;height:var(--_save-height);cursor:pointer;background:var(--theme);color:var(--text-on-theme);font-weight:600;font-size:1rem;border:none;border-radius:1rem;z-index:3;transform:translateY(100vh);transition:transform .5s cubic-bezier(.19,1,.22,1)}.staffDirectory .sidebar .save-settings.open{transform:translateY(0)}.staffDirectory .control-bar{flex-direction:column;gap:.5rem}.staffDirectory .btn-group a{padding:.5rem .75rem}.staffDirectory .btn-group a svg{width:20px}}@media (width < 1800px){.staffDirectory .employee-grid{grid-template-columns:repeat(4,1fr)}}@media (width < 1600px){.staffDirectory .employee-grid{grid-template-columns:repeat(3,1fr)}}@media (width < 1200px){.staffDirectory .employee-grid{grid-template-columns:repeat(2,1fr)}}@media (768px <=width < 900px),(width < 400px){.staffDirectory .employee-grid{grid-template-columns:1fr}}.staffDirectory .flashing{animation:flash 1s ease alternate-reverse infinite}@media (forced-colors: active){.staffDirectory input[type=text]{outline:none!important}}@media (prefers-reduced-motion: reduce){.staffDirectory *,.staffDirectory *:before,.staffDirectory *:after{transition-duration:0ms!important;animation-duration:0ms!important}}.spinner-container{display:flex;justify-content:center;align-items:center;margin:20px 0}.spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#000;border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.info-icon{position:relative;display:inline-block;margin-left:8px;cursor:pointer}.custom-tooltip{visibility:hidden;width:250px;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:100%;transform:translate(-50%);opacity:0;transition:opacity .3s;white-space:normal;box-sizing:border-box;word-wrap:break-word;left:auto;right:0;transform:none}.info-icon:hover .custom-tooltip{visibility:visible;opacity:1}.edit-info-container{position:relative;display:flex;align-items:center}@media (max-width: 555px) and (min-width: 400px){.custom-tooltip{left:50%;transform:translate(-50%);right:auto}}