*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:DM Sans;src:url(src/lib/assets/fonts/dm-sans-v17-latin-100.woff2) format("woff2");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(src/lib/assets/fonts/dm-sans-v17-latin-200.woff2) format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(src/lib/assets/fonts/dm-sans-v17-latin-300.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(src/lib/assets/fonts/dm-sans-v17-latin-300italic.woff2) format("woff2");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:DM Sans;src:url(src/lib/assets/fonts/dm-sans-v17-latin-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(src/lib/assets/fonts/dm-sans-v17-latin-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(src/lib/assets/fonts/dm-sans-v17-latin-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(src/lib/assets/fonts/dm-sans-v17-latin-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(src/lib/assets/fonts/dm-sans-v17-latin-800.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(src/lib/assets/fonts/dm-sans-v17-latin-900.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--main-font: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-weight-500: 500;--line-height-tight: 1.2;--blue-700: hsl(203, 90%, 22%);--blue-600: hsl(203, 85%, 32%);--blue-500: hsl(203, 80%, 42%);--blue-500-ring: hsl(203 80% 42% / 20%);--blue-400: hsl(203, 75%, 52%);--blue-300: hsl(203, 65%, 65%);--blue-200: hsl(203, 60%, 78%);--blue-100: hsl(203, 55%, 90%);--blue-50: hsl(203, 50%, 95%);--red-700: hsl(4, 75%, 25%);--red-600: hsl(4, 70%, 35%);--red-500: hsl(4, 65%, 45%);--red-400: hsl(4, 60%, 55%);--red-300: hsl(4, 55%, 65%);--red-200: hsl(4, 50%, 75%);--red-100: hsl(4, 45%, 85%);--orange-700: hsl(30, 80%, 28%);--orange-600: hsl(30, 75%, 38%);--orange-500: hsl(30, 70%, 48%);--orange-400: hsl(30, 65%, 58%);--orange-300: hsl(30, 60%, 68%);--orange-200: hsl(30, 55%, 78%);--orange-100: hsl(30, 50%, 88%);--green-700: hsl(150, 90%, 18%);--green-600: hsl(150, 85%, 28%);--green-500: hsl(150, 80%, 38%);--green-400: hsl(150, 75%, 48%);--green-300: hsl(150, 65%, 60%);--green-200: hsl(150, 55%, 72%);--green-100: hsl(150, 45%, 85%);--theme-charcot: #ae4bbd;--theme-classification: #e8b809;--theme-infection: #8db331;--theme-prevention: #e6762c;--theme-pad: #028d8f;--theme-offloading: #009bcb;--theme-wound-healing: #6a77dd;--grey-900: hsl(210, 14%, 9%);--grey-700: hsl(210, 12%, 15%);--grey-600: hsl(210, 10%, 25%);--grey-500: hsl(210, 8%, 40%);--grey-400: hsl(210, 7%, 55%);--grey-300: hsl(210, 6%, 70%);--grey-200: hsl(210, 5%, 80%);--grey-100: hsl(240, 4%, 95%);--grey-50: hsl(210, 5%, 98%);--background-color-primary: hsl(0, 0%, 100%);--background-color-secondary: hsl(210, 10%, 97%);--main-text-color: var(--grey-700);--font-color-card: hsl(0, 0%, 100%);--favorite-notification-color: hsl(54, 100%, 60%);--shadow-sm: 0 .125rem .25rem hsla(213, 12%, 15%, .08);--shadow-md: 0 .25rem .75rem hsla(0, 12%, 15%, .12), 0 .125rem .25rem hsla(213, 12%, 15%, .08);--shadow-lg: 0 .5rem 1rem hsla(213, 12%, 15%, .15), 0 .25rem .5rem hsla(213, 12%, 15%, .1);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 999px;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--form-mobile-input-size: 16px}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{font-family:var(--main-font);color:var(--main-text-color);background-color:var(--background-color-primary);line-height:1.5}.h1,.main-title{font-size:clamp(24px,5vw,48px);font-weight:700;line-height:1.2}.h2,.large-title{font-size:clamp(20px,4.5vw,36px);font-weight:600;line-height:1.3}.h3,.sub-title{font-size:clamp(16px,3vw,25px);font-weight:600;line-height:1.4}.h4,.large-copy{font-size:clamp(14px,2.5vw,18px);font-weight:300;line-height:1.5}.h5,.body-copy{font-size:clamp(14px,2vw,16px);font-weight:300;line-height:1.6}.h6,.micro-copy{font-size:clamp(12px,1.5vw,14px);font-weight:300;line-height:1.4}.paragraph{font-size:clamp(12px,1.5vw,13px);font-weight:400;line-height:1.6}.sub-text{font-size:clamp(10px,1.5vw,11px);font-weight:400;line-height:1.5}a{font-family:inherit;color:var(--grey-700);text-decoration:none;border:none}.title{color:var(--grey-500);text-transform:uppercase;font-size:1rem;margin:var(--spacing-sm)}.theme-charcot{background-color:var(--theme-charcot)}.theme-classification{background-color:var(--theme-classification)}.theme-infection{background-color:var(--theme-infection)}.theme-prevention{background-color:var(--theme-prevention)}.theme-pad{background-color:var(--theme-pad)}.theme-offloading{background-color:var(--theme-offloading)}.theme-wound-healing{background-color:var(--theme-wound-healing)}button{font-family:inherit;border:none;background:none;cursor:pointer}.button{--_btn-focus: var(--blue-500);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin:0;border:none;border-radius:var(--radius-sm);font-family:var(--main-font);font-weight:var(--font-weight-500);line-height:var(--line-height-tight);text-decoration:none;cursor:pointer;transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.button:is(:disabled,[aria-disabled=true]){opacity:.5;cursor:not-allowed;box-shadow:none}.button.button-small{padding-block:.5rem;padding-inline:1rem;font-size:clamp(10px,1.5vw,12px)}.button.button-medium{padding-block:.75rem;padding-inline:1.25rem;font-size:clamp(12px,2vw,14px)}.button.button-large{padding-block:var(--spacing-sm);padding-inline:var(--spacing-lg);font-size:clamp(14px,2vw,16px)}.button.button-full-width{width:100%}.button.button-spread{align-items:center;justify-content:flex-start;gap:var(--spacing-md);min-width:min(100%,22rem)}.button.button-spread>.button__text{flex:1}.button.button-spread>.button__icon{margin-inline-start:auto}.button>.button__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button>.button__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;align-self:center;line-height:0;color:inherit}:is(.button>.button__icon)>svg{display:block;flex-shrink:0;align-self:center}.button.button-primary{border:1.5px solid var(--blue-500);background:var(--blue-500);color:var(--background-color-primary);box-shadow:var(--shadow-sm)}.button.button-primary:hover:not(:disabled,[aria-disabled=true]){border-color:var(--blue-600);background:var(--blue-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.button.button-primary:active:not(:disabled,[aria-disabled=true]){transform:translateY(0);box-shadow:var(--shadow-sm)}.button.button-primary.button-spread{border-radius:var(--radius-md);padding-block:var(--spacing-sm);padding-inline-start:var(--spacing-xl);padding-inline-end:var(--spacing-sm)}.button.button-secondary{width:100%;border:1px solid var(--grey-300);background:var(--background-color-primary);color:var(--grey-700)}.button.button-secondary:hover:not(:disabled,[aria-disabled=true]){border-color:var(--grey-400);background:var(--grey-100);transform:translateY(-1px)}.button.button-secondary:active:not(:disabled,[aria-disabled=true]){transform:translateY(0)}@media(min-width:768px){.button.button-secondary{width:auto}}.button.button-outline{border:1.5px solid var(--blue-500);background:transparent;color:var(--blue-500)}.button.button-outline:hover:not(:disabled,[aria-disabled=true]){background:var(--blue-100)}.button.button-outline:active:not(:disabled,[aria-disabled=true]){transform:scale(.98)}.button.button-danger{--_btn-focus: var(--red-500);border:1.5px solid var(--red-500);background:var(--red-500);color:var(--background-color-primary)}.button.button-danger:hover:not(:disabled,[aria-disabled=true]){border-color:var(--red-600);background:var(--red-600);transform:translateY(-1px)}.button.button-danger:active:not(:disabled,[aria-disabled=true]){transform:translateY(0)}.button.button-primary:focus-visible,.button.button-secondary:focus-visible,.button.button-outline:focus-visible,.button.button-danger:focus-visible{outline:3px solid var(--_btn-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){.button{transition:none}.button.button-primary:hover:not(:disabled,[aria-disabled=true]),.button.button-secondary:hover:not(:disabled,[aria-disabled=true]),.button.button-danger:hover:not(:disabled,[aria-disabled=true]){transform:none}.button.button-outline:active:not(:disabled,[aria-disabled=true]){transform:none}}.button.button--add-group{margin-inline-start:auto;text-decoration:none}.create-group-modal__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin:0 0 var(--spacing-xl)}.create-group-modal__close{flex-shrink:0;min-width:unset;width:auto;padding-inline:1.25rem;line-height:0;border:none;background:transparent;color:var(--grey-700);transition:color .15s ease}.create-group-modal__close:hover,.create-group-modal__close:focus-visible{background:transparent;color:var(--blue-500)}.create-group-modal__title{margin:0;font-size:clamp(1.5rem,2.5vw,1.875rem);font-weight:700;line-height:var(--line-height-tight);color:var(--grey-900);text-align:left}.create-group-modal__form{display:grid;gap:var(--spacing-md);margin:0}.create-group-modal__form-label{font-size:1rem;font-weight:600;color:var(--grey-900)}.create-group-modal__form-required{color:var(--red-500)}.create-group-modal__form-input{width:100%;margin:0;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--grey-300);border-radius:var(--radius-md);background:var(--background-color-primary);color:var(--grey-900)}.create-group-modal__form-input::placeholder{color:var(--grey-400)}.create-group-modal__form-input:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 2px var(--blue-500-ring)}.create-group-modal__select-wrap{position:relative;display:flex;align-items:center}.create-group-modal__select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:calc(var(--spacing-md) + 1.5rem)}.create-group-modal__select::-ms-expand{display:none}.create-group-modal__select-chevron{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);display:inline-flex;color:var(--grey-500);pointer-events:none}.create-group-modal__form-error{margin:0;font-size:.875rem;color:var(--red-500)}.create-group-modal__members{display:grid;gap:var(--spacing-xs)}.create-group-modal__member-search{position:relative;display:flex;align-items:center}.create-group-modal__member-search-icon{position:absolute;left:var(--spacing-md);width:1rem;height:1rem;pointer-events:none}.create-group-modal__member-search-input{padding-left:calc(var(--spacing-md) + 1.25rem);padding-right:calc(var(--spacing-md) + 1.75rem)}.create-group-modal__member-toggle{position:absolute;right:var(--spacing-xs);display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;border-radius:var(--radius-full);background:transparent;color:var(--grey-500);cursor:pointer}.create-group-modal__member-toggle[aria-expanded=true]{transform:rotate(180deg)}.create-group-modal__member-list{margin:0;padding:var(--spacing-xxs);list-style:none;max-height:8rem;overflow:auto;border:1px solid var(--grey-300);border-radius:var(--radius-md);background:var(--background-color-primary)}.create-group-modal__member-option{width:100%;display:grid;gap:.125rem;padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--radius-sm);background:transparent;text-align:left;color:var(--grey-700);cursor:pointer}.create-group-modal__member-option:hover,.create-group-modal__member-option:focus-visible{background:var(--grey-50)}.create-group-modal__member-option--selected{background:var(--blue-50);color:var(--blue-700)}.create-group-modal__member-option-email{font-size:.75rem;color:var(--grey-500)}.create-group-modal__member-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin:0;padding:0;list-style:none}.create-group-modal__member-chip{display:inline-flex;align-items:center;gap:var(--spacing-xxs);padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--radius-full);background:var(--blue-100);color:var(--blue-700);font-size:.875rem}.create-group-modal__member-chip-remove{border:none;background:transparent;color:inherit;cursor:pointer;line-height:1;padding:0}.create-group-modal__upload{display:grid;justify-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-md);border:1px dashed var(--grey-300);border-radius:var(--radius-md);background:var(--grey-50);text-align:center;color:var(--grey-600);cursor:pointer}.create-group-modal__upload--dragging{border-color:var(--blue-500);background:var(--blue-50)}.create-group-modal__upload p{margin:0;font-size:.875rem}.create-group-modal__upload-browse{color:var(--blue-500);font-weight:600}.create-group-modal__upload-filename{color:var(--grey-700);font-weight:500}.create-group-modal__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.create-group-modal__actions .button{min-width:8.5rem}input,textarea,select{font-family:inherit;font-size:var(--form-mobile-input-size)}.skip-link{position:absolute;top:-100%;left:1rem;z-index:9999;background:var(--orange-400);color:var(--background-color-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;text-decoration:none;box-shadow:var(--shadow-md);transition:var(--transition-base)}.skip-link:focus{top:1rem;outline:3px solid var(--blue-500);outline-offset:2px}.skip-link:hover{background:var(--blue-400)}.skip-link:active{transform:scale(.98)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{overflow:hidden}