.user-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--color-roche-blue-600);color:var(--color-white-100);font-weight:600;text-transform:uppercase;-webkit-user-select:none;user-select:none;flex-shrink:0}.user-avatar.user-avatar--small{width:2rem;height:2rem;font-family:roche-sans;font-style:normal;font-weight:200;font-weight:400;font-size:var(--footnotes-font-size-small-up);line-height:1.1875rem}@media (min-width: 48rem){.user-avatar.user-avatar--small{font-size:var(--footnotes-font-size-medium-up)}}.user-avatar.user-avatar--medium{width:2.5rem;height:2.5rem;font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--body-small-font-size-small-up);line-height:1.625rem}@media (min-width: 48rem){.user-avatar.user-avatar--medium{font-size:var(--body-small-font-size-medium-up);line-height:1.8125rem}}.user-avatar.user-avatar--large{width:3.5rem;height:3.5rem;font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--body-font-size-small-up);line-height:1.8125rem}@media (min-width: 64rem){.user-avatar.user-avatar--large{font-size:var(--body-font-size-xlarge-up);line-height:2rem}}.user-menu{position:relative;display:flex;align-items:center;pointer-events:auto}.user-menu .user-menu__trigger{display:flex;align-items:center;gap:.5rem;padding:0 0 .125rem;border:2px solid transparent;background:none;cursor:pointer;color:var(--color-roche-grey-700);transition:border-color .1s ease-in;font-weight:400;font-size:1.125rem;line-height:1.6875rem}@media (min-width: 48rem){.user-menu .user-menu__trigger{font-size:1.125rem;line-height:1.8125rem}}@media (min-width: 90rem){.user-menu .user-menu__trigger{font-size:1.25rem;line-height:1.875rem}}.user-menu .user-menu__trigger:focus,.user-menu .user-menu__trigger:focus-visible{outline:var(--color-roche-blue-600) dashed 2px;outline-offset:2px}.user-menu .user-menu__trigger:focus:not(:focus-visible){outline:none}.user-menu .user-menu__trigger:hover,.user-menu .user-menu__trigger:focus-visible{border-bottom-color:var(--color-roche-blue-600)}.user-menu .user-menu__dropdown{position:absolute;top:100%;right:0;min-width:12.5rem;padding:1.5rem;margin-top:1rem;background-color:var(--color-white-100);box-shadow:0 .25rem .75rem #0000001a;opacity:0;pointer-events:none;transform:translateY(2rem);transition:opacity .15s ease-in,transform .15s ease-in;z-index:100}.user-menu .user-menu__dropdown:before{content:"";display:block;position:absolute;right:0;top:-1rem;width:100%;height:1rem;background-color:transparent}.user-menu .user-menu__dropdown-content{display:flex;flex-direction:column;align-items:stretch}.user-menu.user-menu--open .user-menu__trigger{border-bottom-color:var(--color-roche-blue-600)}.user-menu.user-menu--open .user-menu__dropdown{opacity:1;pointer-events:initial;transform:translateY(0)}.user-menu .user-menu__permission{margin-bottom:8px;font-size:14px}.user-menu .user-menu__permission .user-menu__permission-label{font-weight:600;margin-right:4px}.user-menu .user-menu__permission .user-menu__permission-value{font-weight:400;color:var(--color-roche-blue-600)}.layout .layout__header-wrapper{position:relative}.layout .layout__user-menu{display:none}@media (min-width: 64rem){.layout .layout__user-menu{display:flex;justify-content:flex-end;position:absolute;top:2.5rem;left:0;right:0;max-width:calc(100% - 128px);margin:0 auto;z-index:301;pointer-events:none}}@media (min-width: 90rem){.layout .layout__user-menu{max-width:calc(100% - 192px)}}@media (min-width: 104.5rem){.layout .layout__user-menu{max-width:1552px}}.layout .loading-spinner{min-height:2.5rem}.layout .layout__main{padding-top:0}.layout .layout__container{max-width:calc(100% - 40px);margin:0 auto;padding:2rem}@media (min-width: 48rem){.layout .layout__container{padding:1.5rem 0;max-width:calc(100% - 64px)}}@media (min-width: 64rem){.layout .layout__container{padding:2.5rem 0 0;max-width:calc(100% - 128px)}}@media (min-width: 90rem){.layout .layout__container{max-width:calc(100% - 192px)}}@media (min-width: 104.5rem){.layout .layout__container{max-width:1552px}}.layout .layout__loading{display:flex;justify-content:center;align-items:center;min-height:8rem;padding:2.5rem 0}.empty-state{margin:0;padding:2rem;text-align:center;color:var(--color-grey-500);font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media (min-width: 48rem){.empty-state{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.data-list__wrapper{display:flex;flex-direction:column}.data-list__pagination{display:flex;justify-content:center;margin-top:1.5rem}.data-list{display:flex;flex-direction:column;gap:.75rem;margin:0;margin-bottom:1.5rem;padding:0;list-style:none}.data-list .data-list__item{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-inline:-1rem;padding:1rem;border-bottom:1px solid var(--color-grey-200);transition:background-color .2s ease}.data-list .data-list__item:last-child{border-bottom:none}.data-list .data-list__item:hover{background-color:var(--color-roche-grey-075)}.data-list .data-list__item-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:0;text-decoration:none;transition:background-color .2s ease}.data-list .data-list__item-link,.data-list .data-list__item-button{display:flex;width:100%;padding:0;font:inherit;color:inherit;text-align:left;text-decoration:none;cursor:pointer;background:none;border:none}.data-list .data-list__item-link:focus-visible,.data-list .data-list__item-button:focus-visible{outline:2px solid var(--color-alert-info-light);outline-offset:2px}.data-list .data-list__item-primary{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.data-list .data-list__item-title{margin:0;color:var(--color-grey-900);font-weight:400;font-size:var(--body-font-size-small-up);line-height:1.8125rem}@media (min-width: 64rem){.data-list .data-list__item-title{font-size:var(--body-font-size-xlarge-up);line-height:2rem}}.data-list .data-list__item-meta{display:flex;align-items:center;gap:.5rem;color:var(--color-grey-500);font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media (min-width: 48rem){.data-list .data-list__item-meta{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.data-list .data-list__item-secondary{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem;flex-shrink:0}.data-list .data-list__item-secondary-text{color:var(--color-grey-500);font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media (min-width: 48rem){.data-list .data-list__item-secondary-text{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.data-list .data-list__item-secondary-text--small{color:var(--color-roche-grey-400);font-family:roche-sans;font-style:normal;font-weight:200;font-weight:400;font-size:var(--footnotes-font-size-small-up);line-height:1.1875rem}@media (min-width: 48rem){.data-list .data-list__item-secondary-text--small{font-size:var(--footnotes-font-size-medium-up)}}.data-list .data-list__item-secondary-text--mono{font-family:monospace;color:var(--color-roche-grey-400);font-family:roche-sans;font-style:normal;font-weight:200;font-weight:400;font-size:var(--footnotes-font-size-small-up);line-height:1.1875rem}@media (min-width: 48rem){.data-list .data-list__item-secondary-text--mono{font-size:var(--footnotes-font-size-medium-up)}}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:.125rem solid var(--color-roche-blue-600)}.page-heading .page-heading__title{margin:0;color:var(--color-grey-900)}.page-heading .page-heading__actions{display:flex;align-items:center;gap:.5rem}.page-heading .page-heading__actions .search-input{margin-top:0;width:100%}.affiliates .affiliates__item-info{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.affiliates .affiliates__item-name{margin:0;color:var(--color-grey-900);font-weight:400;font-size:var(--body-font-size-small-up);line-height:1.8125rem}@media (min-width: 64rem){.affiliates .affiliates__item-name{font-size:var(--body-font-size-xlarge-up);line-height:2rem}}.affiliates .affiliates__item-space-id{flex-shrink:0;font-family:monospace;color:var(--color-roche-grey-400);font-family:roche-sans;font-style:normal;font-weight:200;font-weight:400;font-size:var(--footnotes-font-size-small-up);line-height:1.1875rem}@media (min-width: 48rem){.affiliates .affiliates__item-space-id{font-size:var(--footnotes-font-size-medium-up)}}.error-message{display:flex;align-items:center;gap:.5rem;margin:0;padding:.75rem 1rem;color:var(--color-dark-red);background-color:var(--color-error-light);border-radius:.25rem;color:var(--color-grey-500);font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media (min-width: 48rem){.error-message{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.card{padding:1.5rem;background-color:var(--color-white)}.card .card__title{margin:0 0 .5rem;color:var(--color-grey-900);font-weight:400;font-size:1.125rem;line-height:1.6875rem}@media (min-width: 48rem){.card .card__title{font-size:1.125rem;line-height:1.8125rem}}@media (min-width: 90rem){.card .card__title{font-size:1.25rem;line-height:1.875rem}}.card.card--bordered{border:1px solid var(--color-grey-200)}.card.card--elevated{box-shadow:0 4px 24px #00000014}.card.card--large{padding:2rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.dashboard-grid__item{display:flex;flex-direction:column;gap:.25rem}.dashboard-grid__label{color:var(--color-grey-500);font-family:roche-sans;font-style:normal;font-weight:200;font-weight:400;font-size:var(--label-font-size-small-up);line-height:1.3125rem}@media (min-width: 48rem){.dashboard-grid__label{font-size:var(--label-font-size-medium-up);line-height:1.3125rem}}.dashboard-grid__value{color:var(--color-grey-900);font-weight:400;font-size:var(--body-font-size-small-up);line-height:1.8125rem}@media (min-width: 64rem){.dashboard-grid__value{font-size:var(--body-font-size-xlarge-up);line-height:2rem}}.dashboard .dashboard__sections{display:flex;flex-direction:column;gap:1.5rem}.dashboard .dashboard__columns{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 64rem){.dashboard .dashboard__columns{grid-template-columns:1fr 1fr}}.dashboard .dashboard__info-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--color-roche-blue-600);text-decoration:none;transition:color .2s ease;font-weight:400;font-size:var(--body-font-size-small-up);line-height:1.8125rem}@media (min-width: 64rem){.dashboard .dashboard__info-link{font-size:var(--body-font-size-xlarge-up);line-height:2rem}}.dashboard .dashboard__info-link:hover{color:var(--color-shadow-blue-500);text-decoration:underline}.dashboard .dashboard__affiliate-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.dashboard .dashboard__affiliate-name{color:var(--color-grey-900);font-weight:400;font-size:var(--body-font-size-small-up);line-height:1.8125rem}@media (min-width: 64rem){.dashboard .dashboard__affiliate-name{font-size:var(--body-font-size-xlarge-up);line-height:2rem}}.dashboard .dashboard__affiliate-space{font-family:monospace;font-size:.75rem;color:var(--color-grey-500);font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media (min-width: 48rem){.dashboard .dashboard__affiliate-space{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.dashboard .dashboard__affiliate-item{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;flex-grow:1}.dashboard .dashboard__affiliate-status{min-width:7.5rem;text-align:center}.dashboard .dashboard__affiliate-authorized{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background-color:var(--color-success-light);color:var(--color-success);border-radius:1rem;font-size:.8125rem;font-weight:500}.dashboard .dashboard__affiliate-not-authorized{display:inline-flex;align-items:center;padding:.25rem .75rem;background-color:var(--color-light-orange);color:var(--color-extra-dark-orange);border-radius:1rem;font-size:.8125rem;font-weight:500}.dashboard .dashboard__affiliate-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.dashboard .dashboard__error{margin-bottom:1rem}.dashboard .dashboard__more-info{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-grey-200)}.dashboard .dashboard__more-info p{margin:0;color:var(--color-grey-500);font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media (min-width: 48rem){.dashboard .dashboard__more-info p{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.login{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem;background-color:var(--color-roche-grey-075)}.login .loading-spinner{min-height:2.5rem}.login .login__card{width:100%;max-width:400px;height:fit-content;align-self:center;flex-shrink:0}.login .login__header{margin-bottom:1.5rem;text-align:center}.login .login__title{margin:0 0 .5rem;color:var(--color-roche-blue-600)}.login .login__subtitle{margin:0;color:var(--color-roche-grey-600);color:var(--color-grey-900);font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--body-font-size-small-up);line-height:1.8125rem}@media (min-width: 64rem){.login .login__subtitle{font-size:var(--body-font-size-xlarge-up);line-height:2rem}}.login .login__content{display:flex;flex-direction:column;align-items:center}.login .login__google{display:flex;justify-content:center}.login .login__connecting{display:flex;flex-direction:column;align-items:center;gap:1rem}.login .login__email{color:var(--color-roche-grey-600);color:var(--color-grey-500);font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media (min-width: 48rem){.login .login__email{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.login .login__actions{display:flex;justify-content:center;margin-top:1rem}.login .login__error-wrapper{margin-top:1rem}.login .login__iframe-notice{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.login .login__iframe-icon{font-size:48px}.login .login__iframe-text{margin:0;color:var(--color-roche-grey-700);line-height:1.5;color:var(--color-grey-900);font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--body-font-size-small-up);line-height:1.8125rem}@media (min-width: 64rem){.login .login__iframe-text{font-size:var(--body-font-size-xlarge-up);line-height:2rem}}.form-field-label{color:var(--color-roche-grey-700);font-family:roche-sans;font-style:normal;font-weight:200;font-weight:400;font-size:var(--label-font-size-small-up);line-height:1.3125rem}@media (min-width: 48rem){.form-field-label{font-size:var(--label-font-size-medium-up);line-height:1.3125rem}}.form-field-label .form-field-label__required{color:var(--color-dark-red)}.chip{display:flex;align-items:center;border-radius:3.5rem;padding:0 .25rem 0 .5rem;height:1.5rem;white-space:nowrap;color:var(--color-black-900);font-family:roche-sans;font-style:normal;font-weight:200;font-weight:400;font-size:var(--footnotes-font-size-small-up);line-height:1.1875rem}@media (min-width: 48rem){.chip{font-size:var(--footnotes-font-size-medium-up)}}.chip .chip__remove{display:flex;align-items:center;justify-content:center;border:none;background:transparent;padding:0 .25rem;margin-left:.25rem;cursor:pointer;color:var(--color-black-900-a05);border-radius:0 .25rem .25rem 0}.chip .chip__remove:hover{background-color:var(--color-white-800);color:var(--color-red)}.chip.chip--not-removable{padding:0 .5rem}.chip.chip--blue{background-color:var(--color-extra-light-blue)}.chip.chip--purple{background-color:var(--color-light-purple)}.chip.chip--grey{background-color:var(--color-roche-grey-100)}.chip.chip--red{background-color:var(--color-error-light)}.multi-select{position:relative;width:100%;display:flex;flex-direction:column;gap:.5rem}.multi-select .multi-select__control{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;padding:.5rem 1rem;border:.0625rem solid var(--color-roche-grey-400);border-bottom-color:var(--color-roche-grey-600);background-color:var(--color-white);min-height:2.5rem;cursor:text;transition:border-color .1s ease}.multi-select .multi-select__control:hover{border-bottom-color:var(--color-roche-blue-600)}.multi-select .multi-select__control:focus-within{border-color:var(--color-roche-blue-600)}.multi-select .multi-select__control.multi-select__control--disabled{background-color:var(--color-grey-200);border-color:var(--color-grey-200);cursor:default}.multi-select .multi-select__control.multi-select__control--disabled:hover{border-bottom-color:var(--color-grey-200)}.multi-select .multi-select__dropdown{position:absolute;top:calc(100% + .25rem);left:0;right:0;z-index:100;background:var(--color-white);border:.0625rem solid var(--color-roche-grey-300);box-shadow:0 0 2px #00000029,0 2px 4px #00000014;padding:.25rem;max-height:250px;overflow-y:auto}.multi-select .multi-select__input{flex:1;min-width:60px;border:none;outline:none;padding:.25rem 0;background:transparent;color:inherit;font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--body-small-font-size-small-up);line-height:1.625rem}.multi-select .multi-select__input::placeholder{color:var(--color-roche-grey-600)}@media (min-width: 48rem){.multi-select .multi-select__input{font-size:var(--body-small-font-size-medium-up);line-height:1.8125rem}}.multi-select .multi-select__option{padding:.5rem .75rem;cursor:pointer}.multi-select .multi-select__option--active{background-color:var(--color-roche-grey-050)}.multi-select .multi-select__creator{padding:.5rem .75rem;cursor:pointer;color:var(--color-roche-blue-600);text-decoration:none;transition:color .2s ease;font-weight:400;font-size:var(--body-font-size-small-up);line-height:1.8125rem}@media (min-width: 64rem){.multi-select .multi-select__creator{font-size:var(--body-font-size-xlarge-up);line-height:2rem}}.multi-select .multi-select__creator:hover{color:var(--color-shadow-blue-500);text-decoration:underline}.multi-select .multi-select__no-results{padding:.5rem .75rem;color:var(--color-roche-grey-600);color:var(--color-grey-500);font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media (min-width: 48rem){.multi-select .multi-select__no-results{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.user-editable-form{display:flex;flex-direction:column;padding-bottom:7.5rem}.user-editable-form .user-editable-form__permission{display:flex;flex-direction:column;margin-top:1.5rem}.user-editable-form .user-editable-form__select{padding:.75rem 1rem;line-height:1.5;background-color:var(--color-white);border:.0625rem solid var(--color-roche-grey-300);border-radius:.25rem;transition:border-color .2s,box-shadow .2s;color:var(--color-grey-900);font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--body-font-size-small-up);line-height:1.8125rem}@media (min-width: 64rem){.user-editable-form .user-editable-form__select{font-size:var(--body-font-size-xlarge-up);line-height:2rem}}.user-editable-form .user-editable-form__select::placeholder{color:var(--color-roche-grey-400)}.user-editable-form .user-editable-form__select:focus{outline:none;border-color:var(--color-roche-blue-600);box-shadow:0 0 0 3px rgba(var(--color-roche-blue-600),.1)}.user-editable-form .user-editable-form__select:disabled{background-color:var(--color-roche-grey-100);cursor:not-allowed}.user-editable-form .user-editable-form__dropdown-wrapper{margin-top:.25rem}.user-editable-form .user-editable-form__affiliates{margin-top:1.5rem}.user-editable-form .user-editable-form__actions{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.metadata-row{display:flex;flex-direction:column;align-items:end;text-align:right;gap:.5rem}.metadata-row .metadata-row__label{color:var(--color-roche-grey-600);font-weight:400;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media (min-width: 48rem){.metadata-row .metadata-row__label{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.metadata-row .metadata-row__value{word-break:break-word;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.25rem}.metadata-row.metadata-row--align-left{align-items:start}.user-readonly-fields{display:flex;flex-direction:column;align-items:end;gap:1.5rem}.user-detail .user-detail__content{display:flex;flex-direction:column;margin-bottom:2rem}.users .users-list__actions{display:flex;align-items:center;gap:1rem}.users .users-list__add-user{flex-shrink:0}.users .users__item-info{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.users .users__item-permission{width:275px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.users .users__item-name{margin:0;color:var(--color-grey-900);font-weight:400;font-size:var(--body-font-size-small-up);line-height:1.8125rem}@media (min-width: 64rem){.users .users__item-name{font-size:var(--body-font-size-xlarge-up);line-height:2rem}}.users .users__item-id{flex-shrink:0;font-family:monospace;color:var(--color-roche-grey-400);font-family:roche-sans;font-style:normal;font-weight:200;font-weight:400;font-size:var(--footnotes-font-size-small-up);line-height:1.1875rem}@media (min-width: 48rem){.users .users__item-id{font-size:var(--footnotes-font-size-medium-up)}}.dropzone{display:flex;align-items:center;justify-content:center;min-height:18.75rem;padding:2rem;border:2px dashed var(--color-roche-grey-400);background-color:var(--color-grey-0);cursor:pointer;transition:border-color .2s,background-color .2s}.dropzone:hover{border-color:var(--color-roche-blue-600);background-color:var(--color-shadow-blue-050)}.dropzone .dropzone__content{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.dropzone .dropzone__text{margin:0;color:var(--color-grey-500);font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media (min-width: 48rem){.dropzone .dropzone__text{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.dropzone .dropzone__subtext{margin:0;color:var(--color-grey-500);font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media (min-width: 48rem){.dropzone .dropzone__subtext{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.dropzone .dropzone__button{display:inline-flex;align-items:center;padding:.5rem 1rem;color:var(--color-roche-blue-600);background-color:var(--color-white);border:1px solid var(--color-roche-blue-600);cursor:pointer;transition:background-color .2s,color .2s;color:var(--color-roche-grey-600);font-weight:400;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media (min-width: 48rem){.dropzone .dropzone__button{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.dropzone .dropzone__button:hover{background-color:var(--color-roche-blue-600);color:var(--color-white)}.dropzone .dropzone__input{display:none}.dropzone .dropzone__hint{margin:0;color:var(--color-roche-grey-400);font-family:roche-sans;font-style:normal;font-weight:200;font-weight:400;font-size:var(--footnotes-font-size-small-up);line-height:1.1875rem}@media (min-width: 48rem){.dropzone .dropzone__hint{font-size:var(--footnotes-font-size-medium-up)}}.video-uploader{display:flex;flex-direction:column;gap:.5rem;width:100%}.video-uploader .video-uploader__progress{display:flex;flex-direction:column;gap:1rem;padding:2rem;border:1px solid var(--color-grey-200);border-radius:.5rem;background-color:var(--color-white)}.video-uploader .video-uploader__progress-info{display:flex;justify-content:space-between;align-items:center;gap:1rem}.video-uploader .video-uploader__progress-filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-grey-900);font-weight:400;font-size:var(--body-font-size-small-up);line-height:1.8125rem}@media (min-width: 64rem){.video-uploader .video-uploader__progress-filename{font-size:var(--body-font-size-xlarge-up);line-height:2rem}}.video-uploader .video-uploader__progress-percentage{flex-shrink:0;color:var(--color-roche-blue-600);color:var(--color-roche-grey-600);font-weight:400;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media (min-width: 48rem){.video-uploader .video-uploader__progress-percentage{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.video-uploader .video-uploader__progress-bar{width:100%;height:.5rem;background-color:var(--color-roche-grey-100);border-radius:.25rem;overflow:hidden}.video-uploader .video-uploader__progress-fill{height:100%;background-color:var(--color-roche-blue-600);border-radius:.25rem;transition:width .3s ease}.video-uploader .video-uploader__progress-hint{margin:0;text-align:center;color:var(--color-grey-500);font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media (min-width: 48rem){.video-uploader .video-uploader__progress-hint{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.video-uploader .video-uploader__error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;border:1px solid var(--color-dark-red);border-radius:.5rem;background-color:var(--color-error-light)}.video-uploader .video-uploader__error-message{margin:0;color:var(--color-dark-red);text-align:center;color:var(--color-grey-900);font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--body-font-size-small-up);line-height:1.8125rem}@media (min-width: 64rem){.video-uploader .video-uploader__error-message{font-size:var(--body-font-size-xlarge-up);line-height:2rem}}.icon-container{display:flex;justify-content:flex-start}.icon-container .icon{fill:var(--custom-icon-color, currentcolor)}.icon-container.icon-container--inline{display:inline-flex}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border:none;aspect-ratio:1/1;border-radius:50%;cursor:pointer;transition:background-color .1s ease-in-out,color .1s ease-in-out}.icon-button:focus,.icon-button:focus-visible{outline:var(--color-roche-blue-600) dashed 2px;outline-offset:unset}.icon-button:focus:not(:focus-visible){outline:none}.icon-button:hover:not(:disabled):not(:active){background-color:var(--color-shadow-blue-100)}.icon-button:active:not(:disabled){color:var(--color-shadow-blue-100);background-color:var(--color-shadow-blue-400)}.icon-button:disabled{cursor:not-allowed;color:var(--color-roche-grey-400);background-color:var(--color-grey-200)}.text-track-uploader{display:flex;flex-direction:column;gap:.5rem;margin-top:3rem;--file-default: 52px;--file-language: 128px;--file-label: 1fr;--file-kind: 156px;--file-remove: 55px}.text-track-uploader .text-track-uploader__header{display:flex;flex-direction:column;gap:.25rem}.text-track-uploader .text-track-uploader__empty{color:var(--color-grey-700);font-family:roche-sans;font-style:normal;font-weight:200;font-weight:400;font-size:var(--label-font-size-small-up);line-height:1.3125rem}@media (min-width: 48rem){.text-track-uploader .text-track-uploader__empty{font-size:var(--label-font-size-medium-up);line-height:1.3125rem}}.text-track-uploader .text-track-uploader__hint{color:var(--color-grey-600);font-family:roche-sans;font-style:normal;font-weight:200;font-weight:400;font-size:var(--label-font-size-small-up);line-height:1.3125rem}@media (min-width: 48rem){.text-track-uploader .text-track-uploader__hint{font-size:var(--label-font-size-medium-up);line-height:1.3125rem}}.text-track-uploader .text-track-uploader__rows{display:flex;flex-direction:column;gap:.75rem}.text-track-uploader .text-track-uploader__row{margin-top:1rem;border:1px solid var(--color-grey-600);padding:.25rem}.text-track-uploader .text-track-uploader__row-title{margin-bottom:.25rem;font-weight:400;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media (min-width: 48rem){.text-track-uploader .text-track-uploader__row-title{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.text-track-uploader .text-track-uploader__row-details{display:grid;grid-template-columns:var(--file-default) minmax(0,var(--file-language)) minmax(0,var(--file-label)) minmax(0,var(--file-kind)) var(--file-remove);gap:.5rem}.text-track-uploader .text-track-uploader__cell{display:flex;flex-direction:column;gap:.5rem}.text-track-uploader .text-track-uploader__cell .input{margin-top:0}.text-track-uploader .text-track-uploader__cell .select{margin-top:0;display:flex;flex-direction:column}.video-editable-form{display:flex;flex-direction:column;margin-bottom:1.5rem}.video-editable-form .video-editable-form__actions{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.video-editable-form .video-editable-form__actions-right{display:flex;align-items:center;gap:.5rem;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.video-editable-form .video-editable-form__multi-select{margin-top:1.5rem}.video-editable-form .video-editable-form__error{margin-top:1rem}.copy-button{position:relative;display:flex;align-items:center}.video-readonly-fields{display:flex;flex-direction:column;align-items:end}.video-detail .video-detail__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem}.video-detail .video-detail__content{display:flex;flex-direction:column}.video-detail .video-detail__form-actions-fallback{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.video-detail .video-detail__player{display:block;width:100%;margin-top:0;height:auto}.video-detail .video-detail__player .video-player{margin:0}.video-detail .video-detail__info{display:flex;flex-direction:column;gap:1rem}.video-detail .video-detail__description{margin:0;line-height:1.6;color:var(--color-roche-grey-600);color:var(--color-grey-900);font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--body-font-size-small-up);line-height:1.8125rem}@media (min-width: 64rem){.video-detail .video-detail__description{font-size:var(--body-font-size-xlarge-up);line-height:2rem}}.video-detail .video-detail__meta-primary{display:flex;flex-direction:column;gap:.125rem;min-width:0}.video-detail .video-detail__meta-label{color:var(--color-grey-900);font-weight:400;font-size:var(--body-font-size-small-up);line-height:1.8125rem}@media (min-width: 64rem){.video-detail .video-detail__meta-label{font-size:var(--body-font-size-xlarge-up);line-height:2rem}}.video-detail .video-detail__meta-secondary{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem;flex-shrink:0}.video-detail .video-detail__meta-value{color:var(--color-grey-500);font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media (min-width: 48rem){.video-detail .video-detail__meta-value{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.video-detail .video-detail__section-title{margin:1rem 0 .5rem;color:var(--color-grey-900);font-weight:400;font-size:var(--body-font-size-small-up);line-height:1.8125rem}@media (min-width: 64rem){.video-detail .video-detail__section-title{font-size:var(--body-font-size-xlarge-up);line-height:2rem}}.video-detail .video-detail__affiliates{display:flex;flex-wrap:wrap;gap:.5rem}.video-detail .video-detail__error-state{display:flex;align-items:center;justify-content:center;min-height:12.5rem;max-width:60rem;padding:2rem;border:1px solid var(--color-dark-red);background-color:var(--color-error-light)}.video-detail .video-detail__error-state-text{margin:0;text-align:center;color:var(--color-grey-900);font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--body-font-size-small-up);line-height:1.8125rem}@media (min-width: 64rem){.video-detail .video-detail__error-state-text{font-size:var(--body-font-size-xlarge-up);line-height:2rem}}.video-detail .video-detail__waiting-state{display:flex;align-items:center;justify-content:center;min-height:12.5rem;max-width:60rem;padding:2rem;border:1px solid var(--color-shadow-blue-200);background-color:var(--color-shadow-blue-050)}.video-detail .video-detail__waiting-state-text{margin:0;text-align:center;color:var(--color-grey-900);font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--body-font-size-small-up);line-height:1.8125rem}@media (min-width: 64rem){.video-detail .video-detail__waiting-state-text{font-size:var(--body-font-size-xlarge-up);line-height:2rem}}.combobox-filter{display:inline-block;position:relative}.combobox-filter .combobox-filter__dropdown{position:absolute;top:100%;left:0;min-width:320px;z-index:1;padding:0 1rem;background-color:var(--color-white-100);border:1px solid var(--color-roche-grey-300);margin-top:.5rem;box-shadow:0 0 2px #00000029,0 2px 4px #00000014}.combobox-filter .combobox-filter__header{margin-top:-1rem;margin-bottom:1rem}.combobox-filter .combobox-filter__options{overflow-y:auto;max-height:400px}.combobox-filter .combobox-filter__options .select__input-wrapper{width:auto}.combobox-filter .combobox-filter__footer{display:flex;flex-direction:column;gap:.75rem;margin-block:1rem}.sortable-header{display:grid;grid-template-columns:var(--thumbnail) 1fr minmax(0,var(--tags)) var(--date-column) var(--date-column) var(--video-id);align-items:center;column-gap:1rem;padding:1rem 0;border-bottom:.125rem solid var(--color-roche-grey-300)}.sortable-header .sortable-header__column{display:flex;align-items:center;gap:.25rem;color:var(--color-roche-grey-600);font-weight:400;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media (min-width: 48rem){.sortable-header .sortable-header__column{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.sortable-header .sortable-header__column--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .1s ease}.sortable-header .sortable-header__column--sortable:hover{color:var(--color-roche-blue-600)}.sortable-header .sortable-header__column--sortable:focus,.sortable-header .sortable-header__column--sortable:focus-visible{outline:var(--color-roche-blue-600) dashed 2px;outline-offset:unset}.sortable-header .sortable-header__column--sortable:focus:not(:focus-visible){outline:none}.sortable-header .sortable-header__column--active{color:var(--color-roche-blue-600)}.sortable-header .sortable-header__column--align-right{justify-content:flex-end}.sortable-header .sortable-header__label{white-space:nowrap}.sortable-header .sortable-header__sort-indicator{display:flex;align-items:center;gap:.125rem;min-width:.875rem}.sortable-header .sortable-header__sort-neutral{display:flex;align-items:center}.video-list{--thumbnail: 7.5rem;--tags: 17.5rem;--date-column: 6.25rem;--video-id: 12.5rem}.video-list .video-list__actions{display:flex;align-items:center;gap:1rem}.video-list .video-list__add-video{flex-shrink:0}.video-list .video-list__filters{margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.video-list .video-list__deleted-toggle{flex-shrink:0}.video-list .video-list__content{display:flex;flex-direction:column}.video-list .video-list__loading{display:flex;justify-content:center;align-items:center;padding:3rem 0}.video-list-item{display:grid;grid-template-columns:var(--thumbnail) 1fr minmax(0,var(--tags)) var(--date-column) var(--date-column) var(--video-id);align-items:center;column-gap:1rem;width:100%}.video-list-item .video-list-item__thumbnail{flex-shrink:0;width:var(--thumbnail);height:100%;overflow:hidden}.video-list-item .video-list-item__thumbnail .image{margin:0}.video-list-item .video-list-item__thumbnail-fallback{display:flex;align-items:center;height:100%;justify-content:center;background-color:var(--color-grey-200)}.video-list-item .video-list-item__info{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.video-list-item .video-list-item__title{margin:0;color:var(--color-grey-900);font-weight:400;font-size:var(--body-font-size-small-up);line-height:1.8125rem}@media (min-width: 64rem){.video-list-item .video-list-item__title{font-size:var(--body-font-size-xlarge-up);line-height:2rem}}.video-list-item .video-list-item__created-by{display:flex;align-items:center;gap:.5rem;min-width:0;word-break:break-word;color:var(--color-grey-500);font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media (min-width: 48rem){.video-list-item .video-list-item__created-by{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.video-list-item .video-list-item__affiliates,.video-list-item .video-list-item__tags{display:flex;gap:.5rem;flex-wrap:wrap;padding-top:.5rem}.video-list-item .video-list-item__date{display:flex;justify-content:flex-end;color:var(--color-grey-500);font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media (min-width: 48rem){.video-list-item .video-list-item__date{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.video-list-item .video-list-item__id{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;text-align:right;color:var(--color-grey-500);font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media (min-width: 48rem){.video-list-item .video-list-item__id{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.video-list-item .video-list-item__description{margin:.25rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-grey-500);font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media (min-width: 48rem){.video-list-item .video-list-item__description{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.video-list-item.video-list-item--deleted .video-list-item__thumbnail,.video-list-item.video-list-item--deleted .video-list-item__title,.video-list-item.video-list-item--deleted .video-list-item__created-by,.video-list-item.video-list-item--deleted .video-list-item__tags,.video-list-item.video-list-item--deleted .video-list-item__date,.video-list-item.video-list-item--deleted .video-list-item__id,.video-list-item.video-list-item--deleted .video-list-item__faded-chip{opacity:.5}.video-list-item.video-list-item--deleted .video-list-item__deleted-chip{opacity:1}.video-new .video-new__form{display:flex;flex-direction:column;gap:1.5rem;max-width:37.5rem}.video-new .video-new__actions{display:flex;align-items:center;gap:1rem;margin-top:.5rem}