._actions_toggle_4be6b__ActionsToggleCell { --mobile-size: 30px; } @supports (-ms-ime-align: auto) { ._actions_toggle_4be6b__ActionsToggleCell::before { vertical-align: -8% !important } ._actions_toggle_4be6b__ActionsToggleCell::before { line-height: 1 } } /* MS IE10+ icon vertical alignment fix */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { ._actions_toggle_4be6b__ActionsToggleCell::before { vertical-align: -8% !important } ._actions_toggle_4be6b__ActionsToggleCell::before { line-height: 1 } } ._actions_toggle_4be6b__ActionsToggleCell { color: hsl(var(--actions-link)); font-size: 16px; -webkit-text-decoration: none; -webkit-text-decoration: none; text-decoration: none; transition: all 0.2s linear; transition-property: color, border-color, background; } @media print {._actions_toggle_4be6b__ActionsToggleCell { display: none } } ._actions_toggle_4be6b__ActionsToggleCell._actions_toggle_4be6b__fade { opacity: 0.6; transition: opacity var(--duration-short) linear; } ._actions_toggle_4be6b__ActionsToggleCell._actions_toggle_4be6b__fade:hover { opacity: 1; } @media only screen and (max-width: 1199px) { .table-actions ._actions_toggle_4be6b__ActionsToggleCell { background: hsl(var(--gray97)); border: 2px solid hsl(var(--gray94)); border-radius: 50%; color: hsl(var(--gray40)); display: block; height: var(--mobile-size); line-height: calc(var(--mobile-size) - 4px); padding: 0; text-align: center; vertical-align: middle; width: var(--mobile-size) } } @media only screen and (max-width: 1199px) { .table-actions ._actions_toggle_4be6b__ActionsToggleCell:hover { background: transparent; border: 2px solid hsl(var(--primary)); color: hsl(var(--primary)) } } ._grid_ecedc__AgileLearning-GridCell { display: grid; grid-gap: var(--spacing-vertical-large) var(--spacing-horizontal); grid-template-columns: minmax(0, 1fr); list-style: none; margin: 0 0 1em 0; padding: 0; } @media only screen and (min-width: 544px) {._grid_ecedc__AgileLearning-GridCell { grid-template-columns: repeat(2, minmax(0, 1fr)) } } @media only screen and (min-width: 768px) {._grid_ecedc__AgileLearning-GridCell { grid-template-columns: repeat(3, minmax(0, 1fr)) } } @media only screen and (min-width: 1200px) {._grid_ecedc__AgileLearning-GridCell { grid-template-columns: repeat(4, minmax(0, 1fr)) } } ._grid_ecedc__item > * { height: 100%; } ._header_160e8__agile-link { display: flex; justify-content: flex-end; margin-bottom: 2em; } ._header_160e8__link { margin-left: 0.5em; } ._header_160e8__search { display: block; margin-top: 1em; } ._header_160e8__right { margin-left: auto; } ._refresh_31a89__AgileLearning-RefreshCell { /* Used in JavaScript */ } ._refresh_31a89__loading-text { text-align: center; } ._refresh_31a89__loading { background-image: url("/images/loading-1e6099a0c04012e2551e6e95fede4a34.gif?vsn=d"); background-repeat: no-repeat; background-size: 20px; display: inline-block; height: 20px; width: 20px; } ._space_f262b__AgileLearning-SpaceCell { background-color: hsl(var(--white)); border-radius: 4px; box-shadow: 0 2px 3px hsl(var(--shadow)); list-style: none; max-width: 640px; overflow: hidden; position: relative; } @media only screen and (min-width: 768px) {._space_f262b__AgileLearning-SpaceCell { transform: scale(1); transition: transform var(--duration-long) ease } ._space_f262b__AgileLearning-SpaceCell:hover { transform: scale(1.04); } } ._space_f262b__embed { margin: 1em auto 0; } ._space_f262b__link { color: hsl(var(--text)); -webkit-text-decoration: none; text-decoration: none; } ._space_f262b__icon { --icon-size: 30px; background-position: 50%; background-repeat: no-repeat; background-size: 30px 30px; background-size: var(--icon-size) var(--icon-size); bottom: 10px; display: inline-block; height: 30px; height: var(--icon-size); position: absolute; right: 10px; transition: opacity var(--duration-short) ease; width: 30px; width: var(--icon-size); } ._space_f262b__icon-agile-learning { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='m26.84 5 6.9 12a2 2 0 0 1 0 2l-7 12.2a2 2 0 0 1-1.74 1H11A2 2 0 0 1 9.17 31L2.42 19.24A2 2 0 0 1 2.28 17l7-12.17a2 2 0 0 1 1.74-1H25A2 2 0 0 1 26.83 5' fill='%232d344d'/%3E%3Cpath d='M25.31 3.83H11a2 2 0 0 0-1.74 1L2.29 17a2 2 0 0 0-.23 1.51 15.77 15.77 0 0 0 9.66 2.69.78.78 0 0 1 .82.74v2.52a.71.71 0 0 0 .7.73.68.68 0 0 0 .43-.13c3.27-2.3 11.43-8.73 12.2-15.86a12 12 0 0 0-.56-5.35' fill='%2379bc73'/%3E%3C/svg%3E"); color: white; } ._space_f262b__image { background-position: center; background-repeat: no-repeat; background-size: cover; } ._space_f262b__image::before { content: ""; display: block; padding-bottom: 56.25%; } ._space_f262b__text { --icon-size: 30px; padding: var(--spacing-vertical) calc(30px + 10px * 2) var(--spacing-vertical) var(--spacing-horizontal-small); padding: var(--spacing-vertical) calc(var(--icon-size) + 10px * 2) var(--spacing-vertical) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { ._space_f262b__text { padding: var(--spacing-vertical-large) calc(var(--icon-size) + 10px * 2) var(--spacing-vertical-large) var(--spacing-horizontal) } } ._space_f262b__title { font-size: var(--font-size-heading-small); font-weight: 700; margin: 0 0 var(--spacing-vertical-small); overflow: hidden; /* prevent text from clipping caused by overflow hidden */ padding-bottom: 0.1em; text-overflow: ellipsis; white-space: nowrap; } ._space_f262b__meta { color: hsl(var(--meta)); font-size: 11px; letter-spacing: 0.5px; text-transform: uppercase; } ._space_f262b__meta ._space_f262b__divider::after { content: "\2022"; font-size: 1.3em; margin: 0 3px; opacity: 0.75; } ._alert_26b85__AlertCell { padding: var(--spacing-vertical) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) {._alert_26b85__AlertCell { padding-left: var(--spacing-horizontal); padding-right: var(--spacing-horizontal); } } ._alert_26b85__AlertCell { align-items: flex-start; border-radius: var(--size-border-radius); display: inline-flex; line-height: var(--line-height-medium); margin-bottom: var(--spacing-vertical-large); } @media (max-width: 500px) {._alert_26b85__AlertCell { display: flex } } ._alert_26b85__AlertCell ._alert_26b85__icon { color: inherit; margin-right: 0.5em; margin-top: 0.04em; opacity: 0.6; } ._alert_26b85__AlertCell ._alert_26b85__content { flex: 1; } ._alert_26b85__AlertCell ._alert_26b85__content > :last-child { margin-bottom: 0; } ._alert_26b85__AlertCell ._alert_26b85__content > a { color: inherit; } ._alert_26b85__AlertCell + ._alert_26b85__AlertCell { margin-top: -calc(var(--spacing-vertical-large) / 2); } ._alert_26b85__list { margin: var(--spacing-vertical-small) 0; padding-left: var(--spacing-horizontal); } /* Variants */ ._alert_26b85__variant-default { backdrop-filter: blur(8px); background: hsl(var(--alert-default) / 0.5); box-shadow: 0 0 0 1px hsl(var(--alert-default)) inset; color: hsl(var(--alert-default-text)); backdrop-filter: blur(10px); } ._alert_26b85__variant-light { backdrop-filter: blur(8px); background: hsla(0, 0%, 0%, 0); box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0) inset; color: hsl(var(--text-light)); backdrop-filter: blur(10px); color: hsl(var(--text-light) / 0.85); } ._alert_26b85__variant-blue, ._alert_26b85__variant-info { --background: hsl(var(--alert-info)); --color: hsl(var(--alert-info-text)); } ._alert_26b85__variant-blue:not(._alert_26b85__variant-opaque), ._alert_26b85__variant-info:not(._alert_26b85__variant-opaque) { backdrop-filter: blur(8px); background: hsl(var(--alert-info) / 0.5); box-shadow: 0 0 0 1px hsl(var(--alert-info)) inset; color: hsl(var(--alert-info-text)); backdrop-filter: blur(10px); } ._alert_26b85__variant-blue._alert_26b85__variant-opaque, ._alert_26b85__variant-info._alert_26b85__variant-opaque { background-color: white; background-image: linear-gradient(hsl(var(--alert-info) / 0.5), hsl(var(--alert-info) / 0.5)); box-shadow: 0 0 0 1px hsl(var(--alert-info)) inset; color: hsl(var(--alert-info-text)); } ._alert_26b85__variant-green:not(._alert_26b85__variant-opaque), ._alert_26b85__variant-success:not(._alert_26b85__variant-opaque) { backdrop-filter: blur(8px); background: hsl(var(--alert-success) / 0.5); box-shadow: 0 0 0 1px hsl(var(--alert-success)) inset; color: hsl(var(--alert-success-text)); backdrop-filter: blur(10px); } ._alert_26b85__variant-green._alert_26b85__variant-opaque, ._alert_26b85__variant-success._alert_26b85__variant-opaque { background-color: white; background-image: linear-gradient(hsl(var(--alert-success) / 0.5), hsl(var(--alert-success) / 0.5)); box-shadow: 0 0 0 1px hsl(var(--alert-success)) inset; color: hsl(var(--alert-success-text)); } ._alert_26b85__variant-orange:not(._alert_26b85__variant-opaque), ._alert_26b85__variant-warning:not(._alert_26b85__variant-opaque) { backdrop-filter: blur(8px); background: hsl(var(--alert-warning) / 0.5); box-shadow: 0 0 0 1px hsl(var(--alert-warning)) inset; color: hsl(var(--alert-warning-text)); backdrop-filter: blur(10px); } ._alert_26b85__variant-orange._alert_26b85__variant-opaque, ._alert_26b85__variant-warning._alert_26b85__variant-opaque { background-color: white; background-image: linear-gradient(hsl(var(--alert-warning) / 0.5), hsl(var(--alert-warning) / 0.5)); box-shadow: 0 0 0 1px hsl(var(--alert-warning)) inset; color: hsl(var(--alert-warning-text)); } ._alert_26b85__variant-red:not(._alert_26b85__variant-opaque), ._alert_26b85__variant-danger:not(._alert_26b85__variant-opaque), ._alert_26b85__variant-error:not(._alert_26b85__variant-opaque) { backdrop-filter: blur(8px); background: hsl(var(--alert-danger) / 0.5); box-shadow: 0 0 0 1px hsl(var(--alert-danger)) inset; color: hsl(var(--alert-danger-text)); backdrop-filter: blur(10px); } ._alert_26b85__variant-red._alert_26b85__variant-opaque, ._alert_26b85__variant-danger._alert_26b85__variant-opaque, ._alert_26b85__variant-error._alert_26b85__variant-opaque { background-color: white; background-image: linear-gradient(hsl(var(--alert-danger) / 0.5), hsl(var(--alert-danger) / 0.5)); box-shadow: 0 0 0 1px hsl(var(--alert-danger)) inset; color: hsl(var(--alert-danger-text)); } ._alert_26b85__variant-transparent { backdrop-filter: blur(8px); background: hsla(0, 0%, 0%, 0); box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0) inset; color: hsl(var(--text-light)); backdrop-filter: blur(10px); } ._alert_26b85__variant-nopadding { padding: 0; } ._alert_26b85__variant-small { font-size: var(--font-size-small); } ._alert_26b85__variant-large { font-size: var(--font-size-large); } ._alert_26b85__variant-full_width { width: 100%; } ._form_b06bc__content { background: #f7f7f8; padding-bottom: 2rem; padding-top: 2rem; } ._form_b06bc__content ._form_b06bc__body-salutation, ._form_b06bc__content ._form_b06bc__body-input { color: #3d3f43; font-family: helvetica, arial, verdana, sans-serif; font-size: 16px; line-height: 1.4; } ._form_b06bc__content ._form_b06bc__body-salutation { top: 0; right: 0; bottom: auto; left: 0; margin: 0; opacity: 0.5; padding: 1.2rem; pointer-events: none; position: absolute; white-space: nowrap; z-index: 1; } ._form_b06bc__content ._form_b06bc__body-input { background: white; padding: 1.2rem; padding-top: calc(4rem); } ._form_b06bc__scheduler { align-items: center; display: flex; gap: 2rem; } ._form_b06bc__scheduler ._form_b06bc__scheduled-checkbox, ._form_b06bc__scheduler ._form_b06bc__scheduled-at { margin-bottom: 0; } ._form_b06bc__scheduler ._form_b06bc__scheduled-at { flex: 0; } ._attachment_proof_a4097__proof-link { --border-width: 2px; border: 2px solid hsl(var(--border-alpha)); border: var(--border-width) solid hsl(var(--border-alpha)); border-radius: 5px; color: hsl(var(--text)); display: inline-flex; line-height: calc(var(--size-epa-proof-height) - (2px * 2)); line-height: calc(var(--size-epa-proof-height) - (var(--border-width) * 2)); max-width: 100%; overflow: hidden; padding: 0 10px; -webkit-text-decoration: none; text-decoration: none; transition: border-color var(--duration-default) ease; } ._attachment_proof_a4097__proof-link:hover { border-color: hsl(var(--primary) / 0.6); } ._attachment_proof_a4097__proof-link ._attachment_proof_a4097__file-type { align-self: center; height: 16px; margin-right: 0.5em; } ._attachment_proof_a4097__proof-link ._attachment_proof_a4097__file-name { align-self: center; flex: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ._attachment_proof_a4097__proof-link ._attachment_proof_a4097__file-size { align-self: center; color: hsl(var(--meta)); flex: none; font-size: var(--font-size-tiny); margin-left: 0.5em; position: relative; top: calc((1em - var(--font-size-tiny)) / 2); } ._attachment_proof_a4097__variant-large { align-items: center; background: hsl(var(--background)); display: flex; padding: .5rem 1rem; } ._attachment_proof_a4097__variant-large ._attachment_proof_a4097__file-type { margin-right: 0.5rem; } ._attachment_proof_a4097__variant-large ._attachment_proof_a4097__file-name { flex: 0 1 auto; font-size: 1.2em; font-weight: bold; } ._attachment_proof_a4097__variant-large ._attachment_proof_a4097__file-size { margin-left: auto; } ._attempt_card_b182f__attempt-card { background: hsl(var(--white)); border-radius: var(--size-border-radius); display: grid; grid-gap: 1rem 4em; gap: 1rem 4em; grid-template-columns: auto auto 1fr; box-shadow: var(--shadow-panel); padding: 2rem; position: relative; } ._attempt_card_b182f__attempt-card img { transition: all .3s; } ._attempt_card_b182f__attempt-card:hover img { filter: grayscale(1); opacity: .5; } ._attempt_card_b182f__hide { display: none; } ._attempt_card_b182f__full-span { grid-column: 1 / span 3; } ._attempt_card_b182f__label { color: hsl(var(--meta-light)); font-size: .9rem; margin-bottom: .5rem; } ._attempt_card_b182f__value { font-weight: bold; } ._attempt_card_b182f__name { font-size: 1.2rem; } ._attempt_card_b182f__action { font-size: 1.2rem; margin-left: .2rem; opacity: .75; } ._attempt_card_b182f__view-learnable-link { color: hsl(var(--blue)); position: absolute; right: 1rem; bottom: 1rem; } /* Result styles */ ._attempt_card_b182f__result { --status-color: var(--gray94); } ._attempt_card_b182f__result._attempt_card_b182f__sufficient { --status-color: var(--sufficient); } ._attempt_card_b182f__result._attempt_card_b182f__insufficient { --status-color: var(--insufficient); } ._attempt_card_b182f__result._attempt_card_b182f__pending { --status-color: var(--warning); } ._attempt_card_b182f__result ._attempt_card_b182f__result-result { align-items: center; display: flex; flex-wrap: wrap; gap: 1rem; } ._attempt_card_b182f__result ._attempt_card_b182f__grade { background: hsl(var(--status-color) / 0.1); border: 1px solid hsl(var(--status-color) / 0.1); border-radius: .2rem; color: hsl(var(--status-color)); justify-content: center; line-height: 1; padding: 0 .5rem; text-align: center; } ._attempt_card_b182f__result ._attempt_card_b182f__grade .icon::before { margin-right: -0.15rem; } ._attempt_card_b182f__result ._attempt_card_b182f__result-message { font-weight: 600; } @media (max-width: 419px) { ._attempt_card_b182f__result ._attempt_card_b182f__result-message { order: 3; width: 100% } } ._attempt_card_b182f__result ._attempt_card_b182f__badge { margin-left: auto; } ._attempt_row_5a019__attempt-row { background: hsl(var(--white)); border-radius: var(--size-border-radius); display: grid; grid-gap: 1rem 4em; gap: 1rem 4em; grid-template-columns: auto auto 1fr; box-shadow: var(--shadow-panel); padding: 2rem; position: relative; } ._attempt_row_5a019__attempt-row img { transition: all .3s; } ._attempt_row_5a019__attempt-row:hover img { filter: grayscale(1); opacity: .5; } ._attempt_row_5a019__hide { display: none; } ._attempt_row_5a019__full-span { grid-column: 1 / span 3; } ._attempt_row_5a019__label { color: hsl(var(--meta-light)); font-size: .9rem; margin-bottom: .5rem; } ._attempt_row_5a019__value { font-weight: bold; } ._attempt_row_5a019__name { font-size: 1.2rem; } ._attempt_row_5a019__user-cell, ._attempt_row_5a019__date-cell, ._attempt_row_5a019__action-cell, ._attempt_row_5a019__result-cell { vertical-align: top; } ._attempt_row_5a019__action { font-size: 1.2rem; margin-left: .2rem; opacity: .75; } ._attempt_row_5a019__view-learnable-link { color: hsl(var(--blue)); margin-left: auto; } /* Result styles */ ._attempt_row_5a019__result { --status-color: var(--gray94); display: flex; justify-content: space-between; } ._attempt_row_5a019__result._attempt_row_5a019__sufficient { --status-color: var(--sufficient); } ._attempt_row_5a019__result._attempt_row_5a019__insufficient { --status-color: var(--insufficient); } ._attempt_row_5a019__result._attempt_row_5a019__pending { --status-color: var(--warning); } ._attempt_row_5a019__result-result { align-items: center; display: flex; flex-wrap: wrap; gap: 1rem; } ._attempt_row_5a019__grade { background: hsl(var(--status-color) / 0.1); border: 1px solid hsl(var(--status-color) / 0.1); border-radius: .2rem; color: hsl(var(--status-color)); justify-content: center; line-height: 1; padding: 0 .5rem; text-align: center; } ._attempt_row_5a019__grade .icon::before { margin-right: -0.15rem; } ._attempt_row_5a019__result-message { font-weight: 600; } @media (max-width: 419px) { ._attempt_row_5a019__result-message { order: 3; width: 100% } } ._attempt_row_5a019__badge { margin-left: auto; } /* Attribute inline styles */ ._attempt_row_5a019__attributes-list { margin-top: 0.5rem; padding-top: 0.50rem; padding-bottom: 0.25rem; border-top: 1px solid hsl(var(--gray90)); } ._attempt_row_5a019__attribute-label { margin-bottom: 0.25rem; height: 20px; display: flex; align-items: center; } ._attempt_row_5a019__attribute-item { margin-bottom: 0.25rem; } ._attempt_row_5a019__attribute-indent { color: var(--gray60); font-size: 0.95rem; } ._attempt_row_5a019__attribute-score { font-weight: 500; color: var(--gray40); } ._attempt_row_5a019__attribute-score-container { margin-top: 0.25rem; display: flex; flex-direction: row; gap: 0.5rem; align-items: center; width: 180px; height: 20px; justify-content: center; } ._attempt_row_5a019__attribute-score-text { font-weight: 500; color: var(--gray40); min-width: 2.5rem; font-size: 0.85rem; } ._attempt_row_5a019__attribute-progress-bar { width: 130px; min-width: 80px; max-width: 160px; height: 8px; background-color: hsl(var(--gray94)); border-radius: 4px; overflow: hidden; border: 1px solid hsl(var(--gray90)); display: block; } ._attempt_row_5a019__attribute-progress-fill { height: 100%; background-color: hsl(var(--blue)); border-radius: 4px; transition: width 0.3s ease; min-width: 1px; display: block; } ._settings_edit_6c8a1__option-group { border: 1px solid hsl(var(--border)); border-radius: 3px; margin-bottom: var(--spacing-vertical); overflow: hidden; } ._settings_edit_6c8a1__option { align-items: center; ; border-bottom: 1px solid hsl(var(--border)); display: flex; position: relative; } ._settings_edit_6c8a1__option:last-child { border-bottom: 0; } ._settings_edit_6c8a1__option-radio { margin-left: 1rem; margin-right: var(--spacing-horizontal-small); position: absolute; } ._settings_edit_6c8a1__option-label { cursor: pointer; display: block; flex: 1; padding: 15px; padding-left: 40px; } ._settings_edit_6c8a1__option-label:hover { background: hsl(var(--form-input-focus) / 0.05); } ._settings_edit_6c8a1__setting-title { align-items: center; display: flex; font-weight: 600; gap: .5rem; margin: 0; } ._settings_edit_6c8a1__setting-icon { font-size: 1.25em; vertical-align: middle; } ._settings_edit_6c8a1__setting-description { line-height: var(--line-height-medium); margin-bottom: 0; margin-top: 0.5em; } ._audit_6710b__audit { align-items: center; border-top: 1px solid hsl(var(--border) / .5); display: flex; gap: .5rem; padding: 1rem; } ._audit_6710b__audit ._audit_6710b__show-details { font-size: 0.8rem; margin-left: auto; } ._audit_6710b__audit date { font-size: 0.8rem; color: hsl(var(--gray50)); width: 4.5rem; } ._audit_6710b__audit ._audit_6710b__audit-message { display: flex; gap: .3em; } ._audit_6710b__audit p { margin: 0; } ._audit_6710b__audit:first-child { border-top: none; } ._audit_6710b__audit ._audit_6710b__badge { font-size: 0.8rem; margin-left: auto; } ._audit_6710b__audit._audit_6710b__created ._audit_6710b__badge { color: hsl(var(--success) / .7); } ._audit_6710b__audit._audit_6710b__updated ._audit_6710b__badge { color: hsl(var(--primary) / .5); } ._audit_6710b__audit._audit_6710b__deleted ._audit_6710b__badge { color: hsl(var(--danger) / .5); } ._audit_6710b__evenly-distributed th, ._audit_6710b__evenly-distributed td { width: 50%; } ._audit_6710b__evenly-distributed th:first-child, ._audit_6710b__evenly-distributed td:first-child { padding-left: var(--spacing-horizontal); padding-right: calc(var(--spacing-horizontal-small) / 2); } ._audit_6710b__evenly-distributed th:last-child, ._audit_6710b__evenly-distributed td:last-child { padding-left: calc(var(--spacing-horizontal-small) / 2); padding-right: var(--spacing-horizontal); } ._audits_4ffcd__evenly-distributed th, ._audits_4ffcd__evenly-distributed td { width: 50%; } ._audits_4ffcd__evenly-distributed th:first-child, ._audits_4ffcd__evenly-distributed td:first-child { padding-left: var(--spacing-horizontal); padding-right: calc(var(--spacing-horizontal-small) / 2); } ._audits_4ffcd__evenly-distributed th:last-child, ._audits_4ffcd__evenly-distributed td:last-child { padding-left: calc(var(--spacing-horizontal-small) / 2); padding-right: var(--spacing-horizontal); } ._audits_4ffcd__audit-diffs { display: flex; flex: 1; width: 100%; } ._audits_4ffcd__audit-original { margin-right: var(--spacing-horizontal-small); } ._audits_4ffcd__diff { width: 50%; } ._audits_4ffcd__diff ul._audits_4ffcd__content { padding-left: var(--spacing-horizontal-large); } ._audits_4ffcd__deleted { background-color: hsl(var(--deleted-light)); } ._audits_4ffcd__inserted { background-color: hsl(var(--inserted-light)); } ._audits_4ffcd__original-content { background-color: hsl(var(--deleted)); } ._audits_4ffcd__changed-content { background-color: hsl(var(--inserted)); } ._audits_4ffcd__content { border-radius: 3px; height: 100%; line-height: 1.5em; margin: 0; padding: var(--spacing-vertical-small) var(--spacing-horizontal-small); } ._badge_2fc1e__BadgeCell { --base-size: 17px; background: hsl(var(--gray50)); border: 1px solid hsl(var(--gray50)); color: hsl(var(--white)); } ._badge_2fc1e__BadgeCell._badge_2fc1e__variant-ghost { background: transparent; color: hsl(var(--gray50)); } ._badge_2fc1e__BadgeCell { border-radius: 0.25rem; display: inline-block; font-size: var(--font-size-badge-default); font-weight: 400; line-height: 1; padding: 0.2rem 0.5em; text-align: center; white-space: nowrap; } ._badge_2fc1e__disabled { background: hsl(var(--disabled-item-icon)); border: 1px solid hsl(var(--disabled-item-icon)); color: hsl(var(--disabled-item-text)); } ._badge_2fc1e__disabled._badge_2fc1e__variant-ghost { background: transparent; color: hsl(var(--disabled-item-icon)); } /* Variants */ ._badge_2fc1e__variant-red, ._badge_2fc1e__variant-danger, ._badge_2fc1e__variant-error { background: hsl(var(--danger)); border: 1px solid hsl(var(--danger)); color: hsl(var(--white)); } ._badge_2fc1e__variant-red._badge_2fc1e__variant-ghost, ._badge_2fc1e__variant-danger._badge_2fc1e__variant-ghost, ._badge_2fc1e__variant-error._badge_2fc1e__variant-ghost { background: transparent; color: hsl(var(--danger)); } ._badge_2fc1e__variant-green, ._badge_2fc1e__variant-success { background: hsl(var(--green)); border: 1px solid hsl(var(--green)); color: hsl(var(--white)); } ._badge_2fc1e__variant-green._badge_2fc1e__variant-ghost, ._badge_2fc1e__variant-success._badge_2fc1e__variant-ghost { background: transparent; color: hsl(var(--green)); } ._badge_2fc1e__variant-yellow, ._badge_2fc1e__variant-warning, ._badge_2fc1e__variant-warn { background: hsl(var(--yellow)); border: 1px solid hsl(var(--yellow)); color: hsl(var(--black)); } ._badge_2fc1e__variant-yellow._badge_2fc1e__variant-ghost, ._badge_2fc1e__variant-warning._badge_2fc1e__variant-ghost, ._badge_2fc1e__variant-warn._badge_2fc1e__variant-ghost { background: transparent; color: hsl(var(--yellow)); } ._badge_2fc1e__variant-neutral { background: hsl(var(--primary)); border: 1px solid hsl(var(--primary)); color: hsl(var(--white)); } ._badge_2fc1e__variant-neutral._badge_2fc1e__variant-ghost { background: transparent; color: hsl(var(--primary)); } ._badge_2fc1e__variant-blue { background: hsl(var(--blue)); border: 1px solid hsl(var(--blue)); color: hsl(var(--white)); } ._badge_2fc1e__variant-blue._badge_2fc1e__variant-ghost { background: transparent; color: hsl(var(--blue)); } ._badge_2fc1e__variant-counter { background: hsl(var(--gray90)); border: 1px solid hsl(var(--gray85)); color: hsl(var(--text)); } ._badge_2fc1e__variant-counter._badge_2fc1e__variant-ghost { background: transparent; color: hsl(var(--gray90)); } ._badge_2fc1e__variant-counter { border-radius: calc(var(--base-size) / 2); font-size: var(--font-size-badge-small); line-height: calc(var(--base-size) - 2px); min-width: var(--base-size); padding: 0 0.3em; } ._badge_2fc1e__variant-code { background: hsl(var(--gray90)); border: 1px solid hsl(var(--gray85)); color: hsl(var(--text)); } ._badge_2fc1e__variant-code._badge_2fc1e__variant-ghost { background: transparent; color: hsl(var(--gray90)); } ._badge_2fc1e__variant-code { font-family: var(--font-family-monospace); font-size: var(--font-size-badge-small); text-transform: uppercase; padding-top: 0.3em; vertical-align: bottom; } ._badge_2fc1e__variant-code._badge_2fc1e__variant-ghost { border-color: hsl(var(--meta) / 50%); color: hsl(var(--meta)); } ._badge_2fc1e__variant-capitalized { font-size: var(--font-size-badge-small); line-height: var(--base-size); text-transform: uppercase; } ._badge_2fc1e__variant-pill { border-radius: calc(var(--base-size) / 2); padding: 2px 5px; } ._badge_2fc1e__variant-small { font-size: calc(var(--font-size-badge-default) * 0.85); } ._badge_2fc1e__variant-small._badge_2fc1e__variant-capitalized, ._badge_2fc1e__variant-small._badge_2fc1e__variant-counter { font-size: calc(var(--font-size-badge-small) * 0.85); } ._badge_2fc1e__variant-large { font-size: calc(var(--font-size-badge-default) * 1.25); } ._badge_2fc1e__variant-large._badge_2fc1e__variant-capitalized, ._badge_2fc1e__variant-large._badge_2fc1e__variant-counter { font-size: calc(var(--font-size-badge-small) * 1.25); } ._badge_2fc1e__variant-ghost._badge_2fc1e__variant-suspended { border-color: hsl(var(--suspended)); color: hsl(var(--suspended)); } ._badge_2fc1e__variant-ghost._badge_2fc1e__variant-inherit { border-color: currentColor; color: inherit; } ._billing_details_form_7126d__contact-toggle:not([hidden]) { cursor: pointer; display: block; margin-bottom: 1rem; } ._billing_details_form_7126d__inline-inputs { display: flex; flex-direction: column; } @media only screen and (min-width: 544px) { ._billing_details_form_7126d__inline-inputs { flex-direction: row; gap: 1rem } } ._billing_details_form_7126d__inline-inputs > label, ._billing_details_form_7126d__inline-inputs > ._billing_details_form_7126d__inline-inputs { flex-direction: row !important; } ._billing_details_form_7126d__inline-inputs > label, ._billing_details_form_7126d__inline-inputs > ._billing_details_form_7126d__inline-inputs { flex: 1; gap: 1rem; } /* Ensure both input and select containers take same space */ ._billing_details_form_7126d__inline-inputs > ._billing_details_form_7126d__inline-inputs > div { flex: 1; position: relative; } ._billing_details_form_7126d__inline-inputs > ._billing_details_form_7126d__inline-inputs > div[hidden] { display: none !important; } ._billing_details_form_7126d__inline-inputs > ._billing_details_form_7126d__inline-inputs > div:not([hidden]) { display: flex; } ._billing_details_form_7126d__inline-inputs > ._billing_details_form_7126d__inline-inputs > div:not([hidden]) > label { flex: 1; position: relative; white-space: nowrap; width: 100%; } ._billing_details_form_7126d__inline-inputs > ._billing_details_form_7126d__inline-inputs > div ._billing_details_form_7126d__spinner { animation: _billing_details_form_7126d__spin 1s linear infinite; border: 5px solid hsl(var(--gray80)); border-radius: 50%; border-top-color: hsl(var(--primary)); height: 1.5rem; width: 1.5rem; position: absolute; left: 0.75em; top: 0%; transform: translateY(-50%); pointer-events: none; z-index: 10; margin-top: 12px; /* Adjust to align with input field */ } ._billing_details_form_7126d__option-group { margin-bottom: 1rem; } @media only screen and (min-width: 544px) { ._billing_details_form_7126d__option-group { margin-bottom: 2rem } } ._billing_details_form_7126d__option-group > div h4 { line-height: 1; } @keyframes _billing_details_form_7126d__spin { 0% { transform: rotateZ(0); } 100% { transform: rotateZ(1turn); } } ._breadcrumbs_716e7__BreadcrumbsCell { display: block; margin: 10px 0 0; padding: 0; } ._breadcrumbs_716e7__breadcrumb { display: inline-block; margin: 0 -1px; } ._breadcrumbs_716e7__icon._breadcrumbs_716e7__up { font-size: 0.7rem; } @media print { ._breadcrumbs_716e7__icon._breadcrumbs_716e7__up { display: none } } ._breadcrumbs_716e7__breadcrumb-link { color: hsl(var(--text-light)); -webkit-text-decoration: none; text-decoration: none; transition: color var(--duration-short) ease; } ._breadcrumbs_716e7__breadcrumb-link:hover { color: hsl(var(--primary)); } ._breadcrumbs_716e7__new-breadcrumbs-container { align-items: center; display: flex; flex-wrap: wrap; font-size: 0.875rem; margin: 0rem 0 1.5rem; } ._breadcrumbs_716e7__new-breadcrumbs-container a { color: #737577; } ._breadcrumbs_716e7__new-breadcrumbs-container ._breadcrumbs_716e7__crumb { color: #737577; max-width: 160px; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; } ._breadcrumbs_716e7__new-breadcrumbs-container ._breadcrumbs_716e7__code { color: #737577; } ._breadcrumbs_716e7__new-breadcrumbs-container svg, ._breadcrumbs_716e7__new-breadcrumbs-container ._breadcrumbs_716e7__chevron { color: #b3b5b7; height: 0.8rem; margin: 0 0.25rem; width: 1rem; } ._breadcrumbs_716e7__new-breadcrumbs-container._breadcrumbs_716e7__no-margin { margin: 0; } ._breadcrumbs_716e7__new-breadcrumbs-container._breadcrumbs_716e7__variant-center { justify-content: center; } ._assessment_form_c42ed__Browse-Competence-AssessmentFormCell { align-items: center; background: rgba(227, 235, 243, 0.5); border-radius: .3rem; display: flex; min-height: 41px; padding: .5rem; } ._assessment_form_c42ed__Browse-Competence-AssessmentFormCell a { cursor: pointer; font-size: .875rem; -webkit-text-decoration: none; text-decoration: none; } ._assessment_form_c42ed__Browse-Competence-AssessmentFormCell a:hover { -webkit-text-decoration: underline; text-decoration: underline; } ._assessment_form_c42ed__Browse-Competence-AssessmentFormCell form input { margin-left: .5rem; } ._assessment_form_c42ed__Browse-Competence-AssessmentFormCell form button[type="submit"] { background: hsl(var(--success)); border: 1px solid hsl(var(--success)); border-radius: 3px; box-shadow: 0 1000px 0 rgba(0, 0, 0, 0) inset; color: hsl(var(--white)); cursor: pointer; font-size: .875rem; padding: .2rem .5rem; } ._assessment_form_c42ed__Browse-Competence-AssessmentFormCell form button[type="submit"]:not(:disabled):hover { box-shadow: 0 0 1px 1px hsl(var(--success)); } ._fetch_rating_45683__Browse-Competence-FetchRatingCell { align-items: center; background: rgba(227, 235, 243, 0.5); border-radius: .3rem; color: rgb(142, 142, 142); display: flex; min-height: 41px; height: 100%; padding: .5rem; } ._rating_70125__competence-rating { align-items: center; background: rgba(227, 235, 243, 0.5); border-radius: .3rem; display: flex; justify-content: space-between; height: 100%; padding: .5rem; } ._rating_70125__assessed-at { color: rgb(142, 142, 142); font-size: .875rem; } ._re_rating_56b03__Browse-Competence-ReRatingCell { align-items: center; background: rgba(227, 235, 243, 0.5); border-radius: .3rem; display: flex; min-height: 41px; padding: .5rem; } ._re_rating_56b03__Browse-Competence-ReRatingCell > div { flex: 1; } ._re_rating_56b03__Browse-Competence-ReRatingCell a { cursor: pointer; font-size: .875rem; -webkit-text-decoration: none; text-decoration: none; } ._re_rating_56b03__Browse-Competence-ReRatingCell a:hover { -webkit-text-decoration: underline; text-decoration: underline; } ._re_rating_56b03__Browse-Competence-ReRatingCell form input { margin-left: .5rem; } ._re_rating_56b03__Browse-Competence-ReRatingCell form button[type="submit"] { background: hsl(var(--success)); border: 1px solid hsl(var(--success)); border-radius: 3px; box-shadow: 0 1000px 0 rgba(0, 0, 0, 0) inset; color: hsl(var(--white)); cursor: pointer; font-size: .875rem; padding: .2rem .5rem; } ._re_rating_56b03__Browse-Competence-ReRatingCell form button[type="submit"]:not(:disabled):hover { box-shadow: 0 0 1px 1px hsl(var(--success)); } ._re_rating_56b03__competence-rating { display: flex; justify-content: space-between; } ._re_rating_56b03__assessed-at { color: rgb(142, 142, 142); margin-left: .5rem; font-size: .875rem; } ._button_649d8__ButtonCell { /* Uses assets/css/mixins/button.css */ -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border-radius: 3px; color: inherit; cursor: pointer; display: inline-block; font-family: var(--font-family-base); font-size: var(--font-size-medium); line-height: 1; padding: 0.65em 0.8em; text-align: center; -webkit-text-decoration: none; text-decoration: none; transition: border var(--duration-shorter) ease, box-shadow var(--duration-shorter) ease, color var(--duration-shorter) ease, opacity var(--duration-shorter) ease; -webkit-user-select: none; -moz-user-select: none; user-select: none; white-space: nowrap; } ._button_649d8__ButtonCell:disabled, ._button_649d8__ButtonCell[disabled] { cursor: not-allowed; opacity: 0.5; } ._button_649d8__ButtonCell .icon { margin-right: 0.2em; } @supports (-ms-ime-align: auto) { ._button_649d8__ButtonCell ._button_649d8__icon-align-right::before { vertical-align: -18% !important } ._button_649d8__ButtonCell ._button_649d8__icon-align-right::before { line-height: 1 } } /* MS IE10+ icon vertical alignment fix */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { ._button_649d8__ButtonCell ._button_649d8__icon-align-right::before { vertical-align: -18% !important } ._button_649d8__ButtonCell ._button_649d8__icon-align-right::before { line-height: 1 } } ._button_649d8__ButtonCell ._button_649d8__icon-align-right { margin-left: 0.4rem; margin-right: 0; } ._button_649d8__ButtonCell ._button_649d8__icon-only { margin: 0; } /* Variants */ /* See assets/css/mixins/button.css */ ._button_649d8__variant-ghost._button_649d8__variant-inherit { background: transparent; border: 0; color: inherit; position: relative; } ._button_649d8__variant-ghost._button_649d8__variant-inherit::before { border: 1px solid currentColor; border-radius: inherit; bottom: 0; content: ""; left: 0; opacity: 0.65; position: absolute; right: 0; top: 0; } ._button_649d8__variant-default, ._button_649d8__variant-secondary { background: hsl(var(--gray93)); border: 1px solid hsl(var(--gray93)); box-shadow: 0 1000px 0 rgba(0, 0, 0, 0) inset; color: hsl(var(--text)); } ._button_649d8__variant-default:not(:disabled):not([disabled]):hover, ._button_649d8__variant-secondary:not(:disabled):not([disabled]):hover { box-shadow: 0 1000px 0 rgba(0, 0, 0, 0.06) inset; } ._button_649d8__variant-default._button_649d8__variant-ghost, ._button_649d8__variant-secondary._button_649d8__variant-ghost { background: transparent; border-color: hsl(var(--gray93) / 0.7); color: hsl(var(--gray93)); } ._button_649d8__variant-default._button_649d8__variant-ghost:not(:disabled):not([disabled]):hover, ._button_649d8__variant-secondary._button_649d8__variant-ghost:not(:disabled):not([disabled]):hover { border-color: hsl(var(--gray93)); box-shadow: none; filter: brightness(0.9); } ._button_649d8__variant-default._button_649d8__variant-ghost, ._button_649d8__variant-secondary._button_649d8__variant-ghost { border-color: hsl(var(--gray80)); color: hsl(var(--gray40)); } ._button_649d8__variant-default._button_649d8__variant-ghost:not(:disabled):not([disabled]):hover, ._button_649d8__variant-secondary._button_649d8__variant-ghost:not(:disabled):not([disabled]):hover { border-color: hsl(var(--gray72)); } ._button_649d8__variant-white { background: hsl(var(--white)); border: 1px solid hsl(var(--white)); box-shadow: 0 1000px 0 rgba(0, 0, 0, 0) inset; color: hsl(var(--text)); } ._button_649d8__variant-white:not(:disabled):not([disabled]):hover { box-shadow: 0 1000px 0 rgba(0, 0, 0, 0.06) inset; } ._button_649d8__variant-white._button_649d8__variant-ghost { background: transparent; border-color: hsl(var(--white) / 0.7); color: hsl(var(--white)); } ._button_649d8__variant-white._button_649d8__variant-ghost:not(:disabled):not([disabled]):hover { border-color: hsl(var(--white)); box-shadow: none; filter: brightness(0.9); } ._button_649d8__variant-white._button_649d8__variant-ghost { border-color: hsl(var(--white) / 50%); color: hsl(var(--white)); } ._button_649d8__variant-white._button_649d8__variant-ghost:not(:disabled):not([disabled]):hover { border-color: hsl(var(--white) / 45%); } ._button_649d8__variant-primary { background: hsl(var(--primary)); border: 1px solid hsl(var(--primary)); box-shadow: 0 1000px 0 rgba(0, 0, 0, 0) inset; color: hsl(var(--white)); } ._button_649d8__variant-primary:not(:disabled):not([disabled]):hover { box-shadow: 0 1000px 0 rgba(0, 0, 0, 0.06) inset; } ._button_649d8__variant-primary._button_649d8__variant-ghost { background: transparent; border-color: hsl(var(--primary) / 0.7); color: hsl(var(--primary)); } ._button_649d8__variant-primary._button_649d8__variant-ghost:not(:disabled):not([disabled]):hover { border-color: hsl(var(--primary)); box-shadow: none; filter: brightness(0.9); } ._button_649d8__variant-primary._button_649d8__variant-ghost { border-color: hsl(var(--primary) / 0.7); } ._button_649d8__variant-primary._button_649d8__variant-ghost:not(:disabled):not([disabled]):hover { border-color: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) * 0.8), 1); } ._button_649d8__variant-primary_alt { background-color: hsl(var(--primary) / 0.08); border: 1px solid hsl(var(--primary) / 0.3); border-radius: var(--size-border-radius); color: hsl(var(--primary)); font-weight: 600; line-height: 1; padding: 0.45rem 1rem; transition: background-color var(--duration-default) ease, border-color var(--duration-default) ease, color var(--duration-default) ease; } ._button_649d8__variant-primary_alt:not(:disabled):not([disabled]):hover { background-color: hsl(var(--primary) / 0.15); border-color: hsl(var(--primary) / 0.5); box-shadow: none; } ._button_649d8__variant-primary_alt._button_649d8__variant-ghost { background-color: transparent; } ._button_649d8__variant-primary_alt._button_649d8__variant-ghost:not(:disabled):not([disabled]):hover { background-color: hsl(var(--primary) / 0.08); } ._button_649d8__variant-flymary { background: hsl(var(--violet)); border: 1px solid hsl(var(--violet)); box-shadow: 0 1000px 0 rgba(0, 0, 0, 0) inset; color: hsl(var(--white)); } ._button_649d8__variant-flymary:not(:disabled):not([disabled]):hover { box-shadow: 0 1000px 0 rgba(0, 0, 0, 0.06) inset; } ._button_649d8__variant-flymary._button_649d8__variant-ghost { background: transparent; border-color: hsl(var(--violet) / 0.7); color: hsl(var(--violet)); } ._button_649d8__variant-flymary._button_649d8__variant-ghost:not(:disabled):not([disabled]):hover { border-color: hsl(var(--violet)); box-shadow: none; filter: brightness(0.9); } ._button_649d8__variant-flymary._button_649d8__variant-ghost { border-color: hsl(var(--royal-blue) / 0.7); } ._button_649d8__variant-flymary._button_649d8__variant-ghost:not(:disabled):not([disabled]):hover { border-color: hsl(var(--royal-blue-h), var(--royal-blue-s), calc(var(--royal-blue-l) * 0.8), 1); } ._button_649d8__variant-red, ._button_649d8__variant-danger { background: hsl(var(--danger)); border: 1px solid hsl(var(--danger)); box-shadow: 0 1000px 0 rgba(0, 0, 0, 0) inset; color: hsl(var(--white)); } ._button_649d8__variant-red:not(:disabled):not([disabled]):hover, ._button_649d8__variant-danger:not(:disabled):not([disabled]):hover { box-shadow: 0 1000px 0 rgba(0, 0, 0, 0.06) inset; } ._button_649d8__variant-red._button_649d8__variant-ghost, ._button_649d8__variant-danger._button_649d8__variant-ghost { background: transparent; border-color: hsl(var(--danger) / 0.7); color: hsl(var(--danger)); } ._button_649d8__variant-red._button_649d8__variant-ghost:not(:disabled):not([disabled]):hover, ._button_649d8__variant-danger._button_649d8__variant-ghost:not(:disabled):not([disabled]):hover { border-color: hsl(var(--danger)); box-shadow: none; filter: brightness(0.9); } ._button_649d8__variant-green, ._button_649d8__variant-success { background: hsl(var(--green)); border: 1px solid hsl(var(--green)); box-shadow: 0 1000px 0 rgba(0, 0, 0, 0) inset; color: hsl(var(--white)); } ._button_649d8__variant-green:not(:disabled):not([disabled]):hover, ._button_649d8__variant-success:not(:disabled):not([disabled]):hover { box-shadow: 0 1000px 0 rgba(0, 0, 0, 0.06) inset; } ._button_649d8__variant-green._button_649d8__variant-ghost, ._button_649d8__variant-success._button_649d8__variant-ghost { background: transparent; border-color: hsl(var(--green) / 0.7); color: hsl(var(--green)); } ._button_649d8__variant-green._button_649d8__variant-ghost:not(:disabled):not([disabled]):hover, ._button_649d8__variant-success._button_649d8__variant-ghost:not(:disabled):not([disabled]):hover { border-color: hsl(var(--green)); box-shadow: none; filter: brightness(0.9); } ._button_649d8__variant-blue { background: hsl(var(--blue-darker)); border: 1px solid hsl(var(--blue-darker)); box-shadow: 0 1000px 0 rgba(0, 0, 0, 0) inset; color: hsl(var(--white)); } ._button_649d8__variant-blue:not(:disabled):not([disabled]):hover { box-shadow: 0 1000px 0 rgba(0, 0, 0, 0.06) inset; } ._button_649d8__variant-blue._button_649d8__variant-ghost { background: transparent; border-color: hsl(var(--blue-darker) / 0.7); color: hsl(var(--blue-darker)); } ._button_649d8__variant-blue._button_649d8__variant-ghost:not(:disabled):not([disabled]):hover { border-color: hsl(var(--blue-darker)); box-shadow: none; filter: brightness(0.9); } ._button_649d8__variant-small { font-size: var(--font-size-small); padding: 0.3em 0.5em; } ._button_649d8__variant-pien { font-size: 0.9em; font-weight: 500; padding: 0.7em 1em; border-radius: 0.3rem; } ._button_649d8__variant-medium { padding: 0.5em; } ._button_649d8__variant-large { font-size: var(--font-size-large); } ._button_649d8__variant-wide { padding-left: 3em; padding-right: 3em; } ._button_649d8__variant-clear { background: hsla(0, 0%, 0%, 0); border: 1px solid hsla(0, 0%, 0%, 0); box-shadow: 0 1000px 0 rgba(0, 0, 0, 0) inset; color: hsl(var(--primary)); } ._button_649d8__variant-clear:not(:disabled):not([disabled]):hover { box-shadow: 0 1000px 0 rgba(0, 0, 0, 0.06) inset; } ._button_649d8__variant-clear._button_649d8__variant-ghost { background: transparent; border-color: hsla(0, 0%, 0%, 0); color: hsla(0, 0%, 0%, 0); } ._button_649d8__variant-clear._button_649d8__variant-ghost:not(:disabled):not([disabled]):hover { border-color: hsla(0, 0%, 0%, 0); box-shadow: none; filter: brightness(0.9); } ._button_649d8__variant-clear { padding-left: 0; padding-right: 0; } ._button_649d8__variant-clear:not(:disabled):not([disabled]):hover { box-shadow: none; color: hsl(var(--primary-h) var(--primary-s) 40%); } ._button_649d8__variant-clear_secondary { background: hsla(0, 0%, 0%, 0); border: 1px solid hsla(0, 0%, 0%, 0); box-shadow: 0 1000px 0 rgba(0, 0, 0, 0) inset; color: hsl(var(--gray40)); } ._button_649d8__variant-clear_secondary:not(:disabled):not([disabled]):hover { box-shadow: 0 1000px 0 rgba(0, 0, 0, 0.06) inset; } ._button_649d8__variant-clear_secondary._button_649d8__variant-ghost { background: transparent; border-color: hsla(0, 0%, 0%, 0); color: hsla(0, 0%, 0%, 0); } ._button_649d8__variant-clear_secondary._button_649d8__variant-ghost:not(:disabled):not([disabled]):hover { border-color: hsla(0, 0%, 0%, 0); box-shadow: none; filter: brightness(0.9); } ._button_649d8__variant-clear_secondary { padding-left: 0; padding-right: 0; } ._button_649d8__variant-clear_secondary:not(:disabled):not([disabled]):hover { box-shadow: none; color: hsl(var(--gray35)); } ._button_649d8__variant-link { background: hsla(0, 0%, 0%, 0); border: 1px solid hsla(0, 0%, 0%, 0); box-shadow: 0 1000px 0 rgba(0, 0, 0, 0) inset; color: hsl(var(--primary)); } ._button_649d8__variant-link:not(:disabled):not([disabled]):hover { box-shadow: 0 1000px 0 rgba(0, 0, 0, 0.06) inset; } ._button_649d8__variant-link._button_649d8__variant-ghost { background: transparent; border-color: hsla(0, 0%, 0%, 0); color: hsla(0, 0%, 0%, 0); } ._button_649d8__variant-link._button_649d8__variant-ghost:not(:disabled):not([disabled]):hover { border-color: hsla(0, 0%, 0%, 0); box-shadow: none; filter: brightness(0.9); } ._button_649d8__variant-link { padding: 0; -webkit-user-select: auto; -moz-user-select: auto; user-select: auto; } ._button_649d8__variant-link:not(:disabled):not([disabled]):hover { box-shadow: none; } ._button_649d8__variant-underline:not(:disabled):not([disabled]):hover { -webkit-text-decoration: underline; text-decoration: underline; } ._button_649d8__variant-rounded { border-radius: 9999px; } ._button_649d8__variant-transparent { --color: var(--text-color, inherit); background: oklch(from inherit calc(l + (1 - l) * 0.4) c h / 0.18); background: oklch(from var(--color) calc(l + (1 - l) * 0.4) c h / 0.18); border: 0; color: inherit; color: var(--color); } ._button_649d8__variant-transparent:not(:disabled):not([disabled]):hover { background: oklch(from var(--color) calc(l + (1 - l) * 0.4) c h / 0.25); box-shadow: none; } ._certificate_icon_d39e2__CertificateIconCell { border: 2px solid hsl(var(--gray85)); border-radius: 3px; color: hsl(var(--gray50)); display: inline-block; font-size: 20px; line-height: 1; margin-bottom: 12px; min-height: 34px; padding: 5px 0; position: relative; text-align: center; vertical-align: top; width: 42px; } ._certificate_icon_d39e2__CertificateIconCell::after { background: hsl(var(--gray85)); bottom: -14px; content: ""; display: block; height: 12px; left: 50%; margin-left: -6px; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 12'%3E%3Cpath d='M13 12 6.5 7.08 0 12V0h1.99v8.09l4.51-3.4L11 8.08V0h2v12z' fill-rule='evenodd' clip-rule='evenodd'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 12'%3E%3Cpath d='M13 12 6.5 7.08 0 12V0h1.99v8.09l4.51-3.4L11 8.08V0h2v12z' fill-rule='evenodd' clip-rule='evenodd'/%3E%3C/svg%3E"); position: absolute; width: 13px; } ._certificate_icon_d39e2__indicator { position: absolute; right: -8px; top: -8px; } ._achieve_message_d986a__Certificate-AchieveMessageCell { align-items: center; display: flex; flex-direction: column; margin-bottom: var(--spacing-vertical-large); padding: var(--spacing-vertical) 0; } ._achieve_message_d986a__content { color: hsl(var(--meta)); padding-left: calc(50px + var(--spacing-horizontal-small)); position: relative; text-align: left; } ._achieve_message_d986a__content._achieve_message_d986a__no-icon { padding-left: 0; } ._achieve_message_d986a__icon { background: hsl(var(--meta)); height: 50px; left: 0; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='m10 .594-.719.687-7 7a1.014 1.014 0 0 0 0 1.438c.399.398 1.04.398 1.438 0L9 4.438V15c0 8.5 6.633 15.414 15 15.938V50h2V30.906c8.363-.527 15-7.41 15-15.906V4.437l5.281 5.282c.399.398 1.04.398 1.438 0a1.014 1.014 0 0 0 0-1.438l-7-7L40 .594l-.719.687-7 7a1.014 1.014 0 0 0 0 1.438c.399.398 1.04.398 1.438 0L39 4.438V15c0 7.762-6.238 14-14 14s-14-6.238-14-14V4.437l5.281 5.282c.399.398 1.04.398 1.438 0a1.014 1.014 0 0 0 0-1.438l-7-7z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='m10 .594-.719.687-7 7a1.014 1.014 0 0 0 0 1.438c.399.398 1.04.398 1.438 0L9 4.438V15c0 8.5 6.633 15.414 15 15.938V50h2V30.906c8.363-.527 15-7.41 15-15.906V4.437l5.281 5.282c.399.398 1.04.398 1.438 0a1.014 1.014 0 0 0 0-1.438l-7-7L40 .594l-.719.687-7 7a1.014 1.014 0 0 0 0 1.438c.399.398 1.04.398 1.438 0L39 4.438V15c0 7.762-6.238 14-14 14s-14-6.238-14-14V4.437l5.281 5.282c.399.398 1.04.398 1.438 0a1.014 1.014 0 0 0 0-1.438l-7-7z'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100%; mask-size: 100%; opacity: 0.3; position: absolute; top: 0; width: 50px; } ._achieve_message_d986a__title { font-size: var(--font-size-heading-medium); font-weight: 300; } ._achieve_message_d986a__description { font-size: 0.9em; margin-top: 0.6em; opacity: 0.8; } ._category_b593c__Certificate-CategoryCell { color: hsl(var(--meta)); display: inline-block; font-size: var(--font-size-capitalized-small); text-transform: uppercase; } ._certified_status_390b2__Certificate-CertifiedStatusCell { border-bottom: 1px solid hsl(var(--border-alpha)); border-top: 1px solid hsl(var(--border-alpha)); margin: var(--spacing-vertical) 0; padding: var(--spacing-vertical-large) 0; position: relative; } ._certified_status_390b2__Certificate-CertifiedStatusCell ._certified_status_390b2__user-name { margin: 0; } ._certified_status_390b2__Certificate-CertifiedStatusCell ._certified_status_390b2__status-text { color: hsl(var(--red)); font-size: var(--font-size-large); margin-top: var(--spacing-vertical-small); } ._certified_status_390b2__Certificate-CertifiedStatusCell ._certified_status_390b2__icon { background-color: hsl(var(--danger)); border-radius: 50%; box-sizing: content-box; color: hsl(var(--white)); display: inline-block; font-size: 0.7em; height: 20px; line-height: 20px; margin-right: 0.5em; text-align: center; vertical-align: middle; width: 20px; } @media only screen and (min-width: 768px) { ._certified_status_390b2__Certificate-CertifiedStatusCell ._certified_status_390b2__icon { height: 20px; line-height: 20px; width: 20px } } ._certified_status_390b2__Certificate-CertifiedStatusCell._certified_status_390b2__certified ._certified_status_390b2__icon { background-color: hsl(var(--success)); color: hsl(var(--white)); } ._certified_status_390b2__Certificate-CertifiedStatusCell._certified_status_390b2__certified ._certified_status_390b2__status-text { color: hsl(var(--success)); } ._certified_status_390b2__Certificate-CertifiedStatusCell._certified_status_390b2__suspended ._certified_status_390b2__icon { background-color: hsl(var(--suspended)); } ._certified_status_390b2__Certificate-CertifiedStatusCell._certified_status_390b2__suspended ._certified_status_390b2__status-text { color: hsl(var(--suspended)); } ._certified_status_390b2__Certificate-CertifiedStatusCell._certified_status_390b2__suspended._certified_status_390b2__certified ._certified_status_390b2__status-text { -webkit-text-decoration: line-through; text-decoration: line-through; } ._certified_status_390b2__Certificate-CertifiedStatusCell ._certified_status_390b2__avatar { display: inline-block; margin-right: var(--spacing-horizontal); } ._certified_status_390b2__Certificate-CertifiedStatusCell ._certified_status_390b2__certified-status-text { display: inline-block; vertical-align: middle; } ._certified_timeline_ecd08__canvas { /* Used in javascript */ } ._completion_indicator_fba12__Certificate-CompletionIndicatorCell { align-items: center; background: transparent; border-radius: 50%; color: hsl(var(--white)); display: inline-flex; } @media print {._completion_indicator_fba12__Certificate-CompletionIndicatorCell { color: rgba(0, 0, 0, 0) !important; text-shadow: 0 0 0 white !important }._completion_indicator_fba12__Certificate-CompletionIndicatorCell { box-shadow: 0 0 0 100px hsl(var(--danger)) inset; -webkit-print-color-adjust: exact } } ._completion_indicator_fba12__achieved { background: hsl(var(--success)); } @media print { ._completion_indicator_fba12__achieved { box-shadow: 0 0 0 100px hsl(var(--success)) inset } } ._completion_indicator_fba12__not-achieved { background: hsl(var(--danger)); } @media print { ._completion_indicator_fba12__not-achieved { box-shadow: 0 0 0 100px hsl(var(--danger)) inset } } ._completion_indicator_fba12__suspended { background: hsl(var(--suspended-lighter)); } @media print { ._completion_indicator_fba12__suspended { box-shadow: 0 0 0 100px hsl(var(--suspended-lighter)) inset } } ._completion_indicator_fba12__check { background: hsl(var(--white)); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m18.29 5.28-11 10.94-.84-.75-4.74-4.56 1.56-1.56 4 3.81 9.39-9.39z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m18.29 5.28-11 10.94-.84-.75-4.74-4.56 1.56-1.56 4 3.81 9.39-9.39z'/%3E%3C/svg%3E"); } ._completion_indicator_fba12__cross { background: hsl(var(--white)); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m16.29 2.14 1.57 1.57L11.57 10l6.29 6.29-1.57 1.57L10 11.57l-6.29 6.29-1.57-1.57L8.43 10 2.14 3.71l1.57-1.57L10 8.43z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m16.29 2.14 1.57 1.57L11.57 10l6.29 6.29-1.57 1.57L10 11.57l-6.29 6.29-1.57-1.57L8.43 10 2.14 3.71l1.57-1.57L10 8.43z'/%3E%3C/svg%3E"); } ._completion_indicator_fba12__icon { margin: auto; } ._completion_indicator_fba12__xs { height: 11px; width: 11px; } ._completion_indicator_fba12__xs ._completion_indicator_fba12__icon { height: 7px; width: 7px; } ._completion_indicator_fba12__s { height: 17px; width: 17px; } ._completion_indicator_fba12__s ._completion_indicator_fba12__icon { height: 11px; width: 11px; } ._completion_indicator_fba12__m { height: 21px; width: 21px; } ._completion_indicator_fba12__m ._completion_indicator_fba12__icon { height: 13px; width: 13px; } ._completion_indicator_fba12__l { height: 25px; width: 25px; } ._completion_indicator_fba12__l ._completion_indicator_fba12__icon { height: 15px; width: 15px; } ._completion_indicator_fba12__xl { height: 33px; width: 33px; } ._completion_indicator_fba12__xl ._completion_indicator_fba12__icon { height: 21px; width: 21px; } ._completion_indicator_fba12__screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal; } ._condition_item_08ced__Certificate-ConditionItemCell { border-bottom: 1px solid hsl(var(--border-alpha)); } ._condition_item_08ced__Certificate-ConditionItemCell:last-child { border-bottom: 0; } ._condition_item_08ced__Certificate-ConditionItemCell:last-child ._condition_item_08ced__item { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } ._condition_item_08ced__Certificate-ConditionItemCell ._condition_item_08ced__item { color: inherit; display: flex; padding-bottom: var(--spacing-vertical-large); padding-top: var(--spacing-vertical-large); } ._condition_item_08ced__Certificate-ConditionItemCell ._condition_item_08ced__link { -webkit-text-decoration: none; text-decoration: none; transition: background var(--duration-short) ease; } ._condition_item_08ced__Certificate-ConditionItemCell ._condition_item_08ced__link:hover { background: hsl(var(--link-block-background)); } ._condition_item_08ced__Certificate-ConditionItemCell ._condition_item_08ced__link:hover ._condition_item_08ced__icon { transform: scale(1.15); transform-origin: center; } ._condition_item_08ced__Certificate-ConditionItemCell ._condition_item_08ced__disabled { background-color: hsl(var(--disabled-item-background)); } ._condition_item_08ced__Certificate-ConditionItemCell ._condition_item_08ced__disabled ._condition_item_08ced__title, ._condition_item_08ced__Certificate-ConditionItemCell ._condition_item_08ced__disabled ._condition_item_08ced__description, ._condition_item_08ced__Certificate-ConditionItemCell ._condition_item_08ced__disabled ._condition_item_08ced__not-available { color: hsl(var(--disabled-item-text)); } ._condition_item_08ced__Certificate-ConditionItemCell ._condition_item_08ced__disabled ._condition_item_08ced__title { font-weight: 400; } ._condition_item_08ced__Certificate-ConditionItemCell ._condition_item_08ced__disabled ._condition_item_08ced__description, ._condition_item_08ced__Certificate-ConditionItemCell ._condition_item_08ced__disabled ._condition_item_08ced__not-available { font-weight: 300; } ._condition_item_08ced__fulfilled { box-shadow: inset 4px 0 0 hsl(var(--success)); } ._condition_item_08ced__icon { margin-right: var(--spacing-horizontal-small); transition: transform var(--duration-long) ease; } @media only screen and (min-width: 768px) { ._condition_item_08ced__icon { margin-right: var(--spacing-horizontal) } } ._condition_item_08ced__info { flex: 1; } ._condition_item_08ced__info >div { color: hsl(var(--text-light)); font-size: 0.9em; } ._condition_item_08ced__title { font-weight: 700; margin: 0.1em 0 0.3em; } ._condition_item_08ced__description { margin-bottom: 0.5em; } ._condition_item_08ced__not-available { margin: 0; } ._condition_item_08ced__assessment-type { font-size: 0.8rem; margin-left: 0.5em; vertical-align: bottom; } ._condition_item_08ced__dialog ._condition_item_08ced__course-card { margin-bottom: 2rem; } @media only screen and (max-width: 767px) { ._condition_item_08ced__dialog ._condition_item_08ced__course-card { max-width: 25rem } } ._condition_item_08ced__dialog img { margin: 1rem auto; } ._condition_item_08ced__dialog ._condition_item_08ced__center-aligned { margin: 1rem auto; max-width: 20rem; text-align: center; } ._epa_clause_46a7f__epa { align-items: center; display: flex; padding-bottom: var(--spacing-vertical-large); padding-top: var(--spacing-vertical-large); padding-left: var(--spacing-horizontal); padding-right: var(--spacing-horizontal); position: relative; } ._epa_clause_46a7f__epa-icon { margin-right: var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { ._epa_clause_46a7f__epa-icon { margin-right: var(--spacing-horizontal) } } ._epa_clause_46a7f__epa-icon svg { height: 50px; width: 50px; } ._epa_clause_46a7f__info { flex: 1; } ._epa_clause_46a7f__description { color: hsl(var(--text-light)); font-size: 0.9em; margin: 0; } ._epa_clause_46a7f__title { font-weight: 700; margin: 0.1em 0 0.3em; } ._epa_clause_46a7f__title ._epa_clause_46a7f__badge { margin-left: 0.5rem; } ._epa_clause_46a7f__tooltip-trigger-icon { margin-right: 3px; } ._epa_clause_46a7f__condition-dropdown { position: absolute; right: 30px; top: 45px; } ._epa_clause_46a7f__tooltip-block { display: block; } ._epa_clause_46a7f__enrolled { box-shadow: inset 4px 0 0 hsl(var(--primary)); } ._epa_clause_46a7f__achieved { box-shadow: inset 4px 0 0 hsl(var(--success)); } ._header_b7f16__Certificate-HeaderCell { border-bottom: 1px solid hsl(var(--border-alpha)); margin-bottom: var(--spacing-vertical); padding: 10px 0 var(--spacing-vertical) 55px; position: relative; } @media only screen and (min-width: 768px) {._header_b7f16__Certificate-HeaderCell { padding-bottom: var(--spacing-vertical-large); padding-left: 75px } } ._header_b7f16__Certificate-HeaderCell ._header_b7f16__title { margin: 0; } ._header_b7f16__Certificate-HeaderCell ._header_b7f16__boosted-badge { background: rgba(235, 64, 52, 0.06); border: 1px solid rgba(235, 64, 52, 0.35); border-radius: 999px; box-shadow: 0 1px 3px rgba(235, 64, 52, 0.12); color: #e04234; display: inline-flex; align-items: center; font-size: 0.75rem; font-weight: 600; gap: 0.2rem; line-height: 1; margin-left: 0.5rem; padding: 0.2rem 0.5rem; vertical-align: middle; white-space: nowrap; } ._header_b7f16__Certificate-HeaderCell ._header_b7f16__sub-title { align-items: center; display: flex; margin-bottom: 4px; min-height: 26px; } ._header_b7f16__Certificate-HeaderCell ._header_b7f16__status-text { color: hsl(var(--red)); flex: 1; font-size: var(--font-size-large); margin-right: 5px; } ._header_b7f16__Certificate-HeaderCell ._header_b7f16__icon { border: 2px solid hsl(var(--danger)); border-radius: 50%; box-sizing: content-box; color: hsl(var(--danger)); display: inline-block; height: 40px; left: 0; line-height: 38px; /* fixes vertical alignment */ margin-right: 0.5em; position: absolute; text-align: center; width: 40px; } @media only screen and (min-width: 768px) { ._header_b7f16__Certificate-HeaderCell ._header_b7f16__icon { border-width: 3px; height: 50px; line-height: 47px; /* fixes vertical alignment */ width: 50px } } ._header_b7f16__Certificate-HeaderCell._header_b7f16__certified ._header_b7f16__icon { border-color: hsl(var(--success)); color: hsl(var(--success)); } ._header_b7f16__Certificate-HeaderCell._header_b7f16__certified ._header_b7f16__status-text { color: hsl(var(--success)); } ._header_b7f16__Certificate-HeaderCell._header_b7f16__suspended ._header_b7f16__icon { border-color: hsl(var(--suspended)); color: hsl(var(--suspended)); } ._header_b7f16__Certificate-HeaderCell._header_b7f16__suspended ._header_b7f16__status-text { color: hsl(var(--suspended)); } ._header_b7f16__Certificate-HeaderCell._header_b7f16__suspended._header_b7f16__certified ._header_b7f16__status-text { -webkit-text-decoration: line-through; text-decoration: line-through; } ._required_badge_0e030__badge { cursor: help; } ._required_badge_0e030__badge ._required_badge_0e030__icon { font-size: 0.5em; margin-left: 0.5em; } ._required_badge_0e030__badge ._required_badge_0e030__icon::before { vertical-align: baseline; } ._required_badge_0e030__requirements-list { color: hsl(var(--meta)); list-style: none; margin: 0; padding: var(--spacing-vertical-small) var(--spacing-horizontal-small); } ._sidebar_81a30__boosted-badge { background: rgba(235, 64, 52, 0.06); border: 1px solid rgba(235, 64, 52, 0.35); border-radius: 999px; box-shadow: 0 1px 3px rgba(235, 64, 52, 0.12); color: #e04234; display: inline-flex; align-items: center; font-size: 0.75rem; font-weight: 600; gap: 0.2rem; line-height: 1; padding: 0.2rem 0.5rem; vertical-align: middle; white-space: nowrap; } ._sidebar_81a30__manage-button { align-items: center; background-color: hsl(var(--gray70)); border-radius: calc(1.75rem + 2 * 1px); border: 1px solid hsl(var(--gray70)); color: #fff; display: flex; font-weight: 500; justify-content: center; padding: 0.4375rem 0.625rem; -webkit-text-decoration: none; text-decoration: none; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; } ._sidebar_81a30__manage-button svg { margin-left: 0.375rem; stroke-width: 2.5; width: 1rem; } ._sidebar_81a30__manage-button:hover { background: hsla(var(--gray70) / 0.58); border-color: hsla(var(--gray70) / 0.58); } ._user_7c380__revoke-achievements, ._user_7c380__delete-achievement { margin: var(--spacing-vertical-large) 0; padding: var(--spacing-vertical) 0; text-align: center; } ._user_7c380__revoke-warning { line-height: 1.4rem; margin: 1rem auto 0; max-width: 30rem; opacity: 0.8; text-align: center; } ._user_7c380__print-button { color: hsl(var(--gray50)); } ._user_7c380__achievement-row:hover ._user_7c380__print-button { color: hsl(var(--primary)); } ._add_to_channel_button_f9410__channel-tooltip-trigger { color: hsl(var(--link)); cursor: pointer; } ._add_to_channel_button_f9410__channel-tooltip-trigger ._add_to_channel_button_f9410__channel-icon { font-size: 1em; margin-right: 0.2em; } ._add_to_channel_button_f9410__add-item-form, ._add_to_channel_button_f9410__actions-toggle { display: inline-block; } ._add_to_channel_button_f9410__add-item-form { flex: 1; } ._add_to_channel_button_f9410__actions-toggle .icon-actions-toggle { cursor: pointer; display: inline-block; } ._add_to_channel_button_f9410__tooltip-header { border-bottom: 1px solid hsl(var(--border-alpha)); color: hsl(var(--text-light)); padding: var(--spacing-vertical-small) var(--spacing-horizontal-small); } ._add_to_channel_button_f9410__tooltip-content { padding: 0 var(--spacing-horizontal-small) var(--spacing-vertical); } ._add_to_channel_button_f9410__variant-icon_only ._add_to_channel_button_f9410__channel-tooltip-trigger { color: inherit; } ._add_to_channel_button_f9410__variant-icon_only ._add_to_channel_button_f9410__channel-tooltip-trigger ._add_to_channel_button_f9410__channel-icon { margin-right: 0; } ._add_to_my_list_button_02503__link-to-my-list, ._add_to_my_list_button_02503__add-item-form, ._add_to_my_list_button_02503__actions-toggle { display: inline-block; color: #ec677a; } ._add_to_my_list_button_02503__add-to-my-list-button { background: transparent; border: 0.5px solid rgba(0, 0, 0, 0.2); border-radius: 99px; color: #555; font-size: 16px; padding: 6px 16px; } ._add_to_my_list_button_02503__link-to-my-list { background: transparent; border: 1.5px solid rgba(236, 103, 122, 0.35); border-radius: 99px; color: #ec677a; font-size: 16px; padding: 6px 16px; } ._add_to_my_list_button_02503__add-item-form { flex: 1; } ._add_to_my_list_button_02503__actions-toggle .icon-actions-toggle { cursor: pointer; display: inline-block; } ._add_to_my_list_button_02503__tooltip-header { border-bottom: 1px solid hsl(var(--border-alpha)); color: hsl(var(--text-light)); padding: var(--spacing-vertical-small) var(--spacing-horizontal-small); } ._add_to_my_list_button_02503__tooltip-content { padding: 0 var(--spacing-horizontal-small) var(--spacing-vertical); } ._checkbox_1611c__Channel-CheckboxCell ._checkbox_1611c__checkbox { /* Used in JS */ margin-bottom: 0; margin-top: var(--spacing-vertical); } ._checkbox_1611c__Channel-CheckboxCell ._checkbox_1611c__checkbox label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } ._checkbox_1611c__Channel-CheckboxCell ._checkbox_1611c__checkbox ._checkbox_1611c__channel-label { color: hsl(var(--violet-dark)); margin-left: 0.5em; } ._explanatory_343e6__container { padding-left: var(--spacing-horizontal-small); padding-right: var(--spacing-horizontal-small); text-align: center; } @media only screen and (min-width: 768px) {._explanatory_343e6__container { margin-top: var(--spacing-vertical-extra-large); padding-left: var(--spacing-horizontal); padding-right: var(--spacing-horizontal); text-align: left } } ._explanatory_343e6__content { margin: var(--spacing-vertical-large) 0 var(--spacing-vertical-extra-large); max-width: 45rem; } @media only screen and (min-width: 544px) { ._explanatory_343e6__content { align-items: center; display: flex; margin: var(--spacing-vertical-large) 0; text-align: left } } ._explanatory_343e6__text { padding: 0 var(--spacing-horizontal); } @media only screen and (min-width: 544px) { ._explanatory_343e6__text { flex: 1 } } ._explanatory_343e6__text h2 { font-weight: 700; } @media only screen and (min-width: 544px) { ._explanatory_343e6__image-left { flex: 0 0 auto; text-align: right } } ._explanatory_343e6__image { height: 160px; margin-bottom: var(--spacing-vertical-small); width: auto; } @media only screen and (min-width: 544px) { ._explanatory_343e6__image { margin-bottom: 0; margin-left: -0.5rem } } ._remove_item_button_37c4c__Channel-RemoveItemButtonCell { position: absolute; right: -0.8rem; top: -0.8rem; } ._remove_item_button_37c4c__link { background: black; border: 3px solid hsl(var(--gray97)); border-radius: 10rem; display: flex; align-items: center; height: 2rem; width: 2rem; -webkit-text-decoration: none; text-decoration: none; } ._remove_item_button_37c4c__link ._remove_item_button_37c4c__icon { color: white; font-size: 0.85rem; margin: 0 auto; position: relative; top: 1px; left: 1px; } ._matrix_chart_2c13b__canvas { /* Used in javascript */ } ._table_matrix_chart_2481e__wrapper { --cell-size: 12px; width: 100%; } ._table_matrix_chart_2481e__table { border-collapse: separate; border-spacing: 3px; } ._table_matrix_chart_2481e__row { height: var(--cell-size); line-height: 0; } ._table_matrix_chart_2481e__day-label { font-size: 10px; height: var(--cell-size); line-height: var(--cell-size); padding-bottom: 0; padding-right: 4px; padding-top: 0; text-align: right; vertical-align: middle; width: 24px; } ._table_matrix_chart_2481e__day-text { color: hsl(var(--meta)); font-size: 10px; line-height: 1; } /* Hide some day labels to reduce clutter (show ma, wo, vr) */ ._table_matrix_chart_2481e__row:nth-child(2) ._table_matrix_chart_2481e__day-text, ._table_matrix_chart_2481e__row:nth-child(4) ._table_matrix_chart_2481e__day-text, ._table_matrix_chart_2481e__row:nth-child(6) ._table_matrix_chart_2481e__day-text, ._table_matrix_chart_2481e__row:nth-child(7) ._table_matrix_chart_2481e__day-text { visibility: hidden; } ._table_matrix_chart_2481e__cell { border-radius: 2px; box-sizing: border-box; font-size: 0; height: var(--cell-size); line-height: 0; max-height: var(--cell-size); max-width: var(--cell-size); min-height: var(--cell-size); min-width: var(--cell-size); outline: 1px solid rgba(27, 31, 35, 0.06); outline-offset: -1px; padding: 0; width: var(--cell-size); vertical-align: top; shape-rendering: geometricPrecision; } ._table_matrix_chart_2481e__cell--empty { visibility: hidden; } /* Color levels matching GitHub's green palette */ ._table_matrix_chart_2481e__cell[data-level="0"], ._table_matrix_chart_2481e__legend-cell[data-level="0"] { background-color: #ebedf0; } ._table_matrix_chart_2481e__cell[data-level="1"], ._table_matrix_chart_2481e__legend-cell[data-level="1"] { background-color: #9be9a8; } ._table_matrix_chart_2481e__cell[data-level="2"], ._table_matrix_chart_2481e__legend-cell[data-level="2"] { background-color: #40c463; } ._table_matrix_chart_2481e__cell[data-level="3"], ._table_matrix_chart_2481e__legend-cell[data-level="3"] { background-color: #30a14e; } ._table_matrix_chart_2481e__cell[data-level="4"], ._table_matrix_chart_2481e__legend-cell[data-level="4"] { background-color: #216e39; } /* Hover effect */ ._table_matrix_chart_2481e__cell:not(._table_matrix_chart_2481e__cell--empty):hover { outline: 1px solid rgba(27, 31, 35, 0.3); } /* Month labels header */ ._table_matrix_chart_2481e__month-row { height: 13px; } ._table_matrix_chart_2481e__month-label { color: hsl(var(--meta)); font-size: 10px; padding-bottom: 2px; position: relative; text-align: left; vertical-align: bottom; } ._table_matrix_chart_2481e__month-text { position: absolute; bottom: 2px; left: 0; } /* Legend */ ._table_matrix_chart_2481e__legend { align-items: center; display: flex; font-size: 10px; gap: 4px; justify-content: flex-end; margin-top: 8px; } ._table_matrix_chart_2481e__legend-text { color: hsl(var(--meta)); } ._table_matrix_chart_2481e__legend-cell { border-radius: 2px; display: inline-block; height: var(--cell-size); outline: 1px solid rgba(27, 31, 35, 0.06); outline-offset: -1px; width: var(--cell-size); } /* GitHub-style tooltip */ ._table_matrix_chart_2481e__tooltip { background-color: #24292f; border-radius: 6px; color: #fff; font-size: 12px; line-height: 1.5; opacity: 0; padding: 6px 10px; pointer-events: none; position: fixed; text-align: center; transition: opacity 0.15s ease-out; white-space: nowrap; z-index: 100; } ._table_matrix_chart_2481e__tooltip--visible { opacity: 1; } ._table_matrix_chart_2481e__tooltip::after { border-color: #24292f transparent transparent transparent; border-style: solid; border-width: 6px; content: ""; left: 50%; position: absolute; top: 100%; transform: translateX(-50%); } ._check_or_cross_1cc7d__CheckOrCrossCell { align-items: center; display: inline-flex; } ._check_or_cross_1cc7d__check { color: hsl(var(--success)); } ._check_or_cross_1cc7d__content { margin-left: 5px; } ._check_or_cross_1cc7d__variant-default ._check_or_cross_1cc7d__cross { color: hsl(var(--gray70)); } ._check_or_cross_1cc7d__variant-compliance ._check_or_cross_1cc7d__cross, ._check_or_cross_1cc7d__variant-red ._check_or_cross_1cc7d__cross { color: hsl(var(--danger)); } ._check_or_cross_1cc7d__variant-gray ._check_or_cross_1cc7d__check, ._check_or_cross_1cc7d__variant-gray ._check_or_cross_1cc7d__cross { color: hsl(var(--gray70)); } ._activity_collapsible_item_d5600__content { padding: var(--spacing-vertical) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) {._activity_collapsible_item_d5600__content { padding-left: var(--spacing-horizontal); padding-right: var(--spacing-horizontal); } } ._activity_collapsible_item_d5600__content { line-height: var(--base-line-height); } ._clause_collapsible_item_05be7__condition-list { list-style: none; margin: 0; padding: 0; } ._clause_collapsible_item_05be7__locked { opacity: 0.5; pointer-events: none; } ._clause_collapsible_item_05be7__inactive { margin-left: 0.4em; vertical-align: middle; } ._clause_collapsible_item_05be7__previous-achievement-required-badge { margin-left: var(--spacing-horizontal-small); } ._clause_collapsible_item_05be7__clause-validity { margin-left: auto; } ._clause_collapsible_item_05be7__drammstein-logo { display: flex; align-items: center; gap: 0.5rem; padding-top: var(--spacing-vertical-large); padding-bottom: var(--spacing-vertical-large); padding-left: var(--spacing-horizontal); -webkit-text-decoration: none; text-decoration: none; } ._clause_collapsible_item_05be7__drammstein-logo ._clause_collapsible_item_05be7__logo { width: 4rem; height: 4rem; } ._clause_collapsible_item_05be7__drammstein-logo h4 { font-weight: 700; } ._clause_collapsible_item_05be7__drammstein-link { -webkit-text-decoration: none; text-decoration: none; color: inherit; transition: background var(--duration-short) ease; } ._clause_collapsible_item_05be7__drammstein-link:hover { background: hsl(var(--link-block-background)); } ._collapsible_assessment_item_2b1dd__assessment-item { align-items: center; color: hsl(var(--text)); display: flex; gap: 1rem; justify-content: space-between; padding: 1rem; -webkit-text-decoration: none; text-decoration: none; } ._collapsible_assessment_item_2b1dd__assessment-item > :first-child { flex-shrink: 0; } ._collapsible_assessment_item_2b1dd__assessment-item > :nth-child(2) { margin-left: auto; } ._collapsible_assessment_item_2b1dd__assessment-item > :nth-child(3) { flex-shrink: 0; text-align: right; } ._collapsible_assessment_item_2b1dd__verified-icon { color: hsl(var(--blue)); margin-left: 2px; vertical-align: middle; } ._collapsible_list_item_391cd__item { border-top: 1px solid hsl(var(--border-alpha)); position: relative; } ._collapsible_list_item_391cd__item:first-of-type { border-top: 0; } ._collapsible_list_5f209__CollapsibleListCell { margin-bottom: var(--spacing-vertical-large); } ._collapsible_list_5f209__CollapsibleListCell._collapsible_list_5f209__expanded ._collapsible_list_5f209__collapsed-item { border-top: 1px solid hsl(var(--border-alpha)); opacity: 1; transform: scaleY(1); transition: all var(--duration-long) ease; } ._collapsible_list_5f209__CollapsibleListCell._collapsible_list_5f209__expanded ._collapsible_list_5f209__more-button::before { opacity: 0; transform: scaleX(0.98) scaleY(0) translateY(-100%); } ._collapsible_list_5f209__CollapsibleListCell._collapsible_list_5f209__expanded ._collapsible_list_5f209__more-button::after { opacity: 0; transform: scaleX(0.98) scaleY(0.5) translateY(-300%); } ._collapsible_list_5f209__CollapsibleListCell._collapsible_list_5f209__expanded ._collapsible_list_5f209__label-more { display: none; } ._collapsible_list_5f209__CollapsibleListCell._collapsible_list_5f209__expanded ._collapsible_list_5f209__label-less { display: inline; } ._collapsible_list_5f209__CollapsibleListCell._collapsible_list_5f209__has-one ._collapsible_list_5f209__more-button::before { opacity: 0.5; } ._collapsible_list_5f209__CollapsibleListCell._collapsible_list_5f209__has-one ._collapsible_list_5f209__more-button::after { display: none; } ._collapsible_list_5f209__CollapsibleListCell ._collapsible_list_5f209__collapsed-item { border-top: 0; max-height: 0; opacity: 0; position: relative; transform: scaleY(0); transform-origin: top; transition: opacity var(--duration-long) ease, transform var(--duration-long) ease, max-height var(--duration-long) ease; } ._collapsible_list_5f209__collapsible-list { list-style: none; margin: 0; padding: 0; } ._collapsible_list_5f209__more-button { position: relative; } ._collapsible_list_5f209__more-button::before, ._collapsible_list_5f209__more-button::after { background: hsl(var(--white)); border-radius: 0 0 var(--size-border-radius) var(--size-border-radius); box-shadow: var(--shadow-panel); content: ""; display: block; height: 10px; transform-origin: top; transition: opacity var(--duration-long) ease, transform var(--duration-long) ease; width: 100%; } ._collapsible_list_5f209__more-button::before { opacity: 0.7; transform: scaleX(0.96) scaleY(1) translateY(0%); } ._collapsible_list_5f209__more-button::after { opacity: 0.5; transform: scaleX(0.92) scaleY(1) translateY(0%); } ._collapsible_list_5f209__label { background: rgba(0, 0, 0, 0.4); border-radius: 8px; color: hsl(var(--white)); cursor: pointer; font-size: var(--font-size-tiny); left: 50%; line-height: 16px; padding: 0 8px; position: absolute; text-align: center; top: 8px; transform: translateX(-50%); z-index: 2; } ._collapsible_list_5f209__label-more { display: inline; } ._collapsible_list_5f209__label-less { display: none; } ._collapsible_list_5f209__variant-default ._collapsible_list_5f209__collapsible-list { background: hsl(var(--white)); border-radius: var(--size-border-radius); box-shadow: var(--shadow-panel); } ._collapsible_list_5f209__variant-border ._collapsible_list_5f209__collapsible-list { background: hsl(var(--white)); border: 1px solid hsl(var(--border-alpha)); border-radius: var(--size-border-radius); } ._collapsible_list_5f209__variant-border ._collapsible_list_5f209__more-button::before, ._collapsible_list_5f209__variant-border ._collapsible_list_5f209__more-button::after { border: 1px solid hsl(var(--border-alpha)); border-top: none; box-shadow: none; } ._collapsible_list_5f209__variant-basic ._collapsible_list_5f209__collapsible-list > li { border: none !important; } ._collapsible_list_5f209__variant-basic ._collapsible_list_5f209__more-button { height: 16px; top: 10px; } ._collapsible_list_5f209__variant-basic ._collapsible_list_5f209__more-button::before, ._collapsible_list_5f209__variant-basic ._collapsible_list_5f209__more-button::after { display: none; } ._collapsible_list_5f209__variant-basic ._collapsible_list_5f209__more-button ._collapsible_list_5f209__label { background-color: hsl(var(--gray70)); top: 0; } ._collapsible_list_5f209__variant-detached_items:not(._collapsible_list_5f209__expanded) ._collapsible_list_5f209__item-panel { margin: 0; } ._collapsible_list_5f209__variant-detached_items._collapsible_list_5f209__expanded ._collapsible_list_5f209__collapsed-item { border-top: 0; } ._collapsible_list_5f209__variant-item-gap ._collapsible_list_5f209__collapsible-list li { border: none !important; } ._collapsible_list_5f209__variant-item-gap ._collapsible_list_5f209__collapsible-list li:not(._collapsible_list_5f209__collapsed-item) { margin-top: 1rem; } ._collapsible_list_5f209__variant-item-gap._collapsible_list_5f209__expanded ._collapsible_list_5f209__collapsed-item { margin-top: 1rem; } ._collapsible_list_5f209__variant-assessors { margin: var(--spacing-vertical) 0 0; } ._collapsible_list_5f209__variant-assessors ._collapsible_list_5f209__collapsible-list { box-shadow: none; } ._collapsible_list_5f209__variant-assessors ._collapsible_list_5f209__more-button { height: 16px; top: -10px; } ._collapsible_list_5f209__variant-assessors ._collapsible_list_5f209__more-button::before { display: none; } ._collapsible_list_5f209__variant-assessors ._collapsible_list_5f209__more-button::after { border-bottom: 1px solid hsl(var(--border-alpha)); box-shadow: none; height: 0; opacity: 1; position: absolute; top: 50%; transform: none; width: 100%; } ._collapsible_list_5f209__variant-assessors ._collapsible_list_5f209__more-button ._collapsible_list_5f209__label { background-color: hsl(var(--gray70)); top: 0; } ._task_collapsible_item_a5ee5__wrapper { display: flex; flex-wrap: nowrap; justify-content: space-between; line-height: var(--base-line-height); } ._task_collapsible_item_a5ee5__content { padding: var(--spacing-vertical) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { ._task_collapsible_item_a5ee5__content { padding-left: var(--spacing-horizontal); padding-right: var(--spacing-horizontal); } } ._task_collapsible_item_a5ee5__content { flex: 1; } ._task_collapsible_item_a5ee5__task-title { color: hsl(var(--text)); font-size: var(--font-size-heading-medium); margin: 0 5px 5px 0; } ._task_collapsible_item_a5ee5__event-title { color: hsl(var(--meta)); display: block; } ._task_collapsible_item_a5ee5__overdue { color: hsl(var(--red)); } /* custom theme for tenants */ ._color_theme_8b1f5__color-theme-0-text { color: hsl(var(--primary)); } ._color_theme_8b1f5__color-theme-0-background, ._color_theme_8b1f5__color-theme-0-background:hover { background-color: hsl(var(--primary)); } ._color_theme_8b1f5__color-theme-0-border, ._color_theme_8b1f5__color-theme-0-border:hover { border-color: hsl(var(--primary)); } ._color_theme_8b1f5__color-theme-0-contrast-text { color: #fff; } ._color_theme_8b1f5__color-theme-0-contrast-border, ._color_theme_8b1f5__color-theme-0-contrast-border:hover { border-color: #fff; } ._color_theme_8b1f5__color-theme-0-contrast-background, ._color_theme_8b1f5__color-theme-0-contrast-background:hover { background: #fff; } /* Same for every tenant */ ._color_theme_8b1f5__color-theme-1-text { color: #da4453; } ._color_theme_8b1f5__color-theme-1-background, ._color_theme_8b1f5__color-theme-1-background:hover { background-color: #da4453; } ._color_theme_8b1f5__color-theme-1-border, ._color_theme_8b1f5__color-theme-1-border:hover { border-color: #da4453; } ._color_theme_8b1f5__color-theme-1-contrast-text { color: #fff; } ._color_theme_8b1f5__color-theme-1-contrast-border, ._color_theme_8b1f5__color-theme-1-contrast-border:hover { border-color: #fff; } ._color_theme_8b1f5__color-theme-1-contrast-background, ._color_theme_8b1f5__color-theme-1-contrast-background:hover { background: #fff; } ._color_theme_8b1f5__color-theme-2-text { color: #e9573f; } ._color_theme_8b1f5__color-theme-2-background, ._color_theme_8b1f5__color-theme-2-background:hover { background-color: #e9573f; } ._color_theme_8b1f5__color-theme-2-border, ._color_theme_8b1f5__color-theme-2-border:hover { border-color: #e9573f; } ._color_theme_8b1f5__color-theme-2-contrast-text { color: #fff; } ._color_theme_8b1f5__color-theme-2-contrast-border, ._color_theme_8b1f5__color-theme-2-contrast-border:hover { border-color: #fff; } ._color_theme_8b1f5__color-theme-2-contrast-background, ._color_theme_8b1f5__color-theme-2-contrast-background:hover { background: #fff; } ._color_theme_8b1f5__color-theme-3-text { color: #e98f3f; } ._color_theme_8b1f5__color-theme-3-background, ._color_theme_8b1f5__color-theme-3-background:hover { background-color: #e98f3f; } ._color_theme_8b1f5__color-theme-3-border, ._color_theme_8b1f5__color-theme-3-border:hover { border-color: #e98f3f; } ._color_theme_8b1f5__color-theme-3-contrast-text { color: #000; } ._color_theme_8b1f5__color-theme-3-contrast-border, ._color_theme_8b1f5__color-theme-3-contrast-border:hover { border-color: #000; } ._color_theme_8b1f5__color-theme-3-contrast-background, ._color_theme_8b1f5__color-theme-3-contrast-background:hover { background: #000; } ._color_theme_8b1f5__color-theme-4-text { color: #f6bb42; } ._color_theme_8b1f5__color-theme-4-background, ._color_theme_8b1f5__color-theme-4-background:hover { background-color: #f6bb42; } ._color_theme_8b1f5__color-theme-4-border, ._color_theme_8b1f5__color-theme-4-border:hover { border-color: #f6bb42; } ._color_theme_8b1f5__color-theme-4-contrast-text { color: #000; } ._color_theme_8b1f5__color-theme-4-contrast-border, ._color_theme_8b1f5__color-theme-4-contrast-border:hover { border-color: #000; } ._color_theme_8b1f5__color-theme-4-contrast-background, ._color_theme_8b1f5__color-theme-4-contrast-background:hover { background: #000; } ._color_theme_8b1f5__color-theme-5-text { color: #d6de54; } ._color_theme_8b1f5__color-theme-5-background, ._color_theme_8b1f5__color-theme-5-background:hover { background-color: #d6de54; } ._color_theme_8b1f5__color-theme-5-border, ._color_theme_8b1f5__color-theme-5-border:hover { border-color: #d6de54; } ._color_theme_8b1f5__color-theme-5-contrast-text { color: #000; } ._color_theme_8b1f5__color-theme-5-contrast-border, ._color_theme_8b1f5__color-theme-5-contrast-border:hover { border-color: #000; } ._color_theme_8b1f5__color-theme-5-contrast-background, ._color_theme_8b1f5__color-theme-5-contrast-background:hover { background: #000; } ._color_theme_8b1f5__color-theme-6-text { color: #8cc152; } ._color_theme_8b1f5__color-theme-6-background, ._color_theme_8b1f5__color-theme-6-background:hover { background-color: #8cc152; } ._color_theme_8b1f5__color-theme-6-border, ._color_theme_8b1f5__color-theme-6-border:hover { border-color: #8cc152; } ._color_theme_8b1f5__color-theme-6-contrast-text { color: #fff; } ._color_theme_8b1f5__color-theme-6-contrast-border, ._color_theme_8b1f5__color-theme-6-contrast-border:hover { border-color: #fff; } ._color_theme_8b1f5__color-theme-6-contrast-background, ._color_theme_8b1f5__color-theme-6-contrast-background:hover { background: #fff; } ._color_theme_8b1f5__color-theme-7-text { color: #338b67; } ._color_theme_8b1f5__color-theme-7-background, ._color_theme_8b1f5__color-theme-7-background:hover { background-color: #338b67; } ._color_theme_8b1f5__color-theme-7-border, ._color_theme_8b1f5__color-theme-7-border:hover { border-color: #338b67; } ._color_theme_8b1f5__color-theme-7-contrast-text { color: #fff; } ._color_theme_8b1f5__color-theme-7-contrast-border, ._color_theme_8b1f5__color-theme-7-contrast-border:hover { border-color: #fff; } ._color_theme_8b1f5__color-theme-7-contrast-background, ._color_theme_8b1f5__color-theme-7-contrast-background:hover { background: #fff; } ._color_theme_8b1f5__color-theme-8-text { color: #37bc9b; } ._color_theme_8b1f5__color-theme-8-background, ._color_theme_8b1f5__color-theme-8-background:hover { background-color: #37bc9b; } ._color_theme_8b1f5__color-theme-8-border, ._color_theme_8b1f5__color-theme-8-border:hover { border-color: #37bc9b; } ._color_theme_8b1f5__color-theme-8-contrast-text { color: #fff; } ._color_theme_8b1f5__color-theme-8-contrast-border, ._color_theme_8b1f5__color-theme-8-contrast-border:hover { border-color: #fff; } ._color_theme_8b1f5__color-theme-8-contrast-background, ._color_theme_8b1f5__color-theme-8-contrast-background:hover { background: #fff; } ._color_theme_8b1f5__color-theme-9-text { color: #3bafda; } ._color_theme_8b1f5__color-theme-9-background, ._color_theme_8b1f5__color-theme-9-background:hover { background-color: #3bafda; } ._color_theme_8b1f5__color-theme-9-border, ._color_theme_8b1f5__color-theme-9-border:hover { border-color: #3bafda; } ._color_theme_8b1f5__color-theme-9-contrast-text { color: #fff; } ._color_theme_8b1f5__color-theme-9-contrast-border, ._color_theme_8b1f5__color-theme-9-contrast-border:hover { border-color: #fff; } ._color_theme_8b1f5__color-theme-9-contrast-background, ._color_theme_8b1f5__color-theme-9-contrast-background:hover { background: #fff; } ._color_theme_8b1f5__color-theme-10-text { color: #4a89dc; } ._color_theme_8b1f5__color-theme-10-background, ._color_theme_8b1f5__color-theme-10-background:hover { background-color: #4a89dc; } ._color_theme_8b1f5__color-theme-10-border, ._color_theme_8b1f5__color-theme-10-border:hover { border-color: #4a89dc; } ._color_theme_8b1f5__color-theme-10-contrast-text { color: #fff; } ._color_theme_8b1f5__color-theme-10-contrast-border, ._color_theme_8b1f5__color-theme-10-contrast-border:hover { border-color: #fff; } ._color_theme_8b1f5__color-theme-10-contrast-background, ._color_theme_8b1f5__color-theme-10-contrast-background:hover { background: #fff; } ._color_theme_8b1f5__color-theme-11-text { color: #4c5fcb; } ._color_theme_8b1f5__color-theme-11-background, ._color_theme_8b1f5__color-theme-11-background:hover { background-color: #4c5fcb; } ._color_theme_8b1f5__color-theme-11-border, ._color_theme_8b1f5__color-theme-11-border:hover { border-color: #4c5fcb; } ._color_theme_8b1f5__color-theme-11-contrast-text { color: #fff; } ._color_theme_8b1f5__color-theme-11-contrast-border, ._color_theme_8b1f5__color-theme-11-contrast-border:hover { border-color: #fff; } ._color_theme_8b1f5__color-theme-11-contrast-background, ._color_theme_8b1f5__color-theme-11-contrast-background:hover { background: #fff; } ._color_theme_8b1f5__color-theme-12-text { color: #967adc; } ._color_theme_8b1f5__color-theme-12-background, ._color_theme_8b1f5__color-theme-12-background:hover { background-color: #967adc; } ._color_theme_8b1f5__color-theme-12-border, ._color_theme_8b1f5__color-theme-12-border:hover { border-color: #967adc; } ._color_theme_8b1f5__color-theme-12-contrast-text { color: #fff; } ._color_theme_8b1f5__color-theme-12-contrast-border, ._color_theme_8b1f5__color-theme-12-contrast-border:hover { border-color: #fff; } ._color_theme_8b1f5__color-theme-12-contrast-background, ._color_theme_8b1f5__color-theme-12-contrast-background:hover { background: #fff; } ._color_theme_8b1f5__color-theme-13-text { color: #d770ad; } ._color_theme_8b1f5__color-theme-13-background, ._color_theme_8b1f5__color-theme-13-background:hover { background-color: #d770ad; } ._color_theme_8b1f5__color-theme-13-border, ._color_theme_8b1f5__color-theme-13-border:hover { border-color: #d770ad; } ._color_theme_8b1f5__color-theme-13-contrast-text { color: #fff; } ._color_theme_8b1f5__color-theme-13-contrast-border, ._color_theme_8b1f5__color-theme-13-contrast-border:hover { border-color: #fff; } ._color_theme_8b1f5__color-theme-13-contrast-background, ._color_theme_8b1f5__color-theme-13-contrast-background:hover { background: #fff; } ._color_theme_8b1f5__color-theme-14-text { color: #c25975; } ._color_theme_8b1f5__color-theme-14-background, ._color_theme_8b1f5__color-theme-14-background:hover { background-color: #c25975; } ._color_theme_8b1f5__color-theme-14-border, ._color_theme_8b1f5__color-theme-14-border:hover { border-color: #c25975; } ._color_theme_8b1f5__color-theme-14-contrast-text { color: #fff; } ._color_theme_8b1f5__color-theme-14-contrast-border, ._color_theme_8b1f5__color-theme-14-contrast-border:hover { border-color: #fff; } ._color_theme_8b1f5__color-theme-14-contrast-background, ._color_theme_8b1f5__color-theme-14-contrast-background:hover { background: #fff; } @keyframes _completion_svg_c4795__animateCircle { 40% { fill: hsl(var(--completed)); opacity: 1; transform: scale(10); } 55% { fill: hsl(var(--completed-lighter)); opacity: 1; transform: scale(11); } 65% { fill: hsl(var(--completed-light)); opacity: 1; transform: scale(12); } 75% { fill: transparent; opacity: 1; stroke: hsl(var(--completed-light)); stroke-width: 0.5; transform: scale(13); } 85% { fill: transparent; opacity: 1; stroke: hsl(var(--completed-light)); stroke-width: 0.2; transform: scale(17); } 95% { fill: transparent; opacity: 1; stroke: hsl(var(--completed-light)); stroke-width: 0.1; transform: scale(18); } 100% { fill: transparent; opacity: 1; stroke: hsl(var(--completed-light)); stroke-width: 0; transform: scale(19); } } @keyframes _completion_svg_c4795__animatePulsing { 0% { transform: scale(0.8); } 40% { transform: scale(1.2); } 100% { transform: scale(0.8); } } @keyframes _completion_svg_c4795__animateCompletion { 0% { transform: scale(0.2); } 40% { transform: scale(1.2); } 100% { transform: scale(1); } } @keyframes _completion_svg_c4795__animateCompletionOut { 0% { transform: scale(1.4); } 100% { transform: scale(1); } } ._completion_svg_c4795__completion-svg { overflow: visible !important; } ._completion_svg_c4795__completion-svg { --five-sixty: calc(60px / 6 * 0.5); --ten-sixty: calc(60px / 6 * 1); --fifteen-sixty: calc(60px / 6 * 1.5); --twenty-sixty: calc(60px / 6 * 2); --thirty-sixty: calc(60px / 6 * 3); --fourty-sixty: calc(60px / 6 * 4); --fifty-sixty: calc(60px / 6 * 5); --fifty-five-sixty: calc(60px / 6 * 5.5); height: 60px; margin-bottom: var(--spacing-vertical-small); width: 60px; } ._completion_svg_c4795__completion-svg ._completion_svg_c4795__check { --center: calc((60px - 1px) / 2); animation: _completion_svg_c4795__animateCompletionOut 0.3s linear forwards; fill: hsl(var(--gray70)); transform-origin: calc((60px - 1px) / 2) calc((60px - 1px) / 2); transform-origin: var(--center) var(--center); } ._completion_svg_c4795__completion-svg ._completion_svg_c4795__main-circ { --center: calc((60px - 1px) / 2); fill: hsl(var(--completed)); transform-origin: calc((60px - 1px) / 2) calc((60px - 1px) / 2); transform-origin: var(--center) var(--center); } ._completion_svg_c4795__completion-svg ._completion_svg_c4795__check-circ { stroke: hsl(var(--gray70)); } ._completion_svg_c4795__pulsing ._completion_svg_c4795__completion-svg ._completion_svg_c4795__check { animation: _completion_svg_c4795__animatePulsing calc(2s / 2) linear forwards infinite; transform: scale(0.8); } html ._completion_svg_c4795__completing ._completion_svg_c4795__completion-svg ._completion_svg_c4795__check { animation: _completion_svg_c4795__animateCompletion 0.3s linear forwards calc(2s * 0.125); fill: hsl(var(--completed)); transform: scale(0.2); } html ._completion_svg_c4795__completing ._completion_svg_c4795__completion-svg ._completion_svg_c4795__main-circ { animation: _completion_svg_c4795__animateCircle 0.3s linear forwards; opacity: 1; transition: all 2s; } html ._completion_svg_c4795__completing ._completion_svg_c4795__completion-svg ._completion_svg_c4795__check-circ { stroke: hsl(var(--completed)); transition: all 0.3s calc(2s * 0.125); } html ._completion_svg_c4795__completing ._completion_svg_c4795__completion-svg ._completion_svg_c4795__grp1, html ._completion_svg_c4795__completing ._completion_svg_c4795__completion-svg ._completion_svg_c4795__grp2, html ._completion_svg_c4795__completing ._completion_svg_c4795__completion-svg ._completion_svg_c4795__grp3, html ._completion_svg_c4795__completing ._completion_svg_c4795__completion-svg ._completion_svg_c4795__grp4, html ._completion_svg_c4795__completing ._completion_svg_c4795__completion-svg ._completion_svg_c4795__grp5, html ._completion_svg_c4795__completing ._completion_svg_c4795__completion-svg ._completion_svg_c4795__grp6, html ._completion_svg_c4795__completing ._completion_svg_c4795__completion-svg ._completion_svg_c4795__grp7 { opacity: 1; transition: 0.1s all 0.3s; } html ._completion_svg_c4795__completing ._completion_svg_c4795__completion-svg ._completion_svg_c4795__oval1, html ._completion_svg_c4795__completing ._completion_svg_c4795__completion-svg ._completion_svg_c4795__oval2 { transform-origin: 0 0 0; } html ._completion_svg_c4795__completing ._completion_svg_c4795__completion-svg ._completion_svg_c4795__oval1 { transition: calc(2s * 0.25) transform 0.3s; } html ._completion_svg_c4795__completing ._completion_svg_c4795__completion-svg ._completion_svg_c4795__oval2 { transition: calc(2s * 0.75) transform 0.3s; } html ._completion_svg_c4795__completing ._completion_svg_c4795__completion-svg ._completion_svg_c4795__grp1 ._completion_svg_c4795__oval1 { transform: scale(0) translate(0, calc(var(--thirty-sixty) * -1)); } html ._completion_svg_c4795__completing ._completion_svg_c4795__completion-svg ._completion_svg_c4795__grp1 ._completion_svg_c4795__oval2 { transform: scale(0) translate(var(--ten-sixty), calc(var(--fifty-sixty) * -1)); } html ._completion_svg_c4795__completing ._completion_svg_c4795__completion-svg ._completion_svg_c4795__grp2 ._completion_svg_c4795__oval1 { transform: scale(0) translate(var(--thirty-sixty), calc(var(--fifteen-sixty) * -1)); } html ._completion_svg_c4795__completing ._completion_svg_c4795__completion-svg ._completion_svg_c4795__grp2 ._completion_svg_c4795__oval2 { transform: scale(0) translate(60px, calc(var(--fifteen-sixty) * -1)); } html ._completion_svg_c4795__completing ._completion_svg_c4795__completion-svg ._completion_svg_c4795__grp3 ._completion_svg_c4795__oval1 { transform: scale(0) translate(var(--thirty-sixty), 0); } html ._completion_svg_c4795__completing ._completion_svg_c4795__completion-svg ._completion_svg_c4795__grp3 ._completion_svg_c4795__oval2 { transform: scale(0) translate(60px, var(--ten-sixty)); } html ._completion_svg_c4795__completing ._completion_svg_c4795__completion-svg ._completion_svg_c4795__grp4 ._completion_svg_c4795__oval1 { transform: scale(0) translate(var(--thirty-sixty), var(--fifteen-sixty)); } html ._completion_svg_c4795__completing ._completion_svg_c4795__completion-svg ._completion_svg_c4795__grp4 ._completion_svg_c4795__oval2 { transform: scale(0) translate(var(--fourty-sixty), var(--fifty-sixty)); } html ._completion_svg_c4795__completing ._completion_svg_c4795__completion-svg ._completion_svg_c4795__grp5 ._completion_svg_c4795__oval1 { transform: scale(0) translate(calc(var(--ten-sixty) * -1), var(--twenty-sixty)); } html ._completion_svg_c4795__completing ._completion_svg_c4795__completion-svg ._completion_svg_c4795__grp5 ._completion_svg_c4795__oval2 { transform: scale(0) translate(-60px, var(--thirty-sixty)); } html ._completion_svg_c4795__completing ._completion_svg_c4795__completion-svg ._completion_svg_c4795__grp6 ._completion_svg_c4795__oval1 { transform: scale(0) translate(calc(var(--thirty-sixty) * -1), 0); } html ._completion_svg_c4795__completing ._completion_svg_c4795__completion-svg ._completion_svg_c4795__grp6 ._completion_svg_c4795__oval2 { transform: scale(0) translate(-60px, calc(var(--five-sixty) * -1)); } html ._completion_svg_c4795__completing ._completion_svg_c4795__completion-svg ._completion_svg_c4795__grp7 ._completion_svg_c4795__oval1 { transform: scale(0) translate(calc(var(--thirty-sixty) * -1), calc(var(--fifteen-sixty) * -1)); } html ._completion_svg_c4795__completing ._completion_svg_c4795__completion-svg ._completion_svg_c4795__grp7 ._completion_svg_c4795__oval2 { transform: scale(0) translate(calc(var(--fifty-five-sixty) * -1), calc(var(--thirty-sixty) * -1)); } ._completion_button_bd570__completion-button { margin: var(--spacing-horizontal) 0; text-align: center; } ._completion_button_bd570__button { display: inline-block; padding-left: var(--spacing-horizontal-small); padding-right: var(--spacing-horizontal-small); } [data-whatinput="mouse"] ._completion_button_bd570__button { outline: none; } ._completion_button_bd570__button:disabled, ._completion_button_bd570__button[disabled] { cursor: auto; opacity: 1; } ._completion_button_bd570__button ._completion_button_bd570__incompleted ._completion_button_bd570__check { fill: hsl(var(--primary)); opacity: 0.75; } ._completion_button_bd570__button ._completion_button_bd570__incompleted ._completion_button_bd570__check-circ { opacity: 0.75; stroke: hsl(var(--primary)); } ._completion_button_bd570__button ._completion_button_bd570__incompleted ._completion_button_bd570__check, ._completion_button_bd570__button ._completion_button_bd570__incompleted ._completion_button_bd570__check-circ { transition: all var(--duration-default) ease; } ._completion_button_bd570__button ._completion_button_bd570__button-label { color: hsl(var(--primary)); display: block; opacity: 0.75; transition: opacity var(--duration-default) ease; } ._completion_button_bd570__button :not(._completion_button_bd570__incompleted)+._completion_button_bd570__button-label { color: hsl(var(--success)); opacity: 1; } ._completion_button_bd570__button:hover ._completion_button_bd570__check, ._completion_button_bd570__button:hover ._completion_button_bd570__check-circ, ._completion_button_bd570__button:hover ._completion_button_bd570__button-label { opacity: 1; } ._container_b0d10__ContainerCell { position: relative; } @media only screen and (min-width: 768px) {._container_b0d10__ContainerCell { padding-left: var(--spacing-horizontal-small); padding-right: var(--spacing-horizontal-small) } } ._container_b0d10__variant-dont_flex, ._container_b0d10__variant-default { margin-left: auto; margin-right: auto; max-width: var(--media-desktop-large); } .variant-backoffice ._container_b0d10__variant-dont_flex, .variant-backoffice ._container_b0d10__variant-default { max-width: none; } ._container_b0d10__variant-fullwidth { max-width: none; } ._container_b0d10__variant-fullscreen { padding: 0; } ._container_b0d10__variant-wide { margin-left: auto; margin-right: auto; max-width: 1680px; } ._container_b0d10__variant-small { margin-left: auto; margin-right: auto; max-width: 1000px; } ._container_b0d10__variant-narrow { margin-left: auto; margin-right: auto; max-width: 40rem; } ._container_b0d10__variant-medium { margin-left: auto; margin-right: auto; max-width: 50rem; } ._content_header_5195b__ContentHeaderCell { align-items: center; display: flex; height: 40px; margin: var(--spacing-vertical-small) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) {._content_header_5195b__ContentHeaderCell { margin: var(--spacing-vertical) 0 } } ._content_header_5195b__ContentHeaderCell > * { margin-bottom: 0; margin-top: 0; } ._content_header_5195b__ContentHeaderCell > a:first-of-type { margin-left: auto; } ._copy_email_button_e98cf__button ._copy_email_button_e98cf__check-icon { margin: 0 -0.1em 0 0.2em; } ._copy_email_button_e98cf__copied-label { color: hsl(var(--success)); opacity: 0; transition: opacity 0.5s ease; } ._copy_email_button_e98cf__copied ._copy_email_button_e98cf__copied-label { opacity: 1; transition: none; } ._card_webshop_4365a__Course-CardCell { background: hsl(var(--white)); border-radius: 4px; box-shadow: 0 2px 3px hsl(var(--shadow)); color: hsl(var(--text)); line-height: var(--line-height-medium); list-style: none; overflow: hidden; position: relative; } @media only screen and (min-width: 768px) {._card_webshop_4365a__Course-CardCell { padding-left: 0; transform: scale(1); transition: transform var(--duration-long) ease } } ._card_webshop_4365a__Course-CardCell._card_webshop_4365a__disabled { cursor: not-allowed; } ._card_webshop_4365a__Course-CardCell ._card_webshop_4365a__hover { transition: opacity var(--duration-long) ease; } @media only screen and (min-width: 768px) { ._card_webshop_4365a__Course-CardCell:not(._card_webshop_4365a__disabled):hover { transform: scale(1.02) } } @media only screen and (min-width: 768px) { ._card_webshop_4365a__Course-CardCell:not(._card_webshop_4365a__disabled):hover ._card_webshop_4365a__hover { opacity: 0.3 } } ._card_webshop_4365a__course-type { color: hsl(var(--theme-color-contrast)); left: var(--spacing-horizontal-small); position: absolute; top: var(--spacing-vertical-small); z-index: 1; } ._card_webshop_4365a__header-image { min-height: 100px; overflow: hidden; width: 100%; } @media only screen and (min-width: 768px) { ._card_webshop_4365a__header-image { min-height: 200px } } ._card_webshop_4365a__highlight-type { /* force line break on whitespace */ display: table-caption; font-size: var(--font-size-heading-large); line-height: var(--base-line-height); } ._card_webshop_4365a__link { color: hsl(var(--text)); display: flex; flex-direction: column; height: 100%; -webkit-text-decoration: none; text-decoration: none; } ._card_webshop_4365a__reviews-link { -webkit-text-decoration: none; text-decoration: none; } ._card_webshop_4365a__text { display: flex; flex: 1; flex-direction: column; padding: var(--spacing-vertical-small) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { ._card_webshop_4365a__text { padding: var(--spacing-vertical) var(--spacing-horizontal) } } ._card_webshop_4365a__has-meta ._card_webshop_4365a__text { margin-bottom: var(--size-meta-bar-height); } ._card_webshop_4365a__title { align-items: center; display: flex; font-size: var(--font-size-heading-small); font-weight: 700; margin: 0 0 5px; position: relative; } @media only screen and (min-width: 768px) { ._card_webshop_4365a__title { font-size: var(--font-size-heading-small) } } ._card_webshop_4365a__title-text { flex: 0 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ._card_webshop_4365a__certified { margin-left: 5px; } ._card_webshop_4365a__summary { margin: 0; } ._card_webshop_4365a__price { font-size: var(--font-size-extra-large); font-weight: 600; margin-top: auto; padding: var(--spacing-vertical) 0 calc(var(--spacing-vertical-small) / 2); } ._card_webshop_4365a__meta { border-top: 1px solid hsl(var(--gray94)); bottom: 0; color: hsl(var(--meta)); display: flex; font-size: var(--font-size-small); height: var(--size-meta-bar-height); left: 0; padding: 0 calc(var(--spacing-horizontal-small) / 2); position: absolute; right: 0; } @media only screen and (min-width: 768px) { ._card_webshop_4365a__meta { padding: 0 var(--spacing-horizontal-small) } } ._card_webshop_4365a__meta-cell { align-items: center; border-right: 1px solid hsl(var(--gray94)); display: flex; flex: 1; height: var(--size-meta-bar-height); justify-content: center; padding: 0 calc(var(--spacing-horizontal-small) / 2); } ._card_webshop_4365a__meta-cell:last-child { border: none; } ._card_webshop_4365a__course-tags-container { --height: 1.6rem; border-radius: 0 100px 100px 0; bottom: var(--spacing-vertical-small); box-sizing: border-box; display: block; height: calc(1.6rem + 2px); height: calc(var(--height) + 2px); left: var(--spacing-horizontal-small); max-width: calc(100% - 2 * var(--spacing-horizontal-small)); overflow: hidden; padding: 0 0 var(--spacing-small); position: absolute; white-space: nowrap; } ._card_webshop_4365a__course-tags-container ._card_webshop_4365a__course-tags { align-items: flex-start; display: flex; gap: 0.3rem; height: calc(var(--height) + 2px + 30px); -webkit-mask-image: linear-gradient( to right, transparent 0%, black 10%, black 90%, transparent 100% ); mask-image: linear-gradient( to right, transparent 0%, black 10%, black 90%, transparent 100% ); -webkit-overflow-scrolling: touch; overflow-x: scroll; overflow-y: hidden; padding: 1px; } ._card_webshop_4365a__course-tags-container ._card_webshop_4365a__course-tags-left { -webkit-mask-image: linear-gradient( to right, black 0%, black 90%, transparent 100% ); mask-image: linear-gradient( to right, black 0%, black 90%, transparent 100% ); } ._card_webshop_4365a__course-tags-container ._card_webshop_4365a__course-tags-right { -webkit-mask-image: linear-gradient( to right, transparent 0%, black 10%, black 100% ); mask-image: linear-gradient( to right, transparent 0%, black 10%, black 100% ); } ._card_webshop_4365a__course-tags-container ._card_webshop_4365a__course-tags-left._card_webshop_4365a__course-tags-right { -webkit-mask-image: none; mask-image: none; } ._card_webshop_4365a__course-tags-container ._card_webshop_4365a__course-tag { background: hsl(var(--theme-color-contrast-opposite) / 12.5%); border-radius: 100px; color: hsl(var(--theme-color-contrast)); font-size: 0.9rem; line-height: var(--height); padding: 0 0.6rem; -webkit-text-decoration: none; text-decoration: none; transition: background 0.2s ease; white-space: nowrap; } ._card_webshop_4365a__course-tags-container ._card_webshop_4365a__course-tag:hover { background: hsl(var(--theme-color-contrast-opposite) / 25%); } ._card_webshop_4365a__variant-shadow { box-shadow: 0 0 0.4rem 0.1rem hsl(var(--gray90)); } ._card_65311__Course-CardCell { color: hsl(var(--text)); line-height: var(--line-height-medium); list-style: none; min-width: 0; position: relative; } @media only screen and (min-width: 768px) {._card_65311__Course-CardCell { padding-left: 0; transform: scale(1); transition: transform var(--duration-long) ease } } ._card_65311__Course-CardCell._card_65311__disabled { cursor: not-allowed; } ._card_65311__Course-CardCell ._card_65311__hover { transition: opacity var(--duration-long) ease; } @media only screen and (min-width: 768px) { ._card_65311__Course-CardCell:not(._card_65311__disabled):hover { transform: scale(1.02) } } @media only screen and (min-width: 768px) { ._card_65311__Course-CardCell:not(._card_65311__disabled):hover ._card_65311__hover { opacity: 0.3 } } ._card_65311__header-image { aspect-ratio: 1.645 / 1; max-height: 100px; overflow: hidden; width: 100%; } @media only screen and (min-width: 768px) { ._card_65311__header-image { max-height: 200px } } ._card_65311__header-image-overlay { left: var(--spacing-horizontal-small); position: absolute; right: var(--spacing-horizontal-small); top: var(--spacing-vertical-small); z-index: 1; } ._card_65311__header-image-overlay ._card_65311__status-badge { border-color: currentColor; color: currentColor; } ._card_65311__card { background: hsl(var(--white)); border-radius: 4px; box-shadow: 0 2px 3px hsl(var(--shadow)); color: hsl(var(--text)); height: 100%; overflow: hidden; position: relative; } ._card_65311__card._card_65311__link { display: block; -webkit-text-decoration: none; text-decoration: none; } ._card_65311__card._card_65311__no-link { opacity: 0.6; } ._card_65311__reviews { -webkit-text-decoration: none; text-decoration: none; } ._card_65311__text { padding: var(--spacing-vertical-small) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { ._card_65311__text { padding: var(--spacing-vertical) var(--spacing-horizontal) } } ._card_65311__has-meta ._card_65311__text { margin-bottom: var(--size-meta-bar-height); } ._card_65311__title { align-items: center; display: flex; font-size: var(--font-size-heading-small); font-weight: 700; margin: 0 0 5px; position: relative; } ._card_65311__title-text { flex: 0 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ._card_65311__certified { margin-left: 5px; } ._card_65311__summary { margin: 0; } ._card_65311__meta { border-top: 1px solid hsl(var(--gray94)); bottom: 0; color: hsl(var(--meta)); display: flex; height: var(--size-meta-bar-height); left: 0; position: absolute; right: 0; } ._card_65311__meta-cell { align-items: center; border-right: 1px solid hsl(var(--gray94)); display: flex; flex: 1; height: var(--size-meta-bar-height); justify-content: center; } ._card_65311__meta-cell:last-child { border: none; } ._card_65311__progress-label { line-height: calc(var(--size-meta-bar-height) - var(--size-progress-bar-height)); } ._card_65311__progress-bar { bottom: 0; height: var(--size-progress-bar-height); left: 0; position: absolute; } /* Recourse styling */ ._card_65311__recourse ._card_65311__progress-bar::before { background-color: color-mix(in hsl, hsl(var(--theme-color)) 40%, hsl(var(--theme-color-tertiary))); content: ""; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.1; position: absolute; } /* Variants */ ._card_65311__variant-shadow > ._card_65311__card._card_65311__link { box-shadow: 0 0 0.4rem 0.1rem hsl(var(--gray90)); } ._certified_icon_606ed__Course-CertifiedIconCell { display: inline-block; position: relative; } ._completed_badge_72f74__Course-CompletedBadgeCell._completed_badge_72f74__variant-header { border-color: currentColor; color: inherit; font-size: 0.5em; } ._courses-grid_407af__Course-CoursesGridCell { container: item-grid / inline-size; margin: var(--spacing-vertical-large) 0; padding: 0; } ._courses-grid_407af__list { list-style: none; margin: 0; padding: 0; } /* Variants */ ._courses-grid_407af__variant-gutter { padding: 0; margin: 0; align-content: stretch; display: grid; grid-gap: 1.5rem; grid-template-columns: repeat(auto-fill,minmax(20rem,1fr)); justify-items: stretch; } @container item-grid (width < 600px) { ._courses-grid_407af__variant-gutter { grid-gap: 1rem } } ._courses-list_9ae79__Course-CoursesListCell { padding: 0; } /* Variants */ @media only screen and (min-width: 768px) { ._courses-list_9ae79__variant-featured { display: flex } } ._courses-list_9ae79__variant-gutter { display: flex; flex-flow: row wrap; justify-content: flex-start; margin: 0 var(--spacing-horizontal-small); } ._courses-list_9ae79__variant-gutter > * { flex: 0 0 100%; margin: 0 0 var(--spacing-vertical); } ._courses-list_9ae79__variant-gutter > *:last-child { margin-bottom: 0; } @media only screen and (min-width: 544px) { ._courses-list_9ae79__variant-gutter > * { flex: 0 0 48%; margin: var(--spacing-vertical-small) 2%; } ._courses-list_9ae79__variant-gutter > *:nth-child(2n) { margin-right: 0; } ._courses-list_9ae79__variant-gutter > *:nth-child(2n + 1) { margin-left: 0; } ._courses-list_9ae79__variant-gutter > *:last-child { margin-bottom: var(--spacing-vertical-small); } } @media only screen and (min-width: 768px) { ._courses-list_9ae79__variant-gutter { margin: 0 } ._courses-list_9ae79__variant-gutter > * { flex: 0 0 32%; margin: var(--spacing-vertical-small) 1%; } ._courses-list_9ae79__variant-gutter > *:nth-child(2n) { margin-right: 1%; } ._courses-list_9ae79__variant-gutter > *:nth-child(2n + 1) { margin-left: 1%; } ._courses-list_9ae79__variant-gutter > *:nth-child(3n) { margin-right: 0; } ._courses-list_9ae79__variant-gutter > *:nth-child(3n + 1) { margin-left: 0; } } @media only screen and (min-width: 1200px) { ._courses-list_9ae79__variant-gutter > * { flex: 0 0 23.5%; margin: var(--spacing-vertical-small) 1%; } ._courses-list_9ae79__variant-gutter > *:nth-child(2n) { margin-right: 1%; } ._courses-list_9ae79__variant-gutter > *:nth-child(2n + 1) { margin-left: 1%; } ._courses-list_9ae79__variant-gutter > *:nth-child(3n) { margin-right: 1%; } ._courses-list_9ae79__variant-gutter > *:nth-child(3n + 1) { margin-left: 1%; } ._courses-list_9ae79__variant-gutter > *:nth-child(4n + 1) { margin-left: 0; } ._courses-list_9ae79__variant-gutter > *:nth-child(4n) { margin-right: 0; } } ._curation_context_02cfd__Course-CurationContextCell { border-radius: 20%; box-shadow: 0 0 0.1rem 0.015rem hsl(var(--gray90)); box-sizing: content-box; display: flex; gap: 1rem; overflow: hidden; position: relative; } ._curation_context_02cfd__image { --illustration-size: 3rem; } ._curation_context_02cfd__text { display: inline-flex; flex-direction: column; justify-content: center; line-height: 1.2; min-width: 0; padding-left: 0.85em; } ._curation_context_02cfd__title { color: hsl(var(--text)); font-weight: 400; overflow: hidden; text-align: left; white-space: wrap; } ._collapsible_row_d7519__Course-Event-CollapsibleTable-CollapsibleRowCell { position: relative; } ._collapsible_row_d7519__Course-Event-CollapsibleTable-CollapsibleRowCell:nth-child(odd) { background: hsl(var(--gray94)); } ._occurrence_collapsible_row_88dec__color-warning { color: hsl(var(--warning)); } ._occurrence_collapsible_row_88dec__color-danger { color: hsl(var(--danger)); } ._occurrence_collapsible_row_88dec__parts { margin-left: 5px; } ._occurrence_collapsible_row_88dec__occurrence-title { display: block; margin-top: 0.1em; width: -moz-max-content; width: max-content; } @media only screen and (min-width: 768px) { ._occurrence_collapsible_row_88dec__occurrence-title { display: inline; margin: 0 0 0 0.25em } } ._occurrence_collapsible_row_88dec__event-icon { color: hsl(var(--purple-dark) / 30%); margin-right: 1em; } ._collapsible_table_cc371__Course-Event-CollapsibleTableCell { margin-bottom: var(--spacing-vertical-large); } ._collapsible_table_cc371__Course-Event-CollapsibleTableCell._collapsible_table_cc371__expanded ._collapsible_table_cc371__collapsed-row { display: table-row; transform: scaleY(1); transition: all var(--duration-long) ease; } ._collapsible_table_cc371__Course-Event-CollapsibleTableCell._collapsible_table_cc371__expanded ._collapsible_table_cc371__label-more { display: none; } ._collapsible_table_cc371__Course-Event-CollapsibleTableCell._collapsible_table_cc371__expanded ._collapsible_table_cc371__label-less { display: inline; } ._collapsible_table_cc371__Course-Event-CollapsibleTableCell ._collapsible_table_cc371__collapsed-row { display: none; transform: scaleY(0); transform-origin: top; } ._collapsible_table_cc371__collapsible-table { list-style: none; margin: 0; padding: 0; } ._collapsible_table_cc371__more-button { margin-bottom: 40px; position: relative; } ._collapsible_table_cc371__label { background: rgba(0, 0, 0, 0.4); border-radius: 8px; color: hsl(var(--white)); cursor: pointer; font-size: var(--font-size-tiny); left: 50%; line-height: 16px; padding: 0 8px; position: absolute; text-align: center; top: 8px; transform: translateX(-50%); z-index: 2; } ._collapsible_table_cc371__label-more { display: inline; } ._collapsible_table_cc371__label-less { display: none; } ._header_image_717b2__Course-HeaderImageCell { background-blend-mode: luminosity; position: relative; } ._header_image_717b2__Course-HeaderImageCell, ._header_image_717b2__full-color-image { background-position: center; background-size: cover; } ._header_image_717b2__color, ._header_image_717b2__full-color-image { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } ._header_image_717b2__full-color-image { opacity: 0; transition: opacity var(--duration-long) ease; } ._header_image_717b2__color { opacity: 0.6; } ._header_40d99__Course-HeaderCell { margin-bottom: var(--spacing-vertical); } ._header_40d99__header-image { padding: calc(var(--spacing-vertical) * 2) var(--spacing-horizontal-small); text-align: center; } @media only screen and (min-width: 1300px) { ._header_40d99__header-image { padding-right: calc( var(--size-course-sidebar-width) + var(--size-course-sidebar-gutter) + var(--spacing-horizontal) ) } } ._header_40d99__title { color: inherit; font-size: 1.5rem; font-weight: bold; line-height: 1.3; margin: 1rem auto 2rem; max-width: 50rem; } @media only screen and (min-width: 768px) { ._header_40d99__title { font-size: 1.8rem; text-align: center } } ._header_40d99__course-meta { align-items: center; gap: .5rem; display: flex; justify-content: center; margin-bottom: .5rem; } ._header_40d99__course-meta-divider { font-size: 1.2em; margin-left: 0.2em; opacity: 0.75; } ._header_40d99__add-to-my-list { align-items: center; color: white; display: flex; } ._header_40d99__add-to-my-list button, ._header_40d99__add-to-my-list a { background: none; color: white; opacity: 0.75; padding: 0; } ._header_40d99__add-to-my-list button:hover, ._header_40d99__add-to-my-list a:hover { opacity: 1; } ._header_40d99__reviews { align-items: center; } ._header_40d99__reviews-link, ._header_40d99__reviews-write-link { color: inherit; display: inline-block; opacity: 0.75; -webkit-text-decoration: none; text-decoration: none; } ._header_40d99__reviews-link:hover, ._header_40d99__reviews-write-link:hover { opacity: 1; } ._header_40d99__reviews-write-link::before { content: "\2022"; font-size: 1.2em; margin-left: 0.2em; margin-right: 0.3em; } ._header_40d99__reviews-write-link:hover::before { opacity: 0.75; } ._header_40d99__reviews-stars { display: inline-block; font-size: 22px; } ._header_40d99__reviews-count { font-size: 1rem; margin-left: 3px; white-space: nowrap; } ._header_40d99__lead-time { opacity: 0.75; } @media only screen and (max-width: 767px) { ._header_40d99__lead-time { display: block; margin-top: 0.5rem } ._header_40d99__lead-time::before { content: ""; } } ._header_40d99__progress { margin: var(--spacing-vertical-large) 0; } ._header_40d99__progress ._header_40d99__course-image { height: 100%; transform: scale(0.88); width: 100%; } ._header_40d99__progress ._header_40d99__completed-icon { font-size: 50px !important; } ._header_40d99__progress ._header_40d99__completed-icon { left: 50%; opacity: 0; position: absolute; top: 50%; transform: translate(-50%, -50%) scale(0); transition: transform 0.5s ease 0.7s; visibility: hidden; } ._header_40d99__progress-complete ._header_40d99__completed-icon { opacity: 1; transform: translate(-50%, -50%) scale(1.2); visibility: visible; } ._highlight_course_5b2b7__Course-HighlightCourseCell { --thumbnail-size: 60px; align-items: stretch; background-color: white; background-position: 50%; background-size: cover; display: flex; font-size: 18px; line-height: 1.3; list-style: none; position: relative; transform: scale(1); transition: transform 0.4s ease, z-index 0.4s ease; z-index: 0; } @media only screen and (min-width: 544px) {._highlight_course_5b2b7__Course-HighlightCourseCell { flex: 1; width: auto } } ._highlight_course_5b2b7__Course-HighlightCourseCell ._highlight_course_5b2b7__hover { transition: opacity var(--duration-long) ease; } @media only screen and (min-width: 768px) { ._highlight_course_5b2b7__Course-HighlightCourseCell:hover { transform: scale(1.02); z-index: 1 } } @media only screen and (min-width: 768px) { ._highlight_course_5b2b7__Course-HighlightCourseCell:hover ._highlight_course_5b2b7__hover { opacity: 0.3 } } ._highlight_course_5b2b7__header-image { width: 100%; } ._highlight_course_5b2b7__header-gradient { transition: opacity 0.2s ease; } ._highlight_course_5b2b7__highlight-type { display: block; font-size: 0.9rem; line-height: 1.4; margin-bottom: 20px; width: auto; } @media only screen and (min-width: 544px) { ._highlight_course_5b2b7__highlight-type { margin-bottom: 40px; width: 1px; word-wrap: normal } } @media only screen and (min-width: 768px) { ._highlight_course_5b2b7__highlight-type { margin-bottom: 60px } } @media only screen and (min-width: 1200px) { ._highlight_course_5b2b7__highlight-type { font-size: 1.15rem; margin-bottom: 120px } } ._highlight_course_5b2b7__link { color: hsl(var(--white)); display: flex; flex-direction: column; height: 100%; padding: 30px; position: relative; -webkit-text-decoration: none; text-decoration: none; } @media only screen and (max-width: 767px) { ._highlight_course_5b2b7__link { padding: 20px } } ._highlight_course_5b2b7__course { align-items: center; display: flex; margin-top: auto; min-height: var(--thumbnail-size); } ._highlight_course_5b2b7__thumbnail { background-position: center; background-size: cover; border-radius: 50%; display: none; flex-shrink: 0; height: var(--thumbnail-size); margin-right: 15px; width: var(--thumbnail-size); } @media only screen and (min-width: 1200px) { ._highlight_course_5b2b7__thumbnail { display: block } } ._highlight_course_5b2b7__title { --padding: 5px; font-size: var(--font-size-medium); font-weight: bold; line-height: calc(var(--thumbnail-size) / 2 - 5px); line-height: calc(var(--thumbnail-size) / 2 - var(--padding)); margin: 0; padding: 5px 0; padding: var(--padding) 0; } @media only screen and (min-width: 1200px) { ._highlight_course_5b2b7__title { font-size: var(--font-size-large) } } ._highlight_course_5b2b7__subjects { border-color: white; color: white; font-size: 75%; } ._highlight_course_5b2b7__certified { font-size: 1.15rem; } ._image_cdd2e__Course-ImageCell { background-position: center; background-size: cover; border-radius: 50%; display: inline-block; } ._image_cdd2e__variant-default { height: 160px; width: 160px; } ._image_cdd2e__variant-small { box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.2); height: 110px; width: 110px; } ._image_cdd2e__variant-tiny { box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2); height: 48px; width: 48px; } ._image_cdd2e__variant-square { border-radius: 0; height: 70px; width: 100px; } ._image_cdd2e__variant-thumbnail { background-image: rgba(255, 255, 255, 0.5); border: 3px solid white; box-shadow: none; height: 100px; margin-right: var(--spacing-horizontal-small); min-width: 100px; width: 100px; } ._navigation_fb178__Course-NavigationCell { display: flex; justify-content: center; } ._navigation_fb178__link-with-badge { align-items: center; display: inline-flex; } ._navigation_fb178__counter { background: transparent; display: none; margin-left: 0.5em; } @media only screen and (min-width: 768px) { ._navigation_fb178__counter { display: block } } ._order_status_cf5b1__Course-OrderStatusCell { display: inline; } ._order_status_cf5b1__button, ._order_status_cf5b1__enrollment, ._order_status_cf5b1__pending-order, ._order_status_cf5b1__status-text { display: inline-block; margin: 5px 0; } ._order_status_cf5b1__status-text, ._order_status_cf5b1__add-channel-item-button { margin: 0 var(--spacing-horizontal-tiny); } ._order_status_cf5b1__approval-alert { display: block; margin-bottom: var(--spacing-vertical); } ._order_status_cf5b1__approval-alert > * { display: inline; } ._card_255c1__Course-Order-CardCell { background: hsl(var(--white)); border-radius: 4px; box-shadow: 0 2px 3px hsl(var(--shadow)); display: flex; line-height: var(--line-height-medium); list-style: none; margin-bottom: var(--spacing-vertical-large); max-width: 50rem; overflow: hidden; position: relative; } @media only screen and (min-width: 768px) {._card_255c1__Course-Order-CardCell { padding-left: 0; transform: scale(1); transition: transform var(--duration-long) ease } } ._card_255c1__button { background: transparent; border-width: 2px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } a._card_255c1__Course-Order-CardCell { color: hsl(var(--text)); -webkit-text-decoration: none; text-decoration: none; } a._card_255c1__Course-Order-CardCell ._card_255c1__hover { transition: opacity var(--duration-long) ease; } @media only screen and (min-width: 768px) { a._card_255c1__Course-Order-CardCell:hover { transform: scale(1.04) } } @media only screen and (min-width: 768px) { a._card_255c1__Course-Order-CardCell:hover ._card_255c1__hover { opacity: 0.3 } } ._card_255c1__header-image { overflow: hidden; display: none; } @media only screen and (min-width: 544px) { ._card_255c1__header-image { display: block; flex: 0 0 160px } } @media only screen and (min-width: 768px) { ._card_255c1__header-image { flex: 0 0 200px; min-height: 150px } } ._card_255c1__price { font-weight: 600; } ._card_255c1__price-sup { top: -0.2em; } ._card_255c1__no-price { opacity: 0.5; } ._card_255c1__highlight-type { display: table-caption; /* force line break on whitespace */ font-size: var(--font-size-heading-large); line-height: var(--base-line-height); } ._card_255c1__panel { display: flex; flex: 1; flex-direction: column; height: 100%; } ._card_255c1__subject-count { font-weight: 600; white-space: nowrap; } ._card_255c1__text { display: flex; flex: 1; flex-direction: column; margin-bottom: var(--size-meta-bar-height); overflow: hidden; padding: var(--spacing-vertical-small) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { ._card_255c1__text { padding: var(--spacing-vertical) var(--spacing-horizontal) } } ._card_255c1__title { align-items: center; display: flex; font-size: var(--font-size-heading-small); font-weight: 700; margin: 0 0 5px; position: relative; } @media only screen and (min-width: 768px) { ._card_255c1__title { font-size: var(--font-size-heading-small) } } ._card_255c1__title-text { flex: 0 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ._card_255c1__certified { margin-left: 5px; } ._card_255c1__summary { margin: 0; } ._card_255c1__archived { margin-left: 0.5rem; } ._card_255c1__meta { border-top: 1px solid hsl(var(--gray94)); bottom: 0; display: flex; font-size: var(--font-size-small); height: var(--size-meta-bar-height); left: 0; margin-left: 0; padding: 0 calc(var(--spacing-horizontal-small) / 2); position: absolute; right: 0; } @media only screen and (min-width: 544px) { ._card_255c1__meta { margin-left: 160px } } @media only screen and (min-width: 768px) { ._card_255c1__meta { margin-left: 200px; padding: 0 var(--spacing-horizontal-small) } } ._card_255c1__meta-cell { align-items: center; border-right: 1px solid hsl(var(--gray94)); display: flex; flex: 1; height: var(--size-meta-bar-height); justify-content: center; padding: 0 calc(var(--spacing-horizontal-small) / 2); white-space: nowrap; } ._card_255c1__meta-cell:first-child { flex: 1; } ._card_255c1__meta-cell:last-child { border: none; flex: 2; } ._card_255c1__meta-cell ._card_255c1__rating-count { margin-left: 0.5em; opacity: 0.75; } ._order_invoice_status_badge_c1451__order-status { /* Order status badge styles */ } ._order_invoice_status_badge_c1451__invoice-status { /* Invoice status badge styles */ } ._event_ab385__Course-Order-Timeline-EventCell { display: flex; gap: 0.5rem; position: relative; padding-top: 1rem; } ._event_ab385__Course-Order-Timeline-EventCell::before { content: ''; position: absolute; top: 0; left: 16px; width: 3px; height: 100%; background: hsl(var(--gray80)); z-index: 1; opacity: 0.5; } ._event_ab385__Course-Order-Timeline-EventCell:first-child::before { top: 1.5rem; } ._event_ab385__Course-Order-Timeline-EventCell:last-child::before { height: 1.5rem; } ._event_ab385__event-wrapper { padding: 0 0 1rem; flex: 1; } ._event_ab385__event { --vOffset: calc((36px - 1.4rem) / 2); display: flex; gap: .5rem; } ._event_ab385__event > div { display: flex; gap: .5rem; line-height: 1.4rem; padding-top: var(--vOffset); } ._event_ab385__event time { color: hsl(var(--text) / 60%); margin-left: auto; line-height: 36px; white-space: nowrap; font-size: 0.9rem; } ._event_ab385__event ._event_ab385__actor-avatar { margin-right: .2rem; margin-top: calc(var(--vOffset) * -1); } ._event_ab385__event ._event_ab385__system-avatar { background: hsl(var(--gray90)); color: #4e5155; margin-right: .2rem; margin-top: calc(var(--vOffset) * -1); } ._event_ab385__event-message { margin-bottom: 0; } ._event_ab385__event-message ._event_ab385__order-info { text-align: left; white-space: normal; } ._event_ab385__event-related-entity { background: white; border-radius: 0.4rem; border: 1px solid hsl(var(--gray90)); display: inline-block; font-size: 0.9rem; line-height: 1.4; margin-left: 44px; margin-top: 1rem; padding: 0.4rem 0.8rem; } ._event_ab385__event-related-entity a { color: black; font-weight: bold; } ._event_ab385__event-related-entity._event_ab385__comment { background: white; box-shadow: var(--shadow-panel); border: 1px solid hsl(var(--border) / 66%); font-size: 1rem; margin: 0 0 0 0.5rem; padding: 0.5rem 1rem; width: 100%; } ._event_ab385__comment-header { align-items: center; display: flex; gap: .3rem; } ._event_ab385__comment-header time { color: hsl(var(--text) / 60%); margin-left: auto; line-height: 36px; white-space: nowrap; font-size: 0.9rem; } ._event_ab385__comment-body { border-top: 1px solid hsl(var(--gray90)); margin-top: .5rem; padding-top: .5rem; } ._event_ab385__icon, ._event_ab385__system-avatar { align-items: center; background: hsl(var(--gray90)); box-shadow: inset 0 0 0 1px hsl(var(--black) / 5%); border-radius: 50%; display: inline-flex; height: 36px; justify-content: center; min-width: 36px; width: 36px; position: relative; z-index: 2; } ._event_ab385__dates-preferences-dialog { --background-h: 29; --background: var(--background-h) 33% 97%; background: hsl(29, 33%, 97%); background: hsl(var(--background)); max-height: 95%; max-width: 95%; } ._event_ab385__variant-fulfilled ._event_ab385__icon { background: hsl(var(--success) / 30%); } ._event_ab385__variant-enrolled ._event_ab385__icon { background: hsl(var(--violet) / 80%); color: white; } ._event_ab385__variant-unenrolled ._event_ab385__icon { background: hsl(var(--violet) / 80%); color: white; } ._event_ab385__variant-rejected ._event_ab385__icon { background: hsl(var(--danger) / 80%); color: white; } ._event_ab385__variant-icon_right._event_ab385__comment ._event_ab385__tail { left: auto; right: 55px; } ._event_ab385__variant-icon_right._event_ab385__comment ._event_ab385__tail::before { transform: skew(-50deg); } ._event_ab385__variant-icon_right ._event_ab385__icon { right: 0; } ._timeline_8c477__Course-Order-TimelineCell { margin: 0 auto; } ._timeline_8c477__timeline-panel { background: hsl(var(--black) / 2%); border: 1px solid hsl(var(--gray90)); border-radius: 0.4rem; padding: 2rem; } ._preview_bar_b70be__Course-PreviewBarCell { background-image: linear-gradient(rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.22)); border-bottom: 1px solid rgba(0, 0, 0, 0.03); color: white; position: sticky; text-shadow: 0 0 4px rgba(0, 0, 0, 0.1); top: 0; top: var(--application-top, 0); transition: top 0.3s ease; transition: top var(--application-top-transition-duration, 0.3s) ease; width: 100%; z-index: 11; } ._preview_bar_b70be__container { align-items: center; display: flex; height: var(--size-course-preview-header-height); padding: var(--spacing-vertical-small) var(--spacing-horizontal-large); } ._preview_bar_b70be__container ._preview_bar_b70be__status { align-items: center; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 11px; display: flex; font-size: var(--font-size-badge-default); height: 22px; letter-spacing: 0.04em; line-height: 1; margin-left: var(--spacing-horizontal-small); margin-top: 0.2em; padding: 0 4px 0 8px; text-transform: uppercase; } ._preview_bar_b70be__container ._preview_bar_b70be__status-icon { font-size: 1.1em; margin-left: 0.4em; opacity: 0.8; } ._preview_bar_b70be__status-tooltip >p { padding: var(--spacing-vertical) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { ._preview_bar_b70be__status-tooltip >p { padding-left: var(--spacing-horizontal); padding-right: var(--spacing-horizontal); } } ._preview_bar_b70be__status-tooltip >p { margin-bottom: 0; } ._preview_bar_b70be__status-tooltip-info { border-top: 1px solid hsl(var(--gray85)); border-top-left-radius: 0; border-top-right-radius: 0; } ._preview_bar_b70be__title { font-size: 1.5em; } ._preview_bar_b70be__title-icon { font-size: 1em; opacity: 0.75; text-shadow: none; } ._preview_bar_b70be__actions { align-items: center; display: flex; font-weight: 700; margin-left: auto; } ._preview_bar_b70be__actions >* { color: white; margin-left: var(--spacing-horizontal-small); } ._preview_bar_b70be__back-button { background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)); border: 1px solid rgba(0, 0, 0, 0.05); } ._preview_bar_b70be__close-button { font-size: 1.4em; opacity: 0.75; } ._preview_bar_b70be__close-button:hover { opacity: 1; } ._price_a65ea__price-sup { top: -0.2em; } ._price_a65ea__price { font-size: var(--font-size-extra-large); font-weight: 600; margin-left: 0.25em; } ._progress_37247__Course-ProgressCell { background-color: rgba(255, 255, 255, 0.08); border-radius: 50%; display: inline-block; overflow: hidden; position: relative; } ._progress_37247__canvas { /* Used in javascript */ } ._progress_37247__children { bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } ._average_06198__Course-Rating-AverageCell { margin-right: 30px; text-align: center; } ._average_06198__Course-Rating-AverageCell ._average_06198__stars { font-size: 26px; margin: 5px 0 15px; } ._average_06198__average { font-size: 3em; } ._average_06198__count { color: hsl(var(--text) / 40%); } ._counts_342f6__Course-Rating-CountsCell { /* Align with review start */ margin-right: -10px; } ._counts_342f6__Course-Rating-CountsCell table { border-collapse: collapse; } ._counts_342f6__Course-Rating-CountsCell tr { border: 0; } ._counts_342f6__Course-Rating-CountsCell tr:hover ._counts_342f6__count, ._counts_342f6__Course-Rating-CountsCell tr:hover ._counts_342f6__rating { opacity: 1; } ._counts_342f6__Course-Rating-CountsCell tr a[href="#"] { pointer-events: none; } ._counts_342f6__Course-Rating-CountsCell td { color: hsl(var(--text) / 60%); padding: 0; vertical-align: middle; } ._counts_342f6__Course-Rating-CountsCell td a { border: solid transparent; border-width: 2px 0; color: hsl(var(--text) / 60%); display: flex; flex-direction: column; height: 28px; justify-content: center; padding: 0 8px; -webkit-text-decoration: none; text-decoration: none; } ._counts_342f6__Course-Rating-CountsCell td:first-child a { border-bottom-left-radius: 5px; border-left-width: 2px; border-top-left-radius: 5px; } ._counts_342f6__Course-Rating-CountsCell td:last-child a { border-bottom-right-radius: 5px; border-right-width: 2px; border-top-right-radius: 5px; } ._counts_342f6__Course-Rating-CountsCell._counts_342f6__has-filter-active ._counts_342f6__count, ._counts_342f6__Course-Rating-CountsCell._counts_342f6__has-filter-active ._counts_342f6__rating { opacity: 0.6; } ._counts_342f6__Course-Rating-CountsCell._counts_342f6__has-filter-active ._counts_342f6__filter-active ._counts_342f6__count, ._counts_342f6__Course-Rating-CountsCell._counts_342f6__has-filter-active ._counts_342f6__filter-active ._counts_342f6__rating { opacity: 1; } ._counts_342f6__Course-Rating-CountsCell ._counts_342f6__filter-active a { background-color: hsl(var(--form-input-background)); border-color: hsl(var(--border) / 40%); } ._counts_342f6__Course-Rating-CountsCell ._counts_342f6__meters { width: 100%; } ._counts_342f6__Course-Rating-CountsCell ._counts_342f6__meter { background: hsl(var(--gray85) / 60%); border-radius: 2px; display: block; height: 8px; overflow: hidden; position: relative; width: auto; } ._counts_342f6__Course-Rating-CountsCell ._counts_342f6__meter-value { background: hsl(var(--text) / 40%); height: inherit; max-width: 100%; width: 0%; } ._counts_342f6__Course-Rating-CountsCell ._counts_342f6__count { color: hsl(var(--text) / 60%); font-size: 0.9em; font-weight: 400; text-align: center; } ._counts_342f6__Course-Rating-CountsCell ._counts_342f6__rating { text-align: right; } ._stars_00575__Course-Rating-StarsCell { font-size: 20px; white-space: nowrap; } ._stars_00575__star { padding: 0 1px; transition: color ease 0.2s; } ._stars_00575__variant-default ._stars_00575__star { color: hsl(var(--gray85)); } ._stars_00575__variant-default ._stars_00575__filled { color: hsl(var(--yellow)); } ._stars_00575__variant-white ._stars_00575__star { color: white; opacity: 0.4; } ._stars_00575__variant-white ._stars_00575__filled { opacity: 1; } ._stars_00575__variant-inherit ._stars_00575__star { color: inherit; opacity: 0.4; } ._stars_00575__variant-inherit ._stars_00575__filled { opacity: 1; } ._stars_00575__variant-card { font-size: 16px; } ._stars_00575__variant-card:hover ._stars_00575__star { color: hsl(var(--gray25)); } ._stars_00575__variant-card ._stars_00575__star { color: hsl(var(--meta)); opacity: 0.4; } ._stars_00575__variant-card ._stars_00575__filled { opacity: 1; } ._stars_00575__variant-recourse ._stars_00575__star { color: transparent; -webkit-text-stroke: 0.1rem hsl(var(--theme-color-contrast)); } ._stars_00575__variant-recourse ._stars_00575__filled { color: hsl(var(--theme-color-contrast)); } ._stats_ea862__stats { display: flex; } ._stats_ea862__average, ._stats_ea862__ratings { display: flex; flex-direction: column; justify-content: center; } ._stats_ea862__ratings { flex: 1; } ._stats_ea862__no-rating { text-align: center; } ._attachment_77d48__container { color: hsl(var(--text)); display: flex; -webkit-text-decoration: none; text-decoration: none; } ._attachment_77d48__icon { width: 60px; } @media only screen and (min-width: 768px) { ._attachment_77d48__icon { width: 70px } } ._attachment_77d48__info { flex: 1; } ._attachment_77d48__info ._attachment_77d48__title { display: inline-block; margin: 0 0 0.2em; } ._attachment_77d48__info ._attachment_77d48__size { height: auto; line-height: normal; margin-left: 0.5em; opacity: 0.5; vertical-align: top; } ._attachment_77d48__info ._attachment_77d48__description { color: hsl(var(--text-light)); margin: 0; } ._link_1a42e__link-icon-wrapper { display: inline-block; width: 70px; } ._link_1a42e__icon { --icon-size: 38px; background-size: 38px 38px; background-size: var(--icon-size) var(--icon-size); display: inline-block; height: 38px; height: var(--icon-size); width: 38px; width: var(--icon-size); } ._link_1a42e__link-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='%23a5adda'%3E%3Cpath d='M19.625.156c-1.629.078-3.195.79-4.406 2l-4.75 4.75c.746-.75 3.515-.234 4.187.438l2.875-2.875c.637-.637 1.434-1.028 2.25-1.063.555-.027 1.34.09 2.032.781a2.65 2.65 0 0 1 .78 1.907c0 .855-.39 1.707-1.062 2.375l-5 5.031c-1.258 1.258-3.172 1.36-4.281.25a1.642 1.642 0 0 0-2.313 0 1.639 1.639 0 0 0 0 2.313 5.873 5.873 0 0 0 4.188 1.718c1.672 0 3.379-.683 4.688-2l5.03-5c1.278-1.273 2-2.976 2-4.687 0-1.59-.6-3.102-1.718-4.219C22.93.68 21.325.078 19.625.156Zm-7.75 8.063c-1.672 0-3.406.687-4.719 2l-5 5c-1.277 1.273-2 2.976-2 4.687 0 1.59.602 3.102 1.719 4.219 1.195 1.195 2.8 1.797 4.5 1.719 1.629-.078 3.195-.79 4.406-2l4.75-4.75c-.75.75-3.515.234-4.187-.438l-2.875 2.875c-.637.637-1.434 1.024-2.25 1.063a2.615 2.615 0 0 1-2.032-.782 2.656 2.656 0 0 1-.78-1.906c0-.855.39-1.707 1.062-2.375l5-5.031c1.258-1.258 3.172-1.355 4.281-.25.637.637 1.68.637 2.313 0a1.639 1.639 0 0 0 0-2.313 5.88 5.88 0 0 0-4.188-1.718Z'/%3E%3C/svg%3E"); } ._link_1a42e__space-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='m26.84 5 6.9 12a2 2 0 0 1 0 2l-7 12.2a2 2 0 0 1-1.74 1H11A2 2 0 0 1 9.17 31L2.42 19.24A2 2 0 0 1 2.28 17l7-12.17a2 2 0 0 1 1.74-1H25A2 2 0 0 1 26.83 5' fill='%232d344d'/%3E%3Cpath d='M25.31 3.83H11a2 2 0 0 0-1.74 1L2.29 17a2 2 0 0 0-.23 1.51 15.77 15.77 0 0 0 9.66 2.69.78.78 0 0 1 .82.74v2.52a.71.71 0 0 0 .7.73.68.68 0 0 0 .43-.13c3.27-2.3 11.43-8.73 12.2-15.86a12 12 0 0 0-.56-5.35' fill='%2379bc73'/%3E%3C/svg%3E"); } ._list_bb303__list { list-style: none; margin: 0; padding: 0; } ._list_bb303__resource { border-bottom: 1px solid hsl(var(--border)); position: relative; } ._list_bb303__resource:last-of-type { border-bottom: 0; } ._form_8f36f__Course-Review-FormCell ._form_8f36f__rating-title { text-align: center; } ._form_8f36f__Course-Review-FormCell ._form_8f36f__rating { margin-bottom: 40px; text-align: center; } ._form_8f36f__Course-Review-FormCell ._form_8f36f__rating-stars { font-size: 2.222em; justify-content: center; } ._form_8f36f__Course-Review-FormCell ._form_8f36f__rating-error { display: inline-block; } ._list_667bd__action { display: flex; flex-direction: column; justify-content: center; position: relative; } ._list_667bd__list { list-style: none; margin: 0; padding: 0; } ._list_667bd__list ._list_667bd__review { border-bottom: 1px solid hsl(var(--border-alpha)); padding: 2rem 2rem 2rem 5rem; position: relative; display: flex; gap: 0.75rem; flex-direction: column; min-height: 7.5rem; } ._list_667bd__list ._list_667bd__review:last-of-type { border-bottom: 0; } @media only screen and (min-width: 768px) { ._list_667bd__list ._list_667bd__review { padding-left: 90px } } ._list_667bd__list ._list_667bd__avatar { left: var(--spacing-horizontal-small); position: absolute; } @media only screen and (min-width: 768px) { ._list_667bd__list ._list_667bd__avatar { left: var(--spacing-horizontal) } } ._list_667bd__list ._list_667bd__author { color: hsl(var(--text-light)); } ._list_667bd__list ._list_667bd__body { color: hsl(var(--text-light)); line-height: var(--base-line-height); } ._list_667bd__list ._list_667bd__rating { position: absolute; right: var(--spacing-horizontal-small); top: 25px; } @media only screen and (min-width: 768px) { ._list_667bd__list ._list_667bd__rating { right: var(--spacing-horizontal) } } ._list_667bd__review-response { margin-top: .5rem; padding: 1.5rem; background: hsl(var(--black) / 0.03); border-radius: 0.5rem; display: flex; gap: .75rem; flex-wrap: wrap; } ._list_667bd__review-response-header, ._list_667bd__title { font-weight: bold; margin: 0; font-size: 1rem; width: 100%; } ._list_667bd__review-response-header, ._list_667bd__review-response-body { margin: 0; transition: opacity var(--duration-default) ease; } ._review_link_e91c0__Course-Review-ReviewButtonCell { color: inherit; white-space: nowrap; } ._sidebar_content_bc1d7__Course-SidebarContentCell { flex: 0 0 280px; flex-basis: 360px; padding-left: var(--spacing-horizontal); } ._sidebar_content_bc1d7__Course-SidebarContentCell ._sidebar_content_bc1d7__reset-progress._sidebar_content_bc1d7__hidden { display: none; } ._sidebar_content_bc1d7__Course-SidebarContentCell ._sidebar_content_bc1d7__unenroll-button { /* Needed for JS */ } ._sidebar_content_bc1d7__Course-SidebarContentCell ._sidebar_content_bc1d7__unenroll-warning { color: hsl(var(--danger)); font-size: var(--font-size-small); font-style: italic; } ._sidebar_content_bc1d7__Course-SidebarContentCell ._sidebar_content_bc1d7__unenroll-dialog ul { padding-left: var(--spacing-horizontal); } ._sidebar_content_bc1d7__Course-SidebarContentCell ._sidebar_content_bc1d7__unenroll-dialog ul li { list-style: none; padding-top: var(--spacing-vertical-small); } ._sidebar_content_bc1d7__Course-SidebarContentCell ._sidebar_content_bc1d7__unenroll-dialog ul li ._sidebar_content_bc1d7__event-title { color: hsl(var(--primary)); font-weight: bold; } ._sidebar_content_bc1d7__Course-SidebarContentCell ._sidebar_content_bc1d7__unenroll-dialog ul li ._sidebar_content_bc1d7__event-date { color: hsl(var(--gray50)); margin-left: var(--spacing-horizontal-tiny); } ._header_44b82__Course-Subject-HeaderCell { background: hsl(var(--gray98)); box-shadow: var(--shadow-bar); color: hsl(var(--text)); display: flex; height: var(--size-course-bar-height-phone); justify-content: space-between; } @media only screen and (min-width: 768px) {._header_44b82__Course-Subject-HeaderCell { height: var(--size-course-bar-height-desktop) } } ._header_44b82__Course-Subject-HeaderCell ._header_44b82__subject-info { display: flex; max-width: 100%; min-width: 0; width: 40rem; } ._header_44b82__Course-Subject-HeaderCell ._header_44b82__course-thumb { display: none; } @media only screen and (min-width: 768px) { ._header_44b82__Course-Subject-HeaderCell ._header_44b82__course-thumb { display: block; flex: 0 0 100px; height: var(--size-course-bar-height-desktop); margin-right: 14px } } ._header_44b82__Course-Subject-HeaderCell ._header_44b82__course-image { opacity: 0.3; transition: opacity var(--duration-default) ease; } ._header_44b82__Course-Subject-HeaderCell ._header_44b82__course-image-link { color: inherit; display: block; position: relative; } ._header_44b82__Course-Subject-HeaderCell ._header_44b82__course-image-link:hover ._header_44b82__course-image { opacity: 0; } ._header_44b82__Course-Subject-HeaderCell ._header_44b82__back { font-size: 24px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: opacity var(--duration-default) ease; } ._header_44b82__Course-Subject-HeaderCell ._header_44b82__course-title-container { margin: 12px 0 3px 0; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; } @media only screen and (min-width: 768px) { ._header_44b82__Course-Subject-HeaderCell ._header_44b82__course-title-container { margin-top: 14px } } ._header_44b82__Course-Subject-HeaderCell ._header_44b82__titles { display: grid; } ._header_44b82__Course-Subject-HeaderCell ._header_44b82__course-title { color: hsl(var(--text)); font-size: var(--font-size-heading-tiny); line-height: 1.1; -webkit-text-decoration: none; text-decoration: none; } ._header_44b82__Course-Subject-HeaderCell ._header_44b82__certified-icon { font-size: 14px; } @media only screen and (min-width: 768px) { ._header_44b82__Course-Subject-HeaderCell ._header_44b82__certified-icon, ._header_44b82__Course-Subject-HeaderCell ._header_44b82__completed-badge { margin-left: 5px } } ._header_44b82__Course-Subject-HeaderCell ._header_44b82__learnable-title { font-size: var(--font-size-heading-medium); margin-bottom: 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media only screen and (min-width: 768px) { ._header_44b82__Course-Subject-HeaderCell ._header_44b82__learnable-title { margin-bottom: 12px } } ._header_44b82__Course-Subject-HeaderCell ._header_44b82__flexer { flex: 0 0 var(--spacing-horizontal); } @media only screen and (min-width: 768px) { ._header_44b82__Course-Subject-HeaderCell ._header_44b82__flexer { flex: 0 0 150px } } ._header_44b82__Course-Subject-HeaderCell ._header_44b82__prev-navigation, ._header_44b82__Course-Subject-HeaderCell ._header_44b82__next-navigation { display: flex; flex: 0; font-size: var(--font-size-large); line-height: var(--size-course-bar-height-phone); padding: 0 var(--spacing-horizontal); -webkit-text-decoration: none; text-decoration: none; } @media only screen and (min-width: 768px) { ._header_44b82__Course-Subject-HeaderCell ._header_44b82__prev-navigation, ._header_44b82__Course-Subject-HeaderCell ._header_44b82__next-navigation { flex: 0 0 150px; line-height: var(--size-course-bar-height-desktop) } } ._header_44b82__Course-Subject-HeaderCell ._header_44b82__prev-navigation:hover ._header_44b82__arrow-left, ._header_44b82__Course-Subject-HeaderCell ._header_44b82__next-navigation:hover ._header_44b82__arrow-left { transform: translateX(-20%); } ._header_44b82__Course-Subject-HeaderCell ._header_44b82__prev-navigation:hover ._header_44b82__arrow-right, ._header_44b82__Course-Subject-HeaderCell ._header_44b82__next-navigation:hover ._header_44b82__arrow-right { transform: translateX(20%); } ._header_44b82__Course-Subject-HeaderCell ._header_44b82__prev-navigation .icon, ._header_44b82__Course-Subject-HeaderCell ._header_44b82__next-navigation .icon { line-height: inherit; } @supports (-ms-ime-align: auto) { ._header_44b82__Course-Subject-HeaderCell ._header_44b82__prev-navigation .icon::before, ._header_44b82__Course-Subject-HeaderCell ._header_44b82__next-navigation .icon::before { vertical-align: -22% !important } ._header_44b82__Course-Subject-HeaderCell ._header_44b82__prev-navigation .icon::before, ._header_44b82__Course-Subject-HeaderCell ._header_44b82__next-navigation .icon::before { line-height: 1 } } /* MS IE10+ icon vertical alignment fix */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { ._header_44b82__Course-Subject-HeaderCell ._header_44b82__prev-navigation .icon::before, ._header_44b82__Course-Subject-HeaderCell ._header_44b82__next-navigation .icon::before { vertical-align: -22% !important } ._header_44b82__Course-Subject-HeaderCell ._header_44b82__prev-navigation .icon::before, ._header_44b82__Course-Subject-HeaderCell ._header_44b82__next-navigation .icon::before { line-height: 1 } } ._header_44b82__Course-Subject-HeaderCell ._header_44b82__prev-navigation .icon::before, ._header_44b82__Course-Subject-HeaderCell ._header_44b82__next-navigation .icon::before { vertical-align: baseline; } ._header_44b82__Course-Subject-HeaderCell ._header_44b82__label { display: none; } @media only screen and (min-width: 768px) { ._header_44b82__Course-Subject-HeaderCell ._header_44b82__label { display: inline } } ._header_44b82__Course-Subject-HeaderCell ._header_44b82__next-navigation ._header_44b82__label { margin-left: auto; } ._header_44b82__Course-Subject-HeaderCell ._header_44b82__arrow-left, ._header_44b82__Course-Subject-HeaderCell ._header_44b82__arrow-right { transform: translateX(0%); transition: transform var(--duration-default) ease; } ._header_44b82__Course-Subject-HeaderCell ._header_44b82__arrow-left::before, ._header_44b82__Course-Subject-HeaderCell ._header_44b82__arrow-right::before { font-size: 20px; } @media only screen and (min-width: 768px) { ._header_44b82__Course-Subject-HeaderCell ._header_44b82__arrow-left::before, ._header_44b82__Course-Subject-HeaderCell ._header_44b82__arrow-right::before { font-size: 17px } } @media only screen and (min-width: 768px) { ._header_44b82__Course-Subject-HeaderCell ._header_44b82__arrow-left { margin-right: 10px } } @media only screen and (min-width: 768px) { ._header_44b82__Course-Subject-HeaderCell ._header_44b82__arrow-right { margin-left: 10px } } ._subject_1da6a__Course-SubjectCell { position: relative; } ._subject_1da6a__Course-SubjectCell ._subject_1da6a__ribbon, ._subject_1da6a__Course-SubjectCell ._subject_1da6a__ribbon-trigger { height: 30px; position: absolute; right: 0; top: 0; width: 30px; } ._subject_1da6a__Course-SubjectCell ._subject_1da6a__learnable-complete-trigger { border-radius: 0; } ._subject_1da6a__Course-SubjectCell ._subject_1da6a__learnable-complete-trigger::after { background: hsl(var(--completed)); border: 0; content: ""; height: 30px; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M0 0h30v30L0 0zm24.8 4.83L19.48 10l-2.66-2.59-1.33 1.29 3.99 3.88 6.65-6.46-1.33-1.29z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M0 0h30v30L0 0zm24.8 4.83L19.48 10l-2.66-2.59-1.33 1.29 3.99 3.88 6.65-6.46-1.33-1.29z'/%3E%3C/svg%3E"); opacity: 0; position: absolute; right: 0; top: 0; transition: opacity var(--duration-default) ease; width: 30px; } @media only screen and (min-width: 768px) { ._subject_1da6a__Course-SubjectCell ._subject_1da6a__learnable-complete-trigger::after { border-radius: 0 var(--size-border-radius) 0 0 } } ._subject_1da6a__Course-SubjectCell ._subject_1da6a__learnable-complete-trigger:hover { background: hsl(var(--gray80)); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M0 0h30v30L0 0zm24.8 4.83L19.48 10l-2.66-2.59-1.33 1.29 3.99 3.88 6.65-6.46-1.33-1.29z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M0 0h30v30L0 0zm24.8 4.83L19.48 10l-2.66-2.59-1.33 1.29 3.99 3.88 6.65-6.46-1.33-1.29z'/%3E%3C/svg%3E"); opacity: 0.5; } ._subject_1da6a__Course-SubjectCell ._subject_1da6a__learnable-complete-trigger:hover::after { opacity: 0.8; } ._subject_1da6a__Course-SubjectCell ._subject_1da6a__learnable-complete { background: hsl(var(--gray80)); border: 0; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M0 0h30v30L0 0zm24.8 4.83L19.48 10l-2.66-2.59-1.33 1.29 3.99 3.88 6.65-6.46-1.33-1.29z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M0 0h30v30L0 0zm24.8 4.83L19.48 10l-2.66-2.59-1.33 1.29 3.99 3.88 6.65-6.46-1.33-1.29z'/%3E%3C/svg%3E"); transition: opacity var(--duration-default) ease; } @media only screen and (min-width: 768px) { ._subject_1da6a__Course-SubjectCell ._subject_1da6a__learnable-complete { border-radius: 0 var(--size-border-radius) 0 0 } } ._subject_1da6a__Course-SubjectCell._subject_1da6a__completed ._subject_1da6a__subject-completed-trigger { background: hsl(var(--completed)); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M0 0h30v30L0 0zm24.8 4.83L19.48 10l-2.66-2.59-1.33 1.29 3.99 3.88 6.65-6.46-1.33-1.29z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M0 0h30v30L0 0zm24.8 4.83L19.48 10l-2.66-2.59-1.33 1.29 3.99 3.88 6.65-6.46-1.33-1.29z'/%3E%3C/svg%3E"); } @media only screen and (min-width: 768px) { ._subject_1da6a__Course-SubjectCell._subject_1da6a__completed ._subject_1da6a__subject-completed-trigger { border-radius: 0 var(--size-border-radius) 0 0 } } ._subject_1da6a__Course-SubjectCell ._subject_1da6a__event-icon-holder { align-items: center; border: 2px solid hsl(var(--event) / 25%); border-radius: var(--size-border-radius); color: hsl(var(--event)); display: flex; height: 46px; justify-content: center; width: 46px; } ._subject_1da6a__Course-SubjectCell ._subject_1da6a__meta { align-items: center; background-color: hsl(var(--gray98)); border-radius: 0 0 var(--size-border-radius) var(--size-border-radius); border-top: 1px solid hsl(var(--border-alpha)); color: hsl(var(--text)); display: flex; font-size: var(--font-size-small); justify-content: center; padding: var(--spacing-vertical) var(--spacing-horizontal); } @media only screen and (min-width: 768px) { ._subject_1da6a__Course-SubjectCell ._subject_1da6a__meta { justify-content: center } } ._subject_1da6a__Course-SubjectCell ._subject_1da6a__meta._subject_1da6a__notify-link { background: hsl(var(--event)); border: 0; border-radius: 0; color: hsl(var(--white)); text-align: inherit; white-space: normal; } ._subject_1da6a__Course-SubjectCell ._subject_1da6a__meta._subject_1da6a__notify-link:hover { background: hsl(var(--event) / 90%); } @media only screen and (min-width: 768px) { ._subject_1da6a__Course-SubjectCell ._subject_1da6a__meta._subject_1da6a__notify-link { border-radius: 0 0 var(--size-border-radius) var(--size-border-radius) } } ._subject_1da6a__Course-SubjectCell ._subject_1da6a__meta-icon { margin-right: calc(var(--spacing-horizontal-small) / 2); } ._supplier_f84fc__Course-SupplierCell { border-radius: 20%; box-shadow: 0 0 0.1rem 0.015rem hsl(var(--gray90)); box-sizing: content-box; display: inline-block; overflow: hidden; position: relative; } ._supplier_f84fc__image { border: 0; border-radius: 20%; display: inline-block; height: 100%; width: 100%; } ._supplier_f84fc__variant-small { flex-shrink: 0; height: 36px; width: 36px; } ._supplier_f84fc__variant-medium { flex-shrink: 0; height: 48px; width: 48px; } ._supplier_f84fc__text { display: inline-flex; flex-direction: column; justify-content: center; line-height: 1.2; min-width: 0; padding-left: 0.85em; } ._supplier_f84fc__title { color: hsl(var(--text)); font-weight: 400; overflow: hidden; text-align: left; white-space: wrap; } ._type_556d9__trigger { align-items: center; display: flex; } ._type_556d9__trigger ._type_556d9__icon { margin-right: 5px; } ._curation_context_e3b9b__curation-context { background-color: hsl(var(--gray98)); border-radius: var(--size-border-radius); border: 1px solid hsl(var(--border-alpha)); color: hsl(var(--meta)); container-type: inline-size; container-name: curation-context; width: 100%; } @container curation-context (max-width: 20rem) { ._curation_context_e3b9b__curation-context > div { /* opacity: 0.6; */ filter: grayscale(0.3); transition: opacity 0.3s ease, filter 0.3s ease } ._curation_context_e3b9b__curation-context > div:hover { /* opacity: 1; */ filter: grayscale(0); } } ._curation_context_e3b9b__curation-context > * + * { border-top: 1px solid hsl(var(--border-alpha)); } ._curation_context_e3b9b__curation-context-label { display: inline-block; } @container curation-context (max-width: 20rem) { ._curation_context_e3b9b__curation-context-label { display: block; font-weight: bold; margin-bottom: .25rem; width: 100% } } ._curation_context_e3b9b__curation-context-topic-wrapper { background-color: hsl(var(--white)); border-radius: var(--size-border-radius) var(--size-border-radius) 0 0; padding: 1rem; } ._curation_context_e3b9b__curation-context-topic-wrapper:last-child { border-radius: var(--size-border-radius); } ._curation_context_e3b9b__curation-context-topic { align-items: center; color: hsla(var(--primary) / 0.8); display: inline-flex; gap: .2rem; font-weight: 600; margin-left: .2rem; -webkit-text-decoration: none; text-decoration: none; } ._curation_context_e3b9b__curation-context-topic:hover ._curation_context_e3b9b__curation-context-topic-title { -webkit-text-decoration: underline; text-decoration: underline; } ._curation_context_e3b9b__curation-context-tags { display: flex; flex-wrap: wrap; align-items: center; font-size: .8rem; gap: .25rem; padding: 1rem; width: 100%; min-width: 0; box-sizing: border-box; } ._curation_context_e3b9b__curation-context-tags > ._curation_context_e3b9b__curation-context-label { display: inline-block; width: auto; margin-bottom: 0; margin-right: 0.5rem; flex-shrink: 0; } ._curation_context_e3b9b__curation-context-tag { background-color: hsl(var(--gray80)); border-radius: var(--size-border-radius); color: hsl(var(--gray10)); display: inline-flex; align-items: center; font-weight: 600; padding: .25rem .5rem; -webkit-text-decoration: none; text-decoration: none; white-space: nowrap; flex-shrink: 0; } ._curation_context_e3b9b__curation-context-tag:hover { background-color: hsl(var(--gray70)); } ._curation_context_e3b9b__curation-context-tags > ._curation_context_e3b9b__curation-context-channel-tag { flex-shrink: 0; flex-grow: 0; } ._activities_439a5__Dashboard-ActivitiesCell { padding: var(--spacing-vertical-small) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) {._activities_439a5__Dashboard-ActivitiesCell { padding: var(--spacing-vertical-large) 0 var(--spacing-vertical-extra-large) } } @media only screen and (min-width: 768px) { ._activities_439a5__container { max-width: 40rem } } ._activities_439a5__title { font-size: var(--font-size-heading-large); text-align: center; } ._activities_439a5__activity-title { font-size: var(--font-size-large); padding: 0 var(--spacing-horizontal); text-align: left; } ._activities_439a5__no-results { text-align: center; } ._activities_439a5__variant-purple { background-color: hsl(var(--purple-dark)); } ._activities_439a5__variant-purple ._activities_439a5__title, ._activities_439a5__variant-purple ._activities_439a5__activity-title, ._activities_439a5__variant-purple ._activities_439a5__no-results { color: hsl(var(--white)); } ._delete_button_d6181__delete-icon { color: hsl(var(--danger)); } .datatable-editable-toggle { background-color: hsl(var(--gray93)); border-color: hsl(var(--gray75)); border-radius: 14px; border-style: solid; border-width: 2px; display: inline-block; height: 28px; margin-left: var(--spacing-horizontal-small); min-width: 48px; position: relative; transition: border-color var(--duration-extra-short) linear; } @media only screen and (min-width: 1200px) {.datatable-editable-toggle { border-radius: 11px; height: 22px; min-width: 36px } } .datatable-editable-toggle::before { background-color: white; border-radius: 12px; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.15); content: ""; display: block; height: 24px; margin-left: 0; position: absolute; transition: margin-left var(--duration-extra-short) linear, box-shadow var(--duration-extra-short) linear; width: 24px; } @media only screen and (min-width: 1200px) { .datatable-editable-toggle::before { border-radius: 9px; height: 18px; width: 18px } } .datatable-editable-toggle::after { background-color: hsl(var(--green)); border-bottom-left-radius: 12px; border-top-left-radius: 12px; content: ""; display: block; height: 24px; padding-left: 12px; transition: width var(--duration-extra-short) linear; width: 0; } @media only screen and (min-width: 1200px) { .datatable-editable-toggle::after { border-bottom-left-radius: 9px; border-top-left-radius: 9px; height: 18px; padding-left: 9px } } .datatable-editable-toggle.checked { align-items: right; background-color: hsl(var(--green)); border-color: hsl(var(--green)); transition: border-color var(--duration-extra-short) linear, background-color 0s var(--duration-extra-short); } .datatable-editable-toggle.checked::before { box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.1); margin-left: 20px; } @media only screen and (min-width: 1200px) { .datatable-editable-toggle.checked::before { margin-left: 14px } } .datatable-editable-toggle.checked::after { width: 21px; } @media only screen and (min-width: 1200px) { .datatable-editable-toggle.checked::after { width: 15px } } @keyframes datatable-spinner { 0% { transform: rotateZ(0); } 100% { transform: rotateZ(1turn); } } ._data_table_f45e3__DataTableCell .dataTables_wrapper .dataTables_processing:not([style*="display: none"]) + .dataTable { min-height: 10rem; } ._data_table_f45e3__DataTableCell .dataTables_wrapper .dataTables_processing:not([style*="display: none"]) + .dataTable th { height: 1px; } ._data_table_f45e3__DataTableCell .dataTables_wrapper .dataTable { margin: 0 auto; } ._data_table_f45e3__DataTableCell .dataTables_wrapper .dataTable th { position: relative; } ._data_table_f45e3__DataTableCell .dataTables_wrapper .dataTable tr[data-href] { cursor: pointer; } ._data_table_f45e3__DataTableCell .dataTables_wrapper .dataTable tr[data-href]:hover { background: hsl(var(--link-block-background)); } ._data_table_f45e3__DataTableCell .dataTables_wrapper .dataTable .sorting_1, ._data_table_f45e3__DataTableCell .dataTables_wrapper .dataTable .sorting_asc, ._data_table_f45e3__DataTableCell .dataTables_wrapper .dataTable .sorting_desc { backdrop-filter: brightness(0.98); background: inherit; } ._data_table_f45e3__DataTableCell .dataTables_wrapper .dataTable .sorting { padding-right: 30px; } ._data_table_f45e3__DataTableCell .dataTables_wrapper .dataTable .sorting::before, ._data_table_f45e3__DataTableCell .dataTables_wrapper .dataTable .sorting::after { display: block; font-size: var(--font-size-small); opacity: 0.125; position: absolute; right: 10px; } ._data_table_f45e3__DataTableCell .dataTables_wrapper .dataTable .sorting::before { bottom: 50%; content: "▲"; } ._data_table_f45e3__DataTableCell .dataTables_wrapper .dataTable .sorting_asc::before { opacity: 0.6; } ._data_table_f45e3__DataTableCell .dataTables_wrapper .dataTable .sorting::after { content: "▼"; top: 50%; } ._data_table_f45e3__DataTableCell .dataTables_wrapper .dataTable .sorting_desc::after { opacity: 0.6; } ._data_table_f45e3__DataTableCell .clickable { cursor: pointer; } ._data_table_f45e3__DataTableCell .dataTables_empty { text-align: center; vertical-align: middle; } ._data_table_f45e3__DataTableCell .dataTables_filter { background: hsl(var(--white)); border-radius: 5px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03), 0 2px 3px rgba(0, 0, 0, 0.04); margin-bottom: 1.5rem; position: relative; } ._data_table_f45e3__DataTableCell .dataTables_filter .icon-datatable.icon-search { font-size: 24px; left: 14px; position: absolute; top: 13px; z-index: 0; } ._data_table_f45e3__DataTableCell .dataTables_filter input { background-color: transparent; border: none; height: 50px; padding-left: 50px; padding-right: var(--spacing-horizontal-small); width: 100%; } ._data_table_f45e3__DataTableCell .dataTables_filter input:focus { outline: none; } ._data_table_f45e3__DataTableCell .dataTables_paginate { backdrop-filter: blur(8px); background: hsl(var(--background) / 0.5); border-radius: 3px; bottom: 1rem; display: flex; margin: 0 auto; position: sticky; width: -moz-fit-content; width: fit-content; z-index: 99; } ._data_table_f45e3__DataTableCell .dataTables_paginate span { display: flex; } ._data_table_f45e3__DataTableCell .dataTables_paginate .paginate_button, ._data_table_f45e3__DataTableCell .dataTables_paginate .ellipsis { border: 1px solid hsl(var(--border)); border-right: none; min-height: 48px; } ._data_table_f45e3__DataTableCell .dataTables_paginate .paginate_button { align-items: center; color: hsl(var(--primary)); cursor: pointer; display: flex; padding: 14px; -webkit-text-decoration: none; text-decoration: none; transition: color 0.1s linear, background-color 0.1s linear; } ._data_table_f45e3__DataTableCell .dataTables_paginate .paginate_button:hover { background: hsl(var(--primary) / 0.05); color: hsl(var(--text)); } ._data_table_f45e3__DataTableCell .dataTables_paginate .ellipsis { color: hsl(var(--meta)); cursor: default; padding: 14px 10px; } ._data_table_f45e3__DataTableCell .dataTables_paginate .paginate_button.current { background-color: hsl(var(--primary)); border-color: hsl(var(--primary)); color: hsl(var(--white)); cursor: default; } ._data_table_f45e3__DataTableCell .dataTables_paginate .paginate_button.previous { border-radius: 3px 0 0 3px; } ._data_table_f45e3__DataTableCell .dataTables_paginate .paginate_button.next { border-radius: 0 3px 3px 0; border-right: 1px solid hsl(var(--border)); } ._data_table_f45e3__DataTableCell .dataTables_paginate .icon-datatable.icon-chevron-left, ._data_table_f45e3__DataTableCell .dataTables_paginate .icon-datatable.icon-chevron-right { font-size: 0.85em; white-space: nowrap; } ._data_table_f45e3__DataTableCell .dataTables_processing { backdrop-filter: blur(2px); background: rgba(255,255,255, 0.6); top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 2; } ._data_table_f45e3__DataTableCell .dataTables_processing .spinner { animation: datatable-spinner 0.6s linear infinite; border: 0.3rem solid #b0b0b0; border-radius: 50%; border-right-color: transparent; height: 3rem; margin: 5rem auto 0; position: sticky; top: 50%; transform: translateY(-50%); width: 3rem; } ._data_table_f45e3__search { margin-bottom: var(--spacing-vertical); } ._data_table_f45e3__filters { display: flex; flex-wrap: wrap; margin: 0 calc(var(--spacing-horizontal-small) / 2) var(--spacing-vertical); } @media only screen and (min-width: 1300px) { ._data_table_f45e3__filters { display: block; margin: 0 0 var(--spacing-vertical-large) } } ._data_table_f45e3__filter-set { background-color: hsl(var(--gray94)); border-radius: 3px; flex: 0 1 280px; margin: 0 calc(var(--spacing-horizontal-small) / 2) var(--spacing-vertical); min-width: 0; width: 400px; } @media only screen and (min-width: 1300px) { ._data_table_f45e3__filter-set { margin: 0 0 var(--spacing-vertical-small) } } @media only screen and (min-width: 1300px) { ._data_table_f45e3__filter-set:last-child { margin: 0 } } ._data_table_f45e3__search-panel { display: flex; } ._data_table_f45e3__search-panel >label { flex: 1; margin: 0 var(--spacing-horizontal-small) 0 0; } ._data_table_f45e3__search-panel >label:last-child { margin: 0; } ._data_table_f45e3__date-input { /* Used by javascript */ } ._data_table_f45e3__header { align-items: center; box-shadow: 0 -1px 0 hsl(var(--gray85)) inset; display: flex; margin-bottom: var(--spacing-vertical); padding: var(--spacing-vertical) 0; } ._data_table_f45e3__title { color: hsl(var(--text-light)); flex-grow: 1; font-size: var(--font-size-capitalized-medium); font-weight: 400; margin: 0; padding: 0 var(--spacing-horizontal); text-transform: uppercase; } ._data_table_f45e3__content { padding: 0 var(--spacing-horizontal) var(--spacing-vertical); } ._data_table_f45e3__loading { align-items: center; display: flex; flex-direction: column; justify-content: center; min-height: 300px; position: absolute; z-index: 9; } ._data_table_f45e3__spinner { animation: _data_table_f45e3__spin 1s linear infinite; border: 2px solid hsl(var(--gray50)); border-radius: 50%; border-top-color: hsl(var(--primary)); height: 40px; width: 40px; } ._data_table_f45e3__center { text-align: center; } ._data_table_f45e3__loading._data_table_f45e3__hidden { display: none; } ._date_range_3eb6e__DateRangeCell { align-items: center; display: flex; flex-wrap: wrap; gap: 1em; } @media only screen and (min-width: 990px) {._date_range_3eb6e__DateRangeCell { align-items: normal; flex-direction: column } } @media only screen and (min-width: 990px) { ._date_range_3eb6e__range-tooltip { display: block; width: 100% } ._date_range_3eb6e__range-tooltip-trigger { display: block; } } ._date_range_3eb6e__range-button { border-radius: 0; color: hsl(var(--text)); font-family: var(--font-family-base); font-size: var(--font-size-base-mobile); outline: none; position: relative; transition: border-color 0.15s ease-in; vertical-align: middle; width: 100%; } @media only screen and (min-width: 1200px) { ._date_range_3eb6e__range-button { font-size: var(--font-size-base); } } ._date_range_3eb6e__range-button::-moz-placeholder { color: hsl(var(--form-input-placeholder)); font-weight: 300; opacity: 1; } ._date_range_3eb6e__range-button::placeholder { color: hsl(var(--form-input-placeholder)); font-weight: 300; opacity: 1; } ._date_range_3eb6e__range-button:focus { border-color: hsl(var(--primary)); } ._date_range_3eb6e__range-button:disabled { color: hsl(var(--text) / 0.6); cursor: not-allowed; } ._date_range_3eb6e__range-button { --input-height: 50px; background-color: hsl(var(--form-input-background)); border: 1px solid hsl(var(--border)); border-radius: 0.25rem; height: 50px; height: var(--input-height); line-height: var(--line-height-small); padding: 10px 0.75em; } ._date_range_3eb6e__range-button:disabled, ._date_range_3eb6e__range-button[readonly] { background-color: hsl(var(--form-input-disabled-background)); } ._date_range_3eb6e__range-button { box-shadow: none !important; } ._date_range_3eb6e__range-button { align-items: center; display: flex; gap: 1em; text-align: left; } ._date_range_3eb6e__range-button-label { flex: 1; } ._date_range_3eb6e__link { color: inherit; display: block; min-width: 250px; padding: var(--spacing-vertical-small) var(--spacing-horizontal-small); -webkit-text-decoration: none; text-decoration: none; white-space: nowrap; } ._date_range_3eb6e__link:not(._date_range_3eb6e__link-active):hover { background: hsl(var(--background)); } ._date_range_3eb6e__link:first-child { border-radius: var(--size-border-radius) var(--size-border-radius) 0 0; } ._date_range_3eb6e__link:last-child { border-radius: 0 0 var(--size-border-radius) var(--size-border-radius); } ._date_range_3eb6e__link-active { font-weight: bold; } ._date_range_3eb6e__range-form { display: inline-flex; gap: 0.5rem; } @media only screen and (min-width: 990px) { ._date_range_3eb6e__range-form { gap: 1rem } } ._date_range_3eb6e__range-form-input { margin-bottom: 0 !important; } ._date_range_3eb6e__range-form-input { flex: 1; } ._date_range_3eb6e__filter-year { margin-top: 1rem; display: flex; gap: 0.5em; flex-wrap: wrap; } ._date_range_3eb6e__filter-year a { border: 1px solid hsl(var(--border)); border-radius: 99px; color: inherit; padding: 0.5em 0.7em; -webkit-text-decoration: none; text-decoration: none; } ._date_range_3eb6e__filter-year a:hover { background: hsl(var(--gray94)); } ._date_range_3eb6e__filter-year a.active { background: white; color: hsl(var(--blue-darker)); font-weight: bold; } ._date_6531d__date-text { /* Used by javascript */ } /* NOTE: nested some styling to overwrite the dropdown defaults. */ ._department_dropdown_1143a__Departments-DepartmentDropdownCell ._department_dropdown_1143a__trigger { color: hsl(var(--text)); -webkit-text-decoration: none; text-decoration: none; } [class$="__show"] ._department_dropdown_1143a__Departments-DepartmentDropdownCell ._department_dropdown_1143a__trigger::after { opacity: 1; } ._department_dropdown_1143a__Departments-DepartmentDropdownCell ._department_dropdown_1143a__trigger::after { margin-left: 0.3em; opacity: 0.5; transform: scale(0.8) rotate(135deg); transition: opacity 0.2s ease; } ._department_dropdown_1143a__Departments-DepartmentDropdownCell ._department_dropdown_1143a__trigger:hover::after { opacity: 1; } ._department_dropdown_1143a__Departments-DepartmentDropdownCell ._department_dropdown_1143a__dropdown { border-top-left-radius: 0; border-top-right-radius: 0; left: calc(var(--spacing-horizontal-small) * -1); margin-bottom: 20px; max-width: 100vw; right: calc(var(--spacing-horizontal-small) * -1); } ._department_dropdown_1143a__Departments-DepartmentDropdownCell ._department_dropdown_1143a__dropdown >a { display: flex; white-space: nowrap; } ._department_dropdown_1143a__Departments-DepartmentDropdownCell ._department_dropdown_1143a__dropdown >a.active { box-shadow: 3px 0 0 hsl(var(--primary)) inset; font-weight: 600; } @media only screen and (min-width: 768px) { ._department_dropdown_1143a__Departments-DepartmentDropdownCell ._department_dropdown_1143a__dropdown { left: auto; max-width: 100%; min-width: 400px; right: auto } } ._department_dropdown_1143a__item-title { align-items: center; font-size: var(--font-size-heading-small); margin-right: 0.5em; overflow: hidden; text-overflow: ellipsis; } ._department_dropdown_1143a__item-badge { font-size: var(--font-size-tiny); margin-left: auto; } ._header_ad9a1__archived { margin-left: 10px; vertical-align: text-bottom; } ._dialog_202f6__DialogCell { border: none; padding: 0; width: calc(100% - 2rem); } ._dialog_202f6__DialogCell:has([data-cell="Typeahead-InputCell"]) { overflow: visible; } @media only screen and (max-width: 767px) { ._dialog_202f6__DialogCell form { display: flex; flex-direction: column; height: 100% } } ._dialog_202f6__DialogCell::backdrop { background: hsl(255, 5%, 85%, 0.85); } @media only screen and (max-width: 767px) {._dialog_202f6__DialogCell { height: 100%; margin: 0; max-height: none; max-width: none; width: 100% } } @media only screen and (min-width: 768px) {._dialog_202f6__DialogCell { box-shadow: 0 2px 0 hsl(var(--border-alpha)); width: 580px } } ._dialog_202f6__icon { display: inline-block; font-size: 18px; line-height: var(--line-height-small); margin-right: 5px; } ._dialog_202f6__close-button { align-items: center; background: none; border: none; color: inherit; cursor: pointer; display: flex; font-size: 1.6rem; height: 1.5rem; line-height: 1; margin: 0 -0.2em 0 0; opacity: 0.7; padding: 0; width: 1.5rem; } ._dialog_202f6__close-button:hover { opacity: 1; } ._dialog_202f6__close-button svg { fill: currentColor; height: 1.25rem; width: 1.25rem; } *:not(._dialog_202f6__header) > ._dialog_202f6__title, ._dialog_202f6__header, ._dialog_202f6__content, ._dialog_202f6__actions { padding: var(--spacing-vertical) var(--spacing-horizontal); } @media only screen and (min-width: 768px) { *:not(._dialog_202f6__header) > ._dialog_202f6__title, ._dialog_202f6__header, ._dialog_202f6__content, ._dialog_202f6__actions { padding-left: var(--spacing-horizontal-large); padding-right: var(--spacing-horizontal-large) } } *:not(._dialog_202f6__header) > ._dialog_202f6__title:not(:last-child):not(._dialog_202f6__no-border), ._dialog_202f6__header:not(:last-child):not(._dialog_202f6__no-border), ._dialog_202f6__content:not(:last-child):not(._dialog_202f6__no-border), ._dialog_202f6__actions:not(:last-child):not(._dialog_202f6__no-border) { border-bottom: 1px solid hsl(var(--border-alpha)); } ._dialog_202f6__action-right { margin-left: auto; } ._dialog_202f6__header { align-items: center; display: flex; gap: var(--spacing-horizontal-small); } ._dialog_202f6__header ._dialog_202f6__close-button { margin-left: auto; } ._dialog_202f6__title { font-size: var(--font-size-heading-small); font-weight: 700; margin: 0; position: relative; } ._dialog_202f6__content { line-height: 1.4; position: relative; } @media only screen and (min-width: 768px) { ._dialog_202f6__content { padding-bottom: var(--spacing-vertical-large); padding-top: var(--spacing-vertical-large) } } ._dialog_202f6__actions { align-items: center; display: flex; flex-wrap: wrap; gap: var(--spacing-horizontal-small); } ._dialog_202f6__action { font-weight: 600; } ._dialog_202f6__action:not(._dialog_202f6__action-right) { margin-right: auto; } ._dialog_202f6__action-center { margin-left: auto; margin-right: auto; } ._dialog_202f6__variant-default { /* default class */ } ._dialog_202f6__variant-rounded [data-fetched-html-container] { border-radius: 0.5rem; } @media only screen and (min-width: 768px) { ._dialog_202f6__variant-rounded { border-radius: 0.5rem; box-shadow: 0 0 2rem 0 hsla(var(--background-h) 20% 60% / 20%) } } @media only screen and (min-width: 768px) { ._dialog_202f6__variant-wide { max-width: 1050px; width: calc(100% - 2rem) } } @media only screen and (min-width: 768px) { ._dialog_202f6__variant-large { width: 900px } } @media only screen and (min-width: 768px) { ._dialog_202f6__variant-medium { width: 650px } } @media only screen and (min-width: 768px) { ._dialog_202f6__variant-narrow { width: 430px } } @media only screen and (min-width: 768px) { ._dialog_202f6__variant-fit-content, ._dialog_202f6__variant-fit_content { min-width: 580px; width: -moz-fit-content; width: fit-content } } ._dialog_202f6__variant-narrow_to_default { width: calc(100% - 2rem); } @media only screen and (min-width: 768px) { ._dialog_202f6__variant-narrow_to_default { max-width: 580px; min-width: 430px; width: auto; width: initial } } /* Classes to give Dialogs's a recourse style context header with a subtitle that shows the entity title above the Dialog title. Example:

<%= @certificate.title %>

<%= gettext("Reminder Emails") %>
<%= DetroitWeb.DialogCell.close_button() %>
*/ ._dialog_202f6__dialog-context-header { padding: var(--spacing-vertical-large) var(--spacing-horizontal); } @media only screen and (min-width: 768px) { ._dialog_202f6__dialog-context-header { padding: var(--spacing-vertical-large) var(--spacing-horizontal-large) } } ._dialog_202f6__dialog-context-header-title { display: flex; font-size: 1.6rem; font-weight: 700; gap: 1rem; justify-content: space-between; line-height: 1.2; position: relative; } ._dialog_202f6__dialog-context-header-subtitle { font-size: 1rem; margin: 0 0 0.5rem; } ._dropdown_25705__DropdownCell { display: inline-block; position: relative; } ._dropdown_25705__dropdown { background: hsl(var(--white)); border-radius: 4px; box-shadow: 0 1px 4px hsl(var(--text) / 12%), 0 2px 20px hsl(var(--text) / 12%), 0 0 1px hsl(var(--text) / 20%); color: hsl(var(--text)); height: 0; left: 0; margin-top: 8px; max-width: 400px; min-width: 150px; opacity: 0; overflow: hidden; position: absolute; text-align: left; top: 100%; transform: translateY(-6px); transform-origin: top left; transition: visibility 0s, opacity 0.1s ease-in, transform 0.15s cubic-bezier(0.5, 0, 0.3, 1); visibility: hidden; width: 0; z-index: 100; } ._dropdown_25705__dropdown form:first-child>button { border: none; } ._dropdown_25705__show>._dropdown_25705__dropdown { height: auto; opacity: 1; transform: translateY(0); visibility: visible; width: auto; } ._dropdown_25705__show>a { color: hsl(var(--primary)); } ._dropdown_25705__item, ._dropdown_25705__link { align-items: center; background: transparent; border: none; border-radius: 0; border-top: 1px solid hsl(var(--border)); cursor: pointer; display: flex; font-size: inherit; padding: var(--spacing-vertical-small) var(--spacing-horizontal-small); position: relative; text-align: left; width: 100%; } ._dropdown_25705__item:first-child, ._dropdown_25705__link:first-child { border-top: 0; } ._dropdown_25705__item >button, ._dropdown_25705__link >button { color: hsl(var(--text)); padding: 0; } ._dropdown_25705__item >button:hover, ._dropdown_25705__link >button:hover { color: inherit; } ._dropdown_25705__item .icon, ._dropdown_25705__link .icon { margin-right: 0.4rem; } ._dropdown_25705__link { color: hsl(var(--text)); outline: none; -webkit-text-decoration: none; text-decoration: none; transition: background-color 0.2s ease; } ._dropdown_25705__link:hover { background: hsl(var(--background)); color: inherit; } ._dropdown_25705__link::before { margin-right: 7px; } /* Carrot and chevron */ ._dropdown_25705__carrot::after { border-left: 0.3em solid transparent; border-right: 0.3em solid transparent; border-top: 0.3em solid; content: ""; display: inline-block; height: 0; margin-left: 0.3em; vertical-align: middle; width: 0; } ._dropdown_25705__chevron::after { border-style: solid; border-width: 0.11em 0.11em 0 0; content: ""; display: inline-block; height: 0.3em; margin-left: 0.4em; position: relative; top: -0.1em; transform: rotate(135deg); vertical-align: middle; width: 0.3em; } /* Close button */ ._dropdown_25705__close-button { background: none; border: 0; color: hsl(var(--text)); cursor: pointer; font-size: 1.3rem; font-weight: 400; line-height: var(--line-height-small); opacity: 0.4; padding: 0; position: absolute; right: 12px; top: 7px; } ._dropdown_25705__close-button:hover { opacity: 1; } /* Alignment */ ._dropdown_25705__right>._dropdown_25705__dropdown { left: auto; right: -5px; transform-origin: top right; } /* Variants */ ._dropdown_25705__variant-default::before, ._dropdown_25705__variant-default::after { content: ""; height: 8px; left: 50%; margin-top: -2px; opacity: 0; pointer-events: none; position: absolute; top: 100%; transform: translateX(-50%) rotate(45deg); transition: visibility 0s, opacity 0.1s ease-in, margin-top 0.15s cubic-bezier(0.5, 0, 0.3, 1); visibility: hidden; width: 8px; } ._dropdown_25705__variant-default::before { box-shadow: 0 1px 4px hsl(var(--text) / 12%), 0 2px 20px hsl(var(--text) / 12%), 0 0 1px hsl(var(--text) / 20%); z-index: 99; } ._dropdown_25705__variant-default::after { background: linear-gradient(to right bottom, white 50%, transparent 50%); z-index: 101; } ._dropdown_25705__variant-default._dropdown_25705__show::before, ._dropdown_25705__variant-default._dropdown_25705__show::after { margin-top: 4px; opacity: 1; visibility: visible; } ._dropdown_25705__variant-large ._dropdown_25705__item, ._dropdown_25705__variant-large ._dropdown_25705__link { padding-bottom: var(--spacing-vertical); padding-top: var(--spacing-vertical); } ._dropdown_25705__variant-large ._dropdown_25705__item._dropdown_25705__small, ._dropdown_25705__variant-large ._dropdown_25705__link._dropdown_25705__small { border-top: 0; padding-bottom: 15px; padding-top: 15px; } @keyframes _element_0ea66__pulse { 0% { transform: scale(1); } 100% { transform: scale(1.15); } } ._element_0ea66__Elements-ElementCell { margin-bottom: 1.4em; } ._element_0ea66__placeholder { align-items: center; background-color: hsl(var(--background)); border: 2px dashed hsl(var(--border-alpha)); border-radius: var(--size-border-radius); display: flex; padding: var(--spacing-horizontal-small) var(--spacing-horizontal-small); } ._element_0ea66__placeholder-icon { margin-right: var(--spacing-horizontal-small); width: 60px; } ._element_0ea66__placeholder-message { color: hsl(var(--text-light)); font-size: var(--font-size-small); } ._element_0ea66__placeholder-message ._element_0ea66__id { color: hsl(var(--meta)); font-size: var(--font-size-tiny); } ._element_0ea66__loading ._element_0ea66__placeholder-icon { animation: _element_0ea66__pulse 1.5s ease-in-out infinite alternate-reverse; } ._element_0ea66__error ._element_0ea66__placeholder-icon { filter: grayscale(100%); opacity: 0.6; } @keyframes _hotspot_38c65__hotspot-spot-appear { 0% { transform: scale(0); } 100% { transform: scale(1); } } ._hotspot_38c65__Elements-HotspotCell { margin: 0; padding: 0; position: relative; } ._hotspot_38c65__image { display: block; max-width: 100%; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 100%; } ._hotspot_38c65__spot { --spot-size: 22px; align-items: center; animation: _hotspot_38c65__hotspot-spot-appear 0.25s ease-out; background-color: white; border-radius: 50%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); color: black; cursor: pointer; display: flex; height: 22px; height: var(--spot-size); margin-left: calc(22px / -2); margin-left: calc(var(--spot-size) / -2); margin-top: calc(22px / -2); margin-top: calc(var(--spot-size) / -2); outline: 0; position: absolute; text-align: center; touch-action: none; transition: box-shadow 0.1s ease-in-out, background-color 0.1s ease-in-out, color 0.1s ease-in-out, transform 0.1s ease-in-out; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 22px; width: var(--spot-size); } ._hotspot_38c65__spot:hover { box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); transform: scale(1.2); } ._hotspot_38c65__spot[aria-expanded="true"] { background-color: hsl(var(--blue)); color: white; } ._hotspot_38c65__spot-tooltip { /* Used in JavaScript */ } ._hotspot_38c65__spot-icon { flex: 1; font-size: 16px; font-weight: bold; } ._hotspot_38c65__spot-title { font-size: 16px; margin: 0; } +._hotspot_38c65__spot-title-content { margin-top: 0.4em; } ._hotspot_38c65__spot-content { font-size: var(--font-size-rich-content); line-height: var(--line-height-large); } ._hotspot_38c65__spot-content a { word-break: break-word; } ._hotspot_38c65__spot-content h1, ._hotspot_38c65__spot-content h2, ._hotspot_38c65__spot-content h3, ._hotspot_38c65__spot-content h4, ._hotspot_38c65__spot-content h5, ._hotspot_38c65__spot-content h6 { font-weight: bold; } ._hotspot_38c65__spot-content h1 .anchor, ._hotspot_38c65__spot-content h2 .anchor, ._hotspot_38c65__spot-content h3 .anchor, ._hotspot_38c65__spot-content h4 .anchor, ._hotspot_38c65__spot-content h5 .anchor, ._hotspot_38c65__spot-content h6 .anchor { color: hsl(var(--meta)); float: left; line-height: 1; margin-left: -24px; padding-right: 4px; -webkit-text-decoration: none; text-decoration: none; } ._hotspot_38c65__spot-content h1 .anchor::before, ._hotspot_38c65__spot-content h2 .anchor::before, ._hotspot_38c65__spot-content h3 .anchor::before, ._hotspot_38c65__spot-content h4 .anchor::before, ._hotspot_38c65__spot-content h5 .anchor::before, ._hotspot_38c65__spot-content h6 .anchor::before { display: inline-block; font-size: 14px; vertical-align: sub; visibility: hidden; width: 20px; } ._hotspot_38c65__spot-content h1:hover .anchor::before, ._hotspot_38c65__spot-content h2:hover .anchor::before, ._hotspot_38c65__spot-content h3:hover .anchor::before, ._hotspot_38c65__spot-content h4:hover .anchor::before, ._hotspot_38c65__spot-content h5:hover .anchor::before, ._hotspot_38c65__spot-content h6:hover .anchor::before { visibility: visible; } ._hotspot_38c65__spot-content > p { margin-bottom: 1.4em; } /* Resetting list style types to "defaults" in case already nested */ ._hotspot_38c65__spot-content > ul { list-style-type: disc; } ._hotspot_38c65__spot-content > ol { list-style-type: decimal; } ._hotspot_38c65__spot-content > ul ul, ._hotspot_38c65__spot-content > ol ul { list-style-type: circle; } ._hotspot_38c65__spot-content > ul ul ul, ._hotspot_38c65__spot-content > ol ul ul { list-style-type: square; } ._hotspot_38c65__spot-content img { max-width: 100%; } ._hotspot_38c65__spot-content blockquote { background-color: hsl(var(--gray98)); border-left: 4px solid hsl(var(--border)); color: hsl(var(--text-light)); font-style: italic; margin: 0; margin-bottom: 1.4em; padding: 0.5em; padding-left: 1em; position: relative; } ._hotspot_38c65__spot-content blockquote > p { margin-bottom: 0.75em; } ._hotspot_38c65__spot-content blockquote > p:first-child { margin-top: 0; } ._hotspot_38c65__spot-content blockquote > p:last-child { margin-bottom: 0; } ._hotspot_38c65__spot-content code { background: hsl(var(--gray50) / 0.05); border: 1px solid hsl(var(--gray50) / 0.1); border-radius: 5px; display: inline-block; padding: 0.15em 0.3em; } ._hotspot_38c65__spot-content pre code { display: block; overflow: auto; } ._hotspot_38c65__spot-content table { border-collapse: collapse; } ._hotspot_38c65__spot-content th { font-weight: bold; } ._hotspot_38c65__spot-content td, ._hotspot_38c65__spot-content th { padding: var(--spacing-vertical-small) var(--spacing-horizontal); } ._hotspot_38c65__spot-content tr { border-bottom: 1px solid hsl(var(--border)); } ._hotspot_38c65__spot-content p + ol, ._hotspot_38c65__spot-content p + ul { margin-top: -1em; } ._hotspot_38c65__spot-content > :first-child { margin-top: 0; } ._hotspot_38c65__spot-content > :last-child { margin-bottom: 0; } ._hotspot_38c65__spot-content { line-height: var(--base-line-height); } ._question_d3461__Elements-QuestionCell { --answer-option-radio-size: 22px; --element-question-text-color: hsl(var(--theme-color-contrast)); --element-question-gradient-color-1: hsl(var(--theme-color-darken)); --element-question-gradient-color-2: hsl(var(--theme-color)); color: hsl(var(--theme-color-contrast)); color: var(--element-question-text-color, #fff); line-height: var(--line-height-large); perspective: 800px; text-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); } ._question_d3461__card { position: relative; transform-style: preserve-3d; transition: transform var(--duration-flip) cubic-bezier(0.63, -0.32, 0.4, 1.39); } ._question_d3461__card._question_d3461__flipped { transform: rotateY(180deg); } ._question_d3461__content { padding: var(--spacing-vertical) var(--spacing-horizontal-large) var(--spacing-vertical-large); scrollbar-color: currentColor transparent; scrollbar-width: thin; } ._question_d3461__content::-webkit-scrollbar { width: 12px; } ._question_d3461__content::-webkit-scrollbar-track { background: transparent; } ._question_d3461__content::-webkit-scrollbar-thumb { background-clip: content-box; background-color: currentColor; border: 3px solid transparent; border-radius: 20px; } ._question_d3461__content hr { border: 0; border-bottom: 1px solid white; margin: var(--spacing-vertical-small) 0; opacity: 0.4; } ._question_d3461__header { align-items: center; display: flex; margin-bottom: 0.3em; } ._question_d3461__header > *:not(:first-child) { margin-left: 0.5em; } ._question_d3461__header-left { flex: 1; } ._question_d3461__date { opacity: 0.75; } ._question_d3461__date-trigger { border-color: rgba(255, 255, 255, 0.6) !important; } ._question_d3461__type-label { opacity: 0.85; } ._question_d3461__type-info { cursor: pointer; font-size: var(--font-size-small); opacity: 0.5; position: absolute; right: 8px; top: 4px; } ._question_d3461__type-info:hover { opacity: 1; } ._question_d3461__title { line-height: var(--line-height-medium) !important; } ._question_d3461__title { font-family: var(--font-family-header); font-size: var(--font-size-heading-large); font-weight: 700; margin-bottom: 0.67em; margin-top: 0; } ._question_d3461__description, ._question_d3461__feedback { line-height: var(--line-height-medium); } ._question_d3461__description a, ._question_d3461__feedback a { color: inherit; } ._question_d3461__front, ._question_d3461__back { backface-visibility: hidden; border-radius: var(--size-border-radius); transform: translate3d(0, 0, 0); } ._question_d3461__front { background-image: linear-gradient( 45deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 40%, var(--gradient-color-1) 100% ); } ._question_d3461__back { background-image: linear-gradient( -45deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 40%, var(--gradient-color-1) 100% ); height: 100%; left: 0; position: absolute; top: 0; transform: rotateY(180deg); width: 100%; } ._question_d3461__back ._question_d3461__content { height: 100%; overflow: auto; position: absolute; width: 100%; } @keyframes _question_d3461__flip-icon-appear { 0% { transform: scale(0); } 50% { transform: scale(1.5); } 100% { transform: scale(1); } } ._question_d3461__flip-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.6 16.1' fill='%23fff'%3E%3Cpath d='M9.9 4 17.7.3c.2 0 .6.1.7.3l2.7 8.2c.2.4-.3.7-.7.6l-2.6-1.1C12.8 20 .4 14.5.4 14.5S7.9 16.7 12.5 6L9.9 4.9c-.3-.2-.4-.8 0-.9z'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: 100%; height: 18px; width: 18px; } ._question_d3461__flip-toggle { animation: _question_d3461__flip-icon-appear var(--duration-long) ease-out; bottom: 10px; cursor: pointer; opacity: 0.8; position: absolute; right: 20px; transition: transform var(--duration-shorter) ease, opacity var(--duration-shorter) ease; z-index: 1; } ._question_d3461__flip-toggle:hover { opacity: 1; transform: scale(1.2); } ._question_d3461__form { padding-bottom: 20px; } ._question_d3461__form ._question_d3461__submit { align-items: center; bottom: 10px; cursor: pointer; display: inline-flex; font-weight: bold; position: absolute; right: 20px; z-index: 1; } ._question_d3461__form ._question_d3461__submit:disabled { cursor: default; } ._question_d3461__form ._question_d3461__submit ._question_d3461__flip-icon { margin-left: 3px; } ._question_d3461__options { list-style: none; margin: 0; padding: 0; } ._question_d3461__option { margin-top: 0.6em; padding: 0; position: relative; } ._question_d3461__option-label { align-items: center; cursor: pointer; display: flex; position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none; } ._question_d3461__option-input { opacity: 0; position: absolute; visibility: hidden; } ._question_d3461__option-icon { align-items: center; border: 2px solid currentColor; border-radius: 50%; display: flex; flex-shrink: 0; height: var(--answer-option-radio-size); justify-content: center; margin-right: var(--spacing-horizontal-small); width: var(--answer-option-radio-size); } ._question_d3461__option-icon::before { background: currentColor; border-radius: 50%; content: ""; height: var(--answer-option-radio-size); opacity: 0; position: absolute; transform: scale(0); transition: transform var(--duration-shorter) ease-in; width: var(--answer-option-radio-size); } ._question_d3461__option-text { font-size: var(--font-size-heading-medium); font-weight: 500; line-height: var(--base-line-height); } ._question_d3461__option-input ~ ._question_d3461__option-label:hover ._question_d3461__option-icon::before { opacity: 0.2; transform: scale(0.4); } ._question_d3461__option-input:checked ~ ._question_d3461__option-label ._question_d3461__option-icon::before { opacity: 0.9; transform: scale(0.6); } ._question_d3461__option-input:disabled ~ ._question_d3461__option-label { cursor: not-allowed; } ._question_d3461__option-input:not(:checked):disabled ~ ._question_d3461__option-label ._question_d3461__option-icon::before { display: none; } ._question_d3461__result { /* Used in JavaScript */ } ._question_d3461__stats { border-top: 1px solid rgba(255, 255, 255, 0.4); padding-right: var(--spacing-horizontal-small); } ._question_d3461__stats-list { list-style: none; margin: 0; padding: 0; } ._question_d3461__stats-text { align-items: flex-end; display: flex; } ._question_d3461__stats-item:not(:last-child) { margin-bottom: 0.3em; } ._question_d3461__stats-title { flex: 1; } ._question_d3461__stats-count { margin-left: 0; } ._question_d3461__stats-meter { background: rgba(255, 255, 255, 0.25); border-radius: 3px; height: 6px; overflow: hidden; } ._question_d3461__stats-meter-value { background: rgba(255, 255, 255, 0.75); border-radius: 3px; display: block; height: 100%; width: 0%; } ._question_d3461__stats ._question_d3461__no-stats { font-size: 80%; opacity: 0.75; } ._question_d3461__variant-multiple-choice ._question_d3461__front ._question_d3461__flip-toggle, ._question_d3461__variant-poll ._question_d3461__front ._question_d3461__flip-toggle { display: none; } ._question_d3461__variant-multiple-choice._question_d3461__is-submitted ._question_d3461__front ._question_d3461__submit, ._question_d3461__variant-poll._question_d3461__is-submitted ._question_d3461__front ._question_d3461__submit { display: none; } ._question_d3461__variant-multiple-choice._question_d3461__is-submitted ._question_d3461__front ._question_d3461__flip-toggle, ._question_d3461__variant-poll._question_d3461__is-submitted ._question_d3461__front ._question_d3461__flip-toggle { display: block; } ._question_d3461__variant-multiple-choice { --gradient-color-1: var(--element-question-gradient-color-1, #f44236); --gradient-color-2: var(--element-question-gradient-color-2, #f58c54); } ._question_d3461__variant-multiple-choice ._question_d3461__wrong-answer { font-size: 1.2em; margin-bottom: 0.15em; margin-top: 0.3em; position: relative; } html.firefox ._question_d3461__variant-multiple-choice ._question_d3461__wrong-answer { text-decoration: line-through; -webkit-text-decoration: line-through rgba(255, 255, 255, 0.6); text-decoration: line-through rgba(255, 255, 255, 0.6); text-decoration-thickness: 0.12em; } html:not(.firefox) ._question_d3461__variant-multiple-choice ._question_d3461__wrong-answer::before { bottom: 0; color: transparent; content: attr(data-title); left: 0; position: absolute; right: 0; text-decoration: line-through; -webkit-text-decoration: line-through rgba(255, 255, 255, 0.8); text-decoration: line-through rgba(255, 255, 255, 0.8); text-decoration-thickness: 0.12em; text-shadow: none; top: 0.1em; z-index: -1; } ._question_d3461__variant-poll { --gradient-color-1: var(--element-question-gradient-color-1, #0a5cd6); --gradient-color-2: var(--element-question-gradient-color-2, #3494e6); } ._question_d3461__variant-flashcard { --gradient-color-1: var(--element-question-gradient-color-1, #0f9c80); --gradient-color-2: var(--element-question-gradient-color-2, #43c6ac); } ._question_d3461__variant-flashcard ._question_d3461__card { cursor: pointer; } ._question_d3461__variant-flashcard ._question_d3461__card:hover ._question_d3461__flip-toggle { opacity: 1; transform: scale(1.2); } ._question_d3461__variant-flashcard ._question_d3461__front, ._question_d3461__variant-flashcard ._question_d3461__back { min-height: 10em; } ._question_d3461__variant-flashcard ._question_d3461__front, ._question_d3461__variant-flashcard ._question_d3461__back ._question_d3461__content { display: flex; flex-direction: column; justify-content: center; } ._question_d3461__variant-flashcard ._question_d3461__description > p:last-child, ._question_d3461__variant-flashcard ._question_d3461__feedback > p:last-child { margin-bottom: 0; } ._assignment_6516e__EPA-AssignmentCell { --timeline-icon-color: var(--meta); background: white; border: 1px solid hsl(var(--border-alpha)); border-radius: var(--size-border-radius); color: hsl(var(--text)); margin: var(--spacing-vertical) 0; position: relative; } ._assignment_6516e__EPA-AssignmentCell._assignment_6516e__is-link { cursor: pointer; } ._assignment_6516e__EPA-AssignmentCell._assignment_6516e__is-link:hover { border-color: hsl(var(--primary) / 0.5); } ._assignment_6516e__assignment { padding: var(--spacing-vertical) var(--spacing-horizontal-small); } ._assignment_6516e__assignment-icon { align-items: center; border: 2px solid hsl(var(--border-alpha)); border-radius: 50%; display: flex; height: 28px; justify-content: center; margin-right: var(--spacing-horizontal-small); text-align: center; width: 28px; } ._assignment_6516e__assignment-link { -webkit-text-decoration: none; text-decoration: none; } ._assignment_6516e__assignment-title { align-items: center; display: flex; font-size: var(--font-size-large); font-weight: bold; margin-bottom: 0.4em; margin-top: 0; } ._assignment_6516e__assignment-description { line-height: 1.4em; } ._assignment_6516e__type-badge { margin-left: auto; } ._assignment_6516e__timeline { list-style: none; margin: 0; margin-left: var(--spacing-horizontal-tiny); padding: 0; position: relative; } ._assignment_6516e__timeline::before { background-color: hsl(var(--border-alpha)); bottom: 0; content: ""; display: block; left: 0; position: absolute; top: 0; width: 2px; } ._assignment_6516e__timeline-item { padding-left: var(--spacing-horizontal); position: relative; } ._assignment_6516e__timeline-item:not(:last-of-type) { margin-bottom: var(--spacing-vertical); } ._assignment_6516e__timeline-icon { align-items: center; display: flex; height: 30px; justify-content: center; background: hsl(var(--timeline-icon-color)); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 16px; mask-size: 16px; left: 0; position: absolute; top: 0; transform: translate(-50%, -8px); width: 30px; } ._assignment_6516e__timeline-header { align-items: center; color: hsl(var(--meta)); display: flex; font-size: var(--font-size-small); margin-bottom: 0.5em; } ._assignment_6516e__timeline-avatar { margin-right: 0.6em !important; } ._assignment_6516e__timeline-status { font-size: var(--font-size-small); line-height: normal; margin-left: 0.2em; } ._assignment_6516e__timeline-content { background-color: white; border-radius: var(--size-border-radius); box-shadow: var(--shadow-panel); line-height: 1.4em; padding: var(--spacing-vertical-small) var(--spacing-horizontal-small); } ._assignment_6516e__submission { background: hsl(var(--gray98)); border-radius: 0 0 var(--size-border-radius) var(--size-border-radius); border-top: 1px solid hsl(var(--border-alpha)); padding: var(--spacing-vertical) var(--spacing-horizontal); } ._assignment_6516e__submission-icon { background: hsl(var(--timeline-icon-color)); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' aria-hidden='true'%3E%3Cpath fill-rule='evenodd' d='M1 2.5A2.5 2.5 0 0 1 3.5 0h8.75a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0V1.5h-8a1 1 0 0 0-1 1v6.708A2.492 2.492 0 0 1 3.5 9h3.25a.75.75 0 0 1 0 1.5H3.5a1 1 0 1 0 0 2h5.75a.75.75 0 0 1 0 1.5H3.5A2.5 2.5 0 0 1 1 11.5v-9zm13.23 7.79a.75.75 0 0 0 1.06-1.06l-2.505-2.505a.75.75 0 0 0-1.06 0L9.22 9.229a.75.75 0 0 0 1.06 1.061l1.225-1.224v6.184a.75.75 0 0 0 1.5 0V9.066l1.224 1.224z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' aria-hidden='true'%3E%3Cpath fill-rule='evenodd' d='M1 2.5A2.5 2.5 0 0 1 3.5 0h8.75a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0V1.5h-8a1 1 0 0 0-1 1v6.708A2.492 2.492 0 0 1 3.5 9h3.25a.75.75 0 0 1 0 1.5H3.5a1 1 0 1 0 0 2h5.75a.75.75 0 0 1 0 1.5H3.5A2.5 2.5 0 0 1 1 11.5v-9zm13.23 7.79a.75.75 0 0 0 1.06-1.06l-2.505-2.505a.75.75 0 0 0-1.06 0L9.22 9.229a.75.75 0 0 0 1.06 1.061l1.225-1.224v6.184a.75.75 0 0 0 1.5 0V9.066l1.224 1.224z'/%3E%3C/svg%3E"); } ._assignment_6516e__submission-title { font-weight: bold; margin-bottom: 0.2em; } ._assignment_6516e__submission-description { line-height: 1.4em; } ._assignment_6516e__submission-attachment { margin-top: var(--spacing-vertical-small); width: 100%; } ._assignment_6516e__assessment-icon-pending { background: hsl(var(--timeline-icon-color)); margin-top: 10px; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' aria-hidden='true'%3E%3Cpath fill-rule='evenodd' d='M1.679 7.932c.412-.621 1.242-1.75 2.366-2.717C5.175 4.242 6.527 3.5 8 3.5c1.473 0 2.824.742 3.955 1.715 1.124.967 1.954 2.096 2.366 2.717a.119.119 0 0 1 0 .136c-.412.621-1.242 1.75-2.366 2.717C10.825 11.758 9.473 12.5 8 12.5c-1.473 0-2.824-.742-3.955-1.715C2.92 9.818 2.09 8.69 1.679 8.068a.119.119 0 0 1 0-.136zM8 2c-1.981 0-3.67.992-4.933 2.078C1.797 5.169.88 6.423.43 7.1a1.619 1.619 0 0 0 0 1.798c.45.678 1.367 1.932 2.637 3.024C4.329 13.008 6.019 14 8 14c1.981 0 3.67-.992 4.933-2.078 1.27-1.091 2.187-2.345 2.637-3.023a1.619 1.619 0 0 0 0-1.798c-.45-.678-1.367-1.932-2.637-3.023C11.671 2.992 9.981 2 8 2zm0 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' aria-hidden='true'%3E%3Cpath fill-rule='evenodd' d='M1.679 7.932c.412-.621 1.242-1.75 2.366-2.717C5.175 4.242 6.527 3.5 8 3.5c1.473 0 2.824.742 3.955 1.715 1.124.967 1.954 2.096 2.366 2.717a.119.119 0 0 1 0 .136c-.412.621-1.242 1.75-2.366 2.717C10.825 11.758 9.473 12.5 8 12.5c-1.473 0-2.824-.742-3.955-1.715C2.92 9.818 2.09 8.69 1.679 8.068a.119.119 0 0 1 0-.136zM8 2c-1.981 0-3.67.992-4.933 2.078C1.797 5.169.88 6.423.43 7.1a1.619 1.619 0 0 0 0 1.798c.45.678 1.367 1.932 2.637 3.024C4.329 13.008 6.019 14 8 14c1.981 0 3.67-.992 4.933-2.078 1.27-1.091 2.187-2.345 2.637-3.023a1.619 1.619 0 0 0 0-1.798c-.45-.678-1.367-1.932-2.637-3.023C11.671 2.992 9.981 2 8 2zm0 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/svg%3E"); } ._assignment_6516e__assessment-icon-changes-requested { background: hsl(var(--red)); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.09 14.491 17.51.91a2.136 2.136 0 0 0-3.019 0L.91 14.491a2.136 2.136 0 0 0 0 3.019L14.49 31.092a2.136 2.136 0 0 0 3.019 0L31.092 17.51a2.137 2.137 0 0 0-.002-3.019ZM17.465 7.538l-.242 10.88h-2.446l-.242-10.88h2.93ZM16.003 24.69c-1 0-1.599-.533-1.599-1.43 0-.912.597-1.445 1.6-1.445.993 0 1.59.533 1.59 1.446 0 .896-.597 1.429-1.59 1.429Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.09 14.491 17.51.91a2.136 2.136 0 0 0-3.019 0L.91 14.491a2.136 2.136 0 0 0 0 3.019L14.49 31.092a2.136 2.136 0 0 0 3.019 0L31.092 17.51a2.137 2.137 0 0 0-.002-3.019ZM17.465 7.538l-.242 10.88h-2.446l-.242-10.88h2.93ZM16.003 24.69c-1 0-1.599-.533-1.599-1.43 0-.912.597-1.445 1.6-1.445.993 0 1.59.533 1.59 1.446 0 .896-.597 1.429-1.59 1.429Z'/%3E%3C/svg%3E"); -webkit-mask-size: 17px; mask-size: 17px; } ._assignment_6516e__assessment-icon-approved { background: hsl(var(--completed)); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C4.5 0 0 4.5 0 10s4.5 10 10 10 10-4.5 10-10S15.5 0 10 0zm5.3 6.9-5.4 7.9c-.2.2-.4.4-.7.4-.2 0-.5-.1-.7-.3l-3.1-3.2c-.2-.2-.2-.6 0-.8l.8-.8c.2-.2.6-.2.8 0l2 2 4.5-6.6c.2-.2.5-.3.8-.1l.9.6c.2.3.2.7.1.9z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C4.5 0 0 4.5 0 10s4.5 10 10 10 10-4.5 10-10S15.5 0 10 0zm5.3 6.9-5.4 7.9c-.2.2-.4.4-.7.4-.2 0-.5-.1-.7-.3l-3.1-3.2c-.2-.2-.2-.6 0-.8l.8-.8c.2-.2.6-.2.8 0l2 2 4.5-6.6c.2-.2.5-.3.8-.1l.9.6c.2.3.2.7.1.9z'/%3E%3C/svg%3E"); } ._assignment_6516e__assessment-form { cursor: default; } ._assignment_6516e__assessment-status { align-items: center; display: flex; } ._assignment_6516e__assessment-status ._assignment_6516e__label { cursor: pointer; display: inline-flex; margin-right: 12px; } ._assignment_6516e__assessment-status ._assignment_6516e__label-approved::before, ._assignment_6516e__assessment-status ._assignment_6516e__label-changes-requested::before { background: hsl(var(--gray80)); content: ""; display: block; margin-right: 6px; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; } ._assignment_6516e__assessment-status ._assignment_6516e__label-approved::before { -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C4.5 0 0 4.5 0 10s4.5 10 10 10 10-4.5 10-10S15.5 0 10 0zm5.3 6.9-5.4 7.9c-.2.2-.4.4-.7.4-.2 0-.5-.1-.7-.3l-3.1-3.2c-.2-.2-.2-.6 0-.8l.8-.8c.2-.2.6-.2.8 0l2 2 4.5-6.6c.2-.2.5-.3.8-.1l.9.6c.2.3.2.7.1.9z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C4.5 0 0 4.5 0 10s4.5 10 10 10 10-4.5 10-10S15.5 0 10 0zm5.3 6.9-5.4 7.9c-.2.2-.4.4-.7.4-.2 0-.5-.1-.7-.3l-3.1-3.2c-.2-.2-.2-.6 0-.8l.8-.8c.2-.2.6-.2.8 0l2 2 4.5-6.6c.2-.2.5-.3.8-.1l.9.6c.2.3.2.7.1.9z'/%3E%3C/svg%3E"); width: 15px; } ._assignment_6516e__assessment-status ._assignment_6516e__label-changes-requested::before { -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.09 14.491 17.51.91a2.136 2.136 0 0 0-3.019 0L.91 14.491a2.136 2.136 0 0 0 0 3.019L14.49 31.092a2.136 2.136 0 0 0 3.019 0L31.092 17.51a2.137 2.137 0 0 0-.002-3.019ZM17.465 7.538l-.242 10.88h-2.446l-.242-10.88h2.93ZM16.003 24.69c-1 0-1.599-.533-1.599-1.43 0-.912.597-1.445 1.6-1.445.993 0 1.59.533 1.59 1.446 0 .896-.597 1.429-1.59 1.429Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.09 14.491 17.51.91a2.136 2.136 0 0 0-3.019 0L.91 14.491a2.136 2.136 0 0 0 0 3.019L14.49 31.092a2.136 2.136 0 0 0 3.019 0L31.092 17.51a2.137 2.137 0 0 0-.002-3.019ZM17.465 7.538l-.242 10.88h-2.446l-.242-10.88h2.93ZM16.003 24.69c-1 0-1.599-.533-1.599-1.43 0-.912.597-1.445 1.6-1.445.993 0 1.59.533 1.59 1.446 0 .896-.597 1.429-1.59 1.429Z'/%3E%3C/svg%3E"); width: 16px; } ._assignment_6516e__assessment-status ._assignment_6516e__label-approved:hover::before, ._assignment_6516e__assessment-status ._assignment_6516e__radio:checked + ._assignment_6516e__label-approved::before { background: hsl(var(--completed)); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C4.5 0 0 4.5 0 10s4.5 10 10 10 10-4.5 10-10S15.5 0 10 0zm5.3 6.9-5.4 7.9c-.2.2-.4.4-.7.4-.2 0-.5-.1-.7-.3l-3.1-3.2c-.2-.2-.2-.6 0-.8l.8-.8c.2-.2.6-.2.8 0l2 2 4.5-6.6c.2-.2.5-.3.8-.1l.9.6c.2.3.2.7.1.9z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C4.5 0 0 4.5 0 10s4.5 10 10 10 10-4.5 10-10S15.5 0 10 0zm5.3 6.9-5.4 7.9c-.2.2-.4.4-.7.4-.2 0-.5-.1-.7-.3l-3.1-3.2c-.2-.2-.2-.6 0-.8l.8-.8c.2-.2.6-.2.8 0l2 2 4.5-6.6c.2-.2.5-.3.8-.1l.9.6c.2.3.2.7.1.9z'/%3E%3C/svg%3E"); } ._assignment_6516e__assessment-status ._assignment_6516e__label-changes-requested:hover::before, ._assignment_6516e__assessment-status ._assignment_6516e__radio:checked + ._assignment_6516e__label-changes-requested::before { background: hsl(var(--red)); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.09 14.491 17.51.91a2.136 2.136 0 0 0-3.019 0L.91 14.491a2.136 2.136 0 0 0 0 3.019L14.49 31.092a2.136 2.136 0 0 0 3.019 0L31.092 17.51a2.137 2.137 0 0 0-.002-3.019ZM17.465 7.538l-.242 10.88h-2.446l-.242-10.88h2.93ZM16.003 24.69c-1 0-1.599-.533-1.599-1.43 0-.912.597-1.445 1.6-1.445.993 0 1.59.533 1.59 1.446 0 .896-.597 1.429-1.59 1.429Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.09 14.491 17.51.91a2.136 2.136 0 0 0-3.019 0L.91 14.491a2.136 2.136 0 0 0 0 3.019L14.49 31.092a2.136 2.136 0 0 0 3.019 0L31.092 17.51a2.137 2.137 0 0 0-.002-3.019ZM17.465 7.538l-.242 10.88h-2.446l-.242-10.88h2.93ZM16.003 24.69c-1 0-1.599-.533-1.599-1.43 0-.912.597-1.445 1.6-1.445.993 0 1.59.533 1.59 1.446 0 .896-.597 1.429-1.59 1.429Z'/%3E%3C/svg%3E"); } ._assignment_6516e__assessment-status ._assignment_6516e__radio { position: absolute; visibility: hidden; } ._assignment_6516e__assessment-feedback { margin: 1em 0 0.6em; } ._assignment_6516e__assessment-feedback label { margin-bottom: 0; } ._assignment_6516e__ribbon { border-radius: 0 calc(var(--size-border-radius) - 1px) 0 0; height: 30px; position: absolute; right: 0; top: 0; width: 30px; } ._assignment_6516e__ribbon-pending { background: hsl(var(--gray80)); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M0 0h30v30L0 0zm24.8 4.83L19.48 10l-2.66-2.59-1.33 1.29 3.99 3.88 6.65-6.46-1.33-1.29z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M0 0h30v30L0 0zm24.8 4.83L19.48 10l-2.66-2.59-1.33 1.29 3.99 3.88 6.65-6.46-1.33-1.29z'/%3E%3C/svg%3E"); } ._assignment_6516e__ribbon-changes-requested { background: hsl(var(--gray80)); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='m0 0 30 30V0H0zm25.8 12.1-1.3 1.3-3.2-3.2-3.2 3.2-1.3-1.3L20 8.9l-3.2-3.2 1.3-1.3 3.2 3.2 3.2-3.2 1.3 1.3-3.2 3.2 3.2 3.2z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='m0 0 30 30V0H0zm25.8 12.1-1.3 1.3-3.2-3.2-3.2 3.2-1.3-1.3L20 8.9l-3.2-3.2 1.3-1.3 3.2 3.2 3.2-3.2 1.3 1.3-3.2 3.2 3.2 3.2z'/%3E%3C/svg%3E"); } ._assignment_6516e__ribbon-completed { background: hsl(var(--completed)); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M0 0h30v30L0 0zm24.8 4.83L19.48 10l-2.66-2.59-1.33 1.29 3.99 3.88 6.65-6.46-1.33-1.29z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M0 0h30v30L0 0zm24.8 4.83L19.48 10l-2.66-2.59-1.33 1.29 3.99 3.88 6.65-6.46-1.33-1.29z'/%3E%3C/svg%3E"); } ._badge_defa2__BadgeCell { --base-size: 17px; background: hsl(var(--gray50)); border: 1px solid hsl(var(--gray50)); color: hsl(var(--white)); } ._badge_defa2__BadgeCell._badge_defa2__variant-ghost { background: transparent; color: hsl(var(--gray50)); } ._badge_defa2__BadgeCell { border-radius: 0.25rem; display: inline-block; font-size: var(--font-size-badge-default); font-weight: 400; line-height: 1; padding: .2rem .5em; text-align: center; white-space: nowrap; } ._badge_defa2__disabled { background: hsl(var(--disabled-item-icon)); border: 1px solid hsl(var(--disabled-item-icon)); color: hsl(var(--disabled-item-text)); } ._badge_defa2__disabled._badge_defa2__variant-ghost { background: transparent; color: hsl(var(--disabled-item-icon)); } /* Variants */ ._badge_defa2__variant-red, ._badge_defa2__variant-danger, ._badge_defa2__variant-error { background: hsl(var(--danger)); border: 1px solid hsl(var(--danger)); color: hsl(var(--white)); } ._badge_defa2__variant-red._badge_defa2__variant-ghost, ._badge_defa2__variant-danger._badge_defa2__variant-ghost, ._badge_defa2__variant-error._badge_defa2__variant-ghost { background: transparent; color: hsl(var(--danger)); } ._badge_defa2__variant-green, ._badge_defa2__variant-success { background: hsl(var(--green)); border: 1px solid hsl(var(--green)); color: hsl(var(--white)); } ._badge_defa2__variant-green._badge_defa2__variant-ghost, ._badge_defa2__variant-success._badge_defa2__variant-ghost { background: transparent; color: hsl(var(--green)); } ._badge_defa2__variant-yellow, ._badge_defa2__variant-warning, ._badge_defa2__variant-warn { background: hsl(var(--yellow)); border: 1px solid hsl(var(--yellow)); color: hsl(var(--black)); } ._badge_defa2__variant-yellow._badge_defa2__variant-ghost, ._badge_defa2__variant-warning._badge_defa2__variant-ghost, ._badge_defa2__variant-warn._badge_defa2__variant-ghost { background: transparent; color: hsl(var(--yellow)); } ._badge_defa2__variant-neutral { background: hsl(var(--primary)); border: 1px solid hsl(var(--primary)); color: hsl(var(--white)); } ._badge_defa2__variant-neutral._badge_defa2__variant-ghost { background: transparent; color: hsl(var(--primary)); } ._badge_defa2__variant-counter { background: hsl(var(--gray90)); border: 1px solid hsl(var(--gray85)); color: hsl(var(--text)); } ._badge_defa2__variant-counter._badge_defa2__variant-ghost { background: transparent; color: hsl(var(--gray90)); } ._badge_defa2__variant-counter { border-radius: calc(var(--base-size) / 2); font-size: var(--font-size-badge-small); line-height: calc(var(--base-size) - 2px); min-width: var(--base-size); padding: 0 0.3em; } ._badge_defa2__variant-code { background: hsl(var(--gray90)); border: 1px solid hsl(var(--gray85)); color: hsl(var(--text)); } ._badge_defa2__variant-code._badge_defa2__variant-ghost { background: transparent; color: hsl(var(--gray90)); } ._badge_defa2__variant-code { font-family: var(--font-family-monospace); font-size: var(--font-size-badge-small); text-transform: uppercase; padding-top: 0.3em; vertical-align: bottom; } ._badge_defa2__variant-code._badge_defa2__variant-ghost { border-color: hsl(var(--meta) / 50%); color: hsl(var(--meta)); } ._badge_defa2__variant-capitalized { font-size: var(--font-size-badge-small); line-height: var(--base-size); text-transform: uppercase; } ._badge_defa2__variant-pill { border-radius: calc(var(--base-size) / 2); padding: 0 0.35em; } ._badge_defa2__variant-small { font-size: calc(var(--font-size-badge-default) * 0.85); } ._badge_defa2__variant-small._badge_defa2__variant-capitalized, ._badge_defa2__variant-small._badge_defa2__variant-counter { font-size: calc(var(--font-size-badge-small) * 0.85); } ._badge_defa2__variant-large { font-size: calc(var(--font-size-badge-default) * 1.25); } ._badge_defa2__variant-large._badge_defa2__variant-capitalized, ._badge_defa2__variant-large._badge_defa2__variant-counter { font-size: calc(var(--font-size-badge-small) * 1.25); } ._badge_defa2__variant-ghost._badge_defa2__variant-suspended { border-color: hsl(var(--suspended)); color: hsl(var(--suspended)); } ._badge_defa2__variant-ghost._badge_defa2__variant-inherit { border-color: currentColor; color: inherit; } ._submission_list_90963__EPA-Enrollment-LevelItem-SubmissionListCell { margin-top: 1em; /* Used in javascript */ } ._submission_list_90963__attempt-container { margin: 1em auto; max-width: 50em; } ._submission_list_90963__collapsed._submission_list_90963__attempt-container ._submission_list_90963__content, ._submission_list_90963__collapsed._submission_list_90963__attempt-container ._submission_list_90963__attempt-feedback, ._submission_list_90963__collapsed._submission_list_90963__new-attempt { display: none; } ._submission_list_90963__header { display: flex; align-items: flex-start; gap: 0.5rem; } ._submission_list_90963__header ._submission_list_90963__title { font-size: 1.4em; font-weight: 600; margin: 0.2rem 0 0.5rem; } ._submission_list_90963__header ._submission_list_90963__actions { font-size: 1rem; margin-left: auto; } ._submission_list_90963__attempt { background: hsl(var(--white)); border: 1px solid hsl(var(--gray93)); border-radius: 0.5em; padding: 1em; position: relative; } @media only screen and (min-width: 768px) { ._submission_list_90963__attempt { padding: 2em } } ._submission_list_90963__attempt-title { font-size: 1.4em; font-weight: 600; margin: 0.2rem 0 0.5rem; } ._submission_list_90963__attempt._submission_list_90963__latest ._submission_list_90963__attempt-title { margin-top: 0; } @media only screen and (max-width: 767px) { ._submission_list_90963__attempt._submission_list_90963__latest ._submission_list_90963__attempt-title { font-size: 1.4em } } @media only screen and (min-width: 768px) { ._submission_list_90963__attempt._submission_list_90963__latest ._submission_list_90963__attempt-title { font-size: 2em } } ._submission_list_90963__attempt-file { margin-top: 1rem; } ._submission_list_90963__attempt-description { line-height: 1.4; } ._submission_list_90963__attempt-feedback-header { background: hsl(var(--gray98)); border-bottom: 1px solid hsl(var(--gray93)); display: flex; align-items: center; gap: 1rem; margin: -1.5em -2em 1.5em -2em; padding: 1.5em 2em; } ._submission_list_90963__attempt-feedback { background: hsl(var(--white)); border: 1px solid hsl(var(--gray93)); border-radius: 0.5em; flex: 1; margin: 1em; padding: 1.5em; } @media only screen and (min-width: 768px) { ._submission_list_90963__attempt-feedback { margin: 1em 0 1em 2em; padding: 1.5em 2em 1.5em 2em; position: relative } } ._submission_list_90963__attempt-feedback :last-child { margin-bottom: 0; } ._submission_list_90963__attempt-feedback-author { color: hsl(var(--text)); display: flex; align-items: center; font-size: 1.2em; gap: .5rem; font-weight: bold; margin-right: 0.5rem; margin-bottom: 0.5rem; } @media only screen and (max-width: 767px) { ._submission_list_90963__attempt-feedback-author { display: block; margin-bottom: 0.5rem } } ._submission_list_90963__attempt-feedback-author ._submission_list_90963__status-icon { font-size: 1em !important; } ._submission_list_90963__attempt-feedback-author ._submission_list_90963__status-icon { margin-left: 0.5rem; } @media only screen and (max-width: 767px) { ._submission_list_90963__attempt-feedback-avatar { display: none !important } } @media only screen and (min-width: 768px) { ._submission_list_90963__attempt-feedback-avatar { position: relative } } ._submission_list_90963__attempt-feedback-description { line-height: 1.4; } ._submission_list_90963__attempt-tooltip { display: block !important; } ._submission_list_90963__toggle { cursor: pointer; padding: 0.5em; position: absolute; right: 1em; top: 1em; } ._submission_list_90963__toggle-icon { display: block; transform: rotate(180deg); } ._submission_list_90963__collapsed ._submission_list_90963__toggle-icon { transform: rotate(0deg); } ._submission_list_90963__meta { color: hsl(var(--gray50)); margin-bottom: 0.5rem; } @media only screen and (min-width: 768px) { ._submission_list_90963__meta { align-items: center; display: flex } } ._submission_list_90963__status-container { align-items: center; display: flex; gap: 1rem; margin-top: 1rem; } ._submission_list_90963__container { background: hsl(var(--gray98)); border: 1px solid hsl(var(--gray93)); border-radius: 0.5em; padding: 1.5rem; flex: 1; } ._submission_list_90963__status { align-items: center; display: flex; flex-wrap: wrap; } ._submission_list_90963__status-icon { font-size: 2em !important; } ._submission_list_90963__status-icon { margin: -0.3em -0.2em -0.3em -0.3em; text-align: center; } ._submission_list_90963__status-icon._submission_list_90963__changes-requested-outline, ._submission_list_90963__status-icon._submission_list_90963__changes-requested-filled { color: hsl(var(--danger)); } ._submission_list_90963__status-icon._submission_list_90963__pending-assignment { color: hsl(var(--blue)); } ._submission_list_90963__status-icon._submission_list_90963__approved { color: hsl(var(--success)); } ._submission_list_90963__status-icon._submission_list_90963__choose-assessor { color: hsl(var(--red)); } ._submission_list_90963__assessors-list { margin-left: 1rem; } ._submission_list_90963__break { flex-basis: 100%; height: 1rem; } ._submission_list_90963__attempt-comment { border-top: 1px solid hsl(var(--gray93)); margin-top: 1em; padding-top: 1em; } ._submission_list_90963__attempt-comment-author { align-items: center; display: flex; gap: 0.5rem; margin-bottom: 0.5em; } ._submission_list_90963__attempt-comment-body { /* padding-left: 2.5em; */ line-height: 1.4; } ._calendar_369bf__Event-CalendarCell .fc-day-header { padding: 10px; } ._calendar_369bf__Event-CalendarCell .fc-day-grid-event .fc-content { white-space: normal; } ._calendar_369bf__Event-CalendarCell .fc-day-grid-event .fc-title { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ._calendar_369bf__Event-CalendarCell .fc-day-grid-event .fc-time { display: block; } ._calendar_369bf__Event-CalendarCell .fc-other-month { background-color: hsl(var(--background)); } ._calendar_369bf__Event-CalendarCell .fc-past { background-image: linear-gradient( -45deg, transparent 45%, hsl(var(--black) / 7%) 50%, transparent 55%, transparent 100% ); background-size: 8px 8px; } ._calendar_369bf__Event-CalendarCell ._calendar_369bf__multipart-label { color: inherit; } ._calendar_369bf__Event-CalendarCell ._calendar_369bf__past { opacity: 0.6; } ._calendar_369bf__Event-CalendarCell ._calendar_369bf__event { background-color: hsl(var(--event-light)); border: 0; color: hsl(var(--event-shade35)); margin-bottom: 1px; padding: 3px; transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease; z-index: 1; } ._calendar_369bf__Event-CalendarCell ._calendar_369bf__event._calendar_369bf__hover { background-color: hsl(var(--green-lightest)); box-shadow: 0 0 0 2px white; color: hsl(var(--green-shade40)); } ._calendar_369bf__Event-CalendarCell ._calendar_369bf__event._calendar_369bf__hover ._calendar_369bf__multipart-label { border-color: hsl(var(--green-shade40)); } ._calendar_369bf__Event-CalendarCell ._calendar_369bf__event._calendar_369bf__hover._calendar_369bf__past { opacity: 0.8; } ._calendar_369bf__Event-CalendarCell ._calendar_369bf__event ._calendar_369bf__event._calendar_369bf__enrolled { background-color: hsl(var(--primary)); color: white; } ._calendar_369bf__Event-CalendarCell ._calendar_369bf__event ._calendar_369bf__event._calendar_369bf__enrolled._calendar_369bf__hover { background-color: hsl(var(--green-shade10)); color: white; } ._calendar_369bf__Event-CalendarCell ._calendar_369bf__event ._calendar_369bf__event._calendar_369bf__enrolled ._calendar_369bf__multipart-label { border-color: white; } ._calendar_369bf__Event-CalendarCell ._calendar_369bf__hover { transform: scale(1.06); z-index: 2; } ._card_9e3da__event { --shadow-panel: 0 5px 15px hsl(var(--black) / 0.03), 0 2px 3px hsl(var(--black) / 0.04), 0 0 1px hsl(var(--black) / 0.2); overflow: hidden; transition: box-shadow var(--duration-short) ease; } @media screen and (max-width: 512px) {._card_9e3da__event { margin: 1.5rem 0 } } ._card_9e3da__event:hover { --shadow-hover: 0 10px 15px hsl(var(--black) / 0.05), 0 5px 5px hsl(var(--black) / 0.05), 0 0 1px hsl(var(--black) / 0.2); box-shadow: 0 10px 15px hsl(var(--black) / 0.05), 0 5px 5px hsl(var(--black) / 0.05), 0 0 1px hsl(var(--black) / 0.2); box-shadow: var(--shadow-hover); } ._card_9e3da__search-query { display: block; font-size: var(--font-size-extra-large); margin-bottom: 1em; } ._card_9e3da__event-link { color: inherit; display: flex; flex-direction: column; -webkit-text-decoration: none; text-decoration: none; } @media screen and (min-width: 513px) { ._card_9e3da__event-link { align-items: stretch; flex-direction: row; height: 100% } } ._card_9e3da__scheduled { background-position: center; background-size: cover; color: hsl(var(--white)); display: flex; } @media screen and (max-width: 512px) { ._card_9e3da__scheduled { border-radius: var(--size-border-radius) var(--size-border-radius) 0 0; box-shadow: inset 0 -1px 0 hsl(var(--black) / 0.05); padding: var(--spacing-vertical-small) var(--spacing-horizontal-small) } } @media screen and (min-width: 513px) { ._card_9e3da__scheduled { border-radius: var(--size-border-radius) 0 0 var(--size-border-radius); box-shadow: inset -1px 0 0 hsl(var(--black) / 0.05); flex-direction: column; flex-shrink: 0; justify-content: center; min-height: 12rem; text-align: center; width: 12rem } } ._card_9e3da__has-dates { background-color: hsl(var(--event)); } ._card_9e3da__no-dates { background-color: hsl(var(--gray60)); } @media screen and (min-width: 513px) { ._card_9e3da__no-dates ._card_9e3da__badge { font-size: var(--font-size-heading-large) } } ._card_9e3da__planned-dates { text-shadow: 0 0 1px rgba(50, 50, 50, 0.3), 0 0 3px rgba(50, 50, 50, 0.1); } @media screen and (max-width: 512px) { ._card_9e3da__planned-dates { backdrop-filter: saturate(2) blur(8px); background: rgba(128, 128, 128, 0.5); border: 2px solid hsl(var(--white) / 60%); border-radius: 7px; box-shadow: 0 0 0 1px rgba(128, 128, 128, 0.5); padding: .3rem .6rem; text-transform: lowercase } } @media screen and (min-width: 513px) { ._card_9e3da__planned-dates { align-items: center; display: flex; flex-direction: column; gap: 0.4em } } @media screen and (min-width: 513px) { ._card_9e3da__badge { backdrop-filter: saturate(2) blur(8px); background: rgba(128, 128, 128, 0.5); border: 2px solid hsl(var(--white) / 60%); border-radius: 7px; box-shadow: 0 0 0 1px rgba(128, 128, 128, 0.5); display: inline-block; font-size: var(--font-size-small); margin: 0 auto; min-width: 54px; padding: 5px 5px 8px } } @media screen and (min-width: 513px) { ._card_9e3da__count { display: block; font-size: 28px } } ._card_9e3da__skillslab-badge { margin-left: 0.5rem; } @media screen and (min-width: 513px) { ._card_9e3da__label { backdrop-filter: saturate(2) blur(8px); background: rgba(128, 128, 128, 0.5); border-radius: .3rem; font-size: var(--font-size-capitalized-small); margin: 0.5rem auto 0; padding: .2rem .4rem } } ._card_9e3da__content { display: flex; flex: 1; flex-direction: column; min-width: 0; } ._card_9e3da__text { padding: var(--spacing-vertical) var(--spacing-horizontal-small) 1rem; position: relative; } @media screen and (max-width: 799px) { ._card_9e3da__text { display: flex; flex-direction: column } } @media screen and (min-width: 513px) { ._card_9e3da__text { padding: var(--spacing-vertical-large) var(--spacing-horizontal) 1rem } } ._card_9e3da__next-date { align-items: center; border-top: 1px solid hsl(var(--border-alpha)); display: flex; font-size: var(--font-size-small); gap: 0.4em; line-height: 1.2; margin-top: auto; min-height: var(--size-meta-bar-height); padding: 0.5rem var(--spacing-horizontal-small); } @media screen and (min-width: 513px) { ._card_9e3da__next-date { padding: 0 var(--spacing-horizontal) } } ._card_9e3da__audience-list { align-items: center; display: none; flex: 1; font-size: 1rem; gap: 0.35em; min-width: 0; overflow: hidden; } @media screen and (min-width: 750px) { ._card_9e3da__audience-list { display: flex } } ._card_9e3da__audience-overflow { align-items: center; color: hsl(var(--gray50)); display: flex; flex-shrink: 0; font-size: .85em; gap: .17em; white-space: nowrap; } ._card_9e3da__next-date-text { align-items: center; display: flex; flex-shrink: 0; gap: 0.4em; margin-left: auto; white-space: nowrap; } ._card_9e3da__title { flex: 1 1 auto; font-weight: bold; line-height: 1.25em; margin: 0; } ._card_9e3da__title-row { display: flex; gap: 1rem; margin-bottom: 0.5em; } @media (max-width: 750px) { ._card_9e3da__title-row { flex-wrap: wrap } ._card_9e3da__title-row ._card_9e3da__badges { justify-content: flex-start; } } ._card_9e3da__private-participation-tooltip { flex-shrink: 0; max-width: 100%; z-index: 1; } ._card_9e3da__private-participation-trigger { cursor: pointer; } ._card_9e3da__description { margin: 0; } ._card_9e3da__on-my-list { color: #ec677a; position: absolute; right: 1.25rem; top: 1.5rem; } ._card_9e3da__text:has(._card_9e3da__on-my-list) ._card_9e3da__title-row { padding-right: 2.25em; } ._card_9e3da__badges { align-content: flex-end; display: flex; flex-shrink: 1; flex-wrap: wrap-reverse; gap: .5em; justify-content: flex-end; } ._card_9e3da__audience-access-trigger { cursor: pointer; } @keyframes _comment_b258b__highlight { 0% { background: hsl(var(--green) / 50%); } 100% { background: hsl(var(--white)); } } ._comment_b258b__Event-Comments-CommentCell { --tail-size: 20px; --avatar-size: 50px; --avatar-offset: calc(var(--avatar-size) + var(--tail-size) + 10px); margin-bottom: var(--spacing-vertical); } ._comment_b258b__Event-Comments-CommentCell:target ._comment_b258b__panel, ._comment_b258b__Event-Comments-CommentCell:target ._comment_b258b__tail::before { animation: _comment_b258b__highlight 1.5s ease-out; } ._comment_b258b__Event-Comments-CommentCell ._comment_b258b__permalink { color: inherit; text-decoration: inherit; } ._comment_b258b__Event-Comments-CommentCell ._comment_b258b__comment { margin: 0 var(--spacing-horizontal-small); padding-left: var(--avatar-size); position: relative; } @media only screen and (min-width: 768px) { ._comment_b258b__Event-Comments-CommentCell ._comment_b258b__comment { margin: 0; padding-left: var(--avatar-offset) } } ._comment_b258b__Event-Comments-CommentCell ._comment_b258b__avatar { left: 0; position: absolute; top: 0; } ._comment_b258b__Event-Comments-CommentCell ._comment_b258b__panel { margin-bottom: 0; } ._comment_b258b__Event-Comments-CommentCell ._comment_b258b__header { align-items: center; border-bottom: 1px solid hsl(var(--border-alpha)); color: hsl(var(--meta)); display: flex; font-size: var(--font-size-small); margin-bottom: var(--spacing-vertical-small); padding-bottom: var(--spacing-vertical-small); } @media only screen and (min-width: 768px) { ._comment_b258b__Event-Comments-CommentCell ._comment_b258b__header { margin-bottom: var(--spacing-vertical) } } ._comment_b258b__Event-Comments-CommentCell ._comment_b258b__header ._comment_b258b__info { flex: 1; } ._comment_b258b__Event-Comments-CommentCell ._comment_b258b__header ._comment_b258b__actions { position: relative; right: -6px; top: -2px; } ._comment_b258b__Event-Comments-CommentCell ._comment_b258b__user-link { color: inherit; } ._comment_b258b__Event-Comments-CommentCell ._comment_b258b__author-label { margin-left: 3px; } ._comment_b258b__Event-Comments-CommentCell ._comment_b258b__body >*:first-child { margin-top: 0; } ._comment_b258b__Event-Comments-CommentCell ._comment_b258b__body >*:last-child { margin-bottom: 0; } ._comment_b258b__Event-Comments-CommentCell ._comment_b258b__tail { display: none; height: calc(var(--tail-size) + 15px); overflow: hidden; position: absolute; right: 100%; top: 20px; width: var(--tail-size); } @media only screen and (min-width: 768px) { ._comment_b258b__Event-Comments-CommentCell ._comment_b258b__tail { display: block } } ._comment_b258b__Event-Comments-CommentCell ._comment_b258b__tail::before { background: hsl(var(--white)); box-shadow: var(--shadow-panel); content: ""; height: var(--tail-size); left: 0; position: absolute; top: 0; transform: skew(50deg); transform-origin: top right; width: var(--tail-size); } ._comment_b258b__Event-Comments-CommentCell ._comment_b258b__replies { flex: 1; margin-bottom: var(--spacing-vertical); margin-top: var(--spacing-vertical-small); } @media only screen and (min-width: 768px) { ._comment_b258b__Event-Comments-CommentCell ._comment_b258b__replies { margin-left: var(--avatar-offset) } } ._form_ea9f1__Event-Comments-FormCell { border-top: 1px solid hsl(var(--border-alpha)); padding: var(--spacing-vertical) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) {._form_ea9f1__Event-Comments-FormCell { padding: 0 } } ._form_ea9f1__Event-Comments-FormCell ._form_ea9f1__title { margin: var(--spacing-vertical-large) 0; } ._form_ea9f1__Event-Comments-FormCell ._form_ea9f1__submit { display: flex; margin-left: auto; } ._list_ef31f__list { list-style: none; margin: 0; padding: 0; } ._list_ef31f__no-comments { padding: 0 var(--spacing-horizontal-small) var(--spacing-vertical); } @media only screen and (min-width: 768px) { ._list_ef31f__no-comments { padding: 0 0 var(--spacing-vertical) } } ._replies_af41a__list { list-style: none; margin: 0; margin-bottom: var(--spacing-vertical-small); padding: 0; } ._replies_af41a__form { padding: var(--spacing-vertical) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { ._replies_af41a__form { padding-left: var(--spacing-horizontal); padding-right: var(--spacing-horizontal); } } ._replies_af41a__form { margin-left: calc(36px + var(--spacing-horizontal-small)); padding-bottom: 0; padding-top: 0; } @media only screen and (min-width: 768px) { ._replies_af41a__form { margin-left: 0 } } ._reply-form_8f3cf__toggle { /* Used in javascript */ } ._reply-form_8f3cf__form { display: none; position: relative; } ._reply-form_8f3cf__form-visible ._reply-form_8f3cf__form { display: block; } /* Used in javascript */ ._reply-form_8f3cf__form ._reply-form_8f3cf__input .CodeMirror-code { padding-bottom: 15px; } ._reply-form_8f3cf__form ._reply-form_8f3cf__input-set { margin: 0; } ._reply-form_8f3cf__form ._reply-form_8f3cf__submit { bottom: 0; position: absolute; right: 0; z-index: 1; } @keyframes _reply_dbe43__highlight { 0% { background: hsl(var(--green) / 50%); } 100% { background: transparent; } } ._reply_dbe43__Event-Comments-ReplyCell { padding: var(--spacing-vertical) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { ._reply_dbe43__Event-Comments-ReplyCell { padding-left: var(--spacing-horizontal); padding-right: var(--spacing-horizontal); } } ._reply_dbe43__Event-Comments-ReplyCell { border-bottom: 1px solid hsl(var(--border-alpha)); display: flex; } ._reply_dbe43__Event-Comments-ReplyCell:target { animation: _reply_dbe43__highlight 1.5s ease-out; } ._reply_dbe43__Event-Comments-ReplyCell ._reply_dbe43__permalink { color: inherit; text-decoration: inherit; } ._reply_dbe43__Event-Comments-ReplyCell ._reply_dbe43__reply { flex: 1; margin-left: var(--spacing-horizontal-small); } ._reply_dbe43__Event-Comments-ReplyCell ._reply_dbe43__header { align-items: center; color: hsl(var(--meta)); display: flex; font-size: var(--font-size-small); margin-bottom: 6px; } ._reply_dbe43__Event-Comments-ReplyCell ._reply_dbe43__header ._reply_dbe43__info { flex: 1; } ._reply_dbe43__Event-Comments-ReplyCell ._reply_dbe43__header ._reply_dbe43__actions { position: relative; right: -6px; top: -2px; } ._reply_dbe43__Event-Comments-ReplyCell ._reply_dbe43__user-link { color: inherit; } ._reply_dbe43__Event-Comments-ReplyCell ._reply_dbe43__body *:first-child { margin-top: 0; } ._reply_dbe43__Event-Comments-ReplyCell ._reply_dbe43__body *:last-child { margin-bottom: 0; } @media only screen and (min-width: 1200px) {._comments_29ca8__Event-CommentsCell { margin: 0 auto; max-width: 50rem } } ._date_badge_f9311__Event-DateBadgeCell { border: 2px solid hsl(var(--event) / 20%); border-radius: 3px; color: hsl(var(--event)); display: inline-block; font-size: 1rem; line-height: var(--line-height-small); padding: 0.5em 0; text-align: center; width: 3em; } ._date_badge_f9311__day { font-size: var(--font-size-heading-large); } ._date_badge_f9311__month { filter: brightness(85%); } ._date_badge_f9311__variant-canceled { border: 2px solid hsl(var(--red) / 20%); color: hsl(var(--red)); } ._date_badge_f9311__variant-tiny ._date_badge_f9311__day { font-size: inherit; } ._date_badge_f9311__variant-small ._date_badge_f9311__day { font-size: 1.2rem; } ._enrollment_73f38__occurrence { display: flex; flex: 1; flex-direction: column; position: relative; transition: box-shadow var(--duration-default) ease; } ._enrollment_73f38__occurrence:first-child { margin-top: var(--spacing-vertical); } ._enrollment_73f38__occurrence:hover:not(:has([data-link]:hover)) { box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05), 0 5px 5px rgba(0, 0, 0, 0.05); z-index: 1; } ._enrollment_73f38__view-occurrence-link { -webkit-text-decoration: none; text-decoration: none; } ._enrollment_73f38__manager-enrollment-button { white-space: nowrap; } ._enrollment_73f38__enrollment-button { align-self: center; } ._enrollment_73f38__enrolled-status { align-items: center; color: hsl(var(--event)); display: flex; font-size: var(--font-size-small); font-weight: 500; gap: 0.375rem; } @media only screen and (min-width: 1200px) {._form_40311__Event-FormCell { margin: 0 auto; max-width: 60rem } } ._form_40311__title { align-items: center; display: flex; margin: var(--spacing-vertical-small) 0; } ._form_40311__title-icon { align-items: center; border: 2px solid hsl(var(--meta-lighter)); border-radius: 50%; color: hsl(var(--meta-light)); display: flex; font-size: 0.75em; height: 2.2em; justify-content: center; margin-right: 0.6em; text-align: center; width: 2.2em; } ._form_40311__image-input { margin-bottom: var(--spacing-vertical-small); } ._form_40311__image-input label { display: block !important; } ._form_40311__panel-inner { padding: var(--spacing-vertical-small) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { ._form_40311__panel-inner { margin: 0 auto; max-width: 50rem } } ._form_40311__footer { background: hsl(var(--background)); border-top: 1px solid hsl(var(--border)); bottom: 0; padding: var(--spacing-vertical) 0; position: sticky; z-index: 1; } ._form_40311__footer ._form_40311__submit-button { margin-left: var(--spacing-horizontal-small); } @media only screen and (min-width: 1200px) { ._form_40311__footer::before, ._form_40311__footer::after { background: hsl(var(--background)); bottom: 0; content: ""; position: absolute; top: 0; width: 30px; } ._form_40311__footer::before { right: 100%; } ._form_40311__footer::after { left: 100%; } ._form_40311__footer ._form_40311__panel-inner { display: flex; justify-content: space-between; } } ._form_40311__send-reminder-input input { padding-left: calc(.5rem + var(--input-height)); } ._form_40311__icon { align-items: center; aspect-ratio: 1/1; background: hsl(var(--gold) / 0.25); border-radius: .25rem; color: hsl(var(--gold-dark) / 0.75); font-size: 1.5rem; display: flex; height: 100%; justify-content: center; position: absolute; top: 0; } ._form_40311__left-input { padding-right: var(--spacing-horizontal-large); width: 50%; } ._form_40311__vertical-divider { width: 1px; background-color: hsl(var(--gray85)); margin: -31px 0 -25px 0; } ._form_40311__right-input { padding-left: var(--spacing-horizontal-large); text-align: right; width: 50%; } ._form_40311__inline-inputs { margin-bottom: var(--spacing-vertical-large); } ._form_40311__inline-inputs select { display: inline-block; line-height: 1.3; vertical-align: baseline; width: auto; } ._form_40311__inline-inputs input { display: inline-block; text-align: center; vertical-align: baseline; width: auto; } ._form_40311__inline-inputs input:hover { border-color: hsl(var(--primary)); } ._form_40311__inline-inputs input::-moz-placeholder { color: hsl(var(--form-input-placeholder)); } ._form_40311__inline-inputs input::placeholder { color: hsl(var(--form-input-placeholder)); } /* Remove native numeric stepper */ ._form_40311__inline-inputs input[type="number"] { -moz-appearance: textfield; } ._form_40311__inline-inputs input[type="number"]::-webkit-outer-spin-button, ._form_40311__inline-inputs input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } ._full_date_badge_e9e45__Event-FullDateBadgeCell { border: 1px solid hsl(var(--event) / 50%); border-radius: 5px; color: hsl(var(--event)); display: inline-block; font-size: 1rem; line-height: var(--line-height-small); padding: 0.5em; text-align: center; width: 3em; } ._full_date_badge_e9e45__day { font-size: 1.6em; font-weight: bold; margin-bottom: 0; } ._full_date_badge_e9e45__month { font-size: 1em; font-weight: bold; margin-bottom: 0.2em; } ._full_date_badge_e9e45__year { font-size: 0.8em; } ._full_date_badge_e9e45__variant-canceled { border: 2px solid hsl(var(--red) / 20%); color: hsl(var(--red)); } ._header_49f1e__title { color: var(--primary-color); font-size: 2rem; font-weight: 600; margin: 2rem 0 1rem 0; } ._location_details_faae2__location { line-height: var(--base-line-height); } ._location_details_faae2__location:not(:last-child) { margin-bottom: 1em; } ._location_popover_b5aff__Event-LocationPopoverCell { align-items: center; display: flex; } ._location_popover_b5aff__popover { line-height: 1.6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ._location_popover_b5aff__popover span { display: inline; } ._location_popover_b5aff__popover-content { font-size: var(--font-size-small); min-width: 320px; padding: var(--spacing-vertical-small) var(--spacing-horizontal-small); } ._location_popover_b5aff__popover-content ._location_popover_b5aff__map { /* Used in javascript */ margin-top: var(--spacing-vertical); min-height: 200px; } @media only screen and (min-width: 1200px) { ._location_popover_b5aff__popover-content ._location_popover_b5aff__map { min-height: 0 } } ._location_popover_b5aff__icon { margin-right: 3px; } ._claimed_spots_05d33__participants-icon { color: hsl(var(--gray50)); display: inline-block; line-height: 16px; width: 20px; } ._claimed_spots_05d33__warning, ._claimed_spots_05d33__warning ._claimed_spots_05d33__participants-icon { color: hsl(var(--red)); } ._attachment_27ac1__container { color: hsl(var(--text)); display: flex; -webkit-text-decoration: none; text-decoration: none; } ._attachment_27ac1__icon { width: 60px; } @media only screen and (min-width: 768px) { ._attachment_27ac1__icon { width: 70px } } ._attachment_27ac1__info { flex: 1; } ._attachment_27ac1__info ._attachment_27ac1__title { display: inline-block; margin: 0 0 0.2em; } ._attachment_27ac1__info ._attachment_27ac1__size { height: auto; line-height: normal; margin-left: 0.5em; opacity: 0.5; vertical-align: top; } ._attachment_27ac1__info ._attachment_27ac1__description { color: hsl(var(--text-light)); margin: 0; } ._link_6bfa1__link-icon-wrapper { display: inline-block; width: 70px; } ._link_6bfa1__icon { --icon-size: 38px; background-size: 38px 38px; background-size: var(--icon-size) var(--icon-size); display: inline-block; height: 38px; height: var(--icon-size); width: 38px; width: var(--icon-size); } ._link_6bfa1__link-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='%23a5adda'%3E%3Cpath d='M19.625.156c-1.629.078-3.195.79-4.406 2l-4.75 4.75c.746-.75 3.515-.234 4.187.438l2.875-2.875c.637-.637 1.434-1.028 2.25-1.063.555-.027 1.34.09 2.032.781a2.65 2.65 0 0 1 .78 1.907c0 .855-.39 1.707-1.062 2.375l-5 5.031c-1.258 1.258-3.172 1.36-4.281.25a1.642 1.642 0 0 0-2.313 0 1.639 1.639 0 0 0 0 2.313 5.873 5.873 0 0 0 4.188 1.718c1.672 0 3.379-.683 4.688-2l5.03-5c1.278-1.273 2-2.976 2-4.687 0-1.59-.6-3.102-1.718-4.219C22.93.68 21.325.078 19.625.156Zm-7.75 8.063c-1.672 0-3.406.687-4.719 2l-5 5c-1.277 1.273-2 2.976-2 4.687 0 1.59.602 3.102 1.719 4.219 1.195 1.195 2.8 1.797 4.5 1.719 1.629-.078 3.195-.79 4.406-2l4.75-4.75c-.75.75-3.515.234-4.187-.438l-2.875 2.875c-.637.637-1.434 1.024-2.25 1.063a2.615 2.615 0 0 1-2.032-.782 2.656 2.656 0 0 1-.78-1.906c0-.855.39-1.707 1.062-2.375l5-5.031c1.258-1.258 3.172-1.355 4.281-.25.637.637 1.68.637 2.313 0a1.639 1.639 0 0 0 0-2.313 5.88 5.88 0 0 0-4.188-1.718Z'/%3E%3C/svg%3E"); } ._enrolled_label_66c0a__enrolled-label { background: hsl(var(--event)); border: 1px solid hsl(var(--event)); color: hsl(var(--white)); } ._enrolled_label_66c0a__enrolled-label._enrolled_label_66c0a__variant-ghost { background: transparent; color: hsl(var(--event)); } ._enrolled_label_66c0a__enrolled-label { align-items: center; border: 0; display: flex; font-size: 1em; } ._enrolled_label_66c0a__enrolled-label ._enrolled_label_66c0a__text { margin: 0 0.35em; } ._enrollment_button_a22ea__Event-Occurrence-EnrollmentButtonCell { align-items: center; display: flex; flex-wrap: wrap; gap: .5rem; } ._enrollment_button_a22ea__latest-enroll-date { color: hsl(var(--meta-light)); font-size: .85rem; line-height: 1.2; } ._enrollment_button_a22ea__dialog { /* Needed for JS */ } ._form_b03dd__header { background-color: hsl(var(--gray98)); border: 1px solid hsl(var(--border-alpha)); border-radius: 5px 5px 0 0; flex-direction: column; font-size: var(--font-size-extra-large); margin: 0 -1px 0; padding-bottom: 35px; padding-top: 50px; text-align: center; } ._form_b03dd__header ._form_b03dd__user-avatar { --avatar-size: 75px; border: 1px solid hsl(var(--border-alpha)); margin-bottom: var(--spacing-vertical); margin-top: calc(var(--spacing-vertical) * -1); } @media only screen and (min-width: 768px) { ._form_b03dd__header ._form_b03dd__user-avatar { left: 50%; margin: 0; position: absolute; top: 0; transform: translate(-50%, -50%) } } ._form_b03dd__header ._form_b03dd__user-name { margin: 0; } ._form_b03dd__options { border: 1px solid hsl(var(--border)); border-radius: var(--size-border-radius); display: flex; margin-bottom: var(--spacing-vertical); overflow: hidden; width: 100%; } ._form_b03dd__option { display: flex; flex: 1; position: relative; } ._form_b03dd__option:first-child { border-right: 1px solid hsl(var(--border)); } ._form_b03dd__option >input { height: 48px; margin-left: 15px; position: absolute; } ._form_b03dd__option >input:checked+label { background: hsl(var(--white)); } ._form_b03dd__option >label { align-items: center; background: hsl(var(--gray97)); color: hsl(var(--meta)); flex: 1; height: 48px; line-height: 48px; padding: 0 5px 0 40px; } ._form_b03dd__option ._form_b03dd__obtained-at-option { padding: 0 5px 0 10px; } ._form_b03dd__submit._form_b03dd__insufficient { background: hsl(var(--danger)); border-color: hsl(var(--danger-shade15)); } ._form_b03dd__submit._form_b03dd__sufficient { background: hsl(var(--completed)); border-color: hsl(var(--completed-shade10)); } ._form_b03dd__inline-inputs { display: flex; } ._form_b03dd__inline-inputs >* { flex-grow: 1; margin-right: 1em; } ._form_b03dd__inline-inputs >*:last-child { margin-right: 0; } ._form_b03dd__performance { flex: 3; } ._form_b03dd__grade { flex: 1%; width: 100px; } ._form_b03dd__disabled { cursor: not-allowed; pointer-events: none; } ._form_b03dd__disabled ._form_b03dd__option >input+label { background: hsl(var(--form-input-disabled-background)); color: hsl(var(--gray70)); } ._form_b03dd__option-sufficient, ._form_b03dd__option-obtained, ._form_b03dd__obtained-at { /* javascript */ } ._form_0e29e__header { background-color: hsl(var(--gray98)); border: 1px solid hsl(var(--border-alpha)); border-radius: 5px 5px 0 0; flex-direction: column; font-size: var(--font-size-extra-large); margin: 0 -1px 0; padding-bottom: 35px; padding-top: 50px; text-align: center; } ._form_0e29e__header ._form_0e29e__user-avatar { --avatar-size: 75px; border: 1px solid hsl(var(--border-alpha)); margin-bottom: var(--spacing-vertical); margin-top: calc(var(--spacing-vertical) * -1); } @media only screen and (min-width: 768px) { ._form_0e29e__header ._form_0e29e__user-avatar { left: 50%; margin: 0; position: absolute; top: 0; transform: translate(-50%, -50%) } } ._form_0e29e__header ._form_0e29e__user-name { margin: 0; } ._form_0e29e__assess-for { margin-bottom: 0; } ._form_0e29e__submit._form_0e29e__insufficient { background: hsl(var(--danger)); border-color: hsl(var(--danger-shade15)); } ._form_0e29e__submit._form_0e29e__sufficient { background: hsl(var(--completed)); border-color: hsl(var(--completed-shade10)); } ._form_0e29e__inline-inputs { display: flex; } ._form_0e29e__inline-inputs >* { flex-grow: 1; margin-right: 1em; } ._form_0e29e__inline-inputs >*:last-child { margin-right: 0; } ._form_0e29e__disabled { cursor: not-allowed; pointer-events: none; } ._form_0e29e__disabled ._form_0e29e__option >input+label { background: hsl(var(--form-input-disabled-background)); color: hsl(var(--gray70)); } ._form_0e29e__skills { border: 1px solid hsl(var(--border)); border-radius: 0.5rem; margin: 2rem; } @media screen and (max-width: 500px) { ._form_0e29e__skills { margin: 1rem } } ._form_0e29e__skill { border-bottom: 1px solid hsl(var(--border)); } ._form_0e29e__skill:last-child { border-bottom: none; } ._form_0e29e__skill-header { align-items: center; cursor: pointer; display: flex; gap: 1rem; padding: 1rem; -webkit-user-select: none; -moz-user-select: none; user-select: none; } ._form_0e29e__skill-title { font-size: 1.2rem; font-weight: bold; margin: 0; } ._form_0e29e__skill-buttons { display: flex; gap: 0.5rem; margin: 1.5rem 0 1rem; } ._form_0e29e__skill-collapsible { max-height: var(--natural-height); overflow: hidden; padding: 0 1rem; transition: max-height 0.3s ease; } ._form_0e29e__skill-collapsible >ol { margin-top: 1rem; } ._form_0e29e__chevron { transform: rotate(180deg); transition: transform 0.3s ease; } ._form_0e29e__collapsed { padding-bottom: 0; } ._form_0e29e__collapsed ._form_0e29e__skill-collapsible { max-height: 0; } ._form_0e29e__collapsed ._form_0e29e__chevron { transform: rotate(0deg); } ._form_0e29e__skill-description { line-height: 1.4; } ._form_0e29e__undo { margin-left: auto; } ._form_0e29e__undo .icon { font-size: 1rem; margin: 0; } ._form_0e29e__status { color: var(--color); margin-left: auto; white-space: nowrap; } ._form_0e29e__status._form_0e29e__sufficient { --color: hsl(var(--completed)); } ._form_0e29e__status._form_0e29e__insufficient { --color: hsl(var(--danger)); } ._form_0e29e__status._form_0e29e__unscored { --color: hsl(var(--gray70)); } ._form_0e29e__checklist { --checkbox-size: 24px; --checkbox-border-width: 2px; border: 1px solid hsl(var(--border-alpha)); border-radius: 0.5rem; margin: 1.5rem 0 1rem; -webkit-user-select: none; -moz-user-select: none; user-select: none; } ._form_0e29e__checklist-item, ._form_0e29e__multiple-choice-item { align-items: center; border-bottom: 1px solid hsl(var(--border-alpha)); cursor: pointer; display: flex; font-size: 1.1rem; font-weight: bold; gap: 0.7rem; padding: 0.7rem; transition: background 0.3s ease; } ._form_0e29e__checklist-item:hover, ._form_0e29e__multiple-choice-item:hover { background: hsl(var(--gray50) / 0.05); } ._form_0e29e__checklist-item:last-child, ._form_0e29e__multiple-choice-item:last-child { border-bottom: none; } ._form_0e29e__checklist-item ._form_0e29e__checkbox, ._form_0e29e__multiple-choice-item ._form_0e29e__checkbox { /* used in js */ } ._form_0e29e__checklist-item ._form_0e29e__no-checkbox, ._form_0e29e__multiple-choice-item ._form_0e29e__no-checkbox { height: 24px; width: 24px; } ._form_0e29e__multiple-choice-item { cursor: default; flex-wrap: wrap; } ._form_0e29e__multiple-choice-item ._form_0e29e__checklist-label { font-size: 1rem; margin-right: auto; } ._form_0e29e__options { display: flex; gap: 0.5rem; flex-wrap: wrap; font-size: 0.875rem; } ._form_0e29e__options input[type="radio"] { display: none; } ._form_0e29e__option { background: hsl(var(--gray97)); border: 1px solid hsl(var(--border)); border-radius: var(--size-border-radius); padding: 0.5rem 0.5rem; flex: 1; white-space: nowrap; cursor: pointer; transition: all 0.15s ease-in-out; } input[type="radio"]:checked + ._form_0e29e__option { background: hsl(var(--primary)); color: white; font-weight: bold; } ._form_0e29e__select-all-options-message { color: hsl(var(--meta)); font-size: 0.875rem; margin: -0.5rem 0 1rem; } ._form_0e29e__assessed-at-section { margin: 1.5rem 0 0; } ._form_0e29e__assessed-at-title { font-size: 1rem; font-weight: 600; margin: 0 0 0.5rem; } ._form_0e29e__assessed-at-options { border: 1px solid hsl(var(--border)); border-radius: var(--size-border-radius); display: flex; margin-bottom: var(--spacing-vertical); overflow: hidden; width: 100%; } ._form_0e29e__assessed-at-option { display: flex; flex: 1; position: relative; } ._form_0e29e__assessed-at-option:first-child { border-right: 1px solid hsl(var(--border)); } ._form_0e29e__assessed-at-option >input { height: 48px; margin-left: 15px; position: absolute; } ._form_0e29e__assessed-at-option >input:checked+label { background: hsl(var(--white)); } ._form_0e29e__assessed-at-option >label { align-items: center; background: hsl(var(--gray97)); color: hsl(var(--meta)); cursor: pointer; flex: 1; height: 48px; line-height: 48px; padding: 0 5px 0 40px; } ._submission_84809__submission-meta { align-items: center; color: hsl(var(--meta)); display: flex; gap: 0.5rem; justify-content: space-between; } ._submission_84809__submission-body { background-color: hsl(var(--gray94)); border: 1px solid hsl(var(--border)); border-radius: 0.5rem; line-height: 1.4; margin-top: 1rem; padding: 1rem; } ._submission_84809__submission-body img { max-width: 100%; } ._submission_84809__link-icon._submission_84809__approved-submission { color: hsl(var(--success)); } ._submission_84809__link-icon._submission_84809__seen-submission { color: hsl(var(--gray60)); } /* Comments */ ._submission_84809__comments { margin-left: auto; max-width: 660px; padding: 1rem 0.5rem; } @media (min-width: 768px) { ._submission_84809__comments { max-width: 720px } } ._submission_84809__comment-form { padding-left: calc(26px + 0.75rem); padding-right: calc(1rem + 0.75rem); } ._submission_84809__comment-form ._submission_84809__comment-input .editor-toolbar { border-top-left-radius: 1rem; border-top-right-radius: 1rem; } ._submission_84809__comment-form ._submission_84809__comment-input .CodeMirror { border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; color: hsl(var(--meta)); font-size: 1.1rem; } ._submission_84809__comments-no-comments { color: hsl(var(--meta)); display: none; font-size: var(--font-size-small); padding: 1rem; text-align: center; } ._submission_84809__comments-list { list-style: none; margin: 1rem 0 2rem 0; padding: 0; } ._submission_84809__comments-list:not(:has(._submission_84809__comment)) { display: none; } ._submission_84809__comments-list:not(:has(._submission_84809__comment)) ~ ._submission_84809__comments-no-comments { display: block; } ._submission_84809__comment { display: flex; gap: 0.75rem; margin-bottom: 1rem; } ._submission_84809__comment-avatar { --avatar-size: 26px; margin-top: 0.5rem; } ._submission_84809__comment-main { flex: 1; } ._submission_84809__comment-content { background-color: white; border: 2px solid hsl(var(--border) / 0.5); border-radius: 1rem; color: hsl(var(--meta)); flex: 1; margin-top: 0; padding: 1rem; padding-bottom: 0.75rem; } ._submission_84809__comment-meta { display: flex; gap: 0.3rem; margin-bottom: 0.25rem; } ._submission_84809__comment-author { font-weight: 600; } ._submission_84809__comment-date { color: hsl(var(--meta) / 0.75); font-size: 0.8rem; margin-left: auto; } ._submission_84809__comment-body { flex: 1; font-size: 1.1rem; line-height: 1.4; } ._submission_84809__comment-options { align-self: flex-start; } ._submission_84809__comment-options ._submission_84809__comment-delete { padding: 0; width: 1rem; } ._submission_84809__comment-options ._submission_84809__comment-delete:hover, ._submission_84809__comment-options ._submission_84809__comment-delete:focus { color: hsl(var(--red)) !important; } ._moment_61263__Event-Occurrence-MomentCell { align-items: center; display: flex; } ._moment_61263__day-time { display: inline-block; line-height: 1.6; margin-left: var(--spacing-horizontal-small); } ._moment_61263__time { white-space: nowrap; } ._part_count_label_29d46__multipart-label { align-items: center; border: 1px solid hsl(var(--event-shade35)); border-radius: 0.25em; color: hsl(var(--event-shade35)); display: inline-block; font-size: var(--font-size-badge-default); font-weight: 500; opacity: 0.7; padding: 0.2rem 0.5rem; white-space: nowrap; } ._part_list_230a1__Event-Occurrence-PartsListCell { --date-badge-width: 42px; } /* Variants */ ._part_list_230a1__variant-default, ._part_list_230a1__variant-inset { background-color: hsl(var(--gray98)); border: 1px solid hsl(var(--gray93)); border-radius: var(--size-border-radius); list-style: none; margin: 0; padding: 0; } ._part_list_230a1__variant-default { margin-left: calc(var(--date-badge-width) / 2); } ._part_f39c6__part { --date-badge-width: 55px; align-items: center; display: flex; flex-wrap: wrap; position: relative; gap: 1rem; } ._part_f39c6__part ._part_f39c6__time { color: hsl(var(--event)); } ._part_f39c6__part._part_f39c6__past { background-image: linear-gradient( -45deg, transparent 45%, hsl(var(--black) / 7%) 50%, transparent 55%, transparent 100% ); background-size: 8px 8px; background-color: hsl(var(--disabled-item-background)); } ._part_f39c6__part._part_f39c6__past ._part_f39c6__date-badge { border-color: hsl(var(--border-alpha)); color: hsl(var(--disabled-item-text) / 80%); } ._part_f39c6__part._part_f39c6__past ._part_f39c6__date-dot::before { border-color: hsl(var(--border-alpha)); } ._part_f39c6__part._part_f39c6__past ._part_f39c6__time { color: hsl(var(--disabled-item-text)); } ._part_f39c6__part._part_f39c6__canceled ._part_f39c6__date-badge { border: 1px solid hsl(var(--red) / 20%); color: hsl(var(--red)); } ._part_f39c6__part._part_f39c6__canceled ._part_f39c6__date-dot::before { border-color: hsl(var(--red)); } ._part_f39c6__part._part_f39c6__canceled ._part_f39c6__time, ._part_f39c6__part._part_f39c6__canceled ._part_f39c6__info { -webkit-text-decoration: line-through; text-decoration: line-through; } ._part_f39c6__part._part_f39c6__canceled:not(._part_f39c6__past) ._part_f39c6__time { color: hsl(var(--red)); } ._part_f39c6__part._part_f39c6__past._part_f39c6__canceled ._part_f39c6__date-badge { color: hsl(var(--red) / 60%); } ._part_f39c6__part._part_f39c6__past, ._part_f39c6__part._part_f39c6__canceled { color: hsl(var(--text-light)); } li._part_f39c6__part { background: white; } li._part_f39c6__part:not(:first-of-type) { border-top: 1px solid hsl(var(--gray93)); } li._part_f39c6__part:first-of-type, li._part_f39c6__part:first-of-type a._part_f39c6__part { border-top-left-radius: var(--size-border-radius); border-top-right-radius: var(--size-border-radius); } li._part_f39c6__part:last-of-type, li._part_f39c6__part:last-of-type a._part_f39c6__part { border-bottom-left-radius: var(--size-border-radius); border-bottom-right-radius: var(--size-border-radius); } a._part_f39c6__part { color: hsl(var(--text)); -webkit-text-decoration: none; text-decoration: none; transition: background var(--duration-short) ease; width: 100%; } a._part_f39c6__part:hover { background-color: hsl(var(--link-block-background)); } ._part_f39c6__date-badge, ._part_f39c6__date-dot { flex: 0 0 var(--date-badge-width); width: auto; } ._part_f39c6__date-badge { background: white; } ._part_f39c6__date-dot { position: relative; } ._part_f39c6__date-dot::before { background: white; border: 2px solid hsl(var(--event) / 20%); border-radius: 50%; content: ""; height: 12px; left: 50%; position: absolute; transform: translate(-50%, -50%); width: 12px; } ._part_f39c6__content { flex: 1; min-width: 200px; } ._part_f39c6__meta ._part_f39c6__time-and-title { display: flex; flex-wrap: wrap; font-size: var(--font-size-large); gap: 1rem; } ._part_f39c6__meta ._part_f39c6__location { align-items: center; display: flex; margin-top: 0.4em; } ._part_f39c6__meta ._part_f39c6__event-url { margin-top: 0.4em; } ._part_f39c6__info { margin-top: 6px; } @media only screen and (min-width: 768px) { ._part_f39c6__info { font-size: var(--font-size-small) } } ._part_f39c6__instructors { margin-left: auto; max-width: 300px; } /* Variants */ ._part_f39c6__variant-default { padding: var(--spacing-vertical) var(--spacing-horizontal-tiny) var(--spacing-vertical) 0; } @media only screen and (min-width: 1200px) { ._part_f39c6__variant-default { padding-right: var(--spacing-horizontal) } } ._part_f39c6__variant-default ._part_f39c6__date-badge, ._part_f39c6__variant-default ._part_f39c6__date-dot { transform: translateX(-50%); } ._part_f39c6__variant-inset { gap: 1rem; padding: var(--spacing-vertical) var(--spacing-horizontal) var(--spacing-vertical) var(--spacing-vertical); } ._part_f39c6__variant-inset._part_f39c6__part { background: hsl(205.18, 33%, 97.76%); } ._part_f39c6__variant-inset ._part_f39c6__content { margin-left: 0; } ._participants_a0aa9__participants-icon { display: inline-block; line-height: 16px; width: 24px; } ._participants_a0aa9__warning, ._participants_a0aa9__warning ._participants_a0aa9__participants-icon { color: hsl(var(--red)); } ._attachment_189c2__container { color: hsl(var(--text)); display: flex; -webkit-text-decoration: none; text-decoration: none; } ._attachment_189c2__icon { width: 60px; } @media only screen and (min-width: 768px) { ._attachment_189c2__icon { width: 70px } } ._attachment_189c2__info { flex: 1; } ._attachment_189c2__info ._attachment_189c2__title { display: inline-block; margin: 0 0 0.2em; } ._attachment_189c2__info ._attachment_189c2__size { height: auto; line-height: normal; margin-left: 0.5em; opacity: 0.5; vertical-align: top; } ._attachment_189c2__info ._attachment_189c2__description { color: hsl(var(--text-light)); margin: 0; } ._link_238c5__link-icon-wrapper { display: inline-block; width: 70px; } ._link_238c5__icon { --icon-size: 38px; background-size: 38px 38px; background-size: var(--icon-size) var(--icon-size); display: inline-block; height: 38px; height: var(--icon-size); width: 38px; width: var(--icon-size); } ._link_238c5__link-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='%23a5adda'%3E%3Cpath d='M19.625.156c-1.629.078-3.195.79-4.406 2l-4.75 4.75c.746-.75 3.515-.234 4.187.438l2.875-2.875c.637-.637 1.434-1.028 2.25-1.063.555-.027 1.34.09 2.032.781a2.65 2.65 0 0 1 .78 1.907c0 .855-.39 1.707-1.062 2.375l-5 5.031c-1.258 1.258-3.172 1.36-4.281.25a1.642 1.642 0 0 0-2.313 0 1.639 1.639 0 0 0 0 2.313 5.873 5.873 0 0 0 4.188 1.718c1.672 0 3.379-.683 4.688-2l5.03-5c1.278-1.273 2-2.976 2-4.687 0-1.59-.6-3.102-1.718-4.219C22.93.68 21.325.078 19.625.156Zm-7.75 8.063c-1.672 0-3.406.687-4.719 2l-5 5c-1.277 1.273-2 2.976-2 4.687 0 1.59.602 3.102 1.719 4.219 1.195 1.195 2.8 1.797 4.5 1.719 1.629-.078 3.195-.79 4.406-2l4.75-4.75c-.75.75-3.515.234-4.187-.438l-2.875 2.875c-.637.637-1.434 1.024-2.25 1.063a2.615 2.615 0 0 1-2.032-.782 2.656 2.656 0 0 1-.78-1.906c0-.855.39-1.707 1.062-2.375l5-5.031c1.258-1.258 3.172-1.355 4.281-.25.637.637 1.68.637 2.313 0a1.639 1.639 0 0 0 0-2.313 5.88 5.88 0 0 0-4.188-1.718Z'/%3E%3C/svg%3E"); } ._occurrence_49792__Event-OccurrenceCell { color: hsl(var(--text)); flex-grow: 1; min-width: 0; -webkit-text-decoration: none; text-decoration: none; } ._occurrence_49792__content { padding: 1.25rem 1.5rem; } ._occurrence_49792__course-link { font-style: normal; font-size: var(--font-size-small); color: hsl(var(--gray60)); } ._occurrence_49792__course-link a { color: hsl(var(--gray60)); -webkit-text-decoration: none; text-decoration: none; border-bottom: 1px solid hsl(var(--gray80)); } ._occurrence_49792__course-link a:hover { color: hsl(var(--blue)); border-bottom-color: hsl(var(--blue)); transition: color var(--duration-default) ease, border-bottom-color var(--duration-default) ease; } ._occurrence_49792__card-header { align-items: center; display: flex; gap: 1rem; margin-bottom: 1rem; } @media (max-width: 480px) { ._occurrence_49792__card-header { flex-wrap: wrap } ._occurrence_49792__card-header ._occurrence_49792__card-badges { justify-content: flex-start; } } ._occurrence_49792__card-header-left { align-items: baseline; display: flex; flex: 1 1 auto; gap: 0.25rem 1rem; min-width: 50%; } ._occurrence_49792__card-header-actions { align-items: center; display: flex; flex-shrink: 0; gap: 0.5rem; margin-left: auto; } ._occurrence_49792__event-title-wrapper { align-self: center; min-width: 0; } ._occurrence_49792__event-title-link { color: inherit; -webkit-text-decoration: none; text-decoration: none; } ._occurrence_49792__title { font-size: 1.15em; font-weight: 600; line-height: 1.3; margin: 0; } ._occurrence_49792__skillslab-event-badge .component-notice-card.skillslab-notice { --notice-color: var(--skill) !important; } ._occurrence_49792__cover-image { border-radius: 0.3rem; flex-shrink: 0; height: 4rem; width: 4rem; } ._occurrence_49792__cover-image._occurrence_49792__default { align-items: center; background: linear-gradient( 137deg, hsl(var(--primary)) 21%, hsl( calc(var(--primary-h) + 40), calc(var(--primary-s) - 40%), calc(var(--primary-l) - 20%) ) 100% ); color: white; display: flex; justify-content: center; } ._occurrence_49792__occurrence-details { align-items: center; display: inline-flex; font-size: var(--font-size-small); white-space: nowrap; } ._occurrence_49792__participants { align-items: center; display: flex; } ._occurrence_49792__latest-enroll-date::before { content: "·"; margin: 0 0.5rem; } ._occurrence_49792__card-footer { align-items: center; border-top: 1px solid hsl(var(--gray93)); display: flex; justify-content: space-between; padding: 0.75rem 1.5rem; } ._occurrence_49792__card-badges { display: flex; flex-shrink: 1; flex-wrap: wrap-reverse; gap: .5em; justify-content: flex-end; } ._occurrence_49792__private-participation-tooltip { } ._occurrence_49792__private-participation-trigger { cursor: pointer; } ._subscription_toggle_b483e__Occurrence-SubscriptionToggleCell ._subscription_toggle_b483e__occurrence-subscription-toggle { align-items: center; background: hsla(var(--background-h) 24% 93% / 70%); border-radius: 0.5rem; display: flex; gap: 1rem; justify-content: space-between; padding: 1rem 2rem; } ._subscription_toggle_b483e__Occurrence-SubscriptionToggleCell ._subscription_toggle_b483e__occurrence-subscription-toggle-title { margin: 0; } ._subscription_toggle_b483e__Occurrence-SubscriptionToggleCell ._subscription_toggle_b483e__occurrence-subscription-toggle input { display: none; } ._subscription_toggle_b483e__Occurrence-SubscriptionToggleCell ._subscription_toggle_b483e__occurrence-subscription-toggle label { background: #eee; border-radius: 2rem; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); cursor: pointer; display: block; flex-shrink: 0; height: 1.55rem; line-height: 1.55rem; overflow: hidden; position: relative; text-indent: 3rem; transition: background 0.2s ease-in-out; width: 2.4rem; } ._subscription_toggle_b483e__Occurrence-SubscriptionToggleCell ._subscription_toggle_b483e__occurrence-subscription-toggle label::before { background: white; border-radius: 50%; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); content: ""; top: 2px; right: auto; bottom: 2px; left: 2px; aspect-ratio: 1; position: absolute; transition: left 0.2s ease-in-out; } ._subscription_toggle_b483e__Occurrence-SubscriptionToggleCell ._subscription_toggle_b483e__occurrence-subscription-toggle input:checked + label { background: hsl(241, 55%, 65%); } ._subscription_toggle_b483e__Occurrence-SubscriptionToggleCell ._subscription_toggle_b483e__occurrence-subscription-toggle input:checked + label::before { left: 1rem; } ._title_08e32__Event-Occurrence-TitleCell { font-weight: bold; margin: 5px 0; } ._title_08e32__small-title { display: block; font-weight: normal; margin: 0 0 0.4em; } h1._title_08e32__Event-Occurrence-TitleCell ._title_08e32__small-title { font-size: 1rem; } ._title_08e32__skillslab-badge { margin-left: 0.5rem; font-size: 1rem; } ._online_event_link_f8af9__Event-OnlineEventLinkCell { align-items: center; display: flex; } ._online_event_link_f8af9__Event-OnlineEventLinkCell ._online_event_link_f8af9__data-link { color: hsl(var(--primary)); cursor: pointer; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 200px; } ._online_event_link_f8af9__Event-OnlineEventLinkCell ._online_event_link_f8af9__data-link:hover { -webkit-text-decoration: underline; text-decoration: underline; } ._online_event_link_f8af9__Event-OnlineEventLinkCell ._online_event_link_f8af9__icon { margin-right: 3px; } :root { --almost-black: rgb(19, 21, 23); } ._event_bcb8b__wrapper { align-items: start; display: flex; gap: 2rem; margin: 0 auto; max-width: 1200px; padding: 0; } @media (max-width: 1000px) { ._event_bcb8b__wrapper { gap: 1rem; padding: 1rem } } @media (max-width: 799px) { ._event_bcb8b__wrapper { flex-direction: column; gap: 0; padding: 0 } } ._event_bcb8b__left { display: flex; flex-direction: column; gap: 1rem; width: 18rem; } @media (max-width: 799px) { ._event_bcb8b__left { display: contents } } ._event_bcb8b__private-participation-tooltip { display: block; width: 100%; z-index: 1; } ._event_bcb8b__private-participation-trigger { cursor: pointer; display: block; width: 100%; } ._event_bcb8b__right { align-self: stretch; flex-grow: 1; min-width: 40rem; } @media (min-width: 600px) and (max-width: 799px) { ._event_bcb8b__right { padding: 0 1rem } } @media (max-width: 1000px) { ._event_bcb8b__right { gap: 1.5rem; min-width: 0 } } @media (max-width: 799px) { ._event_bcb8b__right { order: 1 } } @media (max-width: 799px) { ._event_bcb8b__right-panel { padding: 0 1rem } } ._event_bcb8b__flex-column { display: flex; flex: 1; flex-direction: column; gap: 2rem; grid-column: 1 / -1; grid-row: 2; } ._event_bcb8b__event-image-wrapper { border-radius: .5rem; flex-shrink: 0; float: left; height: 18rem; margin: 0 1.5rem .5rem 0; position: relative; width: 18rem; } @media screen and (max-width: 599px) { ._event_bcb8b__event-image-wrapper._event_bcb8b__is-manager { height: 10.5rem } } @media screen and (max-width: 799px) { ._event_bcb8b__event-image-wrapper._event_bcb8b__is-manager ._event_bcb8b__cover-image { padding-top: 4.5rem; width: calc(100% - 1rem) } } @media screen and (max-width: 599px) { ._event_bcb8b__event-image-wrapper { height: 6rem } } @media screen and (max-width: 799px) { ._event_bcb8b__event-image-wrapper { border-radius: 0; float: none; height: 8rem; margin: -1rem -1rem 1rem; order: -1; width: calc(100% + 2rem) } } ._event_bcb8b__cover-image { border-radius: inherit; height: 100%; top: 0; right: 0; bottom: 0; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; width: 100%; } ._event_bcb8b__cover-image-text { color: white; font-size: 20px; height: 100%; line-height: 1.4; -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.8)); mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.8)); text-align: center; } ._event_bcb8b__default { background: linear-gradient(137deg, hsl(var(--primary)) 21%, hsl(calc(var(--primary-h) + 40), calc(var(--primary-s) - 40%), calc(var(--primary-l) - 20%)) 100%); color: color-mix(in srgb, #fff, hsl(var(--primary)) 10%); display: flex; flex-direction: column; font-size: 1.3rem; font-weight: 900; justify-content: center; line-height: 1.1; overflow: hidden; padding: 1rem; text-align: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; } ._event_bcb8b__event-heading { background: #fff; border: 0.5px solid rgba(0, 0, 0, 0.12); border-radius: 12px; margin: 0; padding: 1.25rem 1.5rem; } ._event_bcb8b__eyebrow { color: var(--event-color); font-size: 13px; font-weight: 500; letter-spacing: 0.1em; margin: 0 0 3px; text-transform: uppercase; } ._event_bcb8b__eyebrow-skillslab { color: HSL(var(--skill)); } ._event_bcb8b__title-row { align-items: flex-start; display: flex; gap: 1rem; justify-content: space-between; } ._event_bcb8b__actions { align-items: center; display: flex; flex-shrink: 0; gap: 0.5rem; } ._event_bcb8b__add-to-channel { display: flex; } ._event_bcb8b__title { color: rgb(19, 21, 23); color: var(--almost-black); font-size: 2rem; font-weight: 600; line-height: 1.25; margin: 0; word-break: break-word; } ._event_bcb8b__event-summary { color: #666; line-height: 1.6; margin: 10px 0 0; } ._event_bcb8b__default { background: linear-gradient(137deg, hsl(var(--primary)) 21%, hsl(calc(var(--primary-h) + 40), calc(var(--primary-s) - 40%), calc(var(--primary-l) - 20%)) 100%); color: color-mix(in srgb, #fff, hsl(var(--primary)) 10%); display: flex; flex-direction: column; font-size: 1.1rem; font-weight: 900; justify-content: center; line-height: 1.1; overflow: hidden; padding: 1rem; text-align: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; word-break: break-word; } ._event_bcb8b__add-channel-item-button { display: inline-block; } ._event_bcb8b__upcoming-occurrences { margin-top: 2rem; } ._event_bcb8b__occurrences-title { display: flex; flex-wrap: wrap; gap: 1rem 0; margin-bottom: 1.5rem; } @media screen and (max-width: 799px) { ._event_bcb8b__occurrences-title { padding: 0 0.5rem } } ._event_bcb8b__upcoming-occurrences-title { margin-bottom: 1.5rem; } @media screen and (max-width: 799px) { ._event_bcb8b__upcoming-occurrences-title { padding: 0 0.5rem } } ._event_bcb8b__occurrences-count { background-color: hsl(var(--gray93)); margin-left: 0.25em; padding: 0 0.5em; } ._event_bcb8b__subscription { background: white; border-radius: .5rem; margin-bottom: 1.5rem; overflow: hidden; padding: 1rem; text-align: center; width: 100%; } @media (min-width: 600px) and (max-width: 799px) { ._event_bcb8b__subscription { margin: 0.5rem 1rem 0; width: calc(100% - 2rem) } } @media screen and (max-width: 799px) { ._event_bcb8b__subscription { border-radius: 0; margin-bottom: 1rem; order: 2 } } ._event_bcb8b__subscription p { line-height: 1.2; } ._event_bcb8b__occurrences-title+._event_bcb8b__subscription { border-top: 1px solid hsl(var(--border-alpha)); } ._event_bcb8b__subscription-title { font-size: 1.1rem; font-weight: bold; margin-bottom: 0; margin-top: 0; } ._event_bcb8b__subscription-title .icon { font-size: 1rem!important; } ._event_bcb8b__notify-button { background-color: var(--event-color); border-color: var(--event-color); border-radius: 10rem; color: #fff; font-weight: 500; padding: 0.4375rem 0.625rem; text-align: center; -webkit-text-decoration: none; text-decoration: none; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; } ._event_bcb8b__notify-button:hover { background: hsl(221, 53%, 40%); border-color: hsl(221, 53%, 40%); } ._event_bcb8b__unnotify { background-color: var(--event-color); border-color: var(--event-color); } ._event_bcb8b__notify-button._event_bcb8b__unnotify:hover { background: hsl(var(--danger)); border-color: hsl(var(--danger)); } ._event_bcb8b__subscription-panel { align-items: center; background: white; border-radius: .5rem; display: flex; justify-content: space-between; padding: 2rem; } ._event_bcb8b__available-toggle-active { cursor: disabled!important; } ._event_bcb8b__available-toggle-active { background: gray; color: white; } ._event_bcb8b__enrollable-toggle { margin-left: auto; } @media screen and (max-width: 420px){ ._event_bcb8b__enrollable-toggle { display: flex; justify-content: stretch; width: 100% } } ._event_bcb8b__enrollable-toggle a { border-radius: .3rem; cursor: pointer; flex-grow: 1; font-size: .8rem; padding: .3rem .6rem; text-align: center; } ._event_bcb8b__location-filters { display: flex; flex-wrap: wrap; font-size: .875rem; gap: .5rem; margin-bottom: 1rem; } ._event_bcb8b__location-filter { align-items: center; background-color: hsl(var(--gray93)); border: none; border-radius: .5rem; cursor: pointer; padding: .2rem .5rem; display: flex; gap: .25rem; } ._event_bcb8b__location-filter._event_bcb8b__location-filter-active { background-color: hsl(var(--gray60)); color: white; font-weight: bold; } ._event_bcb8b__location-filter-count { background-color: hsl(var(--gray85)); border-radius: 1rem; font-size: 0.75rem; padding: 0.1rem 0.5rem; text-align: center; } ._event_bcb8b__location-filter-active ._event_bcb8b__location-filter-count { background-color: hsl(var(--gray80)); color: hsl(var(--gray40)); } /* Scrollable Channel Labels */ ._event_bcb8b__channel-labels-wrapper { margin-left: -1.625rem; max-width: calc(100% + 3.25rem); position: relative } ._event_bcb8b__channel-labels { display: flex; gap: .5rem; overflow-x: scroll; overflow-y: hidden; padding: 0 1.625rem; position: relative; scrollbar-width: none; white-space: nowrap; } ._event_bcb8b__channel-labels::-webkit-scrollbar { display: none; } ._event_bcb8b__scroll-arrow { align-items: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; display: flex; font-weight: bold; height: 1.625rem; justify-content: center; min-width: 1.625rem; padding: 0 .5rem; position: absolute; top: 50%; transform: translate(0%, -50%); transition: opacity 0.2s ease, transform 0.2s ease; width: 1.625rem; z-index: 2; } ._event_bcb8b__scroll-arrow:disabled { opacity: 0; pointer-events: none; } ._event_bcb8b__scroll-arrow::before { content: ""; display: block; top: -2px; right: -2px; bottom: -2px; left: -2px; pointer-events: none; position: absolute; z-index: -2; } ._event_bcb8b__scroll-arrow::after { background: HSL(var(--gray90)); border: HSL(var(--gray80)); border-radius: 50%; color: black; content: ""; display: block; top: 0; right: 0; bottom: 0; left: 0; position: absolute; transition: background 0.2s ease-in-out; z-index: -1; } ._event_bcb8b__scroll-arrow:hover::after { background: HSL(var(--gray80)); } ._event_bcb8b__left-arrow { left: -1px; text-indent: -1px; } ._event_bcb8b__left-arrow:disabled { transform: translate(-50%, -50%); } ._event_bcb8b__left-arrow::before { background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 1.625rem); right: -2rem; } ._event_bcb8b__right-arrow { right: -1px; text-indent: 1px; } ._event_bcb8b__right-arrow:disabled { transform: translate(50%, -50%); } ._event_bcb8b__right-arrow::before { background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 1.625rem); left: -2rem; } ._upcoming_past_filter_bbba3__Event-UpcomingPastFilterCell { display: flex; } ._upcoming_past_filter_bbba3__Event-UpcomingPastFilterCell ._upcoming_past_filter_bbba3__button-group { margin: var(--spacing-vertical) var(--spacing-horizontal-small) 0 auto; width: auto; } @media only screen and (min-width: 768px) { ._upcoming_past_filter_bbba3__Event-UpcomingPastFilterCell ._upcoming_past_filter_bbba3__button-group { margin: 0 0 0 auto } } ._form_dialog_19e91__select { margin-bottom: 20px; width: 100%; } ._form_dialog_19e91__link { color: hsl(var(--primary)); -webkit-text-decoration: underline; text-decoration: underline; } ._form_dialog_19e91__actions { align-items: center; display: flex; justify-content: space-between; } ._form_dialog_19e91__source-label { color: hsl(var(--form-label)); cursor: text; display: block; font-size: var(--font-size-small); margin: 0 0 5px; } ._form_dialog_19e91__option-group { border: 1px solid hsl(var(--border)); border-radius: 3px; margin-bottom: var(--spacing-vertical); overflow: hidden; } ._form_dialog_19e91__option { align-items: stretch; border-bottom: 1px solid hsl(var(--border)); } ._form_dialog_19e91__option:last-child { border-bottom: 0; } ._form_dialog_19e91__option-radio:checked { background: hsl(var(--form-input-focus) / 5%); } ._form_dialog_19e91__option-radio:checked+label { background: hsl(var(--form-input-focus) / 5%); } ._form_dialog_19e91__option-radio:checked+label ._form_dialog_19e91__option-content { display: block; } ._form_dialog_19e91__option-radio { margin: 15px; position: absolute; } ._form_dialog_19e91__option-label { display: block; padding: 0 25px 0 45px; } ._form_dialog_19e91__option-header { align-items: center; cursor: pointer; display: flex; padding: 10px 0; } ._form_dialog_19e91__option-icon { flex-grow: 0; flex-shrink: 0; font-size: 40px; padding: 0; } ._form_dialog_19e91__option-icon::before { display: block; } ._form_dialog_19e91__option-icon.icon-link { font-size: 32px; padding: 4px; } ._form_dialog_19e91__option-title { color: hsl(var(--gray50)); flex: 1; font-weight: normal; margin: 0; } ._form_dialog_19e91__option-content { display: none; padding: 10px 0 30px; } ._form_dialog_19e91__dnd-area { margin: 0; } ._icon_65d57__ExternalAchievements-IconCell { display: inline-block; padding: 25px 0; text-align: center; } ._icon_65d57__variant-default { flex: 0 0 50px; height: 50px; width: 50px; } @media only screen and (min-width: 544px) { ._icon_65d57__variant-default { height: 100px; width: 100px } } ._icon_65d57__variant-small { height: 50px; width: 50px; } ._icon_65d57__variant-xsmall { height: 20px; padding: 0; width: 20px; } ._icon_65d57__type-article { background: hsl(var(--yellow)); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9.7 8.1c-.3-.1-.7-.2-1.2-.2s-1 .1-1.2.2v4.1c.3-.1.7-.2 1.2-.2s.9.1 1.2.2V8.1zm3 4.1V8.1c-.2-.1-.7-.2-1.2-.2-.4 0-.9.2-1.2.2v4.1c.3-.1.7-.2 1.2-.2.5-.1.9.1 1.2.2zm5.9-6.8c0-.3-.1-.5-.3-.6L10.4.1c-.2-.1-.3-.1-.4-.1s-.2 0-.3.1L1.8 4.8c-.2.1-.4.4-.4.6v9.2c0 .3.1.5.3.6l7.9 4.7c.2.1.3.1.4.1s.2 0 .3-.1l7.9-4.7c.2-.1.3-.3.3-.6V5.4zm-1.1 9L10 19l-7.5-4.6V5.6L10 1l7.5 4.6v8.8zm-13.7-.7 6.2 3.7 6.2-3.7V6.3L10 2.6 3.8 6.3v7.4zm2.9-6.1.2-.1s.8-.4 1.6-.4 1.4.3 1.5.3c.1-.1.8-.3 1.5-.3.8 0 1.6.4 1.6.4l.2.1v5.5h-2.9c-.1.2-.3.3-.4.3s-.4-.1-.4-.3H6.7V7.6z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9.7 8.1c-.3-.1-.7-.2-1.2-.2s-1 .1-1.2.2v4.1c.3-.1.7-.2 1.2-.2s.9.1 1.2.2V8.1zm3 4.1V8.1c-.2-.1-.7-.2-1.2-.2-.4 0-.9.2-1.2.2v4.1c.3-.1.7-.2 1.2-.2.5-.1.9.1 1.2.2zm5.9-6.8c0-.3-.1-.5-.3-.6L10.4.1c-.2-.1-.3-.1-.4-.1s-.2 0-.3.1L1.8 4.8c-.2.1-.4.4-.4.6v9.2c0 .3.1.5.3.6l7.9 4.7c.2.1.3.1.4.1s.2 0 .3-.1l7.9-4.7c.2-.1.3-.3.3-.6V5.4zm-1.1 9L10 19l-7.5-4.6V5.6L10 1l7.5 4.6v8.8zm-13.7-.7 6.2 3.7 6.2-3.7V6.3L10 2.6 3.8 6.3v7.4zm2.9-6.1.2-.1s.8-.4 1.6-.4 1.4.3 1.5.3c.1-.1.8-.3 1.5-.3.8 0 1.6.4 1.6.4l.2.1v5.5h-2.9c-.1.2-.3.3-.4.3s-.4-.1-.4-.3H6.7V7.6z'/%3E%3C/svg%3E"); } ._icon_65d57__type-book { background: hsl(var(--yellow)); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9.7 8.1c-.3-.1-.7-.2-1.2-.2s-1 .1-1.2.2v4.1c.3-.1.7-.2 1.2-.2s.9.1 1.2.2V8.1zm3 4.1V8.1c-.2-.1-.7-.2-1.2-.2-.4 0-.9.2-1.2.2v4.1c.3-.1.7-.2 1.2-.2.5-.1.9.1 1.2.2zm5.9-6.8c0-.3-.1-.5-.3-.6L10.4.1c-.2-.1-.3-.1-.4-.1s-.2 0-.3.1L1.8 4.8c-.2.1-.4.4-.4.6v9.2c0 .3.1.5.3.6l7.9 4.7c.2.1.3.1.4.1s.2 0 .3-.1l7.9-4.7c.2-.1.3-.3.3-.6V5.4zm-1.1 9L10 19l-7.5-4.6V5.6L10 1l7.5 4.6v8.8zm-13.7-.7 6.2 3.7 6.2-3.7V6.3L10 2.6 3.8 6.3v7.4zm2.9-6.1.2-.1s.8-.4 1.6-.4 1.4.3 1.5.3c.1-.1.8-.3 1.5-.3.8 0 1.6.4 1.6.4l.2.1v5.5h-2.9c-.1.2-.3.3-.4.3s-.4-.1-.4-.3H6.7V7.6z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9.7 8.1c-.3-.1-.7-.2-1.2-.2s-1 .1-1.2.2v4.1c.3-.1.7-.2 1.2-.2s.9.1 1.2.2V8.1zm3 4.1V8.1c-.2-.1-.7-.2-1.2-.2-.4 0-.9.2-1.2.2v4.1c.3-.1.7-.2 1.2-.2.5-.1.9.1 1.2.2zm5.9-6.8c0-.3-.1-.5-.3-.6L10.4.1c-.2-.1-.3-.1-.4-.1s-.2 0-.3.1L1.8 4.8c-.2.1-.4.4-.4.6v9.2c0 .3.1.5.3.6l7.9 4.7c.2.1.3.1.4.1s.2 0 .3-.1l7.9-4.7c.2-.1.3-.3.3-.6V5.4zm-1.1 9L10 19l-7.5-4.6V5.6L10 1l7.5 4.6v8.8zm-13.7-.7 6.2 3.7 6.2-3.7V6.3L10 2.6 3.8 6.3v7.4zm2.9-6.1.2-.1s.8-.4 1.6-.4 1.4.3 1.5.3c.1-.1.8-.3 1.5-.3.8 0 1.6.4 1.6.4l.2.1v5.5h-2.9c-.1.2-.3.3-.4.3s-.4-.1-.4-.3H6.7V7.6z'/%3E%3C/svg%3E"); } ._icon_65d57__type-certificate { background: hsl(var(--violet)); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8.8 9.7v.1l.1.5.5.1h.1l.1.1.4.3.4-.3.1-.1h.1l.5-.1.1-.5v-.1l.1-.1.3-.4-.3-.4-.1-.1v-.1l-.1-.5-.5-.1h-.1l-.1-.1-.4-.3-.4.3h-.1l-.1.1-.5.1-.1.5v.1l-.1.1-.2.4.3.4v.1zm9.8-4.3c0-.3-.1-.5-.3-.6L10.4.1c-.2-.1-.3-.1-.4-.1s-.2 0-.3.1L1.8 4.8c-.2.1-.4.4-.4.6v9.2c0 .3.1.5.3.6l7.9 4.7c.2.1.3.1.4.1s.2 0 .3-.1l7.9-4.7c.2-.1.3-.3.3-.6V5.4zm-1.1 9L10 19l-7.5-4.6V5.6L10 1l7.5 4.6v8.8zm-13.7-.7 6.2 3.7 6.2-3.7V6.3L10 2.6 3.8 6.3v7.4zm4.1-3.2-.1-.4-.2-.3c-.3-.4-.3-.9 0-1.2l.2-.3.1-.4c0-.5.4-.8.8-.9l.4-.1.3-.2c.2-.1.4-.2.6-.2s.4.1.6.2l.3.2.4.1c.4.1.8.4.8.9l.1.4.2.3c.3.4.3.9 0 1.2l-.2.3-.1.4c0 .2-.1.4-.3.6l1.3 1.3h-1v1.1l-1.7-1.7c-.3.1-.6.1-.8 0l-1.7 1.7v-1.1h-1l1.3-1.3c-.2-.2-.3-.4-.3-.6z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8.8 9.7v.1l.1.5.5.1h.1l.1.1.4.3.4-.3.1-.1h.1l.5-.1.1-.5v-.1l.1-.1.3-.4-.3-.4-.1-.1v-.1l-.1-.5-.5-.1h-.1l-.1-.1-.4-.3-.4.3h-.1l-.1.1-.5.1-.1.5v.1l-.1.1-.2.4.3.4v.1zm9.8-4.3c0-.3-.1-.5-.3-.6L10.4.1c-.2-.1-.3-.1-.4-.1s-.2 0-.3.1L1.8 4.8c-.2.1-.4.4-.4.6v9.2c0 .3.1.5.3.6l7.9 4.7c.2.1.3.1.4.1s.2 0 .3-.1l7.9-4.7c.2-.1.3-.3.3-.6V5.4zm-1.1 9L10 19l-7.5-4.6V5.6L10 1l7.5 4.6v8.8zm-13.7-.7 6.2 3.7 6.2-3.7V6.3L10 2.6 3.8 6.3v7.4zm4.1-3.2-.1-.4-.2-.3c-.3-.4-.3-.9 0-1.2l.2-.3.1-.4c0-.5.4-.8.8-.9l.4-.1.3-.2c.2-.1.4-.2.6-.2s.4.1.6.2l.3.2.4.1c.4.1.8.4.8.9l.1.4.2.3c.3.4.3.9 0 1.2l-.2.3-.1.4c0 .2-.1.4-.3.6l1.3 1.3h-1v1.1l-1.7-1.7c-.3.1-.6.1-.8 0l-1.7 1.7v-1.1h-1l1.3-1.3c-.2-.2-.3-.4-.3-.6z'/%3E%3C/svg%3E"); } ._icon_65d57__type-education { background: hsl(var(--purple)); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 11.4c-.7 0-1.4.1-1.8.2-.2 0-.3.1-.4.1.1 0 .2.1.4.1.4.2 1.1.2 1.8.2s1.4-.1 1.8-.2c.2 0 .3-.1.4-.1-.1 0-.2-.1-.4-.1-.4-.2-1.1-.2-1.8-.2zm1.8-1.8c-.4-.1-1.1-.2-1.8-.2s-1.4.1-1.8.2c-.2 0-.4.1-.5.1V11c.1-.1.3-.1.4-.1.5-.1 1.2-.2 1.9-.2.8 0 1.4.1 1.9.2.2 0 .3.1.4.1V9.8c-.1-.1-.3-.2-.5-.2zM6.7 9l.5.3.2-.2c.2-.1.4-.1.7-.2.5-.1 1.1-.2 1.9-.2s1.4.1 1.9.2c.3.1.5.1.7.3.1 0 .2.1.2.2l.5-.4L10 7 6.7 9z'/%3E%3Cpath d='M10 2.6 3.8 6.3v7.4l6.2 3.7 6.2-3.7V6.3L10 2.6zm4.1 6.7-1.2.7v1.7c0 .1-.1.3-.1.4s-.2.1-.2.2c-.2.1-.4.2-.6.2-.5.1-1.2.2-1.9.2-.8 0-1.4-.1-1.9-.2-.3-.1-.5-.1-.6-.2-.1-.1-.2-.1-.2-.2s-.1-.2-.1-.4V10l-.8-.3V12c.1.1.3.3.3.5 0 .3-.3.6-.6.6s-.6-.3-.6-.6c0-.2.1-.4.3-.5V9.3L5.4 9l.5-.3 4-2.3.1-.1.1.1 4 2.3.5.3-.5.3z'/%3E%3Cpath d='m18.2 15.2-7.9 4.7c-.1.1-.2.1-.3.1-.1 0-.2 0-.3-.1l-7.9-4.7c-.2-.1-.3-.3-.3-.6V5.4c0-.3.1-.5.3-.6L9.7.1c.1-.1.2-.1.3-.1.1 0 .2 0 .3.1l7.9 4.7c.2.1.3.3.3.6v9.2c.1.2-.1.5-.3.6zm-.7-9.6L10 1 2.5 5.6v8.8L10 19l7.5-4.6V5.6z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 11.4c-.7 0-1.4.1-1.8.2-.2 0-.3.1-.4.1.1 0 .2.1.4.1.4.2 1.1.2 1.8.2s1.4-.1 1.8-.2c.2 0 .3-.1.4-.1-.1 0-.2-.1-.4-.1-.4-.2-1.1-.2-1.8-.2zm1.8-1.8c-.4-.1-1.1-.2-1.8-.2s-1.4.1-1.8.2c-.2 0-.4.1-.5.1V11c.1-.1.3-.1.4-.1.5-.1 1.2-.2 1.9-.2.8 0 1.4.1 1.9.2.2 0 .3.1.4.1V9.8c-.1-.1-.3-.2-.5-.2zM6.7 9l.5.3.2-.2c.2-.1.4-.1.7-.2.5-.1 1.1-.2 1.9-.2s1.4.1 1.9.2c.3.1.5.1.7.3.1 0 .2.1.2.2l.5-.4L10 7 6.7 9z'/%3E%3Cpath d='M10 2.6 3.8 6.3v7.4l6.2 3.7 6.2-3.7V6.3L10 2.6zm4.1 6.7-1.2.7v1.7c0 .1-.1.3-.1.4s-.2.1-.2.2c-.2.1-.4.2-.6.2-.5.1-1.2.2-1.9.2-.8 0-1.4-.1-1.9-.2-.3-.1-.5-.1-.6-.2-.1-.1-.2-.1-.2-.2s-.1-.2-.1-.4V10l-.8-.3V12c.1.1.3.3.3.5 0 .3-.3.6-.6.6s-.6-.3-.6-.6c0-.2.1-.4.3-.5V9.3L5.4 9l.5-.3 4-2.3.1-.1.1.1 4 2.3.5.3-.5.3z'/%3E%3Cpath d='m18.2 15.2-7.9 4.7c-.1.1-.2.1-.3.1-.1 0-.2 0-.3-.1l-7.9-4.7c-.2-.1-.3-.3-.3-.6V5.4c0-.3.1-.5.3-.6L9.7.1c.1-.1.2-.1.3-.1.1 0 .2 0 .3.1l7.9 4.7c.2.1.3.3.3.6v9.2c.1.2-.1.5-.3.6zm-.7-9.6L10 1 2.5 5.6v8.8L10 19l7.5-4.6V5.6z'/%3E%3C/svg%3E"); } ._icon_65d57__type-event { background: hsl(var(--blue)); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M11.9 9.5h.2c.1-.1.1-.1 0-.2l-.2-.2c-.1-.1-.1-.1-.2 0s-.1.1 0 .2l.2.2zm-1.2-1.2h.2c.1-.1.1-.1 0-.2l-.2-.2c-.1-.1-.1-.1-.2 0s-.1.1 0 .2l.2.2zm.6.6h.2c.1-.1.1-.1 0-.2l-.2-.2c-.1-.1-.1-.1-.2 0s-.1.1 0 .2l.2.2zm-7.5 4.8 6.2 3.7 6.2-3.7V6.3L10 2.6 3.8 6.3v7.4zm2.7-2.8 3.4-3.4.2.2h.2c.1-.1.1-.1 0-.2l-.2-.2.8-.8c.2-.2.4-.2.6 0l.5.5s0 .1-.1.1c-.1.1-.2.3-.2.4 0 .4.3.7.7.7.2 0 .3-.1.4-.2h.2l.5.5c.1.1.1.2.1.3 0 .1-.1.2-.1.3l-.8.8-.2-.2c-.1-.1-.1-.1-.2 0s-.1.1 0 .2l.2.2-3.4 3.4c-.1.1-.2.1-.3.1s-.2 0-.3-.1L8 13s0-.1.1-.1c.1-.1.2-.3.2-.4 0-.4-.3-.7-.7-.7-.1 0-.3.1-.4.2H7l-.5-.5c-.1-.1-.1-.2-.1-.3 0-.2 0-.3.1-.3zm12.1-5.5c0-.3-.1-.5-.3-.6L10.4.1c-.2-.1-.3-.1-.4-.1s-.2 0-.3.1L1.8 4.8c-.2.1-.4.4-.4.6v9.2c0 .3.1.5.3.6l7.9 4.7c.2.1.3.1.4.1s.2 0 .3-.1l7.9-4.7c.2-.1.3-.3.3-.6V5.4zm-1.1 9L10 19l-7.5-4.6V5.6L10 1l7.5 4.6v8.8z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M11.9 9.5h.2c.1-.1.1-.1 0-.2l-.2-.2c-.1-.1-.1-.1-.2 0s-.1.1 0 .2l.2.2zm-1.2-1.2h.2c.1-.1.1-.1 0-.2l-.2-.2c-.1-.1-.1-.1-.2 0s-.1.1 0 .2l.2.2zm.6.6h.2c.1-.1.1-.1 0-.2l-.2-.2c-.1-.1-.1-.1-.2 0s-.1.1 0 .2l.2.2zm-7.5 4.8 6.2 3.7 6.2-3.7V6.3L10 2.6 3.8 6.3v7.4zm2.7-2.8 3.4-3.4.2.2h.2c.1-.1.1-.1 0-.2l-.2-.2.8-.8c.2-.2.4-.2.6 0l.5.5s0 .1-.1.1c-.1.1-.2.3-.2.4 0 .4.3.7.7.7.2 0 .3-.1.4-.2h.2l.5.5c.1.1.1.2.1.3 0 .1-.1.2-.1.3l-.8.8-.2-.2c-.1-.1-.1-.1-.2 0s-.1.1 0 .2l.2.2-3.4 3.4c-.1.1-.2.1-.3.1s-.2 0-.3-.1L8 13s0-.1.1-.1c.1-.1.2-.3.2-.4 0-.4-.3-.7-.7-.7-.1 0-.3.1-.4.2H7l-.5-.5c-.1-.1-.1-.2-.1-.3 0-.2 0-.3.1-.3zm12.1-5.5c0-.3-.1-.5-.3-.6L10.4.1c-.2-.1-.3-.1-.4-.1s-.2 0-.3.1L1.8 4.8c-.2.1-.4.4-.4.6v9.2c0 .3.1.5.3.6l7.9 4.7c.2.1.3.1.4.1s.2 0 .3-.1l7.9-4.7c.2-.1.3-.3.3-.6V5.4zm-1.1 9L10 19l-7.5-4.6V5.6L10 1l7.5 4.6v8.8z'/%3E%3C/svg%3E"); } ._icon_65d57__type-training { background: hsl(var(--green)); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.6 3.8 6.3v7.4l6.2 3.7 6.2-3.7V6.3L10 2.6zM7.9 6C8.5 6 9 6.6 9 7.2s-.5 1.1-1.1 1.1c-.6 0-1.2-.5-1.2-1.2S7.2 6 7.9 6zm.8 8H8v-2.3h.7V14zm-.4-4.7h-.6c-.4 0-.7.3-.7.7v1.3l.5.2.2.1V14H7v-1.9l-.7-.3V10c0-.7.6-1.3 1.3-1.3h.6c.3 0 .7.1.9.4l.6.6H11v.7H9.5l-.1-.1-.7-.8c-.1-.1-.3-.2-.4-.2zm5.3 2.7h-2.5l.8 1.7h-.7l-.7-1.3-.5 1.2h-.7l.8-1.7h-.8v-.7H13V8H9.7v-.6h.7V7h.6v.3h2.6V12z'/%3E%3Ccircle cx='7.9' cy='7.2' r='.5'/%3E%3Cpath d='m18.2 15.2-7.9 4.7c-.1.1-.2.1-.3.1s-.2 0-.3-.1l-7.9-4.7c-.2-.1-.3-.3-.3-.6V5.4c0-.3.1-.5.3-.6L9.7.1c.1-.1.2-.1.3-.1s.2 0 .3.1l7.9 4.7c.2.1.3.3.3.6v9.2c.1.2-.1.5-.3.6zm-.7-9.6L10 1 2.5 5.6v8.8L10 19l7.5-4.6V5.6z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.6 3.8 6.3v7.4l6.2 3.7 6.2-3.7V6.3L10 2.6zM7.9 6C8.5 6 9 6.6 9 7.2s-.5 1.1-1.1 1.1c-.6 0-1.2-.5-1.2-1.2S7.2 6 7.9 6zm.8 8H8v-2.3h.7V14zm-.4-4.7h-.6c-.4 0-.7.3-.7.7v1.3l.5.2.2.1V14H7v-1.9l-.7-.3V10c0-.7.6-1.3 1.3-1.3h.6c.3 0 .7.1.9.4l.6.6H11v.7H9.5l-.1-.1-.7-.8c-.1-.1-.3-.2-.4-.2zm5.3 2.7h-2.5l.8 1.7h-.7l-.7-1.3-.5 1.2h-.7l.8-1.7h-.8v-.7H13V8H9.7v-.6h.7V7h.6v.3h2.6V12z'/%3E%3Ccircle cx='7.9' cy='7.2' r='.5'/%3E%3Cpath d='m18.2 15.2-7.9 4.7c-.1.1-.2.1-.3.1s-.2 0-.3-.1l-7.9-4.7c-.2-.1-.3-.3-.3-.6V5.4c0-.3.1-.5.3-.6L9.7.1c.1-.1.2-.1.3-.1s.2 0 .3.1l7.9 4.7c.2.1.3.3.3.6v9.2c.1.2-.1.5-.3.6zm-.7-9.6L10 1 2.5 5.6v8.8L10 19l7.5-4.6V5.6z'/%3E%3C/svg%3E"); } ._icon_65d57__type-video { background: hsl(var(--red)); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9 8.8v2.4l2-1.2-2-1.2zm9.6-3.4c0-.3-.1-.5-.3-.6L10.4.1c-.2-.1-.3-.1-.4-.1s-.2 0-.3.1L1.8 4.8c-.2.1-.4.4-.4.6v9.2c0 .3.1.5.3.6l7.9 4.7c.2.1.3.1.4.1s.2 0 .3-.1l7.9-4.7c.2-.1.3-.3.3-.6V5.4zm-1.1 9L10 19l-7.5-4.6V5.6L10 1l7.5 4.6v8.8zm-13.7-.7 6.2 3.7 6.2-3.7V6.3L10 2.6 3.8 6.3v7.4zm2.7-5.5c.1-.4.4-.6.7-.7.5-.1 1.5-.2 2.6-.2s2.1.1 2.6.2c.4.1.7.4.7.7.1.4.2 1 .2 1.8 0 .7-.1 1.4-.2 1.8-.1.4-.4.6-.7.7-.6.1-1.5.2-2.6.2s-2.1-.1-2.6-.2c-.4-.1-.7-.4-.7-.7-.1-.4-.1-1-.1-1.8s0-1.4.1-1.8z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9 8.8v2.4l2-1.2-2-1.2zm9.6-3.4c0-.3-.1-.5-.3-.6L10.4.1c-.2-.1-.3-.1-.4-.1s-.2 0-.3.1L1.8 4.8c-.2.1-.4.4-.4.6v9.2c0 .3.1.5.3.6l7.9 4.7c.2.1.3.1.4.1s.2 0 .3-.1l7.9-4.7c.2-.1.3-.3.3-.6V5.4zm-1.1 9L10 19l-7.5-4.6V5.6L10 1l7.5 4.6v8.8zm-13.7-.7 6.2 3.7 6.2-3.7V6.3L10 2.6 3.8 6.3v7.4zm2.7-5.5c.1-.4.4-.6.7-.7.5-.1 1.5-.2 2.6-.2s2.1.1 2.6.2c.4.1.7.4.7.7.1.4.2 1 .2 1.8 0 .7-.1 1.4-.2 1.8-.1.4-.4.6-.7.7-.6.1-1.5.2-2.6.2s-2.1-.1-2.6-.2c-.4-.1-.7-.4-.7-.7-.1-.4-.1-1-.1-1.8s0-1.4.1-1.8z'/%3E%3C/svg%3E"); } ._moment_9503c__ExternalAchievements-MomentCell { margin: 0; padding: 25px 20px; position: relative; } @media only screen and (min-width: 768px) {._moment_9503c__ExternalAchievements-MomentCell { padding: 15px 0 15px 130px } } ._moment_9503c__ExternalAchievements-MomentCell::before { background: hsl(var(--border-alpha)); bottom: 0; content: ""; display: block; left: 9px; position: absolute; top: 0; width: 3px; } @media only screen and (min-width: 768px) { ._moment_9503c__ExternalAchievements-MomentCell::before { left: 110px } } @media only screen and (min-width: 768px) { ._moment_9503c__ExternalAchievements-MomentCell:first-child::before { top: 50% } } ._moment_9503c__ExternalAchievements-MomentCell:last-child::before { bottom: auto; } @media only screen and (min-width: 768px) { ._moment_9503c__ExternalAchievements-MomentCell:last-child::before { bottom: 50% } } ._moment_9503c__date { left: 20px; position: absolute; top: -7px; } @media only screen and (min-width: 768px) { ._moment_9503c__date { left: 0; text-align: right; top: 50%; transform: translateY(-50%); width: 100px } } ._moment_9503c__container { align-items: center; border: 1px solid #d7e1e3; border-radius: 5px; padding: 10px 15px; position: relative; } @media only screen and (min-width: 544px) { ._moment_9503c__container { align-items: center; display: flex; padding: 20px 30px } } ._moment_9503c__container::before { background-color: hsl(var(--text)); border: 3px solid hsl(var(--background)); border-radius: 50%; content: ""; display: block; height: 7px; left: -16px; position: absolute; top: -30px; width: 7px; } @media only screen and (min-width: 768px) { ._moment_9503c__container::before { left: -26px; top: 50%; transform: translateY(-50%) } } ._moment_9503c__container._moment_9503c__article::before { background-color: hsl(var(--yellow)); } ._moment_9503c__container._moment_9503c__book::before { background-color: hsl(var(--yellow)); } ._moment_9503c__container._moment_9503c__certificate::before { background-color: hsl(var(--violet)); } ._moment_9503c__container._moment_9503c__education::before { background-color: hsl(var(--purple)); } ._moment_9503c__container._moment_9503c__event::before { background-color: hsl(var(--blue)); } ._moment_9503c__container._moment_9503c__training::before { background-color: hsl(var(--green)); } ._moment_9503c__container._moment_9503c__video::before { background-color: hsl(var(--red)); } @media only screen and (min-width: 768px) { ._moment_9503c__container::after { background: inherit; border: 0; border-bottom: 1px solid hsl(var(--border)); border-left: 1px solid hsl(var(--border)); content: ""; height: 10px; left: 0; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 10px; z-index: 1 } } ._moment_9503c__external-link-icon { margin-right: 0 !important; top: 0 !important; } ._moment_9503c__external-link-icon { display: inline-block; } ._moment_9503c__achievement { background: hsl(var(--white)); box-shadow: 0 1px 3px hsl(var(--shadow)); } @media only screen and (min-width: 544px) { ._moment_9503c__achievement { min-height: 122px; padding-left: 140px } } ._moment_9503c__achievement::after { background: hsl(var(--gray99)); } @media only screen and (min-width: 544px) { ._moment_9503c__achievement ._moment_9503c__type { background: hsl(var(--gray99)); border-radius: 4px 0 0 4px; border-right: 1px solid hsl(var(--border)); bottom: 0; left: 0; padding: 25px 0; position: absolute; text-align: center; top: 0; width: 110px } } ._moment_9503c__achievement ._moment_9503c__type .icon { font-size: 24px; margin-left: -3px; } @media only screen and (min-width: 544px) { ._moment_9503c__achievement ._moment_9503c__type .icon { float: none; font-size: 50px; margin: 0 } } @media only screen and (min-width: 544px) { ._moment_9503c__achievement ._moment_9503c__label { display: block; font-size: var(--font-size-tiny); margin-top: 0.8em } } ._moment_9503c__title { margin: 10px 0; } @media only screen and (min-width: 544px) { ._moment_9503c__title { margin-top: 0 } } ._moment_9503c__proof { display: flex; margin: 0; } ._moment_9503c__proof a { color: hsl(var(--primary)); display: block; overflow: hidden; -webkit-text-decoration: none; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } ._moment_9503c__proof-link-invalid { color: hsl(var(--error)); } ._moment_9503c__content { width: 100%; } ._moment_9503c__actions-dropdown { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); z-index: 1; } ._file_icon_5d425__FileIconCell { --icon-size: 40px; --icon-color: #a5adda; display: inline-block; height: 40px; height: var(--icon-size); width: 40px; width: var(--icon-size); background-color: #a5adda; background-color: var(--icon-color); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M20.266 4.207a124.79 124.79 0 0 1-.74-.73c-.25-.247-.49-.497-.733-.743C17.083.988 16.063 0 15 0H7C4.797 0 3 1.797 3 4v18c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.988-2.082-2.734-3.793zM21 22a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2l7.29-.004c.722.184.71 1.07.71 1.957V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M20.266 4.207a124.79 124.79 0 0 1-.74-.73c-.25-.247-.49-.497-.733-.743C17.083.988 16.063 0 15 0H7C4.797 0 3 1.797 3 4v18c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.988-2.082-2.734-3.793zM21 22a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2l7.29-.004c.722.184.71 1.07.71 1.957V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1z'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; } /* Office */ ._file_icon_5d425__icon-doc, ._file_icon_5d425__icon-dot, ._file_icon_5d425__icon-wbk, ._file_icon_5d425__icon-docx, ._file_icon_5d425__icon-docm, ._file_icon_5d425__icon-dotx, ._file_icon_5d425__icon-dotm, ._file_icon_5d425__icon-docb { --icon-color: #2891ff; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.8 0 4 1.8 4 4v7H1a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h3v3c0 2.2 1.8 4 4 4h12c2.2 0 4-1.8 4-4V8c0-1.102-.988-2.113-2.688-3.813-.3-.199-.511-.488-.812-.687-.2-.3-.488-.512-.688-.813C18.113.988 17.102 0 16 0zm0 2h7.313c.699.2.687 1.102.687 2v3c0 .602.398 1 1 1h3c1 0 2 0 2 1v13c0 1.102-.898 2-2 2H8c-1.102 0-2-.898-2-2v-3h13a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H6V4c0-1.102.898-2 2-2zm9.094 9.906c.699 0 1.207.082 1.406.281l.094.126-.282 1s-.023.093-.125.093h-.093c-.2-.101-.5-.219-1-.219-1 0-1.594.618-1.594 1.72-.102 1 .5 1.593 1.5 1.593.398 0 .7-.086 1-.188h.094l.093.094.22 1c0 .102.007.094-.095.094-.3.102-.804.188-1.406.188-1.8 0-2.906-1.083-2.906-2.782 0-1.8 1.195-3 3.094-3zM2.906 12c.29-.012.606 0 .906 0 1 0 1.68.195 2.282.594.601.5 1 1.195 1 2.094 0 1.3-.5 1.914-1 2.312-.602.5-1.492.688-2.594.688-.7 0-1.105.007-1.406-.094-.102 0-.094-.094-.094-.094v-5.313c0-.101-.008-.093.094-.093.25-.051.523-.082.812-.094zm7.5 0c1.602 0 2.688 1.105 2.688 2.906.101 1.7-.989 2.906-2.688 2.906-1.601 0-2.719-1.207-2.719-2.906S8.806 12 10.408 12zM3.5 13.188V16.5h.313c.601 0 .98-.105 1.28-.406.302-.301.5-.68.5-1.282-.1-1.101-.585-1.624-1.687-1.624zm7 0c-.7 0-1.188.718-1.188 1.718s.489 1.688 1.188 1.688c.7 0 1.188-.688 1.188-1.688 0-.898-.387-1.719-1.188-1.719z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.8 0 4 1.8 4 4v7H1a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h3v3c0 2.2 1.8 4 4 4h12c2.2 0 4-1.8 4-4V8c0-1.102-.988-2.113-2.688-3.813-.3-.199-.511-.488-.812-.687-.2-.3-.488-.512-.688-.813C18.113.988 17.102 0 16 0zm0 2h7.313c.699.2.687 1.102.687 2v3c0 .602.398 1 1 1h3c1 0 2 0 2 1v13c0 1.102-.898 2-2 2H8c-1.102 0-2-.898-2-2v-3h13a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H6V4c0-1.102.898-2 2-2zm9.094 9.906c.699 0 1.207.082 1.406.281l.094.126-.282 1s-.023.093-.125.093h-.093c-.2-.101-.5-.219-1-.219-1 0-1.594.618-1.594 1.72-.102 1 .5 1.593 1.5 1.593.398 0 .7-.086 1-.188h.094l.093.094.22 1c0 .102.007.094-.095.094-.3.102-.804.188-1.406.188-1.8 0-2.906-1.083-2.906-2.782 0-1.8 1.195-3 3.094-3zM2.906 12c.29-.012.606 0 .906 0 1 0 1.68.195 2.282.594.601.5 1 1.195 1 2.094 0 1.3-.5 1.914-1 2.312-.602.5-1.492.688-2.594.688-.7 0-1.105.007-1.406-.094-.102 0-.094-.094-.094-.094v-5.313c0-.101-.008-.093.094-.093.25-.051.523-.082.812-.094zm7.5 0c1.602 0 2.688 1.105 2.688 2.906.101 1.7-.989 2.906-2.688 2.906-1.601 0-2.719-1.207-2.719-2.906S8.806 12 10.408 12zM3.5 13.188V16.5h.313c.601 0 .98-.105 1.28-.406.302-.301.5-.68.5-1.282-.1-1.101-.585-1.624-1.687-1.624zm7 0c-.7 0-1.188.718-1.188 1.718s.489 1.688 1.188 1.688c.7 0 1.188-.688 1.188-1.688 0-.898-.387-1.719-1.188-1.719z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-xls, ._file_icon_5d425__icon-xlt, ._file_icon_5d425__icon-xlm, ._file_icon_5d425__icon-xlsx, ._file_icon_5d425__icon-xlsm, ._file_icon_5d425__icon-xltx, ._file_icon_5d425__icon-xltm { --icon-color: #4cae50; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M7 0C4.797 0 3 1.797 3 4v18c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C17.071 1.004 16.063 0 15 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H7c-1.105 0-2-.895-2-2V4c0-1.105.895-2 2-2Zm2.188 7.656a.833.833 0 0 0-.407 1.438l3.656 3.656c.258.258.586.414 1 .438a1.66 1.66 0 0 0 1.22-.47l2.437-2.437a.84.84 0 1 0-1.188-1.187l-2.375 2.375c-.46-.457-3.562-3.563-3.562-3.563a.84.84 0 0 0-.688-.25h-.094Zm4.406 5.656c-.414-.023-.86.141-1.188.47l-3.625 3.655a.832.832 0 1 0 1.188 1.156l3.562-3.562 2.375 2.375a.84.84 0 1 0 1.188-1.187s-2.117-2.086-2.469-2.438a1.59 1.59 0 0 0-1.031-.469Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M7 0C4.797 0 3 1.797 3 4v18c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C17.071 1.004 16.063 0 15 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H7c-1.105 0-2-.895-2-2V4c0-1.105.895-2 2-2Zm2.188 7.656a.833.833 0 0 0-.407 1.438l3.656 3.656c.258.258.586.414 1 .438a1.66 1.66 0 0 0 1.22-.47l2.437-2.437a.84.84 0 1 0-1.188-1.187l-2.375 2.375c-.46-.457-3.562-3.563-3.562-3.563a.84.84 0 0 0-.688-.25h-.094Zm4.406 5.656c-.414-.023-.86.141-1.188.47l-3.625 3.655a.832.832 0 1 0 1.188 1.156l3.562-3.562 2.375 2.375a.84.84 0 1 0 1.188-1.187s-2.117-2.086-2.469-2.438a1.59 1.59 0 0 0-1.031-.469Z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-ppt, ._file_icon_5d425__icon-pot, ._file_icon_5d425__icon-pps, ._file_icon_5d425__icon-ppa, ._file_icon_5d425__icon-pptx, ._file_icon_5d425__icon-potx, ._file_icon_5d425__icon-ppsx, ._file_icon_5d425__icon-ppam, ._file_icon_5d425__icon-pptm, ._file_icon_5d425__icon-potm, ._file_icon_5d425__icon-ppsm { --icon-color: #d04424; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.8 0 4 1.8 4 4v7H1c-.602 0-1 .5-1 1v6c0 .5.398 1 1 1h3v3c0 2.2 1.8 4 4 4h12c2.2 0 4-1.8 4-4V8c0-1.102-.988-2.113-2.688-3.813-.3-.199-.511-.488-.812-.687-.2-.3-.488-.512-.688-.813C18.113.988 17.102 0 16 0Zm0 2h7.313c.699.2.687 1.102.687 2v3c0 .602.398 1 1 1h3c1 0 2 0 2 1v13c0 1.102-.898 2-2 2H8c-1.102 0-2-.898-2-2v-3h11c.602 0 1-.5 1-1v-6c0-.5-.398-1-1-1H6V4c0-1.102.898-2 2-2ZM3.812 12.188c.801 0 1.29.199 1.688.5.398.3.594.812.594 1.312s-.2 1.012-.5 1.313c-.399.398-1.082.593-1.782.593H3.5v1.781c0 .102-.094.125-.094.125H2.094c-.102 0-.094-.125-.094-.125v-5.28c0-.102-.008-.095.094-.095.398-.101 1.02-.124 1.719-.124Zm5.094 0c.801 0 1.29.199 1.688.5.398.3.594.812.594 1.312s-.196 1.012-.594 1.313c-.399.398-1.082.593-1.781.593H8.5v1.781c0 .102-.094.125-.094.125H7.187c-.101 0-.093-.125-.093-.125v-5.28c0-.102-.008-.095.093-.095.399-.101 1.02-.124 1.72-.124Zm3.094 0h4c.102 0 .094.124.094.124v1c0 .102-.094.094-.094.094h-1.313v4.188c0 .101-.093.093-.093.093h-1.188c-.101 0-.094-.093-.094-.093v-4.188H12c-.102 0-.094-.094-.094-.094v-1c0-.101.094-.124.094-.124Zm-8.594 1.124v1.376h.281c.602 0 .907-.29.907-.688.101-.602-.48-.688-.782-.688Zm5.094 0v1.376h.313c.601 0 .874-.29.874-.688 0-.602-.48-.688-.78-.688Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.8 0 4 1.8 4 4v7H1c-.602 0-1 .5-1 1v6c0 .5.398 1 1 1h3v3c0 2.2 1.8 4 4 4h12c2.2 0 4-1.8 4-4V8c0-1.102-.988-2.113-2.688-3.813-.3-.199-.511-.488-.812-.687-.2-.3-.488-.512-.688-.813C18.113.988 17.102 0 16 0Zm0 2h7.313c.699.2.687 1.102.687 2v3c0 .602.398 1 1 1h3c1 0 2 0 2 1v13c0 1.102-.898 2-2 2H8c-1.102 0-2-.898-2-2v-3h11c.602 0 1-.5 1-1v-6c0-.5-.398-1-1-1H6V4c0-1.102.898-2 2-2ZM3.812 12.188c.801 0 1.29.199 1.688.5.398.3.594.812.594 1.312s-.2 1.012-.5 1.313c-.399.398-1.082.593-1.782.593H3.5v1.781c0 .102-.094.125-.094.125H2.094c-.102 0-.094-.125-.094-.125v-5.28c0-.102-.008-.095.094-.095.398-.101 1.02-.124 1.719-.124Zm5.094 0c.801 0 1.29.199 1.688.5.398.3.594.812.594 1.312s-.196 1.012-.594 1.313c-.399.398-1.082.593-1.781.593H8.5v1.781c0 .102-.094.125-.094.125H7.187c-.101 0-.093-.125-.093-.125v-5.28c0-.102-.008-.095.093-.095.399-.101 1.02-.124 1.72-.124Zm3.094 0h4c.102 0 .094.124.094.124v1c0 .102-.094.094-.094.094h-1.313v4.188c0 .101-.093.093-.093.093h-1.188c-.101 0-.094-.093-.094-.093v-4.188H12c-.102 0-.094-.094-.094-.094v-1c0-.101.094-.124.094-.124Zm-8.594 1.124v1.376h.281c.602 0 .907-.29.907-.688.101-.602-.48-.688-.782-.688Zm5.094 0v1.376h.313c.601 0 .874-.29.874-.688 0-.602-.48-.688-.78-.688Z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-pdf { --icon-color: #d04424; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.8 0 4 1.8 4 4v7H1a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h3v3c0 2.2 1.8 4 4 4h12c2.2 0 4-1.8 4-4V8c0-1.102-.988-2.113-2.688-3.813-.3-.199-.511-.488-.812-.687-.2-.3-.488-.512-.688-.813C18.113.988 17.102 0 16 0zm0 2h7.313c.699.2.687 1.105.687 1.906v3c0 .602.398 1 1 1h3c1 0 2 0 2 1v13c0 1.102-.898 2-2 2H8c-1.102 0-2-.898-2-2V19h11a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H6V4c0-1.102.898-2 2-2zM2.812 12c.274-.012.575 0 .876 0 .699 0 1.32.2 1.718.5.399.3.594.805.594 1.406-.102.602-.195 1.102-.594 1.5-.398.399-1.02.594-1.718.594H3.5v1.906a.19.19 0 0 1-.188.188H2.095c0-.102-.094-.188-.094-.188v-5.593c0-.102.094-.118.094-.22.199-.05.445-.081.719-.093zm4.282 0h1.593c1 0 1.72.195 2.22.594.6.5.905 1.312.905 2.312 0 1.301-.507 2.008-.906 2.406-.5.5-1.398.782-2.5.782-.601 0-1.113.008-1.312-.094 0 0-.094-.086-.094-.188v-5.625c0-.101.094-.085.094-.187zm6 0h3.094c.101 0 .218.086.218.188v1c0 .101-.117.218-.218.218h-1.782v1h1.688c.101 0 .218.086.218.188v1c0 .101-.117.219-.218.219h-1.688v2.093c0 .102-.117.188-.219.188h-1.093a.19.19 0 0 1-.188-.188v-5.718a.19.19 0 0 1 .188-.188zm-9.688 1.313v1.374h.188c.5 0 .812-.28.812-.78.102-.5-.32-.595-.718-.595zm5 0v3.5h.188c.5 0 .894-.106 1.094-.407.3-.3.406-.804.406-1.406.199-1.102-.281-1.688-1.281-1.688z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.8 0 4 1.8 4 4v7H1a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h3v3c0 2.2 1.8 4 4 4h12c2.2 0 4-1.8 4-4V8c0-1.102-.988-2.113-2.688-3.813-.3-.199-.511-.488-.812-.687-.2-.3-.488-.512-.688-.813C18.113.988 17.102 0 16 0zm0 2h7.313c.699.2.687 1.105.687 1.906v3c0 .602.398 1 1 1h3c1 0 2 0 2 1v13c0 1.102-.898 2-2 2H8c-1.102 0-2-.898-2-2V19h11a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H6V4c0-1.102.898-2 2-2zM2.812 12c.274-.012.575 0 .876 0 .699 0 1.32.2 1.718.5.399.3.594.805.594 1.406-.102.602-.195 1.102-.594 1.5-.398.399-1.02.594-1.718.594H3.5v1.906a.19.19 0 0 1-.188.188H2.095c0-.102-.094-.188-.094-.188v-5.593c0-.102.094-.118.094-.22.199-.05.445-.081.719-.093zm4.282 0h1.593c1 0 1.72.195 2.22.594.6.5.905 1.312.905 2.312 0 1.301-.507 2.008-.906 2.406-.5.5-1.398.782-2.5.782-.601 0-1.113.008-1.312-.094 0 0-.094-.086-.094-.188v-5.625c0-.101.094-.085.094-.187zm6 0h3.094c.101 0 .218.086.218.188v1c0 .101-.117.218-.218.218h-1.782v1h1.688c.101 0 .218.086.218.188v1c0 .101-.117.219-.218.219h-1.688v2.093c0 .102-.117.188-.219.188h-1.093a.19.19 0 0 1-.188-.188v-5.718a.19.19 0 0 1 .188-.188zm-9.688 1.313v1.374h.188c.5 0 .812-.28.812-.78.102-.5-.32-.595-.718-.595zm5 0v3.5h.188c.5 0 .894-.106 1.094-.407.3-.3.406-.804.406-1.406.199-1.102-.281-1.688-1.281-1.688z'/%3E%3C/svg%3E"); } /* Text */ ._file_icon_5d425__icon-txt { --icon-color: #a5adda; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8.031 0c-2.203 0-4 1.797-4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3.031v3c0 2.203 1.797 4 4 4H20c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm7.25 1.969c.723.183.719 1.082.719 1.968V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H7.969c-1.106 0-2-.895-2-2v-3H17c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H5.969V4c0-1.105.894-2 2-2Zm-12.25 9.969H5.97c.117 0 .218.101.218.218v.813a.224.224 0 0 1-.218.219h-.813v4.624a.224.224 0 0 1-.218.22h-.875a.224.224 0 0 1-.22-.22v-4.625h-.812a.224.224 0 0 1-.219-.218v-.813c0-.117.102-.219.22-.219Zm4.375 0h.907c.09 0 .19.07.218.156l.406 1.156c.032.09.063.188.094.281.028-.094.035-.183.063-.281l.375-1.156a.247.247 0 0 1 .219-.156h.874c.07 0 .149.035.188.093.04.059.055.125.031.188L9.72 14.938l1.094 2.718c.03.035.03.106.03.157 0 .117-.07.218-.187.218H9.72a.251.251 0 0 1-.219-.156l-.438-1.188-.124-.375c-.04.133-.06.25-.094.375l-.406 1.188c-.028.086-.098.156-.188.156h-.906c-.07 0-.117-.035-.157-.093a.272.272 0 0 1-.03-.22l1.062-2.812-1.031-2.687c-.024-.067-.008-.13.03-.188a.233.233 0 0 1 .188-.094Zm4.625 0h2.938c.117 0 .219.101.219.218v.813a.224.224 0 0 1-.22.219h-.812v4.624a.224.224 0 0 1-.219.22h-.874a.224.224 0 0 1-.22-.22v-4.625h-.812a.224.224 0 0 1-.219-.218v-.813c0-.117.102-.219.22-.219Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8.031 0c-2.203 0-4 1.797-4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3.031v3c0 2.203 1.797 4 4 4H20c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm7.25 1.969c.723.183.719 1.082.719 1.968V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H7.969c-1.106 0-2-.895-2-2v-3H17c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H5.969V4c0-1.105.894-2 2-2Zm-12.25 9.969H5.97c.117 0 .218.101.218.218v.813a.224.224 0 0 1-.218.219h-.813v4.624a.224.224 0 0 1-.218.22h-.875a.224.224 0 0 1-.22-.22v-4.625h-.812a.224.224 0 0 1-.219-.218v-.813c0-.117.102-.219.22-.219Zm4.375 0h.907c.09 0 .19.07.218.156l.406 1.156c.032.09.063.188.094.281.028-.094.035-.183.063-.281l.375-1.156a.247.247 0 0 1 .219-.156h.874c.07 0 .149.035.188.093.04.059.055.125.031.188L9.72 14.938l1.094 2.718c.03.035.03.106.03.157 0 .117-.07.218-.187.218H9.72a.251.251 0 0 1-.219-.156l-.438-1.188-.124-.375c-.04.133-.06.25-.094.375l-.406 1.188c-.028.086-.098.156-.188.156h-.906c-.07 0-.117-.035-.157-.093a.272.272 0 0 1-.03-.22l1.062-2.812-1.031-2.687c-.024-.067-.008-.13.03-.188a.233.233 0 0 1 .188-.094Zm4.625 0h2.938c.117 0 .219.101.219.218v.813a.224.224 0 0 1-.22.219h-.812v4.624a.224.224 0 0 1-.219.22h-.874a.224.224 0 0 1-.22-.22v-4.625h-.812a.224.224 0 0 1-.219-.218v-.813c0-.117.102-.219.22-.219Z'/%3E%3C/svg%3E"); } /* Archive */ ._file_icon_5d425__icon-7z, ._file_icon_5d425__icon-rar, ._file_icon_5d425__icon-tar, ._file_icon_5d425__icon-zip { --icon-color: #ebb000; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v6.988H1c-.55 0-1 .45-1 1v6c0 .551.45 1 1 1h3V22c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.988-2.082-2.734-3.793-.243-.238-.496-.484-.739-.73-.25-.247-.492-.5-.73-.743C18.082.988 17.062 0 16 0Zm7.29 1.996c.722.184.71 1.07.71 1.957V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H8c-1.102 0-2-.895-2-2v-3.012h10c.55 0 1-.449 1-1v-6c0-.55-.45-1-1-1H6V4c0-1.102.898-2 2-2ZM4.155 11.965h3.696c.09 0 .16.07.16.16v.746a.164.164 0 0 1-.024.082l-2.61 4.875c0 .09-.07.16-.16.16h-1.28a.155.155 0 0 1-.157-.16l2.32-4.48H4.157a.155.155 0 0 1-.156-.16v-1.063c0-.09.066-.16.156-.16ZM9.125 13h3.066c.075 0 .133.059.133.133v.617a.132.132 0 0 1-.02.066l-1.863 3.032h1.782c.074 0 .136.062.136.136v.883a.135.135 0 0 1-.136.133H8.945a.132.132 0 0 1-.133-.133v-.574c0-.023.004-.05.016-.07l1.91-3.07H9.125a.135.135 0 0 1-.133-.137v-.883c0-.074.059-.133.133-.133Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v6.988H1c-.55 0-1 .45-1 1v6c0 .551.45 1 1 1h3V22c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.988-2.082-2.734-3.793-.243-.238-.496-.484-.739-.73-.25-.247-.492-.5-.73-.743C18.082.988 17.062 0 16 0Zm7.29 1.996c.722.184.71 1.07.71 1.957V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H8c-1.102 0-2-.895-2-2v-3.012h10c.55 0 1-.449 1-1v-6c0-.55-.45-1-1-1H6V4c0-1.102.898-2 2-2ZM4.155 11.965h3.696c.09 0 .16.07.16.16v.746a.164.164 0 0 1-.024.082l-2.61 4.875c0 .09-.07.16-.16.16h-1.28a.155.155 0 0 1-.157-.16l2.32-4.48H4.157a.155.155 0 0 1-.156-.16v-1.063c0-.09.066-.16.156-.16ZM9.125 13h3.066c.075 0 .133.059.133.133v.617a.132.132 0 0 1-.02.066l-1.863 3.032h1.782c.074 0 .136.062.136.136v.883a.135.135 0 0 1-.136.133H8.945a.132.132 0 0 1-.133-.133v-.574c0-.023.004-.05.016-.07l1.91-3.07H9.125a.135.135 0 0 1-.133-.137v-.883c0-.074.059-.133.133-.133Z'/%3E%3C/svg%3E"); } /* Image */ ._file_icon_5d425__icon-ai { --icon-color: #e88600; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3v3c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H8c-1.105 0-2-.895-2-2v-3h10c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H6V4c0-1.105.895-2 2-2Zm-2.281 9.969H7.25a.17.17 0 0 1 .156.125L8.97 17.78a.206.206 0 0 1 .031.094c0 .09-.066.156-.156.156h-1.25c-.07 0-.137-.023-.157-.093l-.375-1.375H5.845L5.5 17.938c-.02.07-.082.093-.156.093H4.156a.157.157 0 0 1-.125-.062c-.031-.04-.047-.078-.031-.125l1.563-5.75a.17.17 0 0 1 .156-.125Zm4.437 0h1.156c.09 0 .157.097.157.187v5.719c0 .09-.067.156-.156.156h-1.157a.152.152 0 0 1-.156-.156v-5.719c0-.09.066-.187.156-.187Zm-3.719 1.875c-.03.148-.062.277-.093.406l-.25 1.031h.718l-.28-1.031c-.036-.133-.06-.258-.095-.406Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3v3c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H8c-1.105 0-2-.895-2-2v-3h10c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H6V4c0-1.105.895-2 2-2Zm-2.281 9.969H7.25a.17.17 0 0 1 .156.125L8.97 17.78a.206.206 0 0 1 .031.094c0 .09-.066.156-.156.156h-1.25c-.07 0-.137-.023-.157-.093l-.375-1.375H5.845L5.5 17.938c-.02.07-.082.093-.156.093H4.156a.157.157 0 0 1-.125-.062c-.031-.04-.047-.078-.031-.125l1.563-5.75a.17.17 0 0 1 .156-.125Zm4.437 0h1.156c.09 0 .157.097.157.187v5.719c0 .09-.067.156-.156.156h-1.157a.152.152 0 0 1-.156-.156v-5.719c0-.09.066-.187.156-.187Zm-3.719 1.875c-.03.148-.062.277-.093.406l-.25 1.031h.718l-.28-1.031c-.036-.133-.06-.258-.095-.406Z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-dng { --icon-color: #208895; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.8 0 4 1.8 4 4v7H1c-.602 0-1 .398-1 1v6c0 .602.398 1 1 1h3v3c0 2.2 1.8 4 4 4h12c2.2 0 4-1.8 4-4V8c0-1.102-.988-2.113-2.688-3.813-.3-.199-.511-.488-.812-.687-.2-.3-.488-.512-.688-.813C18.113.988 17.102 0 16 0Zm0 2h7.313c.699.2.687 1.105.687 1.906v3c0 .602.398 1 1 1h3c1 0 2 0 2 1V11H6V4c0-1.102.898-2 2-2Zm-3.813 9.688c1.2 0 1.926.218 2.625.718.7.5 1.094 1.305 1.094 2.406-.101 1.399-.593 2.102-1.093 2.5-.602.5-1.606.782-2.907.782-.699 0-1.293.008-1.594-.094-.101 0-.124-.094-.124-.094v-6c0-.101.023-.094.124-.094.5-.101 1.176-.124 1.876-.124Zm14.625 0c.801 0 1.387.21 1.688.312.102 0 .094.094.094.094l-.282 1.094s-.023.124-.125.124h-.093c-.399-.199-.805-.218-1.407-.218-1.199 0-1.875.71-1.875 1.812s.68 1.906 1.782 1.906h.5v-1.125h-.782c-.101 0-.125-.093-.125-.093V14.5c0-.102.125-.094.125-.094h2.282c.101 0 .093.094.093.094v3.188h.22c0 .101.007.125-.095.125-.5.199-1.324.28-2.125.28-1.101 0-1.992-.28-2.593-.78-.602-.602-.907-1.415-.907-2.313 0-2 1.426-3.313 3.626-3.313Zm-9.875.124c.024-.011.063 0 .063 0h1.594s.094-.007.094.094L12 14.094c.2.398.488.906.688 1.406v-3.594c0-.101.124-.094.124-.094h1.282c.101 0 .094.094.094.094V18c0 .102-.094.094-.094.094h-1.406s-.094.008-.094-.094l-1.281-2.313c-.301-.601-.614-1.093-.813-1.593V18c0 .102-.094.094-.094.094H9.094c-.102 0-.188-.094-.188-.094v-6.094c0-.05.008-.082.031-.094ZM3.814 13v3.813h.374c.602 0 1.106-.2 1.407-.5.398-.301.5-.801.5-1.5C6.094 13.71 5.512 13 4.312 13ZM6 19h16v2.906c0 1.102-.898 2-2 2H8c-1.102 0-2-.898-2-2Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.8 0 4 1.8 4 4v7H1c-.602 0-1 .398-1 1v6c0 .602.398 1 1 1h3v3c0 2.2 1.8 4 4 4h12c2.2 0 4-1.8 4-4V8c0-1.102-.988-2.113-2.688-3.813-.3-.199-.511-.488-.812-.687-.2-.3-.488-.512-.688-.813C18.113.988 17.102 0 16 0Zm0 2h7.313c.699.2.687 1.105.687 1.906v3c0 .602.398 1 1 1h3c1 0 2 0 2 1V11H6V4c0-1.102.898-2 2-2Zm-3.813 9.688c1.2 0 1.926.218 2.625.718.7.5 1.094 1.305 1.094 2.406-.101 1.399-.593 2.102-1.093 2.5-.602.5-1.606.782-2.907.782-.699 0-1.293.008-1.594-.094-.101 0-.124-.094-.124-.094v-6c0-.101.023-.094.124-.094.5-.101 1.176-.124 1.876-.124Zm14.625 0c.801 0 1.387.21 1.688.312.102 0 .094.094.094.094l-.282 1.094s-.023.124-.125.124h-.093c-.399-.199-.805-.218-1.407-.218-1.199 0-1.875.71-1.875 1.812s.68 1.906 1.782 1.906h.5v-1.125h-.782c-.101 0-.125-.093-.125-.093V14.5c0-.102.125-.094.125-.094h2.282c.101 0 .093.094.093.094v3.188h.22c0 .101.007.125-.095.125-.5.199-1.324.28-2.125.28-1.101 0-1.992-.28-2.593-.78-.602-.602-.907-1.415-.907-2.313 0-2 1.426-3.313 3.626-3.313Zm-9.875.124c.024-.011.063 0 .063 0h1.594s.094-.007.094.094L12 14.094c.2.398.488.906.688 1.406v-3.594c0-.101.124-.094.124-.094h1.282c.101 0 .094.094.094.094V18c0 .102-.094.094-.094.094h-1.406s-.094.008-.094-.094l-1.281-2.313c-.301-.601-.614-1.093-.813-1.593V18c0 .102-.094.094-.094.094H9.094c-.102 0-.188-.094-.188-.094v-6.094c0-.05.008-.082.031-.094ZM3.814 13v3.813h.374c.602 0 1.106-.2 1.407-.5.398-.301.5-.801.5-1.5C6.094 13.71 5.512 13 4.312 13ZM6 19h16v2.906c0 1.102-.898 2-2 2H8c-1.102 0-2-.898-2-2Z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-eps { --icon-color: #e88600; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.8 0 4 1.8 4 4v7H1c-.602 0-1 .5-1 1v6c0 .5.398 1 1 1h3v3c0 2.2 1.8 4 4 4h12c2.2 0 4-1.8 4-4V8c0-1.102-.988-2.113-2.688-3.813-.3-.199-.511-.488-.812-.687-.2-.3-.488-.512-.688-.813C18.113.988 17.102 0 16 0Zm0 2h7.313c.699.2.687 1.102.687 2v3c0 .602.398 1 1 1h3c1 0 2 0 2 1v13c0 1.102-.898 2-2 2H8c-1.102 0-2-.898-2-2v-3h11c.602 0 1-.5 1-1v-6c0-.5-.398-1-1-1H6V4c0-1.102.898-2 2-2Zm6 10.094c.602 0 1.008.113 1.406.312.102 0 .094.094.094.094l-.313 1s.008.094-.093.094H15c-.2-.102-.594-.188-1.094-.188-.5 0-.719.207-.719.406 0 .2.208.395.907.594 1 .399 1.5.887 1.5 1.688.199.8-.395 1.812-2.094 1.812-.7 0-1.293-.207-1.594-.406l-.094-.094.188-1s-.008-.093.094-.093h.094c.3.199.812.28 1.312.28.2 0 .688 0 .688-.5 0-.198-.083-.394-.782-.593-1-.398-1.594-.988-1.594-1.688 0-1 .887-1.718 2.188-1.718Zm-11.813.094H5.5c.102 0 .094.124.094.124v1c0 .102-.094.094-.094.094h-2v.906h1.906c.102 0 .094.094.094.094v1c0 .102-.094.094-.094.094H3.5v1h2.094c.101 0 .093.094.093.094v1.093c0 .102-.093.125-.093.125H2.187c-.101 0-.093-.125-.093-.125v-5.375c0-.101.094-.124.094-.124Zm6.626 0c.8 0 1.289.199 1.687.5.398.3.594.812.594 1.312s-.2 1.012-.5 1.313c-.399.398-1.082.593-1.781.593H8.5v1.781c0 .102-.094.125-.094.125H7.094c-.102 0-.094-.125-.094-.125v-5.28c0-.102-.008-.095.094-.095.398-.101 1.02-.124 1.718-.124Zm-.407 1.124v1.376h.281c.602 0 .907-.29.907-.688.101-.602-.48-.688-.781-.688Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.8 0 4 1.8 4 4v7H1c-.602 0-1 .5-1 1v6c0 .5.398 1 1 1h3v3c0 2.2 1.8 4 4 4h12c2.2 0 4-1.8 4-4V8c0-1.102-.988-2.113-2.688-3.813-.3-.199-.511-.488-.812-.687-.2-.3-.488-.512-.688-.813C18.113.988 17.102 0 16 0Zm0 2h7.313c.699.2.687 1.102.687 2v3c0 .602.398 1 1 1h3c1 0 2 0 2 1v13c0 1.102-.898 2-2 2H8c-1.102 0-2-.898-2-2v-3h11c.602 0 1-.5 1-1v-6c0-.5-.398-1-1-1H6V4c0-1.102.898-2 2-2Zm6 10.094c.602 0 1.008.113 1.406.312.102 0 .094.094.094.094l-.313 1s.008.094-.093.094H15c-.2-.102-.594-.188-1.094-.188-.5 0-.719.207-.719.406 0 .2.208.395.907.594 1 .399 1.5.887 1.5 1.688.199.8-.395 1.812-2.094 1.812-.7 0-1.293-.207-1.594-.406l-.094-.094.188-1s-.008-.093.094-.093h.094c.3.199.812.28 1.312.28.2 0 .688 0 .688-.5 0-.198-.083-.394-.782-.593-1-.398-1.594-.988-1.594-1.688 0-1 .887-1.718 2.188-1.718Zm-11.813.094H5.5c.102 0 .094.124.094.124v1c0 .102-.094.094-.094.094h-2v.906h1.906c.102 0 .094.094.094.094v1c0 .102-.094.094-.094.094H3.5v1h2.094c.101 0 .093.094.093.094v1.093c0 .102-.093.125-.093.125H2.187c-.101 0-.093-.125-.093-.125v-5.375c0-.101.094-.124.094-.124Zm6.626 0c.8 0 1.289.199 1.687.5.398.3.594.812.594 1.312s-.2 1.012-.5 1.313c-.399.398-1.082.593-1.781.593H8.5v1.781c0 .102-.094.125-.094.125H7.094c-.102 0-.094-.125-.094-.125v-5.28c0-.102-.008-.095.094-.095.398-.101 1.02-.124 1.718-.124Zm-.407 1.124v1.376h.281c.602 0 .907-.29.907-.688.101-.602-.48-.688-.781-.688Z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-gif { --icon-color: #208895; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8.031 0c-2.203 0-4 1.797-4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3.031v3c0 2.203 1.797 4 4 4H20c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm7.25 1.969c.723.183.719 1.082.719 1.968V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H7.969c-1.106 0-2-.895-2-2v-3H16c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H5.969V4c0-1.105.894-2 2-2Zm-10 9.969c.68 0 1.227.14 1.5.28.063.032.078.118.063.188l-.25 1.031c-.012.047-.016.075-.063.094-.047.02-.113.024-.156 0-.219-.113-.508-.219-1.094-.219-.96 0-1.531.63-1.531 1.688 0 1.059.543 1.719 1.438 1.719.175 0 .32-.012.406-.032v-.937h-.625a.152.152 0 0 1-.157-.156v-1c0-.09.067-.156.157-.156h1.906c.09 0 .156.066.156.156v3c0 .066-.062.133-.125.156a5.316 5.316 0 0 1-1.75.313c-.96 0-1.676-.266-2.187-.813-.489-.531-.75-1.305-.75-2.188.008-1.906 1.207-3.124 3.062-3.124ZM8.125 12h1.156c.09 0 .156.066.156.156v5.688c0 .09-.066.156-.156.156H8.125a.152.152 0 0 1-.156-.156v-5.688c0-.09.066-.156.156-.156Zm3.031 0h3.094c.09 0 .156.066.156.156v1.063c0 .09-.066.156-.156.156h-1.813v.969h1.688c.09 0 .156.066.156.156v1.063c0 .09-.066.156-.156.156h-1.688v2.125c0 .09-.066.156-.156.156h-1.125c-.09 0-.187-.066-.187-.156v-5.688c0-.09.097-.156.187-.156Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8.031 0c-2.203 0-4 1.797-4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3.031v3c0 2.203 1.797 4 4 4H20c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm7.25 1.969c.723.183.719 1.082.719 1.968V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H7.969c-1.106 0-2-.895-2-2v-3H16c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H5.969V4c0-1.105.894-2 2-2Zm-10 9.969c.68 0 1.227.14 1.5.28.063.032.078.118.063.188l-.25 1.031c-.012.047-.016.075-.063.094-.047.02-.113.024-.156 0-.219-.113-.508-.219-1.094-.219-.96 0-1.531.63-1.531 1.688 0 1.059.543 1.719 1.438 1.719.175 0 .32-.012.406-.032v-.937h-.625a.152.152 0 0 1-.157-.156v-1c0-.09.067-.156.157-.156h1.906c.09 0 .156.066.156.156v3c0 .066-.062.133-.125.156a5.316 5.316 0 0 1-1.75.313c-.96 0-1.676-.266-2.187-.813-.489-.531-.75-1.305-.75-2.188.008-1.906 1.207-3.124 3.062-3.124ZM8.125 12h1.156c.09 0 .156.066.156.156v5.688c0 .09-.066.156-.156.156H8.125a.152.152 0 0 1-.156-.156v-5.688c0-.09.066-.156.156-.156Zm3.031 0h3.094c.09 0 .156.066.156.156v1.063c0 .09-.066.156-.156.156h-1.813v.969h1.688c.09 0 .156.066.156.156v1.063c0 .09-.066.156-.156.156h-1.688v2.125c0 .09-.066.156-.156.156h-1.125c-.09 0-.187-.066-.187-.156v-5.688c0-.09.097-.156.187-.156Z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-jpg, ._file_icon_5d425__icon-jpeg { --icon-color: #208895; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8.031 0c-2.203 0-4 1.797-4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3.031v3c0 2.203 1.797 4 4 4H20c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm7.25 1.969c.723.183.719 1.082.719 1.968V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H7.969c-1.106 0-2-.895-2-2v-3H18c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H5.969V4c0-1.105.894-2 2-2Zm-.031 9.937c.68 0 1.223.14 1.5.281.066.032.11.114.094.188l-.25 1.063c-.012.046-.051.074-.094.093-.047.02-.082.024-.125 0-.223-.113-.535-.219-1.125-.219-.969 0-1.563.626-1.563 1.688 0 1.063.567 1.719 1.47 1.719.175 0 .316-.012.405-.032v-.937h-.624a.152.152 0 0 1-.157-.156v-1c0-.09.067-.188.156-.188h1.907c.09 0 .156.098.156.188v3c0 .066-.031.133-.094.156-.426.16-1.125.344-1.781.344-.965 0-1.672-.262-2.188-.813-.496-.535-.78-1.332-.78-2.218.007-1.915 1.226-3.157 3.093-3.157Zm-6.531.031c.75 0 1.281.165 1.656.5.383.329.594.848.594 1.438-.004.613-.164 1.129-.5 1.469-.414.426-1.031.656-1.781.656-.09 0-.184.004-.25 0v1.875c0 .09-.067.156-.157.156H7.125a.152.152 0 0 1-.156-.156v-5.656c0-.078.082-.14.156-.156.426-.083.957-.126 1.594-.126Zm-5.031.032h1.156c.09 0 .187.066.187.156v3.625c0 1.59-.672 2.375-2 2.375-.308 0-.672-.07-.906-.156a.143.143 0 0 1-.094-.157l.125-1.062a.2.2 0 0 1 .094-.125c.043-.023.082-.016.125 0 .113.04.293.094.531.094.305 0 .625-.07.625-.969v-3.625c0-.09.067-.156.156-.156Zm5.062 1.25c-.145 0-.246.023-.313.031v1.438c.063.007.157 0 .25 0 .532 0 .813-.293.813-.782 0-.566-.406-.687-.75-.687Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8.031 0c-2.203 0-4 1.797-4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3.031v3c0 2.203 1.797 4 4 4H20c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm7.25 1.969c.723.183.719 1.082.719 1.968V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H7.969c-1.106 0-2-.895-2-2v-3H18c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H5.969V4c0-1.105.894-2 2-2Zm-.031 9.937c.68 0 1.223.14 1.5.281.066.032.11.114.094.188l-.25 1.063c-.012.046-.051.074-.094.093-.047.02-.082.024-.125 0-.223-.113-.535-.219-1.125-.219-.969 0-1.563.626-1.563 1.688 0 1.063.567 1.719 1.47 1.719.175 0 .316-.012.405-.032v-.937h-.624a.152.152 0 0 1-.157-.156v-1c0-.09.067-.188.156-.188h1.907c.09 0 .156.098.156.188v3c0 .066-.031.133-.094.156-.426.16-1.125.344-1.781.344-.965 0-1.672-.262-2.188-.813-.496-.535-.78-1.332-.78-2.218.007-1.915 1.226-3.157 3.093-3.157Zm-6.531.031c.75 0 1.281.165 1.656.5.383.329.594.848.594 1.438-.004.613-.164 1.129-.5 1.469-.414.426-1.031.656-1.781.656-.09 0-.184.004-.25 0v1.875c0 .09-.067.156-.157.156H7.125a.152.152 0 0 1-.156-.156v-5.656c0-.078.082-.14.156-.156.426-.083.957-.126 1.594-.126Zm-5.031.032h1.156c.09 0 .187.066.187.156v3.625c0 1.59-.672 2.375-2 2.375-.308 0-.672-.07-.906-.156a.143.143 0 0 1-.094-.157l.125-1.062a.2.2 0 0 1 .094-.125c.043-.023.082-.016.125 0 .113.04.293.094.531.094.305 0 .625-.07.625-.969v-3.625c0-.09.067-.156.156-.156Zm5.062 1.25c-.145 0-.246.023-.313.031v1.438c.063.007.157 0 .25 0 .532 0 .813-.293.813-.782 0-.566-.406-.687-.75-.687Z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-png { --icon-color: #208895; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8.031 0c-2.203 0-4 1.797-4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3.031v3c0 2.203 1.797 4 4 4H20c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm7.25 1.969c.723.183.719 1.082.719 1.968V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H7.969c-1.106 0-2-.895-2-2v-3H19c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H5.969V4c0-1.105.894-2 2-2Zm1 9.937c.68 0 1.227.172 1.5.313.067.031.078.082.063.156l-.219 1.063c-.012.046-.047.074-.094.093-.047.02-.113.024-.156 0-.219-.113-.508-.219-1.094-.219-.96 0-1.531.63-1.531 1.688 0 1.059.543 1.719 1.438 1.719.175 0 .32-.012.406-.032v-.937h-.625a.154.154 0 0 1-.156-.156v-1.031c0-.086.066-.157.156-.157h1.906c.09 0 .156.07.156.156v3.032c0 .066-.062.133-.125.156a5.296 5.296 0 0 1-1.75.313c-.96 0-1.676-.266-2.187-.813-.492-.531-.75-1.305-.75-2.188.008-1.91 1.203-3.156 3.062-3.156Zm-12.562.031c.746 0 1.281.165 1.656.5.379.329.594.852.594 1.438 0 .61-.168 1.133-.5 1.469-.41.426-1.035.656-1.782.656-.09 0-.148-.027-.218-.031v1.875c0 .09-.067.156-.156.156H2.155A.152.152 0 0 1 2 17.844v-5.625c0-.074.05-.14.125-.156.426-.079.96-.126 1.594-.126Zm3.437.032H8.5c.059 0 .129.039.156.094l1.063 2.093c.16.317.312.68.469 1.063a36.786 36.786 0 0 1-.032-1.406v-1.688c0-.09.067-.156.156-.156h1.063c.086 0 .156.066.156.156v5.719c0 .09-.07.156-.156.156h-1.219c-.062 0-.097-.04-.125-.094L8.937 15.72c-.167-.34-.394-.781-.593-1.25.011.496.031 1.035.031 1.656v1.719c0 .09-.07.156-.156.156H7.156A.152.152 0 0 1 7 17.844v-5.719c0-.09.066-.156.156-.156ZM3.47 13.25v1.438c.062.007.125 0 .219 0 .527 0 .843-.297.843-.782 0-.562-.41-.656-.75-.656-.144 0-.246-.012-.312 0Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8.031 0c-2.203 0-4 1.797-4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3.031v3c0 2.203 1.797 4 4 4H20c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm7.25 1.969c.723.183.719 1.082.719 1.968V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H7.969c-1.106 0-2-.895-2-2v-3H19c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H5.969V4c0-1.105.894-2 2-2Zm1 9.937c.68 0 1.227.172 1.5.313.067.031.078.082.063.156l-.219 1.063c-.012.046-.047.074-.094.093-.047.02-.113.024-.156 0-.219-.113-.508-.219-1.094-.219-.96 0-1.531.63-1.531 1.688 0 1.059.543 1.719 1.438 1.719.175 0 .32-.012.406-.032v-.937h-.625a.154.154 0 0 1-.156-.156v-1.031c0-.086.066-.157.156-.157h1.906c.09 0 .156.07.156.156v3.032c0 .066-.062.133-.125.156a5.296 5.296 0 0 1-1.75.313c-.96 0-1.676-.266-2.187-.813-.492-.531-.75-1.305-.75-2.188.008-1.91 1.203-3.156 3.062-3.156Zm-12.562.031c.746 0 1.281.165 1.656.5.379.329.594.852.594 1.438 0 .61-.168 1.133-.5 1.469-.41.426-1.035.656-1.782.656-.09 0-.148-.027-.218-.031v1.875c0 .09-.067.156-.156.156H2.155A.152.152 0 0 1 2 17.844v-5.625c0-.074.05-.14.125-.156.426-.079.96-.126 1.594-.126Zm3.437.032H8.5c.059 0 .129.039.156.094l1.063 2.093c.16.317.312.68.469 1.063a36.786 36.786 0 0 1-.032-1.406v-1.688c0-.09.067-.156.156-.156h1.063c.086 0 .156.066.156.156v5.719c0 .09-.07.156-.156.156h-1.219c-.062 0-.097-.04-.125-.094L8.937 15.72c-.167-.34-.394-.781-.593-1.25.011.496.031 1.035.031 1.656v1.719c0 .09-.07.156-.156.156H7.156A.152.152 0 0 1 7 17.844v-5.719c0-.09.066-.156.156-.156ZM3.47 13.25v1.438c.062.007.125 0 .219 0 .527 0 .843-.297.843-.782 0-.562-.41-.656-.75-.656-.144 0-.246-.012-.312 0Z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-ps { --icon-color: #006ab4; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3v3c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H8c-1.105 0-2-.895-2-2v-3h12c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H6V4c0-1.105.895-2 2-2Zm1.063 9.938c.527 0 .992.078 1.374.28.063.032.083.118.063.188l-.25 1.031c-.012.047-.047.075-.094.094-.043.02-.082.024-.125 0a2.14 2.14 0 0 0-1-.25c-.351 0-.562.168-.562.406 0 .243.164.372.844.657.96.398 1.406.984 1.406 1.844 0 .886-.594 1.906-2.219 1.906-.629 0-1.207-.192-1.5-.375-.059-.035-.11-.09-.094-.157l.25-1.062c.012-.05.047-.105.094-.125.047-.02.082-.027.125 0 .273.16.758.344 1.219.344.242 0 .625-.07.625-.469 0-.23-.121-.383-.75-.625-.996-.398-1.5-1.023-1.5-1.844 0-1.097.867-1.844 2.093-1.844Zm-5.376.03c.743 0 1.286.165 1.657.5.379.325.593.852.593 1.438 0 .606-.167 1.102-.5 1.438-.41.422-1.039.656-1.78.656-.087 0-.153.008-.22 0v1.844c0 .09-.066.156-.156.156H2.125a.154.154 0 0 1-.156-.156V12.25c0-.074.082-.14.156-.156a8.616 8.616 0 0 1 1.563-.125Zm10 0c.981 0 1.657.18 2.188.626.598.5.938 1.297.938 2.281 0 1.293-.504 2.016-.907 2.406-.547.508-1.375.782-2.437.782a8.957 8.957 0 0 1-1.344-.094c-.078-.012-.125-.078-.125-.157V12.25c0-.074.05-.145.125-.156a9.178 9.178 0 0 1 1.563-.125ZM3.75 13.25c-.145 0-.246.023-.313.031v1.406c.06.008.126 0 .22 0 .527 0 .843-.265.843-.75 0-.558-.41-.687-.75-.687Zm9.719.031v3.469c.074.004.144 0 .219 0 .503 0 .894-.145 1.156-.438.281-.312.437-.792.437-1.406 0-1.062-.531-1.625-1.469-1.625-.16 0-.265-.011-.343 0Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3v3c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H8c-1.105 0-2-.895-2-2v-3h12c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H6V4c0-1.105.895-2 2-2Zm1.063 9.938c.527 0 .992.078 1.374.28.063.032.083.118.063.188l-.25 1.031c-.012.047-.047.075-.094.094-.043.02-.082.024-.125 0a2.14 2.14 0 0 0-1-.25c-.351 0-.562.168-.562.406 0 .243.164.372.844.657.96.398 1.406.984 1.406 1.844 0 .886-.594 1.906-2.219 1.906-.629 0-1.207-.192-1.5-.375-.059-.035-.11-.09-.094-.157l.25-1.062c.012-.05.047-.105.094-.125.047-.02.082-.027.125 0 .273.16.758.344 1.219.344.242 0 .625-.07.625-.469 0-.23-.121-.383-.75-.625-.996-.398-1.5-1.023-1.5-1.844 0-1.097.867-1.844 2.093-1.844Zm-5.376.03c.743 0 1.286.165 1.657.5.379.325.593.852.593 1.438 0 .606-.167 1.102-.5 1.438-.41.422-1.039.656-1.78.656-.087 0-.153.008-.22 0v1.844c0 .09-.066.156-.156.156H2.125a.154.154 0 0 1-.156-.156V12.25c0-.074.082-.14.156-.156a8.616 8.616 0 0 1 1.563-.125Zm10 0c.981 0 1.657.18 2.188.626.598.5.938 1.297.938 2.281 0 1.293-.504 2.016-.907 2.406-.547.508-1.375.782-2.437.782a8.957 8.957 0 0 1-1.344-.094c-.078-.012-.125-.078-.125-.157V12.25c0-.074.05-.145.125-.156a9.178 9.178 0 0 1 1.563-.125ZM3.75 13.25c-.145 0-.246.023-.313.031v1.406c.06.008.126 0 .22 0 .527 0 .843-.265.843-.75 0-.558-.41-.687-.75-.687Zm9.719.031v3.469c.074.004.144 0 .219 0 .503 0 .894-.145 1.156-.438.281-.312.437-.792.437-1.406 0-1.062-.531-1.625-1.469-1.625-.16 0-.265-.011-.343 0Z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-psd { --icon-color: #006ab4; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3v3c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H8c-1.105 0-2-.895-2-2v-3h12c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H6V4c0-1.105.895-2 2-2Zm1.063 9.938c.527 0 .992.078 1.374.28.063.032.083.118.063.188l-.25 1.031c-.012.047-.047.075-.094.094-.043.02-.082.024-.125 0a2.14 2.14 0 0 0-1-.25c-.351 0-.562.168-.562.406 0 .243.164.372.844.657.96.398 1.406.984 1.406 1.844 0 .886-.594 1.906-2.219 1.906-.629 0-1.207-.192-1.5-.375-.059-.035-.11-.09-.094-.157l.25-1.062c.012-.05.047-.105.094-.125.047-.02.082-.027.125 0 .273.16.758.344 1.219.344.242 0 .625-.07.625-.469 0-.23-.121-.383-.75-.625-.996-.398-1.5-1.023-1.5-1.844 0-1.097.867-1.844 2.093-1.844Zm-5.376.03c.743 0 1.286.165 1.657.5.379.325.593.852.593 1.438 0 .606-.167 1.102-.5 1.438-.41.422-1.039.656-1.78.656-.087 0-.153.008-.22 0v1.844c0 .09-.066.156-.156.156H2.125a.154.154 0 0 1-.156-.156V12.25c0-.074.082-.14.156-.156a8.616 8.616 0 0 1 1.563-.125Zm10 0c.981 0 1.657.18 2.188.626.598.5.938 1.297.938 2.281 0 1.293-.504 2.016-.907 2.406-.547.508-1.375.782-2.437.782a8.957 8.957 0 0 1-1.344-.094c-.078-.012-.125-.078-.125-.157V12.25c0-.074.05-.145.125-.156a9.178 9.178 0 0 1 1.563-.125ZM3.75 13.25c-.145 0-.246.023-.313.031v1.406c.06.008.126 0 .22 0 .527 0 .843-.265.843-.75 0-.558-.41-.687-.75-.687Zm9.719.031v3.469c.074.004.144 0 .219 0 .503 0 .894-.145 1.156-.438.281-.312.437-.792.437-1.406 0-1.062-.531-1.625-1.469-1.625-.16 0-.265-.011-.343 0Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3v3c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H8c-1.105 0-2-.895-2-2v-3h12c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H6V4c0-1.105.895-2 2-2Zm1.063 9.938c.527 0 .992.078 1.374.28.063.032.083.118.063.188l-.25 1.031c-.012.047-.047.075-.094.094-.043.02-.082.024-.125 0a2.14 2.14 0 0 0-1-.25c-.351 0-.562.168-.562.406 0 .243.164.372.844.657.96.398 1.406.984 1.406 1.844 0 .886-.594 1.906-2.219 1.906-.629 0-1.207-.192-1.5-.375-.059-.035-.11-.09-.094-.157l.25-1.062c.012-.05.047-.105.094-.125.047-.02.082-.027.125 0 .273.16.758.344 1.219.344.242 0 .625-.07.625-.469 0-.23-.121-.383-.75-.625-.996-.398-1.5-1.023-1.5-1.844 0-1.097.867-1.844 2.093-1.844Zm-5.376.03c.743 0 1.286.165 1.657.5.379.325.593.852.593 1.438 0 .606-.167 1.102-.5 1.438-.41.422-1.039.656-1.78.656-.087 0-.153.008-.22 0v1.844c0 .09-.066.156-.156.156H2.125a.154.154 0 0 1-.156-.156V12.25c0-.074.082-.14.156-.156a8.616 8.616 0 0 1 1.563-.125Zm10 0c.981 0 1.657.18 2.188.626.598.5.938 1.297.938 2.281 0 1.293-.504 2.016-.907 2.406-.547.508-1.375.782-2.437.782a8.957 8.957 0 0 1-1.344-.094c-.078-.012-.125-.078-.125-.157V12.25c0-.074.05-.145.125-.156a9.178 9.178 0 0 1 1.563-.125ZM3.75 13.25c-.145 0-.246.023-.313.031v1.406c.06.008.126 0 .22 0 .527 0 .843-.265.843-.75 0-.558-.41-.687-.75-.687Zm9.719.031v3.469c.074.004.144 0 .219 0 .503 0 .894-.145 1.156-.438.281-.312.437-.792.437-1.406 0-1.062-.531-1.625-1.469-1.625-.16 0-.265-.011-.343 0Z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-tif, ._file_icon_5d425__icon-tiff { --icon-color: #208895; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.8 0 4 1.8 4 4v7H1c-.602 0-1 .5-1 1v6c0 .5.398 1 1 1h3v3c0 2.2 1.8 4 4 4h12c2.2 0 4-1.8 4-4V8c0-1.102-.988-2.113-2.688-3.813-.3-.199-.511-.488-.812-.687-.2-.3-.488-.512-.688-.813C18.113.988 17.102 0 16 0Zm0 2h7.313c.699.2.687 1.102.687 2v3c0 .602.398 1 1 1h3c1 0 2 0 2 1v13c0 1.102-.898 2-2 2H8c-1.102 0-2-.898-2-2v-3h9c.602 0 1-.5 1-1v-6c0-.5-.398-1-1-1H6V4c0-1.102.898-2 2-2Zm2 10.094h3.313c.101 0 .093.094.093.094v1.124c0 .102-.094.094-.094.094h-1.906v1h1.781c.102 0 .126.094.126.094v1c0 .102-.126.094-.126.094h-1.78v2c0 .101-.095.093-.095.093H10c-.102 0-.094-.093-.094-.093v-5.407c0-.101.094-.093.094-.093Zm-7.906.094h4.094c.101 0 .125.124.125.124v1h.093c0 .102-.093.094-.093.094H4.905v4.188c0 .101-.093.093-.093.093h-1.22c-.1 0-.093-.093-.093-.093v-4.188H2.094c-.102 0-.094-.094-.094-.094v-1c0-.101.094-.124.094-.124Zm5.219 0H8.5c.102 0 .094.124.094.124v5.376h.094c0 .101-.094.125-.094.125H7.313c-.102 0-.125-.125-.125-.125v-5.375c0-.102.125-.126.125-.126Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.8 0 4 1.8 4 4v7H1c-.602 0-1 .5-1 1v6c0 .5.398 1 1 1h3v3c0 2.2 1.8 4 4 4h12c2.2 0 4-1.8 4-4V8c0-1.102-.988-2.113-2.688-3.813-.3-.199-.511-.488-.812-.687-.2-.3-.488-.512-.688-.813C18.113.988 17.102 0 16 0Zm0 2h7.313c.699.2.687 1.102.687 2v3c0 .602.398 1 1 1h3c1 0 2 0 2 1v13c0 1.102-.898 2-2 2H8c-1.102 0-2-.898-2-2v-3h9c.602 0 1-.5 1-1v-6c0-.5-.398-1-1-1H6V4c0-1.102.898-2 2-2Zm2 10.094h3.313c.101 0 .093.094.093.094v1.124c0 .102-.094.094-.094.094h-1.906v1h1.781c.102 0 .126.094.126.094v1c0 .102-.126.094-.126.094h-1.78v2c0 .101-.095.093-.095.093H10c-.102 0-.094-.093-.094-.093v-5.407c0-.101.094-.093.094-.093Zm-7.906.094h4.094c.101 0 .125.124.125.124v1h.093c0 .102-.093.094-.093.094H4.905v4.188c0 .101-.093.093-.093.093h-1.22c-.1 0-.093-.093-.093-.093v-4.188H2.094c-.102 0-.094-.094-.094-.094v-1c0-.101.094-.124.094-.124Zm5.219 0H8.5c.102 0 .094.124.094.124v5.376h.094c0 .101-.094.125-.094.125H7.313c-.102 0-.125-.125-.125-.125v-5.375c0-.102.125-.126.125-.126Z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-raw { --icon-color: #208895; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.8 0 4 1.8 4 4v7H1c-.602 0-1 .398-1 1v6c0 .602.398 1 1 1h3v3c0 2.2 1.8 4 4 4h12c2.2 0 4-1.8 4-4V8c0-1.102-.988-2.113-2.688-3.813-.3-.199-.511-.488-.812-.687-.2-.3-.488-.512-.688-.813C18.113.988 17.102 0 16 0Zm0 2h7.313c.699.2.687 1.105.687 1.906v3c0 .602.398 1 1 1h3c1 0 2 0 2 1V11H6V4c0-1.102.898-2 2-2Zm1.594 9.688h1.812c.102 0 .094.023.094.124l1.906 6v.094c0 .102.008.188-.094.188h-1.5c-.101 0-.124.008-.124-.094l-.376-1.5H9.688L9.312 18c0 .102-.124.094-.124.094H7.812s-.125.008-.125-.094v-.094L9.5 11.813c0-.102.094-.126.094-.126Zm7.094 0h1.5c.101 0 .125.023.125.124l.5 2.594c.101.399.085.781.187 1.281 0-.3.094-.48.094-.78l.093-.5.5-2.5c0-.102.125-.095.125-.095h1.5v.094L19.907 18c0 .102-.093.094-.093.094h-1.5c-.102 0-.125.008-.125-.094l-.5-2.594c-.102-.398-.086-.695-.188-1.094-.102.399-.086.696-.188 1.094L16.595 18c0 .102-.094.094-.094.094H15c-.102 0-.094.008-.094-.094L13.5 11.906v-.094H15c.102 0 .094-.007.094.094l.5 2.5c.101.5.219 1.008.219 1.406l.28-1.5.5-2.5c0-.101.095-.124.095-.124Zm-13.532.124c.313-.011.637 0 .938 0 1 0 1.601.2 2 .5.398.301.593.774.593 1.376 0 .699-.375 1.199-.875 1.5.301.199.489.624.688 1.124.102.2.086.395.188.594.101.399.312.899.312 1 .102 0 .102.094 0 .094l-.094.094H5.5s-.094.008-.094-.094c-.101-.2-.304-.805-.406-1.406-.2-.7-.406-.907-.906-.907h-.282V18c0 .102-.124.094-.124.094H2.312c-.101 0-.124-.094-.124-.094v-6c0-.102.023-.094.124-.094.25-.05.532-.082.844-.094ZM3.812 13v1.406h.376c.601 0 1-.32 1-.719 0-.601-.477-.687-.875-.687Zm6.688.406c-.102.2-.086.489-.188.688L10 15.313h1l-.313-1.126c-.101-.3-.187-.48-.187-.78ZM6 19h16v2.906c0 1.102-.898 2-2 2H8c-1.102 0-2-.898-2-2Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.8 0 4 1.8 4 4v7H1c-.602 0-1 .398-1 1v6c0 .602.398 1 1 1h3v3c0 2.2 1.8 4 4 4h12c2.2 0 4-1.8 4-4V8c0-1.102-.988-2.113-2.688-3.813-.3-.199-.511-.488-.812-.687-.2-.3-.488-.512-.688-.813C18.113.988 17.102 0 16 0Zm0 2h7.313c.699.2.687 1.105.687 1.906v3c0 .602.398 1 1 1h3c1 0 2 0 2 1V11H6V4c0-1.102.898-2 2-2Zm1.594 9.688h1.812c.102 0 .094.023.094.124l1.906 6v.094c0 .102.008.188-.094.188h-1.5c-.101 0-.124.008-.124-.094l-.376-1.5H9.688L9.312 18c0 .102-.124.094-.124.094H7.812s-.125.008-.125-.094v-.094L9.5 11.813c0-.102.094-.126.094-.126Zm7.094 0h1.5c.101 0 .125.023.125.124l.5 2.594c.101.399.085.781.187 1.281 0-.3.094-.48.094-.78l.093-.5.5-2.5c0-.102.125-.095.125-.095h1.5v.094L19.907 18c0 .102-.093.094-.093.094h-1.5c-.102 0-.125.008-.125-.094l-.5-2.594c-.102-.398-.086-.695-.188-1.094-.102.399-.086.696-.188 1.094L16.595 18c0 .102-.094.094-.094.094H15c-.102 0-.094.008-.094-.094L13.5 11.906v-.094H15c.102 0 .094-.007.094.094l.5 2.5c.101.5.219 1.008.219 1.406l.28-1.5.5-2.5c0-.101.095-.124.095-.124Zm-13.532.124c.313-.011.637 0 .938 0 1 0 1.601.2 2 .5.398.301.593.774.593 1.376 0 .699-.375 1.199-.875 1.5.301.199.489.624.688 1.124.102.2.086.395.188.594.101.399.312.899.312 1 .102 0 .102.094 0 .094l-.094.094H5.5s-.094.008-.094-.094c-.101-.2-.304-.805-.406-1.406-.2-.7-.406-.907-.906-.907h-.282V18c0 .102-.124.094-.124.094H2.312c-.101 0-.124-.094-.124-.094v-6c0-.102.023-.094.124-.094.25-.05.532-.082.844-.094ZM3.812 13v1.406h.376c.601 0 1-.32 1-.719 0-.601-.477-.687-.875-.687Zm6.688.406c-.102.2-.086.489-.188.688L10 15.313h1l-.313-1.126c-.101-.3-.187-.48-.187-.78ZM6 19h16v2.906c0 1.102-.898 2-2 2H8c-1.102 0-2-.898-2-2Z'/%3E%3C/svg%3E"); } /* Video */ ._file_icon_5d425__icon-avi { --icon-color: #e25248; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3v3c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H8c-1.105 0-2-.895-2-2v-3h10c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H6V4c0-1.105.895-2 2-2Zm-4.281 9.969H5.25a.17.17 0 0 1 .156.125L6.97 17.78a.206.206 0 0 1 .031.094c0 .09-.066.156-.156.156h-1.25c-.07 0-.137-.023-.157-.093l-.375-1.375H3.845L3.5 17.938c-.02.07-.082.093-.156.093H2.156a.157.157 0 0 1-.125-.062c-.031-.04-.047-.078-.031-.125l1.563-5.75a.17.17 0 0 1 .156-.125Zm3.406 0h1.281a.17.17 0 0 1 .156.125l.626 2.437c.113.453.218.871.312 1.313.094-.426.195-.84.313-1.281l.656-2.47a.167.167 0 0 1 .156-.124h1.25c.05 0 .094.023.125.062.031.04.016.11 0 .156l-1.719 5.75c-.02.067-.086.094-.156.094H8.781c-.07 0-.136-.027-.156-.093l-1.656-5.75A.187.187 0 0 1 7 12.03a.152.152 0 0 1 .125-.062Zm6.031 0h1.156c.09 0 .157.097.157.187v5.719c0 .09-.067.156-.156.156h-1.157a.152.152 0 0 1-.156-.156v-5.719c0-.09.066-.187.156-.187Zm-8.719 1.875c-.03.148-.062.277-.093.406l-.25 1.031h.718l-.28-1.031c-.036-.133-.06-.258-.095-.406Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3v3c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H8c-1.105 0-2-.895-2-2v-3h10c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H6V4c0-1.105.895-2 2-2Zm-4.281 9.969H5.25a.17.17 0 0 1 .156.125L6.97 17.78a.206.206 0 0 1 .031.094c0 .09-.066.156-.156.156h-1.25c-.07 0-.137-.023-.157-.093l-.375-1.375H3.845L3.5 17.938c-.02.07-.082.093-.156.093H2.156a.157.157 0 0 1-.125-.062c-.031-.04-.047-.078-.031-.125l1.563-5.75a.17.17 0 0 1 .156-.125Zm3.406 0h1.281a.17.17 0 0 1 .156.125l.626 2.437c.113.453.218.871.312 1.313.094-.426.195-.84.313-1.281l.656-2.47a.167.167 0 0 1 .156-.124h1.25c.05 0 .094.023.125.062.031.04.016.11 0 .156l-1.719 5.75c-.02.067-.086.094-.156.094H8.781c-.07 0-.136-.027-.156-.093l-1.656-5.75A.187.187 0 0 1 7 12.03a.152.152 0 0 1 .125-.062Zm6.031 0h1.156c.09 0 .157.097.157.187v5.719c0 .09-.067.156-.156.156h-1.157a.152.152 0 0 1-.156-.156v-5.719c0-.09.066-.187.156-.187Zm-8.719 1.875c-.03.148-.062.277-.093.406l-.25 1.031h.718l-.28-1.031c-.036-.133-.06-.258-.095-.406Z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-flv { --icon-color: #e25248; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3v3c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H8c-1.105 0-2-.895-2-2v-3h11c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H6V4c0-1.105.895-2 2-2Zm-5.875 9.969H5.25c.09 0 .156.097.156.187v1.063c0 .09-.066.156-.156.156H3.437V15h1.688c.09 0 .156.066.156.156v1.063c0 .09-.066.156-.156.156H3.437v1.5c0 .09-.066.156-.156.156H2.125a.152.152 0 0 1-.156-.156v-5.719c0-.09.066-.187.156-.187Zm5.031 0h1.157c.09 0 .156.097.156.187v4.469h1.875c.09 0 .156.066.156.156v1.094c0 .09-.066.156-.156.156H7.156A.152.152 0 0 1 7 17.875v-5.719c0-.09.066-.187.156-.187Zm3.969 0h1.281a.17.17 0 0 1 .156.125l.626 2.437c.117.453.218.871.312 1.313.094-.426.195-.84.313-1.281l.656-2.47a.17.17 0 0 1 .156-.124h1.219c.05 0 .125.054.156.094.031.039.016.078 0 .124l-1.719 5.75c-.02.067-.086.094-.156.094h-1.344c-.07 0-.136-.023-.156-.093L11 12.188c-.016-.047-.031-.086 0-.126.031-.039.074-.093.125-.093Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3v3c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H8c-1.105 0-2-.895-2-2v-3h11c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H6V4c0-1.105.895-2 2-2Zm-5.875 9.969H5.25c.09 0 .156.097.156.187v1.063c0 .09-.066.156-.156.156H3.437V15h1.688c.09 0 .156.066.156.156v1.063c0 .09-.066.156-.156.156H3.437v1.5c0 .09-.066.156-.156.156H2.125a.152.152 0 0 1-.156-.156v-5.719c0-.09.066-.187.156-.187Zm5.031 0h1.157c.09 0 .156.097.156.187v4.469h1.875c.09 0 .156.066.156.156v1.094c0 .09-.066.156-.156.156H7.156A.152.152 0 0 1 7 17.875v-5.719c0-.09.066-.187.156-.187Zm3.969 0h1.281a.17.17 0 0 1 .156.125l.626 2.437c.117.453.218.871.312 1.313.094-.426.195-.84.313-1.281l.656-2.47a.17.17 0 0 1 .156-.124h1.219c.05 0 .125.054.156.094.031.039.016.078 0 .124l-1.719 5.75c-.02.067-.086.094-.156.094h-1.344c-.07 0-.136-.023-.156-.093L11 12.188c-.016-.047-.031-.086 0-.126.031-.039.074-.093.125-.093Z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-mov { --icon-color: #e25248; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3v3c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H8c-1.105 0-2-.895-2-2v-3h14c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H6V4c0-1.105.895-2 2-2Zm3.031 9.875c1.547 0 2.594 1.23 2.594 3.063 0 1.93-1.066 3.187-2.688 3.187-1.507 0-2.562-1.281-2.562-3.094 0-1.86 1.098-3.156 2.656-3.156ZM2 12h1.531c.07 0 .137.023.156.094l.5 1.937c.114.446.223.899.313 1.344.11-.492.234-.977.344-1.375l.531-1.906c.02-.067.086-.094.156-.094h1.5a.16.16 0 0 1 .157.156l.28 5.656c.009.02 0 .043 0 .063a.154.154 0 0 1-.155.156H6.188a.16.16 0 0 1-.157-.156l-.093-2.188c-.012-.34-.02-.73-.032-1.156-.097.371-.183.735-.281 1.063L5 17.813a.17.17 0 0 1-.156.125h-.907a.163.163 0 0 1-.156-.125l-.531-2.22c-.07-.28-.148-.585-.219-.905-.011.355-.015.718-.031 1.03l-.094 2.157a.16.16 0 0 1-.156.156H1.687c-.042 0-.093-.031-.125-.062-.027-.032-.035-.051-.03-.094l.312-5.75c.004-.086.07-.125.156-.125Zm12.656 0h1.25c.07 0 .14.023.156.094l.625 2.437c.114.453.22.871.313 1.313.094-.426.195-.84.313-1.281l.656-2.47c.02-.07.082-.093.156-.093h1.219c.05 0 .097.023.125.063.031.039.047.074.031.124l-1.719 5.72c-.02.066-.086.124-.156.124h-1.344c-.07 0-.136-.058-.156-.125L14.5 12.188c-.016-.047.004-.086.031-.126a.157.157 0 0 1 .125-.062ZM11 13.219c-.66 0-1.063.726-1.063 1.812 0 1.067.403 1.75 1.063 1.75.648 0 1.063-.695 1.063-1.781 0-.875-.325-1.781-1.063-1.781Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3v3c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H8c-1.105 0-2-.895-2-2v-3h14c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H6V4c0-1.105.895-2 2-2Zm3.031 9.875c1.547 0 2.594 1.23 2.594 3.063 0 1.93-1.066 3.187-2.688 3.187-1.507 0-2.562-1.281-2.562-3.094 0-1.86 1.098-3.156 2.656-3.156ZM2 12h1.531c.07 0 .137.023.156.094l.5 1.937c.114.446.223.899.313 1.344.11-.492.234-.977.344-1.375l.531-1.906c.02-.067.086-.094.156-.094h1.5a.16.16 0 0 1 .157.156l.28 5.656c.009.02 0 .043 0 .063a.154.154 0 0 1-.155.156H6.188a.16.16 0 0 1-.157-.156l-.093-2.188c-.012-.34-.02-.73-.032-1.156-.097.371-.183.735-.281 1.063L5 17.813a.17.17 0 0 1-.156.125h-.907a.163.163 0 0 1-.156-.125l-.531-2.22c-.07-.28-.148-.585-.219-.905-.011.355-.015.718-.031 1.03l-.094 2.157a.16.16 0 0 1-.156.156H1.687c-.042 0-.093-.031-.125-.062-.027-.032-.035-.051-.03-.094l.312-5.75c.004-.086.07-.125.156-.125Zm12.656 0h1.25c.07 0 .14.023.156.094l.625 2.437c.114.453.22.871.313 1.313.094-.426.195-.84.313-1.281l.656-2.47c.02-.07.082-.093.156-.093h1.219c.05 0 .097.023.125.063.031.039.047.074.031.124l-1.719 5.72c-.02.066-.086.124-.156.124h-1.344c-.07 0-.136-.058-.156-.125L14.5 12.188c-.016-.047.004-.086.031-.126a.157.157 0 0 1 .125-.062ZM11 13.219c-.66 0-1.063.726-1.063 1.812 0 1.067.403 1.75 1.063 1.75.648 0 1.063-.695 1.063-1.781 0-.875-.325-1.781-1.063-1.781Z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-mpg { --icon-color: #e25248; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3v3c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H8c-1.105 0-2-.895-2-2v-3h13c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H6V4c0-1.105.895-2 2-2Zm-6.594 9.938H3c.074 0 .137.054.156.124L3.687 14c.118.453.22.895.313 1.344.113-.496.227-.969.344-1.375l.562-1.906a.167.167 0 0 1 .157-.126h1.562c.09 0 .184.07.188.157l.28 5.719c.009.019 0 .042 0 .062a.15.15 0 0 1-.155.156H5.75c-.09 0-.152-.07-.156-.156L5.5 15.687c-.012-.34-.02-.757-.031-1.187-.098.371-.211.73-.313 1.063l-.625 2.25a.167.167 0 0 1-.156.125h-.938a.167.167 0 0 1-.156-.125l-.562-2.22c-.07-.284-.149-.613-.219-.937-.016.356-.047.715-.063 1.031l-.093 2.188c-.004.086-.067.156-.156.156H1.062c-.046 0-.093 0-.125-.031-.03-.031-.035-.082-.03-.125l.343-5.781c.004-.086.066-.156.156-.156Zm9.25 0c.754 0 1.278.164 1.656.5.383.328.626.847.626 1.437 0 .613-.196 1.129-.532 1.469-.414.426-1.027.656-1.781.656-.09 0-.152.004-.219 0v1.875c0 .09-.097.156-.187.156H9.094c-.09 0-.188-.066-.188-.156v-5.688c0-.074.082-.14.156-.156.426-.078.958-.094 1.594-.094Zm6.531 0c.715 0 1.27.14 1.563.28.066.032.113.118.094.188l-.25 1.031c-.016.047-.047.102-.094.126-.05.023-.11-.008-.156-.032-.235-.113-.535-.219-1.157-.219-1.019 0-1.656.626-1.656 1.688 0 1.063.614 1.719 1.563 1.719.187 0 .312-.016.406-.032v-.906h-.656c-.094 0-.157-.097-.157-.187v-1a.15.15 0 0 1 .157-.156h2.031a.15.15 0 0 1 .156.156v3.031c0 .066-.062.102-.125.125-.449.16-1.152.344-1.843.344-1.02 0-1.801-.262-2.344-.813-.524-.535-.781-1.3-.781-2.187.007-1.918 1.277-3.156 3.25-3.156Zm-6.5 1.28c-.144 0-.246.024-.312.032v1.438c.063.007.152 0 .25 0 .531 0 .844-.293.844-.782 0-.566-.438-.687-.781-.687Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3v3c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H8c-1.105 0-2-.895-2-2v-3h13c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H6V4c0-1.105.895-2 2-2Zm-6.594 9.938H3c.074 0 .137.054.156.124L3.687 14c.118.453.22.895.313 1.344.113-.496.227-.969.344-1.375l.562-1.906a.167.167 0 0 1 .157-.126h1.562c.09 0 .184.07.188.157l.28 5.719c.009.019 0 .042 0 .062a.15.15 0 0 1-.155.156H5.75c-.09 0-.152-.07-.156-.156L5.5 15.687c-.012-.34-.02-.757-.031-1.187-.098.371-.211.73-.313 1.063l-.625 2.25a.167.167 0 0 1-.156.125h-.938a.167.167 0 0 1-.156-.125l-.562-2.22c-.07-.284-.149-.613-.219-.937-.016.356-.047.715-.063 1.031l-.093 2.188c-.004.086-.067.156-.156.156H1.062c-.046 0-.093 0-.125-.031-.03-.031-.035-.082-.03-.125l.343-5.781c.004-.086.066-.156.156-.156Zm9.25 0c.754 0 1.278.164 1.656.5.383.328.626.847.626 1.437 0 .613-.196 1.129-.532 1.469-.414.426-1.027.656-1.781.656-.09 0-.152.004-.219 0v1.875c0 .09-.097.156-.187.156H9.094c-.09 0-.188-.066-.188-.156v-5.688c0-.074.082-.14.156-.156.426-.078.958-.094 1.594-.094Zm6.531 0c.715 0 1.27.14 1.563.28.066.032.113.118.094.188l-.25 1.031c-.016.047-.047.102-.094.126-.05.023-.11-.008-.156-.032-.235-.113-.535-.219-1.157-.219-1.019 0-1.656.626-1.656 1.688 0 1.063.614 1.719 1.563 1.719.187 0 .312-.016.406-.032v-.906h-.656c-.094 0-.157-.097-.157-.187v-1a.15.15 0 0 1 .157-.156h2.031a.15.15 0 0 1 .156.156v3.031c0 .066-.062.102-.125.125-.449.16-1.152.344-1.843.344-1.02 0-1.801-.262-2.344-.813-.524-.535-.781-1.3-.781-2.187.007-1.918 1.277-3.156 3.25-3.156Zm-6.5 1.28c-.144 0-.246.024-.312.032v1.438c.063.007.152 0 .25 0 .531 0 .844-.293.844-.782 0-.566-.438-.687-.781-.687Z'/%3E%3C/svg%3E"); } /* Audio */ ._file_icon_5d425__icon-aac { --icon-color: #039ae6; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.8 0 4 1.8 4 4v7H1c-.602 0-1 .5-1 1v6c0 .5.398 1 1 1h3v3c0 2.2 1.8 4 4 4h12c2.2 0 4-1.8 4-4V8c0-1.102-.988-2.113-2.688-3.813-.3-.199-.511-.488-.812-.687-.2-.3-.488-.512-.688-.813C18.113.988 17.102 0 16 0Zm0 2h7.313c.699.2.687 1.102.687 2v3c0 .602.398 1 1 1h3c1 0 2 0 2 1v13c0 1.102-.898 2-2 2H8c-1.102 0-2-.898-2-2v-3h12c.602 0 1-.5 1-1v-6c0-.5-.398-1-1-1H6V4c0-1.102.898-2 2-2Zm7.813 9.906c.699 0 1.082.082 1.28.281.102 0 .095.118.095.22l-.188 1s.008.093-.094.093h-.093c-.2-.102-.508-.188-.907-.188-.898 0-1.406.586-1.406 1.688 0 1.102.508 1.688 1.406 1.688.301 0 .707-.086.906-.188h.094l.094.094.188 1c0 .101.007.117-.094.218-.2.102-.805.282-1.407.282-1.699 0-2.78-1.2-2.78-3 0-1.899 1.206-3.188 2.905-3.188ZM2.624 12c0-.012.012 0 .063 0h1.5c.101 0 .117-.008.218.094L6 17.813v.093c0 .102-.086.094-.188.094H4.595c-.102 0-.086.008-.188-.094L4 16.5H2.812L2.5 17.906c0 .102-.094.094-.094.094H1.187s-.093.008-.093-.094v-.093l1.593-5.72c-.05-.05-.062-.081-.062-.093Zm6 0c0-.012.012 0 .063 0h1.5c.101 0 .117-.008.218.094L12 17.813v.093c0 .102-.086.094-.188.094H10.5c-.102 0-.086.008-.188-.094L9.906 16.5H8.812L8.5 17.906c0 .102-.094.094-.094.094H7.187s-.093.008-.093-.094v-.093l1.593-5.72c-.05-.05-.062-.081-.062-.093Zm-5.219 1.813c0 .101-.094.273-.094.374l-.312 1h.688l-.282-1c.102-.101.102-.175 0-.374Zm6 0c0 .101-.094.273-.094.374l-.312 1h.688l-.282-1c.102-.101.102-.175 0-.374Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.8 0 4 1.8 4 4v7H1c-.602 0-1 .5-1 1v6c0 .5.398 1 1 1h3v3c0 2.2 1.8 4 4 4h12c2.2 0 4-1.8 4-4V8c0-1.102-.988-2.113-2.688-3.813-.3-.199-.511-.488-.812-.687-.2-.3-.488-.512-.688-.813C18.113.988 17.102 0 16 0Zm0 2h7.313c.699.2.687 1.102.687 2v3c0 .602.398 1 1 1h3c1 0 2 0 2 1v13c0 1.102-.898 2-2 2H8c-1.102 0-2-.898-2-2v-3h12c.602 0 1-.5 1-1v-6c0-.5-.398-1-1-1H6V4c0-1.102.898-2 2-2Zm7.813 9.906c.699 0 1.082.082 1.28.281.102 0 .095.118.095.22l-.188 1s.008.093-.094.093h-.093c-.2-.102-.508-.188-.907-.188-.898 0-1.406.586-1.406 1.688 0 1.102.508 1.688 1.406 1.688.301 0 .707-.086.906-.188h.094l.094.094.188 1c0 .101.007.117-.094.218-.2.102-.805.282-1.407.282-1.699 0-2.78-1.2-2.78-3 0-1.899 1.206-3.188 2.905-3.188ZM2.624 12c0-.012.012 0 .063 0h1.5c.101 0 .117-.008.218.094L6 17.813v.093c0 .102-.086.094-.188.094H4.595c-.102 0-.086.008-.188-.094L4 16.5H2.812L2.5 17.906c0 .102-.094.094-.094.094H1.187s-.093.008-.093-.094v-.093l1.593-5.72c-.05-.05-.062-.081-.062-.093Zm6 0c0-.012.012 0 .063 0h1.5c.101 0 .117-.008.218.094L12 17.813v.093c0 .102-.086.094-.188.094H10.5c-.102 0-.086.008-.188-.094L9.906 16.5H8.812L8.5 17.906c0 .102-.094.094-.094.094H7.187s-.093.008-.093-.094v-.093l1.593-5.72c-.05-.05-.062-.081-.062-.093Zm-5.219 1.813c0 .101-.094.273-.094.374l-.312 1h.688l-.282-1c.102-.101.102-.175 0-.374Zm6 0c0 .101-.094.273-.094.374l-.312 1h.688l-.282-1c.102-.101.102-.175 0-.374Z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-mp3 { --icon-color: #039ae6; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3v3c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H8c-1.105 0-2-.895-2-2v-3h12c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H6V4c0-1.105.895-2 2-2Zm2.875 9.938c.824 0 1.43.171 1.844.5.422.335.656.859.656 1.437 0 .594-.195 1.117-.563 1.469-.445.422-1.128.656-1.968.656-.114 0-.219-.023-.313-.031v1.906c0 .074-.05.156-.125.156H9.125c-.074 0-.156-.082-.156-.156v-5.656c0-.063.062-.145.125-.156a11.216 11.216 0 0 1 1.781-.126ZM1.937 12h1.72c.062 0 .105.035.124.094L4.344 14c.156.582.277 1.11.375 1.563.12-.481.289-1.051.437-1.563l.625-1.906A.134.134 0 0 1 5.906 12h1.688c.07 0 .12.055.125.125l.312 5.719c.008.015.031.011.031.031 0 .074-.082.156-.156.156H6.625c-.07 0-.121-.086-.125-.156l-.094-2.188c-.015-.445-.023-.949-.031-1.468-.125.453-.262.933-.406 1.375l-.719 2.219a.126.126 0 0 1-.125.093h-1A.126.126 0 0 1 4 17.813l-.625-2.22a24.341 24.341 0 0 1-.313-1.25c-.019.477-.035.962-.062 1.376l-.094 2.156c-.004.07-.086.125-.156.125H1.562c-.035 0-.07-.004-.093-.031a.107.107 0 0 1-.032-.094l.344-5.75c.004-.07.086-.125.157-.125Zm13.938.094c1.363 0 1.969.777 1.969 1.531 0 .555-.278 1.008-.782 1.281.59.235.97.746.97 1.375 0 1.098-.97 1.813-2.407 1.813-.785 0-1.402-.207-1.719-.407-.05-.03-.078-.066-.062-.125l.281-1c.012-.039.023-.046.063-.062a.173.173 0 0 1 .124 0c.106.055.649.313 1.22.313.542 0 .874-.22.874-.594 0-.485-.515-.657-.968-.657h-.532c-.074 0-.125-.082-.125-.156v-.937c0-.074.051-.125.125-.125h.5c.086-.004.844-.024.844-.5 0-.281-.258-.438-.688-.438-.445 0-.91.207-1.093.313-.035.02-.055.015-.094 0a.17.17 0 0 1-.094-.094l-.25-.938c-.015-.058-.015-.124.031-.156.344-.219 1.051-.437 1.813-.437Zm-4.938 1.094c-.187 0-.32.019-.406.03v1.5c.078.009.184 0 .313 0 .625 0 .969-.3.969-.812 0-.617-.547-.719-.876-.719Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3v3c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H8c-1.105 0-2-.895-2-2v-3h12c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H6V4c0-1.105.895-2 2-2Zm2.875 9.938c.824 0 1.43.171 1.844.5.422.335.656.859.656 1.437 0 .594-.195 1.117-.563 1.469-.445.422-1.128.656-1.968.656-.114 0-.219-.023-.313-.031v1.906c0 .074-.05.156-.125.156H9.125c-.074 0-.156-.082-.156-.156v-5.656c0-.063.062-.145.125-.156a11.216 11.216 0 0 1 1.781-.126ZM1.937 12h1.72c.062 0 .105.035.124.094L4.344 14c.156.582.277 1.11.375 1.563.12-.481.289-1.051.437-1.563l.625-1.906A.134.134 0 0 1 5.906 12h1.688c.07 0 .12.055.125.125l.312 5.719c.008.015.031.011.031.031 0 .074-.082.156-.156.156H6.625c-.07 0-.121-.086-.125-.156l-.094-2.188c-.015-.445-.023-.949-.031-1.468-.125.453-.262.933-.406 1.375l-.719 2.219a.126.126 0 0 1-.125.093h-1A.126.126 0 0 1 4 17.813l-.625-2.22a24.341 24.341 0 0 1-.313-1.25c-.019.477-.035.962-.062 1.376l-.094 2.156c-.004.07-.086.125-.156.125H1.562c-.035 0-.07-.004-.093-.031a.107.107 0 0 1-.032-.094l.344-5.75c.004-.07.086-.125.157-.125Zm13.938.094c1.363 0 1.969.777 1.969 1.531 0 .555-.278 1.008-.782 1.281.59.235.97.746.97 1.375 0 1.098-.97 1.813-2.407 1.813-.785 0-1.402-.207-1.719-.407-.05-.03-.078-.066-.062-.125l.281-1c.012-.039.023-.046.063-.062a.173.173 0 0 1 .124 0c.106.055.649.313 1.22.313.542 0 .874-.22.874-.594 0-.485-.515-.657-.968-.657h-.532c-.074 0-.125-.082-.125-.156v-.937c0-.074.051-.125.125-.125h.5c.086-.004.844-.024.844-.5 0-.281-.258-.438-.688-.438-.445 0-.91.207-1.093.313-.035.02-.055.015-.094 0a.17.17 0 0 1-.094-.094l-.25-.938c-.015-.058-.015-.124.031-.156.344-.219 1.051-.437 1.813-.437Zm-4.938 1.094c-.187 0-.32.019-.406.03v1.5c.078.009.184 0 .313 0 .625 0 .969-.3.969-.812 0-.617-.547-.719-.876-.719Z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-ogg { --icon-color: #039ae6; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3v3c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H8c-1.105 0-2-.895-2-2v-3h13c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H6V4c0-1.105.895-2 2-2Zm-4.125 9.938c1.938 0 2.813 1.515 2.813 3 0 1.882-1.145 3.093-2.907 3.093-1.664 0-2.75-1.207-2.75-3 0-1.812 1.153-3.094 2.844-3.094Zm7.281.03c.754 0 1.305.141 1.594.282.059.027.11.098.094.156l-.281 1.031c-.012.036-.028.079-.063.094a.173.173 0 0 1-.125 0c-.25-.105-.605-.25-1.25-.25-1.086 0-1.719.63-1.719 1.688 0 1.058.614 1.719 1.625 1.719.227 0 .403-.008.5-.032v-.968h-.75a.123.123 0 0 1-.125-.126v-1c0-.074.055-.124.125-.124h2.125c.07 0 .125.05.125.124v2.97c0 .058-.039.105-.094.124-.46.157-1.222.344-1.937.344-1.05 0-1.82-.277-2.375-.813-.547-.511-.852-1.253-.844-2.125.008-1.867 1.348-3.093 3.375-3.093Zm6 0c.754 0 1.336.141 1.625.282.055.027.078.098.063.156l-.282 1.031c-.011.036-.027.079-.062.094-.035.016-.063.016-.094 0a3.068 3.068 0 0 0-1.281-.25c-1.086 0-1.719.63-1.719 1.688 0 1.058.614 1.719 1.625 1.719.227 0 .403-.008.5-.032v-.968h-.75a.123.123 0 0 1-.125-.126v-1c0-.074.055-.124.125-.124h2.125c.07 0 .125.05.125.124v2.97c0 .058-.039.105-.093.124-.461.157-1.223.344-1.938.344-1.05 0-1.82-.277-2.375-.813-.547-.511-.82-1.253-.813-2.125.008-1.867 1.317-3.093 3.344-3.093Zm-13.312 1.25c-.75 0-1.219.696-1.219 1.782 0 1.063.496 1.75 1.25 1.75.742 0 1.219-.695 1.219-1.781 0-.844-.403-1.75-1.25-1.75Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3v3c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H8c-1.105 0-2-.895-2-2v-3h13c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H6V4c0-1.105.895-2 2-2Zm-4.125 9.938c1.938 0 2.813 1.515 2.813 3 0 1.882-1.145 3.093-2.907 3.093-1.664 0-2.75-1.207-2.75-3 0-1.812 1.153-3.094 2.844-3.094Zm7.281.03c.754 0 1.305.141 1.594.282.059.027.11.098.094.156l-.281 1.031c-.012.036-.028.079-.063.094a.173.173 0 0 1-.125 0c-.25-.105-.605-.25-1.25-.25-1.086 0-1.719.63-1.719 1.688 0 1.058.614 1.719 1.625 1.719.227 0 .403-.008.5-.032v-.968h-.75a.123.123 0 0 1-.125-.126v-1c0-.074.055-.124.125-.124h2.125c.07 0 .125.05.125.124v2.97c0 .058-.039.105-.094.124-.46.157-1.222.344-1.937.344-1.05 0-1.82-.277-2.375-.813-.547-.511-.852-1.253-.844-2.125.008-1.867 1.348-3.093 3.375-3.093Zm6 0c.754 0 1.336.141 1.625.282.055.027.078.098.063.156l-.282 1.031c-.011.036-.027.079-.062.094-.035.016-.063.016-.094 0a3.068 3.068 0 0 0-1.281-.25c-1.086 0-1.719.63-1.719 1.688 0 1.058.614 1.719 1.625 1.719.227 0 .403-.008.5-.032v-.968h-.75a.123.123 0 0 1-.125-.126v-1c0-.074.055-.124.125-.124h2.125c.07 0 .125.05.125.124v2.97c0 .058-.039.105-.093.124-.461.157-1.223.344-1.938.344-1.05 0-1.82-.277-2.375-.813-.547-.511-.82-1.253-.813-2.125.008-1.867 1.317-3.093 3.344-3.093Zm-13.312 1.25c-.75 0-1.219.696-1.219 1.782 0 1.063.496 1.75 1.25 1.75.742 0 1.219-.695 1.219-1.781 0-.844-.403-1.75-1.25-1.75Z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-wav { --icon-color: #039ae6; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.8 0 4 1.8 4 4v7H1c-.602 0-1 .5-1 1v6c0 .5.398 1 1 1h3v3c0 2.2 1.8 4 4 4h12c2.2 0 4-1.8 4-4V8c0-1.102-.988-2.113-2.688-3.813-.3-.199-.511-.488-.812-.687-.2-.3-.488-.512-.688-.813C18.113.988 17.102 0 16 0Zm0 2h7.313c.699.2.687 1.102.687 2v3c0 .602.398 1 1 1h3c1 0 2 0 2 1v3c0-.5-.398-1-1-1H6V4c0-1.102.898-2 2-2Zm6.406 10.094h1.281c.102 0 .126-.008.126.094L16.5 14.5c.102.5.305 1.008.406 1.406.102-.5.207-.906.407-1.406L18 12.187c0-.101.094-.093.094-.093h1.312s.094-.008.094.094v.124l-1.906 5.376c0 .101-.094.125-.094.125h-1.406c-.102 0-.094-.024-.094-.125l-1.688-5.375v-.126ZM2 12.188h1.406c.102 0 .094.023.094.124L4 14.5c.102.398.086.79.188 1.188.101-.399.218-.79.218-1.188l.5-2.188c0-.101.094-.124.094-.124h1.313c.101 0 .093.023.093.124l.407 2.282c.101.3.085.699.187 1 0-.2.094-.395.094-.594l.093-.5.407-2.188c0-.101.093-.124.093-.124h1.407v.124l-1.406 5.376c0 .101.007.125-.094.125H6.312c-.101 0-.125-.024-.125-.125l-.5-2.282c-.101-.3-.085-.605-.187-.906-.102.3-.086.605-.188.906l-.5 2.281c0 .102-.125.125-.125.125h-1.28c-.102 0-.095-.023-.095-.125L2 12.313Zm8.813 0h1.593c.102 0 .094.023.094.124l1.688 5.376c.101 0 .101.023 0 .125l-.094.093h-1.281c-.102 0-.126.008-.126-.093l-.374-1.313H11l-.406 1.313c0 .101-.094.093-.094.093H9.187s-.093.008-.093-.093v-.125l1.594-5.375c0-.102.124-.126.124-.126Zm.78 1.5c0 .199-.093.425-.093.624l-.313 1h.907l-.281-1c-.102-.199-.118-.425-.22-.624ZM22 18v4c0 1.102-.898 2-2 2H8c-1.102 0-2-.898-2-2v-3h15c.602 0 1-.5 1-1Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.8 0 4 1.8 4 4v7H1c-.602 0-1 .5-1 1v6c0 .5.398 1 1 1h3v3c0 2.2 1.8 4 4 4h12c2.2 0 4-1.8 4-4V8c0-1.102-.988-2.113-2.688-3.813-.3-.199-.511-.488-.812-.687-.2-.3-.488-.512-.688-.813C18.113.988 17.102 0 16 0Zm0 2h7.313c.699.2.687 1.102.687 2v3c0 .602.398 1 1 1h3c1 0 2 0 2 1v3c0-.5-.398-1-1-1H6V4c0-1.102.898-2 2-2Zm6.406 10.094h1.281c.102 0 .126-.008.126.094L16.5 14.5c.102.5.305 1.008.406 1.406.102-.5.207-.906.407-1.406L18 12.187c0-.101.094-.093.094-.093h1.312s.094-.008.094.094v.124l-1.906 5.376c0 .101-.094.125-.094.125h-1.406c-.102 0-.094-.024-.094-.125l-1.688-5.375v-.126ZM2 12.188h1.406c.102 0 .094.023.094.124L4 14.5c.102.398.086.79.188 1.188.101-.399.218-.79.218-1.188l.5-2.188c0-.101.094-.124.094-.124h1.313c.101 0 .093.023.093.124l.407 2.282c.101.3.085.699.187 1 0-.2.094-.395.094-.594l.093-.5.407-2.188c0-.101.093-.124.093-.124h1.407v.124l-1.406 5.376c0 .101.007.125-.094.125H6.312c-.101 0-.125-.024-.125-.125l-.5-2.282c-.101-.3-.085-.605-.187-.906-.102.3-.086.605-.188.906l-.5 2.281c0 .102-.125.125-.125.125h-1.28c-.102 0-.095-.023-.095-.125L2 12.313Zm8.813 0h1.593c.102 0 .094.023.094.124l1.688 5.376c.101 0 .101.023 0 .125l-.094.093h-1.281c-.102 0-.126.008-.126-.093l-.374-1.313H11l-.406 1.313c0 .101-.094.093-.094.093H9.187s-.093.008-.093-.093v-.125l1.594-5.375c0-.102.124-.126.124-.126Zm.78 1.5c0 .199-.093.425-.093.624l-.313 1h.907l-.281-1c-.102-.199-.118-.425-.22-.624ZM22 18v4c0 1.102-.898 2-2 2H8c-1.102 0-2-.898-2-2v-3h15c.602 0 1-.5 1-1Z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-wma { --icon-color: #039ae6; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3v3c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v3c0-.55-.45-1-1-1H6V4c0-1.105.895-2 2-2Zm-6.781 9.938h1.25c.078 0 .144.078.156.156L3 14.469c.055.336.105.664.156 1 .055-.336.121-.68.188-1.031l.437-2.344c.016-.074.078-.156.156-.156h1.25c.079 0 .145.082.157.156l.406 2.437c.047.274.086.531.125.813.023-.149.07-.317.094-.469l.062-.438.407-2.343c.015-.074.078-.156.156-.156H7.78c.051 0 .094.023.125.062.032.04.043.11.032.156l-1.313 5.75a.159.159 0 0 1-.156.125H5.187c-.078 0-.144-.047-.156-.125l-.437-2.468c-.04-.243-.059-.47-.094-.688-.04.234-.105.457-.156.688l-.469 2.468a.156.156 0 0 1-.156.125H2.438a.159.159 0 0 1-.157-.125l-1.219-5.75c-.011-.047 0-.12.032-.156a.163.163 0 0 1 .125-.063Zm8.25 0h1.562a.17.17 0 0 1 .156.124l.5 1.938c.114.453.223.926.313 1.375.113-.496.23-.969.344-1.375l.531-1.938c.02-.066.082-.124.156-.124h1.531a.16.16 0 0 1 .157.156L15 17.813c.008.019 0 .042 0 .062 0 .09-.066.156-.156.156h-1.125c-.086 0-.153-.039-.156-.125l-.094-2.218c-.012-.344-.02-.758-.031-1.188-.098.371-.215.762-.313 1.094l-.625 2.25c-.02.07-.082.093-.156.093h-.906c-.075 0-.141-.023-.157-.093l-.531-2.25c-.07-.285-.152-.582-.219-.906-.015.355-.02.683-.031 1l-.125 2.218c-.004.086-.07.125-.156.125H9.156c-.043 0-.094 0-.125-.031s-.035-.082-.031-.125l.313-5.781a.16.16 0 0 1 .156-.156Zm8.25 0h1.531a.17.17 0 0 1 .156.124L21 17.782a.206.206 0 0 1 .031.093c0 .09-.097.156-.187.156h-1.25c-.074 0-.137-.023-.157-.093l-.375-1.375h-1.218l-.344 1.375c-.02.07-.082.093-.156.093h-1.188c-.05 0-.125-.023-.156-.062-.031-.04-.016-.078 0-.125l1.563-5.782a.167.167 0 0 1 .156-.124Zm.718 1.874c-.03.149-.062.31-.093.438l-.25 1h.718l-.28-1c-.036-.133-.06-.29-.095-.438ZM22 18v4c0 1.105-.895 2-2 2H8c-1.105 0-2-.895-2-2v-3h15c.55 0 1-.45 1-1Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3v3c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v3c0-.55-.45-1-1-1H6V4c0-1.105.895-2 2-2Zm-6.781 9.938h1.25c.078 0 .144.078.156.156L3 14.469c.055.336.105.664.156 1 .055-.336.121-.68.188-1.031l.437-2.344c.016-.074.078-.156.156-.156h1.25c.079 0 .145.082.157.156l.406 2.437c.047.274.086.531.125.813.023-.149.07-.317.094-.469l.062-.438.407-2.343c.015-.074.078-.156.156-.156H7.78c.051 0 .094.023.125.062.032.04.043.11.032.156l-1.313 5.75a.159.159 0 0 1-.156.125H5.187c-.078 0-.144-.047-.156-.125l-.437-2.468c-.04-.243-.059-.47-.094-.688-.04.234-.105.457-.156.688l-.469 2.468a.156.156 0 0 1-.156.125H2.438a.159.159 0 0 1-.157-.125l-1.219-5.75c-.011-.047 0-.12.032-.156a.163.163 0 0 1 .125-.063Zm8.25 0h1.562a.17.17 0 0 1 .156.124l.5 1.938c.114.453.223.926.313 1.375.113-.496.23-.969.344-1.375l.531-1.938c.02-.066.082-.124.156-.124h1.531a.16.16 0 0 1 .157.156L15 17.813c.008.019 0 .042 0 .062 0 .09-.066.156-.156.156h-1.125c-.086 0-.153-.039-.156-.125l-.094-2.218c-.012-.344-.02-.758-.031-1.188-.098.371-.215.762-.313 1.094l-.625 2.25c-.02.07-.082.093-.156.093h-.906c-.075 0-.141-.023-.157-.093l-.531-2.25c-.07-.285-.152-.582-.219-.906-.015.355-.02.683-.031 1l-.125 2.218c-.004.086-.07.125-.156.125H9.156c-.043 0-.094 0-.125-.031s-.035-.082-.031-.125l.313-5.781a.16.16 0 0 1 .156-.156Zm8.25 0h1.531a.17.17 0 0 1 .156.124L21 17.782a.206.206 0 0 1 .031.093c0 .09-.097.156-.187.156h-1.25c-.074 0-.137-.023-.157-.093l-.375-1.375h-1.218l-.344 1.375c-.02.07-.082.093-.156.093h-1.188c-.05 0-.125-.023-.156-.062-.031-.04-.016-.078 0-.125l1.563-5.782a.167.167 0 0 1 .156-.124Zm.718 1.874c-.03.149-.062.31-.093.438l-.25 1h.718l-.28-1c-.036-.133-.06-.29-.095-.438ZM22 18v4c0 1.105-.895 2-2 2H8c-1.105 0-2-.895-2-2v-3h15c.55 0 1-.45 1-1Z'/%3E%3C/svg%3E"); } /* Ebook */ ._file_icon_5d425__icon-cbr { --icon-color: #e486aa; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M5 0a3 3 0 0 0-3 3v19c0 2.2 1.8 4 4 4h18v-2H6c-1.117 0-2-.883-2-2 0-1.105.895-2 2-2h18V0Zm4.25 7.719c.723 0 1.14.164 1.25.218.105.055.16.196.125.313l-.156.5a.28.28 0 0 1-.156.156.283.283 0 0 1-.22 0 1.807 1.807 0 0 0-.812-.187c-.996 0-1.594.625-1.594 1.687 0 1.047.575 1.656 1.563 1.656.336 0 .66-.05.875-.156a.253.253 0 0 1 .219 0c.066.031.136.082.156.156l.094.5a.25.25 0 0 1-.125.282c-.239.12-.703.25-1.344.25-1.566 0-2.594-1.051-2.594-2.656 0-1.606 1.121-2.72 2.719-2.72Zm3.938.031c.667 0 1.101.129 1.437.406.313.23.5.606.5 1.031 0 .403-.184.747-.5 1 .367.227.688.626.688 1.22 0 .445-.18.835-.5 1.124-.364.34-.938.531-1.782.531-.488 0-.844-.039-1-.062a.253.253 0 0 1-.219-.25V8.094c0-.117.106-.192.22-.219.288-.07.722-.125 1.155-.125Zm4.656 0c.707 0 1.191.16 1.531.469.29.261.469.633.469 1.062 0 .512-.25.973-.657 1.25.208.203.348.489.438.875.11.473.254 1.078.344 1.25.043.078.047.145 0 .219a.263.263 0 0 1-.219.125h-.625a.25.25 0 0 1-.219-.125c-.058-.11-.16-.332-.343-1.188-.13-.593-.336-.703-.72-.718h-.312v1.781c0 .137-.113.25-.25.25h-.593a.252.252 0 0 1-.25-.25V8.094c0-.121.07-.227.187-.25a7.494 7.494 0 0 1 1.219-.094Zm-4.907.969V9.78h.313c.465 0 .75-.195.75-.531 0-.14 0-.531-.781-.531-.11 0-.2-.008-.281 0Zm4.938 0c-.145 0-.254.023-.344.031V10h.375c.512 0 .813-.25.813-.656 0-.153-.008-.625-.844-.625Zm-4.938 2.031v1.313c.395.019 1.22.023 1.22-.657 0-.597-.68-.656-.97-.656Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M5 0a3 3 0 0 0-3 3v19c0 2.2 1.8 4 4 4h18v-2H6c-1.117 0-2-.883-2-2 0-1.105.895-2 2-2h18V0Zm4.25 7.719c.723 0 1.14.164 1.25.218.105.055.16.196.125.313l-.156.5a.28.28 0 0 1-.156.156.283.283 0 0 1-.22 0 1.807 1.807 0 0 0-.812-.187c-.996 0-1.594.625-1.594 1.687 0 1.047.575 1.656 1.563 1.656.336 0 .66-.05.875-.156a.253.253 0 0 1 .219 0c.066.031.136.082.156.156l.094.5a.25.25 0 0 1-.125.282c-.239.12-.703.25-1.344.25-1.566 0-2.594-1.051-2.594-2.656 0-1.606 1.121-2.72 2.719-2.72Zm3.938.031c.667 0 1.101.129 1.437.406.313.23.5.606.5 1.031 0 .403-.184.747-.5 1 .367.227.688.626.688 1.22 0 .445-.18.835-.5 1.124-.364.34-.938.531-1.782.531-.488 0-.844-.039-1-.062a.253.253 0 0 1-.219-.25V8.094c0-.117.106-.192.22-.219.288-.07.722-.125 1.155-.125Zm4.656 0c.707 0 1.191.16 1.531.469.29.261.469.633.469 1.062 0 .512-.25.973-.657 1.25.208.203.348.489.438.875.11.473.254 1.078.344 1.25.043.078.047.145 0 .219a.263.263 0 0 1-.219.125h-.625a.25.25 0 0 1-.219-.125c-.058-.11-.16-.332-.343-1.188-.13-.593-.336-.703-.72-.718h-.312v1.781c0 .137-.113.25-.25.25h-.593a.252.252 0 0 1-.25-.25V8.094c0-.121.07-.227.187-.25a7.494 7.494 0 0 1 1.219-.094Zm-4.907.969V9.78h.313c.465 0 .75-.195.75-.531 0-.14 0-.531-.781-.531-.11 0-.2-.008-.281 0Zm4.938 0c-.145 0-.254.023-.344.031V10h.375c.512 0 .813-.25.813-.656 0-.153-.008-.625-.844-.625Zm-4.938 2.031v1.313c.395.019 1.22.023 1.22-.657 0-.597-.68-.656-.97-.656Z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-cbz { --icon-color: #e486aa; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M5 0C3.3 0 2 1.3 2 3v19c0 2.21 1.79 4 4 4h18v-2H6c-1.191 0-2-.809-2-2 0-1.102.898-2 2-2h18V0Zm7.531 7.813c.2-.012.406 0 .656 0 .7 0 1.106.074 1.407.375.3.199.5.601.5 1 0 .398-.2.8-.5 1 .398.199.719.617.719 1.218 0 .5-.2.895-.5 1.094-.399.3-1.012.5-1.813.5-.5 0-.8.008-1-.094-.102 0-.188-.117-.188-.219V8.095A.19.19 0 0 1 12 7.906c.148-.05.332-.082.531-.093Zm4.156 0h3.22S20 7.897 20 8v.5L17.594 12h2.218a.19.19 0 0 1 .188.188v.624a.19.19 0 0 1-.188.188h-3.406c-.101 0-.218-.086-.218-.188v-.5l2.406-3.5h-1.907c-.101 0-.187-.117-.187-.218V8a.19.19 0 0 1 .188-.188Zm-7.593.093c.699 0 1.117.188 1.219.188.101.101.195.21.093.312l-.219.5c0 .102-.093.086-.093.188h-.188c0-.301-.293-.406-.594-.406-1 0-1.624.617-1.624 1.718 0 1.102.601 1.688 1.5 1.688.3 0 .707-.086.906-.188h.219c.101 0 .093.086.093.188l.094.5c0 .101.008.21-.094.312-.199.102-.707.281-1.406.281-1.602 0-2.594-.992-2.594-2.593 0-1.602 1.086-2.688 2.688-2.688Zm3.812.782v1.124h.281c.5 0 .813-.226.813-.624 0-.102-.012-.5-.813-.5Zm0 2V12c.399 0 1.188.012 1.188-.688.101-.5-.606-.624-.906-.624Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M5 0C3.3 0 2 1.3 2 3v19c0 2.21 1.79 4 4 4h18v-2H6c-1.191 0-2-.809-2-2 0-1.102.898-2 2-2h18V0Zm7.531 7.813c.2-.012.406 0 .656 0 .7 0 1.106.074 1.407.375.3.199.5.601.5 1 0 .398-.2.8-.5 1 .398.199.719.617.719 1.218 0 .5-.2.895-.5 1.094-.399.3-1.012.5-1.813.5-.5 0-.8.008-1-.094-.102 0-.188-.117-.188-.219V8.095A.19.19 0 0 1 12 7.906c.148-.05.332-.082.531-.093Zm4.156 0h3.22S20 7.897 20 8v.5L17.594 12h2.218a.19.19 0 0 1 .188.188v.624a.19.19 0 0 1-.188.188h-3.406c-.101 0-.218-.086-.218-.188v-.5l2.406-3.5h-1.907c-.101 0-.187-.117-.187-.218V8a.19.19 0 0 1 .188-.188Zm-7.593.093c.699 0 1.117.188 1.219.188.101.101.195.21.093.312l-.219.5c0 .102-.093.086-.093.188h-.188c0-.301-.293-.406-.594-.406-1 0-1.624.617-1.624 1.718 0 1.102.601 1.688 1.5 1.688.3 0 .707-.086.906-.188h.219c.101 0 .093.086.093.188l.094.5c0 .101.008.21-.094.312-.199.102-.707.281-1.406.281-1.602 0-2.594-.992-2.594-2.593 0-1.602 1.086-2.688 2.688-2.688Zm3.812.782v1.124h.281c.5 0 .813-.226.813-.624 0-.102-.012-.5-.813-.5Zm0 2V12c.399 0 1.188.012 1.188-.688.101-.5-.606-.624-.906-.624Z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-epub { --icon-color: #e486aa; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M5 0C3.3 0 2 1.3 2 3v19c0 2.21 1.79 4 4 4h18v-2H6c-1.191 0-2-.809-2-2 0-1.102.898-2 2-2h18V0Zm-.344 7.906c.024-.011.032 0 .032 0h2.718c.102 0 .188.094.188.094v.688c0 .101-.094.124-.094.124H5.687v1h1.72c.1 0 .093.094.093.094v.688c0 .101-.094.094-.094.094H5.688v1.124h1.906c.101 0 .093.094.093.094v.781c0 .102-.093.126-.093.126H4.687c-.101 0-.093-.126-.093-.126V8c0-.05.039-.082.062-.094Zm4.969 0c.21-.011.438 0 .688 0 .699 0 1.101.106 1.5.407.3.3.5.695.5 1.093 0 .5-.208.887-.407 1.188-.398.398-.894.5-1.594.5H10v1.594c0 .101-.094.124-.094.124H9c-.102 0-.094-.124-.094-.124V8.093C8.906 7.992 8.898 8 9 8c.2-.05.414-.082.625-.094Zm3.719 0c.023-.011.062 0 .062 0h.906c.102 0 .094.094.094.094v2.813c0 .601.082 1.187.781 1.187.602 0 .907-.387.907-1.188V8c0-.102.093-.094.093-.094h.907c.101 0 .093.094.093.094v2.688c0 1.398-.699 2.218-2 2.218-.898 0-1.874-.418-1.874-2.219V8c0-.05.007-.082.03-.094Zm5.719 0c.226-.011.5 0 .75 0 .699 0 1.074.082 1.375.282.3.199.5.601.5 1 0 .398-.196.8-.594 1 .398.199.812.617.812 1.218 0 .399-.199.793-.5 1.094-.398.3-1.011.5-1.812.5-.399 0-.696.008-1.094-.094-.102 0-.094-.094-.094-.094V8.095c0-.102-.008-.094.094-.094.148-.05.336-.082.563-.094ZM10 8.813v1.374h.313c.601 0 .874-.289.874-.687 0-.602-.48-.688-.78-.688Zm9.406 0v1.093h.282c.601-.101.906-.293.906-.594 0-.101.02-.5-.782-.5Zm.094 1.874V12h.313c.3 0 .875-.086.875-.688 0-.5-.575-.624-.875-.624Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M5 0C3.3 0 2 1.3 2 3v19c0 2.21 1.79 4 4 4h18v-2H6c-1.191 0-2-.809-2-2 0-1.102.898-2 2-2h18V0Zm-.344 7.906c.024-.011.032 0 .032 0h2.718c.102 0 .188.094.188.094v.688c0 .101-.094.124-.094.124H5.687v1h1.72c.1 0 .093.094.093.094v.688c0 .101-.094.094-.094.094H5.688v1.124h1.906c.101 0 .093.094.093.094v.781c0 .102-.093.126-.093.126H4.687c-.101 0-.093-.126-.093-.126V8c0-.05.039-.082.062-.094Zm4.969 0c.21-.011.438 0 .688 0 .699 0 1.101.106 1.5.407.3.3.5.695.5 1.093 0 .5-.208.887-.407 1.188-.398.398-.894.5-1.594.5H10v1.594c0 .101-.094.124-.094.124H9c-.102 0-.094-.124-.094-.124V8.093C8.906 7.992 8.898 8 9 8c.2-.05.414-.082.625-.094Zm3.719 0c.023-.011.062 0 .062 0h.906c.102 0 .094.094.094.094v2.813c0 .601.082 1.187.781 1.187.602 0 .907-.387.907-1.188V8c0-.102.093-.094.093-.094h.907c.101 0 .093.094.093.094v2.688c0 1.398-.699 2.218-2 2.218-.898 0-1.874-.418-1.874-2.219V8c0-.05.007-.082.03-.094Zm5.719 0c.226-.011.5 0 .75 0 .699 0 1.074.082 1.375.282.3.199.5.601.5 1 0 .398-.196.8-.594 1 .398.199.812.617.812 1.218 0 .399-.199.793-.5 1.094-.398.3-1.011.5-1.812.5-.399 0-.696.008-1.094-.094-.102 0-.094-.094-.094-.094V8.095c0-.102-.008-.094.094-.094.148-.05.336-.082.563-.094ZM10 8.813v1.374h.313c.601 0 .874-.289.874-.687 0-.602-.48-.688-.78-.688Zm9.406 0v1.093h.282c.601-.101.906-.293.906-.594 0-.101.02-.5-.782-.5Zm.094 1.874V12h.313c.3 0 .875-.086.875-.688 0-.5-.575-.624-.875-.624Z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-fb2 { --icon-color: #e486aa; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M5 0C3.3 0 2 1.3 2 3v19c0 2.21 1.79 4 4 4h18v-2H6c-1.191 0-2-.809-2-2 0-1.102.898-2 2-2h18V0Zm2.8 7.898h2.7c.102 0 .098.102.098.102v.7h.101c0 .1-.101.1-.101.1H8.8v1.098h1.601c.098 0 .098.102.098.102v.7c0 .1-.098.1-.098.1H8.801v1.9c0 .1-.102.1-.102.1h-.898c-.102 0-.102-.1-.102-.1V8c0-.102.102-.102.102-.102Zm5.4 0c.698 0 1.1.102 1.398.301.3.2.5.602.5 1 0 .399-.2.801-.598 1 .398.2.8.602.8 1.203 0 .399-.198.797-.5 1.098-.398.3-1 .5-1.8.5-.398 0-.7 0-1.098-.098-.101 0-.101-.101-.101-.101V8.1c0-.101 0-.101.101-.101.297-.102.797-.102 1.297-.102ZM17.7 8c1.198 0 1.6.8 1.6 1.5 0 .8-.5 1.402-1.398 2.3l-.203.102h1.5c.102 0 .102.098.102.098v.7h.199c0 .1-.098.1-.098.1h-3.101c-.102 0-.102-.1-.102-.1v-.602l.5-.5c1.102-1 1.5-1.496 1.5-2.098 0-.3-.097-.602-.699-.602-.3 0-.602.102-.902.403H16.5s-.098 0-.098-.102l-.304-.597V8.5c.5-.3 1.101-.5 1.601-.5Zm-4.9.8v1.098h.298c.601-.097.902-.296.902-.597 0-.102 0-.5-.8-.5Zm.102 1.9V12h.297c.301 0 .899-.098.899-.7 0-.5-.598-.6-.899-.6Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M5 0C3.3 0 2 1.3 2 3v19c0 2.21 1.79 4 4 4h18v-2H6c-1.191 0-2-.809-2-2 0-1.102.898-2 2-2h18V0Zm2.8 7.898h2.7c.102 0 .098.102.098.102v.7h.101c0 .1-.101.1-.101.1H8.8v1.098h1.601c.098 0 .098.102.098.102v.7c0 .1-.098.1-.098.1H8.801v1.9c0 .1-.102.1-.102.1h-.898c-.102 0-.102-.1-.102-.1V8c0-.102.102-.102.102-.102Zm5.4 0c.698 0 1.1.102 1.398.301.3.2.5.602.5 1 0 .399-.2.801-.598 1 .398.2.8.602.8 1.203 0 .399-.198.797-.5 1.098-.398.3-1 .5-1.8.5-.398 0-.7 0-1.098-.098-.101 0-.101-.101-.101-.101V8.1c0-.101 0-.101.101-.101.297-.102.797-.102 1.297-.102ZM17.7 8c1.198 0 1.6.8 1.6 1.5 0 .8-.5 1.402-1.398 2.3l-.203.102h1.5c.102 0 .102.098.102.098v.7h.199c0 .1-.098.1-.098.1h-3.101c-.102 0-.102-.1-.102-.1v-.602l.5-.5c1.102-1 1.5-1.496 1.5-2.098 0-.3-.097-.602-.699-.602-.3 0-.602.102-.902.403H16.5s-.098 0-.098-.102l-.304-.597V8.5c.5-.3 1.101-.5 1.601-.5Zm-4.9.8v1.098h.298c.601-.097.902-.296.902-.597 0-.102 0-.5-.8-.5Zm.102 1.9V12h.297c.301 0 .899-.098.899-.7 0-.5-.598-.6-.899-.6Z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-mobi { --icon-color: #e486aa; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M5 0C3.3 0 2 1.3 2 3v19c0 2.21 1.79 4 4 4h18v-2H6c-1.191 0-2-.809-2-2 0-1.102.898-2 2-2h18V0Zm8.188 7.813c1.398 0 2.312 1 2.312 2.5-.102 1.601-1.008 2.593-2.406 2.593-1.399 0-2.281-1-2.281-2.5s.976-2.594 2.374-2.594Zm-8.094.093h1.093c.102 0 .125-.008.125.094L7 9.906l.313 1.188c.101-.399.175-.79.375-1.188L8.405 8c0-.102.094-.094.094-.094h1.094c.101 0 .094.094.094.094L10 12.688c0 .101-.094.218-.094.218H9c-.102 0-.094-.094-.094-.094l-.094-2V9.688c-.101.398-.21.726-.312 1.124l-.688 2c0 .102-.125.094-.125.094h-.78c-.102 0-.095.008-.095-.094l-.625-2c-.101-.398-.18-.824-.28-1.124 0 .398.007.824-.095 1.124l-.125 1.876c0 .101-.093.124-.093.124h-.907v-.124L5 8Zm11.875 0c.226-.011.468 0 .718 0 .7 0 1.106.082 1.407.282.3.199.5.601.5 1 0 .398-.196.8-.594 1 .398.199.813.617.813 1.218 0 .399-.102.793-.5 1.094-.399.3-1.012.5-1.813.5-.398 0-.695.008-1.094-.094-.101 0-.093-.094-.093-.094V8.095c0-.102-.008-.094.093-.094.149-.05.336-.082.563-.094Zm3.781 0c.023-.011.063 0 .063 0h.875c.101 0 .125.094.125.094v4.688c0 .101-.125.124-.125.124h-.875c-.102 0-.125-.124-.125-.124V8c0-.05.039-.082.062-.094Zm-7.656.907c-.899 0-1.188.894-1.188 1.593 0 .801.387 1.594 1.188 1.594.8 0 1.219-.793 1.219-1.594 0-.8-.418-1.594-1.22-1.594Zm4.219 0v1.093h.28c.602-.101.907-.293.907-.594 0-.101-.012-.5-.813-.5Zm.093 1.874V12h.282c.3 0 .906-.086.906-.688.101-.5-.508-.624-.907-.624Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M5 0C3.3 0 2 1.3 2 3v19c0 2.21 1.79 4 4 4h18v-2H6c-1.191 0-2-.809-2-2 0-1.102.898-2 2-2h18V0Zm8.188 7.813c1.398 0 2.312 1 2.312 2.5-.102 1.601-1.008 2.593-2.406 2.593-1.399 0-2.281-1-2.281-2.5s.976-2.594 2.374-2.594Zm-8.094.093h1.093c.102 0 .125-.008.125.094L7 9.906l.313 1.188c.101-.399.175-.79.375-1.188L8.405 8c0-.102.094-.094.094-.094h1.094c.101 0 .094.094.094.094L10 12.688c0 .101-.094.218-.094.218H9c-.102 0-.094-.094-.094-.094l-.094-2V9.688c-.101.398-.21.726-.312 1.124l-.688 2c0 .102-.125.094-.125.094h-.78c-.102 0-.095.008-.095-.094l-.625-2c-.101-.398-.18-.824-.28-1.124 0 .398.007.824-.095 1.124l-.125 1.876c0 .101-.093.124-.093.124h-.907v-.124L5 8Zm11.875 0c.226-.011.468 0 .718 0 .7 0 1.106.082 1.407.282.3.199.5.601.5 1 0 .398-.196.8-.594 1 .398.199.813.617.813 1.218 0 .399-.102.793-.5 1.094-.399.3-1.012.5-1.813.5-.398 0-.695.008-1.094-.094-.101 0-.093-.094-.093-.094V8.095c0-.102-.008-.094.093-.094.149-.05.336-.082.563-.094Zm3.781 0c.023-.011.063 0 .063 0h.875c.101 0 .125.094.125.094v4.688c0 .101-.125.124-.125.124h-.875c-.102 0-.125-.124-.125-.124V8c0-.05.039-.082.062-.094Zm-7.656.907c-.899 0-1.188.894-1.188 1.593 0 .801.387 1.594 1.188 1.594.8 0 1.219-.793 1.219-1.594 0-.8-.418-1.594-1.22-1.594Zm4.219 0v1.093h.28c.602-.101.907-.293.907-.594 0-.101-.012-.5-.813-.5Zm.093 1.874V12h.282c.3 0 .906-.086.906-.688.101-.5-.508-.624-.907-.624Z'/%3E%3C/svg%3E"); } /* Programming */ ._file_icon_5d425__icon-asc { --icon-color: #00bcd4; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3v3c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H8c-1.102 0-2-.895-2-2v-3h11c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H6V4c0-1.102.898-2 2-2Zm1.313 9.906c.39 0 .75.102.937.219.074.047.11.133.094.219l-.156.781a.23.23 0 0 1-.126.156c-.062.028-.128.004-.187-.031a.997.997 0 0 0-.563-.156c-.402 0-.562.281-.562.5 0 .308.137.441.719.812.734.485 1.094 1.063 1.094 1.781-.004 1.098-.797 1.875-1.938 1.875-.426 0-.922-.125-1.156-.28-.07-.048-.078-.106-.063-.188l.125-.782a.22.22 0 0 1 .125-.156c.063-.027.13-.004.188.032.183.109.539.187.781.187.414 0 .625-.219.625-.594 0-.351-.188-.543-.625-.843-.73-.465-1.156-1.11-1.156-1.75 0-1.067.734-1.782 1.843-1.782Zm4.78 0c.415 0 .708.102.845.188a.205.205 0 0 1 .093.219l-.156.75a.25.25 0 0 1-.125.156.225.225 0 0 1-.188 0c-.109-.055-.203-.094-.437-.094-.496 0-1.031.48-1.031 1.875.004.691.16 1.844 1.062 1.844.184 0 .36-.051.469-.094.059-.023.133 0 .188.031a.207.207 0 0 1 .093.157l.094.75c.012.09-.012.18-.094.218-.215.106-.554.157-.937.157-1.399 0-2.219-1.122-2.219-3 0-2.325 1.258-3.157 2.344-3.157Zm-10.062.063h1.032c.097 0 .199.058.218.156l1.125 5.563c.02.03.032.09.032.125 0 .113-.075.187-.188.187h-.906a.182.182 0 0 1-.188-.156l-.281-1.282h-.781l-.25 1.282c-.02.097-.121.156-.219.156H2.75c-.063 0-.117-.012-.156-.063-.04-.05-.043-.125-.031-.187l1.25-5.625c.019-.094.12-.156.218-.156ZM4.5 14.28c-.008.035.008.063 0 .094l-.219 1.063h.438l-.188-1.063c-.008-.027-.027-.063-.031-.094Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3v3c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H8c-1.102 0-2-.895-2-2v-3h11c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H6V4c0-1.102.898-2 2-2Zm1.313 9.906c.39 0 .75.102.937.219.074.047.11.133.094.219l-.156.781a.23.23 0 0 1-.126.156c-.062.028-.128.004-.187-.031a.997.997 0 0 0-.563-.156c-.402 0-.562.281-.562.5 0 .308.137.441.719.812.734.485 1.094 1.063 1.094 1.781-.004 1.098-.797 1.875-1.938 1.875-.426 0-.922-.125-1.156-.28-.07-.048-.078-.106-.063-.188l.125-.782a.22.22 0 0 1 .125-.156c.063-.027.13-.004.188.032.183.109.539.187.781.187.414 0 .625-.219.625-.594 0-.351-.188-.543-.625-.843-.73-.465-1.156-1.11-1.156-1.75 0-1.067.734-1.782 1.843-1.782Zm4.78 0c.415 0 .708.102.845.188a.205.205 0 0 1 .093.219l-.156.75a.25.25 0 0 1-.125.156.225.225 0 0 1-.188 0c-.109-.055-.203-.094-.437-.094-.496 0-1.031.48-1.031 1.875.004.691.16 1.844 1.062 1.844.184 0 .36-.051.469-.094.059-.023.133 0 .188.031a.207.207 0 0 1 .093.157l.094.75c.012.09-.012.18-.094.218-.215.106-.554.157-.937.157-1.399 0-2.219-1.122-2.219-3 0-2.325 1.258-3.157 2.344-3.157Zm-10.062.063h1.032c.097 0 .199.058.218.156l1.125 5.563c.02.03.032.09.032.125 0 .113-.075.187-.188.187h-.906a.182.182 0 0 1-.188-.156l-.281-1.282h-.781l-.25 1.282c-.02.097-.121.156-.219.156H2.75c-.063 0-.117-.012-.156-.063-.04-.05-.043-.125-.031-.187l1.25-5.625c.019-.094.12-.156.218-.156ZM4.5 14.28c-.008.035.008.063 0 .094l-.219 1.063h.438l-.188-1.063c-.008-.027-.027-.063-.031-.094Z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-css { --icon-color: #00bcd4; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.8 0 4 1.8 4 4v7H1c-.602 0-1 .5-1 1v6c0 .5.398 1 1 1h3v3c0 2.2 1.8 4 4 4h12c2.2 0 4-1.8 4-4V8c0-1.102-.988-2.113-2.688-3.813-.3-.199-.511-.488-.812-.687-.2-.3-.488-.512-.688-.813C18.113.988 17.102 0 16 0Zm0 2h7.313c.699.2.687 1.102.687 2v3c0 .602.398 1 1 1h3c1 0 2 0 2 1v13c0 1.102-.898 2-2 2H8c-1.102 0-2-.898-2-2v-3h11c.602 0 1-.5 1-1v-6c0-.5-.398-1-1-1H6V4c0-1.102.898-2 2-2Zm-3.094 9.906c.7 0 1.207.082 1.407.281l.093.126-.312 1s.008.093-.094.093h-.094c-.199-.101-.5-.219-1-.219-1 0-1.593.618-1.593 1.72 0 1 .593 1.593 1.593 1.593.399 0 .7-.086 1-.188H6v.094l.188 1c0 .102.007.094-.094.094-.301.102-.805.188-1.407.188-1.8 0-2.875-1.083-2.875-2.782 0-1.8 1.196-3 3.094-3Zm4.188 0c.601 0 1.008.082 1.406.281.102 0 .094.126.094.126l-.281 1s-.024.093-.126.093h-.093c-.2-.101-.594-.219-1.094-.219-.5 0-.688.208-.688.407 0 .199.176.394.876.594 1 .398 1.5.917 1.5 1.718.199.899-.395 1.781-2.094 1.781-.7 0-1.293-.175-1.594-.375l-.094-.125.188-1s-.008-.093.093-.093h.125c.301.199.782.312 1.282.312.199 0 .719 0 .719-.5 0-.199-.114-.394-.813-.594-1-.398-1.594-1.019-1.594-1.718 0-1 .887-1.688 2.188-1.688Zm4.719 0c.601 0 .976.082 1.374.281.102 0 .126.126.126.126l-.313 1s.008.093-.094.093h-.094c-.199-.101-.624-.219-1.124-.219-.5 0-.688.208-.688.407 0 .199.207.394.906.594 1 .398 1.5.917 1.5 1.718.2.899-.394 1.781-2.094 1.781-.699 0-1.324-.175-1.624-.375l-.094-.125.219-1s-.008-.093.093-.093H12c.3.199.813.312 1.313.312.199 0 .687 0 .687-.5 0-.199-.113-.394-.813-.594-1-.398-1.593-1.019-1.593-1.718 0-1 .918-1.688 2.219-1.688Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.8 0 4 1.8 4 4v7H1c-.602 0-1 .5-1 1v6c0 .5.398 1 1 1h3v3c0 2.2 1.8 4 4 4h12c2.2 0 4-1.8 4-4V8c0-1.102-.988-2.113-2.688-3.813-.3-.199-.511-.488-.812-.687-.2-.3-.488-.512-.688-.813C18.113.988 17.102 0 16 0Zm0 2h7.313c.699.2.687 1.102.687 2v3c0 .602.398 1 1 1h3c1 0 2 0 2 1v13c0 1.102-.898 2-2 2H8c-1.102 0-2-.898-2-2v-3h11c.602 0 1-.5 1-1v-6c0-.5-.398-1-1-1H6V4c0-1.102.898-2 2-2Zm-3.094 9.906c.7 0 1.207.082 1.407.281l.093.126-.312 1s.008.093-.094.093h-.094c-.199-.101-.5-.219-1-.219-1 0-1.593.618-1.593 1.72 0 1 .593 1.593 1.593 1.593.399 0 .7-.086 1-.188H6v.094l.188 1c0 .102.007.094-.094.094-.301.102-.805.188-1.407.188-1.8 0-2.875-1.083-2.875-2.782 0-1.8 1.196-3 3.094-3Zm4.188 0c.601 0 1.008.082 1.406.281.102 0 .094.126.094.126l-.281 1s-.024.093-.126.093h-.093c-.2-.101-.594-.219-1.094-.219-.5 0-.688.208-.688.407 0 .199.176.394.876.594 1 .398 1.5.917 1.5 1.718.199.899-.395 1.781-2.094 1.781-.7 0-1.293-.175-1.594-.375l-.094-.125.188-1s-.008-.093.093-.093h.125c.301.199.782.312 1.282.312.199 0 .719 0 .719-.5 0-.199-.114-.394-.813-.594-1-.398-1.594-1.019-1.594-1.718 0-1 .887-1.688 2.188-1.688Zm4.719 0c.601 0 .976.082 1.374.281.102 0 .126.126.126.126l-.313 1s.008.093-.094.093h-.094c-.199-.101-.624-.219-1.124-.219-.5 0-.688.208-.688.407 0 .199.207.394.906.594 1 .398 1.5.917 1.5 1.718.2.899-.394 1.781-2.094 1.781-.699 0-1.324-.175-1.624-.375l-.094-.125.219-1s-.008-.093.093-.093H12c.3.199.813.312 1.313.312.199 0 .687 0 .687-.5 0-.199-.113-.394-.813-.594-1-.398-1.593-1.019-1.593-1.718 0-1 .918-1.688 2.219-1.688Z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-csv { --icon-color: #00bcd4; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3v3c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H8c-1.105 0-2-.895-2-2v-3h12c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H6V4c0-1.105.895-2 2-2Zm1.75 9.844c.535 0 1.016.105 1.406.312.067.035.082.117.063.188l-.25 1.062c-.012.047-.047.074-.094.094-.047.02-.113.023-.156 0a2.052 2.052 0 0 0-1-.25c-.36 0-.594.133-.594.375 0 .246.184.398.875.688.98.406 1.438 1 1.438 1.874 0 .903-.594 1.97-2.25 1.97-.641 0-1.262-.22-1.563-.407-.059-.035-.078-.09-.063-.156l.25-1.094c.012-.05.047-.074.094-.094.051-.02.082-.027.125 0 .278.164.75.344 1.219.344.246 0 .656-.063.656-.469 0-.234-.11-.406-.75-.656-1.02-.406-1.531-1.04-1.531-1.875 0-1.117.875-1.906 2.125-1.906Zm-4.906.094c.648 0 1.125.117 1.343.25.06.035.079.12.063.187l-.219 1c-.011.047-.05.074-.093.094a.216.216 0 0 1-.157 0 1.956 1.956 0 0 0-.875-.188C4 13.281 3.47 13.926 3.47 15c0 1.059.527 1.688 1.437 1.688.32 0 .692-.055.907-.157.042-.02.082-.023.125 0a.2.2 0 0 1 .093.125l.157 1c.011.067-.004.125-.063.157-.242.128-.77.28-1.375.28-1.703 0-2.813-1.179-2.813-3 0-1.89 1.16-3.155 2.907-3.155Zm7.781.03h1.281a.17.17 0 0 1 .156.126l.626 2.406c.117.457.218.902.312 1.344.094-.426.195-.871.313-1.313l.656-2.437a.167.167 0 0 1 .156-.125h1.25c.05 0 .094.023.125.062.031.04.016.078 0 .125l-1.719 5.75c-.02.067-.086.125-.156.125h-1.344c-.07 0-.136-.058-.156-.125l-1.656-5.75c-.016-.047 0-.086.031-.125a.157.157 0 0 1 .125-.062Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3v3c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H8c-1.105 0-2-.895-2-2v-3h12c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H6V4c0-1.105.895-2 2-2Zm1.75 9.844c.535 0 1.016.105 1.406.312.067.035.082.117.063.188l-.25 1.062c-.012.047-.047.074-.094.094-.047.02-.113.023-.156 0a2.052 2.052 0 0 0-1-.25c-.36 0-.594.133-.594.375 0 .246.184.398.875.688.98.406 1.438 1 1.438 1.874 0 .903-.594 1.97-2.25 1.97-.641 0-1.262-.22-1.563-.407-.059-.035-.078-.09-.063-.156l.25-1.094c.012-.05.047-.074.094-.094.051-.02.082-.027.125 0 .278.164.75.344 1.219.344.246 0 .656-.063.656-.469 0-.234-.11-.406-.75-.656-1.02-.406-1.531-1.04-1.531-1.875 0-1.117.875-1.906 2.125-1.906Zm-4.906.094c.648 0 1.125.117 1.343.25.06.035.079.12.063.187l-.219 1c-.011.047-.05.074-.093.094a.216.216 0 0 1-.157 0 1.956 1.956 0 0 0-.875-.188C4 13.281 3.47 13.926 3.47 15c0 1.059.527 1.688 1.437 1.688.32 0 .692-.055.907-.157.042-.02.082-.023.125 0a.2.2 0 0 1 .093.125l.157 1c.011.067-.004.125-.063.157-.242.128-.77.28-1.375.28-1.703 0-2.813-1.179-2.813-3 0-1.89 1.16-3.155 2.907-3.155Zm7.781.03h1.281a.17.17 0 0 1 .156.126l.626 2.406c.117.457.218.902.312 1.344.094-.426.195-.871.313-1.313l.656-2.437a.167.167 0 0 1 .156-.125h1.25c.05 0 .094.023.125.062.031.04.016.078 0 .125l-1.719 5.75c-.02.067-.086.125-.156.125h-1.344c-.07 0-.136-.058-.156-.125l-1.656-5.75c-.016-.047 0-.086.031-.125a.157.157 0 0 1 .125-.062Z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-dll { --icon-color: #00bcd4; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8.031 0c-2.203 0-4 1.797-4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3.031v3c0 2.203 1.797 4 4 4H20c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm7.25 1.969c.723.183.719 1.082.719 1.968V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H7.969c-1.106 0-2-.895-2-2v-3H17c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H5.969V4c0-1.105.894-2 2-2Zm-11.594 10c.985 0 1.657.18 2.188.625.602.5.938 1.293.938 2.281 0 1.297-.504 2.016-.907 2.406-.55.512-1.402.782-2.468.782-.63 0-1.051-.024-1.313-.063-.078-.012-.156-.078-.156-.156V12.25c0-.074.082-.145.156-.156a9.245 9.245 0 0 1 1.563-.125Zm4.47.031h1.155c.086 0 .157.066.157.156v4.469h1.844c.09 0 .187.07.187.156v1.063c0 .09-.066.156-.156.156H8.156A.152.152 0 0 1 8 17.844v-5.688c0-.09.066-.156.156-.156Zm5 0h1.155c.09 0 .157.066.157.156v4.469h1.844c.09 0 .187.07.187.156v1.063c0 .09-.098.156-.188.156h-3.156a.154.154 0 0 1-.156-.156v-5.688c0-.09.07-.156.156-.156Zm-9.345 1.25c-.164 0-.296.02-.374.031v3.469c.078.004.175 0 .25 0 .503 0 .894-.145 1.156-.438.285-.312.437-.792.437-1.406 0-1.066-.531-1.656-1.468-1.656Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8.031 0c-2.203 0-4 1.797-4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3.031v3c0 2.203 1.797 4 4 4H20c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm7.25 1.969c.723.183.719 1.082.719 1.968V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H7.969c-1.106 0-2-.895-2-2v-3H17c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H5.969V4c0-1.105.894-2 2-2Zm-11.594 10c.985 0 1.657.18 2.188.625.602.5.938 1.293.938 2.281 0 1.297-.504 2.016-.907 2.406-.55.512-1.402.782-2.468.782-.63 0-1.051-.024-1.313-.063-.078-.012-.156-.078-.156-.156V12.25c0-.074.082-.145.156-.156a9.245 9.245 0 0 1 1.563-.125Zm4.47.031h1.155c.086 0 .157.066.157.156v4.469h1.844c.09 0 .187.07.187.156v1.063c0 .09-.066.156-.156.156H8.156A.152.152 0 0 1 8 17.844v-5.688c0-.09.066-.156.156-.156Zm5 0h1.155c.09 0 .157.066.157.156v4.469h1.844c.09 0 .187.07.187.156v1.063c0 .09-.098.156-.188.156h-3.156a.154.154 0 0 1-.156-.156v-5.688c0-.09.07-.156.156-.156Zm-9.345 1.25c-.164 0-.296.02-.374.031v3.469c.078.004.175 0 .25 0 .503 0 .894-.145 1.156-.438.285-.312.437-.792.437-1.406 0-1.066-.531-1.656-1.468-1.656Z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-html { --icon-color: #00bcd4; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.8 0 4 1.8 4 4v7H1c-.602 0-1 .5-1 1v6c0 .5.398 1 1 1h3v3c0 2.2 1.8 4 4 4h12c2.2 0 4-1.8 4-4V8c0-1.102-.988-2.113-2.688-3.813-.3-.199-.511-.488-.812-.687-.2-.3-.488-.512-.688-.813C18.113.988 17.102 0 16 0Zm0 2h7.313c.699.2.687 1.102.687 2v3c0 .602.398 1 1 1h3c1 0 2 0 2 1v13c0 1.102-.898 2-2 2H8c-1.102 0-2-.898-2-2v-3h14c.602 0 1-.5 1-1v-6c0-.5-.398-1-1-1H6V4c0-1.102.898-2 2-2Zm5.438 10c.023-.012.062 0 .062 0h1.094c.101 0 .094.094.094.094L15 17.5c.102.3.102.313 0 .313h-.906c-.102 0-.094-.125-.094-.125l-.094-1.875v-.72c0 .2-.094.395-.094.595l-.5 1.906c0 .101-.124.093-.124.093H12.5c-.102 0-.094.008-.094-.093L12 15.687c0-.148-.066-.308-.094-.5l-.094 2.407c0 .101-.124.093-.124.093h-1v-.093l.406-5.407c0-.101.094-.093.094-.093H12c.102 0 .094-.008.094.094l.5 2.312c.101.3.117.613.219.813.101-.399.187-.82.187-1.22l.406-2c0-.05.008-.081.031-.093Zm-11.25.188h1c.101 0 .124.124.124.124v2h.782v-2c0-.101.093-.124.093-.124h1c.102 0 .125.124.125.124v5.376h.094c0 .101-.093.125-.093.125h-1c-.102 0-.125-.125-.125-.125v-2.094h-.875v2.094c0 .101-.126.125-.126.125h-1c-.101 0-.093-.125-.093-.125v-5.375c0-.102.094-.126.094-.126Zm4.312 0h3c.102 0 .094.124.094.124v1c0 .102-.094.094-.094.094h-.906v4.281c0 .102-.094.125-.094.125h-1c-.102 0-.094-.125-.094-.125v-4.28H6.5c-.102 0-.094-.095-.094-.095v-1c0-.101.094-.124.094-.124Zm10.094 0h1c.101 0 .093.124.093.124v4.376H19c.102 0 .094.125.094.125v.875c0 .101-.094.125-.094.125h-2.406c-.102 0-.094-.125-.094-.125v-5.375c0-.102.094-.126.094-.126Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.8 0 4 1.8 4 4v7H1c-.602 0-1 .5-1 1v6c0 .5.398 1 1 1h3v3c0 2.2 1.8 4 4 4h12c2.2 0 4-1.8 4-4V8c0-1.102-.988-2.113-2.688-3.813-.3-.199-.511-.488-.812-.687-.2-.3-.488-.512-.688-.813C18.113.988 17.102 0 16 0Zm0 2h7.313c.699.2.687 1.102.687 2v3c0 .602.398 1 1 1h3c1 0 2 0 2 1v13c0 1.102-.898 2-2 2H8c-1.102 0-2-.898-2-2v-3h14c.602 0 1-.5 1-1v-6c0-.5-.398-1-1-1H6V4c0-1.102.898-2 2-2Zm5.438 10c.023-.012.062 0 .062 0h1.094c.101 0 .094.094.094.094L15 17.5c.102.3.102.313 0 .313h-.906c-.102 0-.094-.125-.094-.125l-.094-1.875v-.72c0 .2-.094.395-.094.595l-.5 1.906c0 .101-.124.093-.124.093H12.5c-.102 0-.094.008-.094-.093L12 15.687c0-.148-.066-.308-.094-.5l-.094 2.407c0 .101-.124.093-.124.093h-1v-.093l.406-5.407c0-.101.094-.093.094-.093H12c.102 0 .094-.008.094.094l.5 2.312c.101.3.117.613.219.813.101-.399.187-.82.187-1.22l.406-2c0-.05.008-.081.031-.093Zm-11.25.188h1c.101 0 .124.124.124.124v2h.782v-2c0-.101.093-.124.093-.124h1c.102 0 .125.124.125.124v5.376h.094c0 .101-.093.125-.093.125h-1c-.102 0-.125-.125-.125-.125v-2.094h-.875v2.094c0 .101-.126.125-.126.125h-1c-.101 0-.093-.125-.093-.125v-5.375c0-.102.094-.126.094-.126Zm4.312 0h3c.102 0 .094.124.094.124v1c0 .102-.094.094-.094.094h-.906v4.281c0 .102-.094.125-.094.125h-1c-.102 0-.094-.125-.094-.125v-4.28H6.5c-.102 0-.094-.095-.094-.095v-1c0-.101.094-.124.094-.124Zm10.094 0h1c.101 0 .093.124.093.124v4.376H19c.102 0 .094.125.094.125v.875c0 .101-.094.125-.094.125h-2.406c-.102 0-.094-.125-.094-.125v-5.375c0-.102.094-.126.094-.126Z'/%3E%3C/svg%3E"); } /* Executable */ ._file_icon_5d425__icon-dmg { --icon-color: #a5adda; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3v3c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v3c0-.55-.45-1-1-1H6V4c0-1.105.895-2 2-2Zm-4.281 9.906c.996 0 1.68.207 2.219.656.605.508.906 1.317.906 2.313 0 1.313-.465 2.043-.875 2.438-.555.515-1.422.78-2.5.78-.637 0-1.078-.023-1.344-.062-.078-.011-.156-.078-.156-.156v-5.656c0-.078.082-.145.156-.156a9.033 9.033 0 0 1 1.594-.157Zm14.531 0c.684 0 1.254.14 1.531.281.067.032.078.114.063.188l-.25 1.063c-.012.046-.016.074-.063.093-.047.02-.113.024-.156 0-.223-.113-.531-.219-1.125-.219-.973 0-1.531.622-1.531 1.688 0 1.066.562 1.719 1.468 1.719.18 0 .317-.012.407-.032v-.906h-.657c-.09 0-.156-.097-.156-.187v-1c0-.09.067-.156.157-.156h1.937c.09 0 .156.066.156.156v3.031c0 .066-.062.133-.125.156a5.197 5.197 0 0 1-1.75.313c-.968 0-1.703-.262-2.218-.813-.497-.539-.782-1.328-.782-2.218.008-1.926 1.219-3.157 3.094-3.157Zm-9.813.063h1.594c.074 0 .137.054.156.125l.5 1.906c.114.45.223.926.313 1.375.113-.492.23-.973.344-1.375l.562-1.906a.17.17 0 0 1 .156-.125h1.532c.086 0 .183.07.187.156l.25 5.719c.008.015.031.011.031.031 0 .094-.066.188-.156.188H12.75c-.09 0-.184-.07-.188-.157l-.062-2.218c-.012-.34-.023-.727-.031-1.157-.102.375-.211.735-.313 1.063l-.625 2.25a.167.167 0 0 1-.156.125h-.938a.163.163 0 0 1-.156-.125l-.562-2.25c-.07-.281-.149-.582-.219-.906-.016.355-.016.718-.031 1.03l-.094 2.188c-.004.086-.102.157-.188.157H8.095c-.047 0-.063-.032-.094-.063s-.066-.082-.063-.125l.344-5.75a.16.16 0 0 1 .156-.156ZM3.47 13.25v3.5c.078.004.172.031.25.031.511 0 .89-.172 1.156-.468.285-.317.438-.782.438-1.407 0-1.074-.516-1.656-1.47-1.656-.16 0-.292-.012-.374 0ZM22 18v4c0 1.105-.895 2-2 2H8c-1.105 0-2-.895-2-2v-3h15c.55 0 1-.45 1-1Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3v3c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v3c0-.55-.45-1-1-1H6V4c0-1.105.895-2 2-2Zm-4.281 9.906c.996 0 1.68.207 2.219.656.605.508.906 1.317.906 2.313 0 1.313-.465 2.043-.875 2.438-.555.515-1.422.78-2.5.78-.637 0-1.078-.023-1.344-.062-.078-.011-.156-.078-.156-.156v-5.656c0-.078.082-.145.156-.156a9.033 9.033 0 0 1 1.594-.157Zm14.531 0c.684 0 1.254.14 1.531.281.067.032.078.114.063.188l-.25 1.063c-.012.046-.016.074-.063.093-.047.02-.113.024-.156 0-.223-.113-.531-.219-1.125-.219-.973 0-1.531.622-1.531 1.688 0 1.066.562 1.719 1.468 1.719.18 0 .317-.012.407-.032v-.906h-.657c-.09 0-.156-.097-.156-.187v-1c0-.09.067-.156.157-.156h1.937c.09 0 .156.066.156.156v3.031c0 .066-.062.133-.125.156a5.197 5.197 0 0 1-1.75.313c-.968 0-1.703-.262-2.218-.813-.497-.539-.782-1.328-.782-2.218.008-1.926 1.219-3.157 3.094-3.157Zm-9.813.063h1.594c.074 0 .137.054.156.125l.5 1.906c.114.45.223.926.313 1.375.113-.492.23-.973.344-1.375l.562-1.906a.17.17 0 0 1 .156-.125h1.532c.086 0 .183.07.187.156l.25 5.719c.008.015.031.011.031.031 0 .094-.066.188-.156.188H12.75c-.09 0-.184-.07-.188-.157l-.062-2.218c-.012-.34-.023-.727-.031-1.157-.102.375-.211.735-.313 1.063l-.625 2.25a.167.167 0 0 1-.156.125h-.938a.163.163 0 0 1-.156-.125l-.562-2.25c-.07-.281-.149-.582-.219-.906-.016.355-.016.718-.031 1.03l-.094 2.188c-.004.086-.102.157-.188.157H8.095c-.047 0-.063-.032-.094-.063s-.066-.082-.063-.125l.344-5.75a.16.16 0 0 1 .156-.156ZM3.47 13.25v3.5c.078.004.172.031.25.031.511 0 .89-.172 1.156-.468.285-.317.438-.782.438-1.407 0-1.074-.516-1.656-1.47-1.656-.16 0-.292-.012-.374 0ZM22 18v4c0 1.105-.895 2-2 2H8c-1.105 0-2-.895-2-2v-3h15c.55 0 1-.45 1-1Z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-exe { --icon-color: #a5adda; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3v3c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H8c-1.105 0-2-.895-2-2v-3h12c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H6V4c0-1.105.895-2 2-2Zm-5.875 9.969h3.156c.09 0 .157.097.157.187v1.031c0 .09-.067.157-.157.157H3.438v.875h1.718c.09 0 .157.066.157.156v1.063a.154.154 0 0 1-.157.156H3.438v1.031h1.937c.09 0 .156.066.156.156v1.063c0 .09-.066.156-.156.156h-3.25a.152.152 0 0 1-.156-.156v-5.688c0-.09.066-.187.156-.187Zm4.719 0h1.343c.063 0 .098.066.126.125l.468 1.031c.09.2.145.375.219.563.066-.188.14-.36.219-.563l.437-1.031c.024-.059.094-.125.156-.125h1.313c.055 0 .098.047.125.094a.17.17 0 0 1 0 .156l-1.406 2.719 1.469 2.78c.027.028.03.083.03.126 0 .09-.066.156-.155.156H9.874c-.063 0-.133-.035-.156-.094l-.469-1.031a20.94 20.94 0 0 1-.313-.688c-.062.157-.113.317-.187.5l-.5 1.22c-.023.062-.059.093-.125.093H6.812c-.054 0-.125-.016-.156-.063a.17.17 0 0 1 0-.156l1.438-2.812-1.375-2.75a.17.17 0 0 1 0-.156c.027-.047.07-.094.125-.094Zm6.312 0h3.125c.09 0 .157.097.157.187v1.031c0 .09-.067.157-.157.157H14.47v.875h1.719c.09 0 .156.066.156.156v1.063a.154.154 0 0 1-.157.156H14.47v1.031h1.937c.09 0 .157.066.157.156v1.063c0 .09-.067.156-.157.156h-3.25a.152.152 0 0 1-.156-.156v-5.688c0-.09.066-.187.156-.187Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.797 0 4 1.797 4 4v7H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h3v3c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C18.071 1.004 17.063 0 16 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H8c-1.105 0-2-.895-2-2v-3h12c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H6V4c0-1.105.895-2 2-2Zm-5.875 9.969h3.156c.09 0 .157.097.157.187v1.031c0 .09-.067.157-.157.157H3.438v.875h1.718c.09 0 .157.066.157.156v1.063a.154.154 0 0 1-.157.156H3.438v1.031h1.937c.09 0 .156.066.156.156v1.063c0 .09-.066.156-.156.156h-3.25a.152.152 0 0 1-.156-.156v-5.688c0-.09.066-.187.156-.187Zm4.719 0h1.343c.063 0 .098.066.126.125l.468 1.031c.09.2.145.375.219.563.066-.188.14-.36.219-.563l.437-1.031c.024-.059.094-.125.156-.125h1.313c.055 0 .098.047.125.094a.17.17 0 0 1 0 .156l-1.406 2.719 1.469 2.78c.027.028.03.083.03.126 0 .09-.066.156-.155.156H9.874c-.063 0-.133-.035-.156-.094l-.469-1.031a20.94 20.94 0 0 1-.313-.688c-.062.157-.113.317-.187.5l-.5 1.22c-.023.062-.059.093-.125.093H6.812c-.054 0-.125-.016-.156-.063a.17.17 0 0 1 0-.156l1.438-2.812-1.375-2.75a.17.17 0 0 1 0-.156c.027-.047.07-.094.125-.094Zm6.312 0h3.125c.09 0 .157.097.157.187v1.031c0 .09-.067.157-.157.157H14.47v.875h1.719c.09 0 .156.066.156.156v1.063a.154.154 0 0 1-.157.156H14.47v1.031h1.937c.09 0 .157.066.157.156v1.063c0 .09-.067.156-.157.156h-3.25a.152.152 0 0 1-.156-.156v-5.688c0-.09.066-.187.156-.187Z'/%3E%3C/svg%3E"); } /* Font */ ._file_icon_5d425__icon-otf { --icon-color: #a5adda; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.8 0 4 1.8 4 4v7H1c-.602 0-1 .5-1 1v6c0 .5.398 1 1 1h3v3c0 2.2 1.8 4 4 4h12c2.2 0 4-1.8 4-4V8c0-1.102-.988-2.113-2.688-3.813-.3-.199-.511-.488-.812-.687-.2-.3-.488-.512-.688-.813C18.113.988 17.102 0 16 0Zm0 2h7.313c.699.2.687 1.102.687 2v3c0 .602.398 1 1 1h3c1 0 2 0 2 1v13c0 1.102-.898 2-2 2H8c-1.102 0-2-.898-2-2v-3h12c.602 0 1-.5 1-1v-6c0-.5-.398-1-1-1H6V4c0-1.102.898-2 2-2ZM4.687 12.094c1.602 0 2.72 1.105 2.72 2.906 0 1.7-1.118 2.906-2.72 2.906C3.087 17.906 2 16.7 2 15c0-1.7 1.086-2.906 2.688-2.906Zm8.5 0H16.5c.102 0 .094.094.094.094v1.124H16.5c0 .102-.094.094-.094.094H14.5v1h1.813c.101 0 .093.094.093.094v1c0 .102-.093.094-.093.094H14.5v2c0 .101-.094.093-.094.093h-1.219c-.101 0-.093-.093-.093-.093v-5.407c0-.101.094-.093.094-.093Zm-5.28.094H12c.102 0 .094.124.094.124v1c0 .102-.094.094-.094.094h-1.313v4.188c0 .101-.093.093-.093.093H9.313c-.102 0-.126-.093-.126-.093v-4.188h-1.28c-.102 0-.095-.094-.095-.094v-1c0-.101.094-.124.094-.124Zm-3.22 1.124C3.989 13.313 3.5 14 3.5 15s.488 1.688 1.188 1.688c.699 0 1.218-.688 1.218-1.688 0-.8-.418-1.688-1.218-1.688Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.8 0 4 1.8 4 4v7H1c-.602 0-1 .5-1 1v6c0 .5.398 1 1 1h3v3c0 2.2 1.8 4 4 4h12c2.2 0 4-1.8 4-4V8c0-1.102-.988-2.113-2.688-3.813-.3-.199-.511-.488-.812-.687-.2-.3-.488-.512-.688-.813C18.113.988 17.102 0 16 0Zm0 2h7.313c.699.2.687 1.102.687 2v3c0 .602.398 1 1 1h3c1 0 2 0 2 1v13c0 1.102-.898 2-2 2H8c-1.102 0-2-.898-2-2v-3h12c.602 0 1-.5 1-1v-6c0-.5-.398-1-1-1H6V4c0-1.102.898-2 2-2ZM4.687 12.094c1.602 0 2.72 1.105 2.72 2.906 0 1.7-1.118 2.906-2.72 2.906C3.087 17.906 2 16.7 2 15c0-1.7 1.086-2.906 2.688-2.906Zm8.5 0H16.5c.102 0 .094.094.094.094v1.124H16.5c0 .102-.094.094-.094.094H14.5v1h1.813c.101 0 .093.094.093.094v1c0 .102-.093.094-.093.094H14.5v2c0 .101-.094.093-.094.093h-1.219c-.101 0-.093-.093-.093-.093v-5.407c0-.101.094-.093.094-.093Zm-5.28.094H12c.102 0 .094.124.094.124v1c0 .102-.094.094-.094.094h-1.313v4.188c0 .101-.093.093-.093.093H9.313c-.102 0-.126-.093-.126-.093v-4.188h-1.28c-.102 0-.095-.094-.095-.094v-1c0-.101.094-.124.094-.124Zm-3.22 1.124C3.989 13.313 3.5 14 3.5 15s.488 1.688 1.188 1.688c.699 0 1.218-.688 1.218-1.688 0-.8-.418-1.688-1.218-1.688Z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-ttf { --icon-color: #a5adda; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.8 0 4 1.8 4 4v7H1c-.602 0-1 .5-1 1v6c0 .5.398 1 1 1h3v3c0 2.2 1.8 4 4 4h12c2.2 0 4-1.8 4-4V8c0-1.102-.988-2.113-2.688-3.813-.3-.199-.511-.488-.812-.687-.2-.3-.488-.512-.688-.813C18.113.988 17.102 0 16 0Zm0 2h7.313c.699.2.687 1.102.687 2v3c0 .602.398 1 1 1h3c1 0 2 0 2 1v13c0 1.102-.898 2-2 2H8c-1.102 0-2-.898-2-2v-3h11c.602 0 1-.5 1-1v-6c0-.5-.398-1-1-1H6V4c0-1.102.898-2 2-2ZM2 12.313h4.094v1H4.687v4.374H3.5v-4.375H2Zm5 0h4.094v1h-1.5v4.374H8.406v-4.375H7Zm5.094 0h3.312v1h-2.094V14.5h1.876v1h-1.876v2.188h-1.218Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.8 0 4 1.8 4 4v7H1c-.602 0-1 .5-1 1v6c0 .5.398 1 1 1h3v3c0 2.2 1.8 4 4 4h12c2.2 0 4-1.8 4-4V8c0-1.102-.988-2.113-2.688-3.813-.3-.199-.511-.488-.812-.687-.2-.3-.488-.512-.688-.813C18.113.988 17.102 0 16 0Zm0 2h7.313c.699.2.687 1.102.687 2v3c0 .602.398 1 1 1h3c1 0 2 0 2 1v13c0 1.102-.898 2-2 2H8c-1.102 0-2-.898-2-2v-3h11c.602 0 1-.5 1-1v-6c0-.5-.398-1-1-1H6V4c0-1.102.898-2 2-2ZM2 12.313h4.094v1H4.687v4.374H3.5v-4.375H2Zm5 0h4.094v1h-1.5v4.374H8.406v-4.375H7Zm5.094 0h3.312v1h-2.094V14.5h1.876v1h-1.876v2.188h-1.218Z'/%3E%3C/svg%3E"); } ._file_icon_5d425__icon-woff, ._file_icon_5d425__icon-woff2 { --icon-color: #a5adda; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.8 0 4 1.8 4 4v7H1c-.602 0-1 .5-1 1v6c0 .5.398 1 1 1h3v3c0 2.2 1.8 4 4 4h12c2.2 0 4-1.8 4-4V8c0-1.102-.988-2.113-2.688-3.813-.3-.199-.511-.488-.812-.687-.2-.3-.488-.512-.688-.813C18.113.988 17.102 0 16 0Zm0 2h7.313c.699.2.687 1.102.687 2v3c0 .602.398 1 1 1h3c1 0 2 0 2 1v13c0 1.102-.898 2-2 2H8c-1.102 0-2-.898-2-2v-3h14c.602 0 1-.5 1-1v-6c0-.5-.398-1-1-1H6V4c0-1.102.898-2 2-2Zm1.906 10.094c1.102 0 1.781 1.011 1.781 2.812-.101 2.602-1.175 3-1.874 3C8.71 17.906 8 16.801 8 15c0-1.7.707-2.906 1.906-2.906Zm2.688 0h2.312c.102 0 .094.094.094.094v1c0 .101-.094.124-.094.124h-1.219v1.094h1.126c.101 0 .093.094.093.094v.906c0 .102-.094.094-.094.094h-1.124v2.094c0 .101-.094.093-.094.093h-1c-.102 0-.094-.093-.094-.093v-5.407c0-.101.094-.093.094-.093Zm3.594 0H18.5c.102 0 .094.094.094.094v1c0 .101-.094.124-.094.124h-1.188v1.094h1.094c.102 0 .094.094.094.094v.906c0 .102-.094.094-.094.094h-1.093v2.094c0 .101-.125.093-.125.093h-1c-.102 0-.094-.093-.094-.093v-5.407c0-.101.093-.093.093-.093ZM2 12.188h1.188c.101 0 .124.023.124.124l.282 2.188c0 .3.094.605.094.906 0-.199.124-.3.124-.5 0-.101.094-.3.094-.5l.406-2.094c0-.101.094-.124.094-.124h.782c.101 0 .125.023.125.124l.375 2.188c0 .3.125.512.125.813 0-.301.093-.606.093-.907l.282-2.094c0-.101.125-.124.125-.124h1.093v.124L6.5 17.689c0 .101-.094.125-.094.125H5.313c-.102 0-.125-.024-.125-.125l-.282-1.782c0-.3-.093-.605-.093-.906-.102.3-.118.605-.22.906l-.405 1.781c0 .102-.094.125-.094.125H3c-.102 0-.094-.023-.094-.125L2 12.313Zm7.813 1.124c-.301 0-.5.688-.5 1.688 0 1.102.199 1.688.5 1.688.3 0 .5-.68.5-1.782 0-1-.2-1.594-.5-1.594Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 0C5.8 0 4 1.8 4 4v7H1c-.602 0-1 .5-1 1v6c0 .5.398 1 1 1h3v3c0 2.2 1.8 4 4 4h12c2.2 0 4-1.8 4-4V8c0-1.102-.988-2.113-2.688-3.813-.3-.199-.511-.488-.812-.687-.2-.3-.488-.512-.688-.813C18.113.988 17.102 0 16 0Zm0 2h7.313c.699.2.687 1.102.687 2v3c0 .602.398 1 1 1h3c1 0 2 0 2 1v13c0 1.102-.898 2-2 2H8c-1.102 0-2-.898-2-2v-3h14c.602 0 1-.5 1-1v-6c0-.5-.398-1-1-1H6V4c0-1.102.898-2 2-2Zm1.906 10.094c1.102 0 1.781 1.011 1.781 2.812-.101 2.602-1.175 3-1.874 3C8.71 17.906 8 16.801 8 15c0-1.7.707-2.906 1.906-2.906Zm2.688 0h2.312c.102 0 .094.094.094.094v1c0 .101-.094.124-.094.124h-1.219v1.094h1.126c.101 0 .093.094.093.094v.906c0 .102-.094.094-.094.094h-1.124v2.094c0 .101-.094.093-.094.093h-1c-.102 0-.094-.093-.094-.093v-5.407c0-.101.094-.093.094-.093Zm3.594 0H18.5c.102 0 .094.094.094.094v1c0 .101-.094.124-.094.124h-1.188v1.094h1.094c.102 0 .094.094.094.094v.906c0 .102-.094.094-.094.094h-1.093v2.094c0 .101-.125.093-.125.093h-1c-.102 0-.094-.093-.094-.093v-5.407c0-.101.093-.093.093-.093ZM2 12.188h1.188c.101 0 .124.023.124.124l.282 2.188c0 .3.094.605.094.906 0-.199.124-.3.124-.5 0-.101.094-.3.094-.5l.406-2.094c0-.101.094-.124.094-.124h.782c.101 0 .125.023.125.124l.375 2.188c0 .3.125.512.125.813 0-.301.093-.606.093-.907l.282-2.094c0-.101.125-.124.125-.124h1.093v.124L6.5 17.689c0 .101-.094.125-.094.125H5.313c-.102 0-.125-.024-.125-.125l-.282-1.782c0-.3-.093-.605-.093-.906-.102.3-.118.605-.22.906l-.405 1.781c0 .102-.094.125-.094.125H3c-.102 0-.094-.023-.094-.125L2 12.313Zm7.813 1.124c-.301 0-.5.688-.5 1.688 0 1.102.199 1.688.5 1.688.3 0 .5-.68.5-1.782 0-1-.2-1.594-.5-1.594Z'/%3E%3C/svg%3E"); } @keyframes _flashes_c369e__flashes-slide-in { 0% { transform: translateX(calc(-100% - 1rem)); } 100% { transform: translateX(0%); } } ._flashes_c369e__FlashesCell { bottom: 0; left: 0; list-style: none; margin: 0 0 0.5rem; padding: 0; position: fixed; right: 0; width: -moz-fit-content; width: fit-content; } ._flashes_c369e__flash { align-items: center; backdrop-filter: blur(8px); background: hsl(var(--white)); border-radius: 0.45rem; border-width: 0 1px; color: white; display: flex; margin: 0 1rem 0.5rem 1rem; overflow: hidden; padding-left: 1.5rem; padding-right: 1.5rem; position: relative; transition: opacity 0.4s ease; width: -moz-fit-content; width: fit-content; } ._flashes_c369e__flash._flashes_c369e__closing { opacity: 0; } ._flashes_c369e__flash._flashes_c369e__slide-in { animation: _flashes_c369e__flashes-slide-in 0.2s ease-out 0.4s; animation-fill-mode: backwards; } ._flashes_c369e__message { flex: 1; font-size: 1.1rem; font-weight: 400; line-height: 1.2; padding: 1rem 1.5rem 1rem 0.5rem; } ._flashes_c369e__close { background: none; border: 0; color: white; cursor: pointer; font-size: 1.5rem; font-weight: 600; line-height: var(--line-height-small); margin-right: -0.5rem; opacity: 0.8; padding: 0.6rem; position: absolute; right: 1.2rem; top: 0.3rem; transition: opacity 0.12s ease; } ._flashes_c369e__close:hover { opacity: 1; } ._flashes_c369e__info { background: rgba(0, 0, 0, 0.7); } ._flashes_c369e__error { background: hsl(var(--danger) / 0.7); } ._flashes_c369e__template { display: none; } ._forgot_password_77b09__header { margin: 0 0 50px; } ._forgot_password_77b09__title { color: hsl(var(--primary)); font-size: var(--font-size-heading-large); font-style: normal; font-weight: 300; margin: 0 0 10px; } @media only screen and (min-width: 768px) { ._forgot_password_77b09__title { font-size: var(--font-size-heading-extra-large) } } ._forgot_password_77b09__subtitle { color: hsl(var(--primary)); font-size: var(--font-size-heading-small); font-style: normal; font-weight: 300; margin: 0; } @media only screen and (min-width: 768px) { ._forgot_password_77b09__form { margin-top: 150px } } ._forgot_password_77b09__submit { margin-bottom: 15px; margin-top: 50px; text-align: center; } ._checkbox_set_b2d80__Form-CheckboxSetCell { margin-bottom: 25px; } ._checkbox_set_b2d80__label { cursor: pointer; display: inline-block; position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none; } ._checkbox_set_b2d80__input { left: 0; opacity: 0; position: absolute; top: 0; } ._checkbox_set_b2d80__input:checked~._checkbox_set_b2d80__icon { background: hsl(var(--form-input-focus)); border-color: hsl(var(--form-input-focus)); } ._checkbox_set_b2d80__input:checked~._checkbox_set_b2d80__icon::before { opacity: 1; } ._checkbox_set_b2d80__input:focus~._checkbox_set_b2d80__icon { outline: 5px auto hsl(var(--form-input-focus)); } [data-whatinput="mouse"] ._checkbox_set_b2d80__input:focus~._checkbox_set_b2d80__icon { outline: none; } ._checkbox_set_b2d80__icon { background: hsl(var(--white)); border: 2px solid hsl(var(--form-label)); border-radius: 3px; color: hsl(var(--white)); display: inline-block; height: 20px; text-align: center; transition: background 0.1s ease-in, border 0.1s ease-in, color 0.1s ease-in; width: 20px; } ._checkbox_set_b2d80__icon::before { font-size: 17px; opacity: 0; transition: opacity 0.1s ease-in; } ._checkbox_set_b2d80__text { color: hsl(var(--text)); margin-left: 5px; } ._checkbox_set_b2d80__variant-disabled ._checkbox_set_b2d80__label { cursor: not-allowed; opacity: 0.5; } ._checkbox_set_b2d80__variant-disabled ._checkbox_set_b2d80__input:checked~._checkbox_set_b2d80__icon { background: hsl(var(--gray40)); border-color: hsl(var(--gray40)); } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__input-border, ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__textarea-border { background: white; border: 1px solid hsl(var(--border)); border-radius: 0.3rem; cursor: text; position: relative; transition: border-color 0.15s; } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__disabled { background-color: hsl(var(--form-input-disabled-background)); } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__disabled ._copy_to_clipboard_0f985__button { background: hsl(var(--gray80)); color: hsl(var(--form-input-disabled-text)); } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__input, ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__textarea { border-radius: 0; color: hsl(var(--text)); font-family: var(--font-family-base); font-size: var(--font-size-base-mobile); outline: none; position: relative; transition: border-color 0.15s ease-in; vertical-align: middle; width: 100%; } @media only screen and (min-width: 1200px) { ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__input, ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__textarea { font-size: var(--font-size-base); } } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__input::-moz-placeholder, ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__textarea::-moz-placeholder { color: hsl(var(--form-input-placeholder)); font-weight: 300; opacity: 1; } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__input::placeholder, ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__textarea::placeholder { color: hsl(var(--form-input-placeholder)); font-weight: 300; opacity: 1; } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__input:focus, ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__textarea:focus { border-color: hsl(var(--primary)); } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__input:disabled, ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__textarea:disabled { color: hsl(var(--text) / 0.6); cursor: not-allowed; } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__input, ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__textarea { --input-height: 50px; background-color: hsl(var(--form-input-background)); border: none; height: 50px; height: var(--input-height); line-height: var(--line-height-small); padding: 10px 0.75em; } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__input:disabled, ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__input[readonly], ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__textarea:disabled, ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__textarea[readonly] { background-color: hsl(var(--form-input-disabled-background)); } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__input, ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__textarea { flex: 1; line-height: 1.5em; } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__input[readonly], ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__textarea[readonly] { background: white; } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__input::-moz-selection, ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__textarea::-moz-selection { background: hsl(var(--primary) / 0.15); } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__input::selection, ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__textarea::selection { background: hsl(var(--primary) / 0.15); } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__button { background: hsl(var(--primary-h) var(--primary-s) 95%); border: none; color: hsl(var(--primary)); font-weight: 700; position: relative; } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__button .icon-check { align-items: center; display: none; top: 0; right: 0; bottom: 0; left: 0; justify-content: center; margin-right: 0; position: absolute; } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__button:not([disabled]):hover { background-color: hsl(var(--primary)); border-color: hsl(var(--primary)); color: hsl(var(--white)); } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell:has(._copy_to_clipboard_0f985__input:focus) ._copy_to_clipboard_0f985__label, ._copy_to_clipboard_0f985__Form-CopyToClipboardCell:has(._copy_to_clipboard_0f985__textarea:focus) ._copy_to_clipboard_0f985__label { color: hsl(var(--primary)); } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell:has(._copy_to_clipboard_0f985__input:focus) ._copy_to_clipboard_0f985__input-border, ._copy_to_clipboard_0f985__Form-CopyToClipboardCell:has(._copy_to_clipboard_0f985__input:focus) ._copy_to_clipboard_0f985__textarea-border, ._copy_to_clipboard_0f985__Form-CopyToClipboardCell:has(._copy_to_clipboard_0f985__textarea:focus) ._copy_to_clipboard_0f985__input-border, ._copy_to_clipboard_0f985__Form-CopyToClipboardCell:has(._copy_to_clipboard_0f985__textarea:focus) ._copy_to_clipboard_0f985__textarea-border { border-color: hsl(var(--primary)); } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell._copy_to_clipboard_0f985__copy-success ._copy_to_clipboard_0f985__text-span { opacity: 0; } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell._copy_to_clipboard_0f985__copy-success .icon-check { color: hsl(var(--success)); display: flex; } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell._copy_to_clipboard_0f985__copy-success ._copy_to_clipboard_0f985__button:hover { background-color: hsl(var(--success)); border-color: hsl(var(--success)); } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell._copy_to_clipboard_0f985__copy-success ._copy_to_clipboard_0f985__button:hover .icon-check { color: hsl(var(--white)); } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell._copy_to_clipboard_0f985__copy-error ._copy_to_clipboard_0f985__text-span { color: hsl(var(--error)); } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell._copy_to_clipboard_0f985__copy-error ._copy_to_clipboard_0f985__button:hover { background-color: hsl(var(--error)); border-color: hsl(var(--error)); } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell._copy_to_clipboard_0f985__copy-error ._copy_to_clipboard_0f985__button:hover ._copy_to_clipboard_0f985__text-span { color: hsl(var(--white)); } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__input-border { padding: 5px; } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__input-border ._copy_to_clipboard_0f985__input { --input-height: 40px; padding: 8px; } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__input-border ._copy_to_clipboard_0f985__trigger, ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__input-border ._copy_to_clipboard_0f985__button { height: 100%; } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__textarea-border { padding: 0 13px; } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__textarea-border ._copy_to_clipboard_0f985__textarea { --input-height: auto; overflow-y: hidden; padding: 10px 0; resize: none; } ._copy_to_clipboard_0f985__Form-CopyToClipboardCell ._copy_to_clipboard_0f985__textarea-border ._copy_to_clipboard_0f985__tooltip { padding: 5px; position: absolute; right: 0; top: 0; } ._direct_upload_or_url_input_bd81f__input { /* Used in javascript */ } ._direct_upload_or_url_input_bd81f__option-content input[type=file] { display: none; } ._direct_upload_or_url_input_bd81f__label { color: hsl(var(--form-label)); font-size: var(--font-size-small); margin-bottom: 5px; } ._direct_upload_or_url_input_bd81f__option-group { border: 1px solid hsl(var(--border)); border-radius: 3px; overflow: hidden; } ._direct_upload_or_url_input_bd81f__option { align-items: stretch; border-bottom: 1px solid hsl(var(--border)); } ._direct_upload_or_url_input_bd81f__option:last-child { border-bottom: 0; } ._direct_upload_or_url_input_bd81f__option-radio { margin: 15px; position: absolute; } ._direct_upload_or_url_input_bd81f__option-radio:checked { background: hsl(var(--form-input-focus) / 5%); } ._direct_upload_or_url_input_bd81f__option-radio:checked+label { background: hsl(var(--form-input-focus) / 5%); } ._direct_upload_or_url_input_bd81f__option-radio:checked+label ._direct_upload_or_url_input_bd81f__option-content { display: block; } ._direct_upload_or_url_input_bd81f__option-label { display: block; padding: 0 25px 0 45px; } ._direct_upload_or_url_input_bd81f__option-header { align-items: center; cursor: pointer; display: flex; padding: 10px 0; } /* Nested to overwrite default icon styling */ ._direct_upload_or_url_input_bd81f__option-header ._direct_upload_or_url_input_bd81f__option-icon { flex-grow: 0; flex-shrink: 0; font-size: 32px; margin-right: 4px; padding: 0; } ._direct_upload_or_url_input_bd81f__option-header ._direct_upload_or_url_input_bd81f__option-icon.icon-link { font-size: 28px; } ._direct_upload_or_url_input_bd81f__option-title { color: hsl(var(--gray50)); flex: 1; font-weight: normal; margin: 0; } ._direct_upload_or_url_input_bd81f__option-content { display: none; padding: 10px 0 30px; } ._direct_upload_or_url_input_bd81f__Form-DirectUploadOrUrlInputCell { /* Used in javascript */ } ._direct_upload_or_url_input_bd81f__dropzone { /* Used in javascript */ } ._direct_upload_or_url_input_bd81f__hover { background-color: red; } ._direct_upload_or_url_input_bd81f__placeholder { margin: 0; } ._direct_upload_or_url_input_bd81f__upload-icon { color: hsl(var(--gray50)); font-size: 50px; } ._direct_upload_or_url_input_bd81f__upload-message { color: hsl(var(--gray50)); margin: 0; text-align: left; } ._direct_upload_or_url_input_bd81f__link { color: hsl(var(--form-input-focus)); -webkit-text-decoration: underline; text-decoration: underline; } ._direct_upload_or_url_input_bd81f__Form-DirectUploadOrUrlInputCell ._direct_upload_or_url_input_bd81f__message { background: hsl(var(--white)); border: 1px dashed hsl(var(--form-input-focus)); cursor: pointer; margin: 0; padding: 15px 10px; text-align: center; } ._dropzone_input_e546a__Form-DropzoneInputCell { /* Used in javascript */ } ._dropzone_input_e546a__dropzone { /* Used in javascript */ } ._dropzone_input_e546a__placeholder { margin: 0; } ._dropzone_input_e546a__upload-icon { color: hsl(var(--gray50)); font-size: 50px; } ._dropzone_input_e546a__upload-message { color: hsl(var(--gray50)); margin: 0; text-align: left; } ._dropzone_input_e546a__link { color: hsl(var(--form-input-focus)); -webkit-text-decoration: underline; text-decoration: underline; } ._dropzone_input_e546a__Form-DropzoneInputCell ._dropzone_input_e546a__message { background: hsl(var(--white)); border: 1px dashed hsl(var(--form-input-focus)); cursor: pointer; margin: 0; padding: 15px 10px; text-align: center; } ._dropzone_input_e546a__variant-rounded ._dropzone_input_e546a__message { border-radius: 0.5rem; } ._dropzone_input_e546a__preview { align-items: center; background: white; display: flex; padding: 10px; position: relative; } ._dropzone_input_e546a__status { text-align: center; width: 30px; } ._dropzone_input_e546a__thumbnail { border-radius: 50%; flex-grow: 0; height: 50px; margin: 0 10px 0 0; width: 50px; } ._dropzone_input_e546a__filename { flex-grow: 1; } ._dropzone_input_e546a__error, ._dropzone_input_e546a__success { border-radius: 50%; bottom: 0; left: 0; } ._dropzone_input_e546a__error, ._dropzone_input_e546a__pending, ._dropzone_input_e546a__success { display: none; } ._dropzone_input_e546a__Form-DropzoneInputCell .dz-processing ._dropzone_input_e546a__pending { display: block; } ._dropzone_input_e546a__Form-DropzoneInputCell .dz-complete ._dropzone_input_e546a__pending { display: none; } ._dropzone_input_e546a__Form-DropzoneInputCell .dz-error ._dropzone_input_e546a__error { display: block; } ._dropzone_input_e546a__Form-DropzoneInputCell .dz-success ._dropzone_input_e546a__success { display: block; } ._dropzone_input_e546a__Form-DropzoneInputCell .dz-drag-hover ._dropzone_input_e546a__message { background: hsl(var(--gray97)); } ._dropzone_input_e546a__Form-DropzoneInputCell .dz-image { float: left; } ._dropzone_input_e546a__Form-DropzoneInputCell .dz-max-files-reached ._dropzone_input_e546a__message { display: none; } ._dropzone_input_e546a__Form-DropzoneInputCell .dz-error-message { display: none; } ._fieldset_09b0e__Form-FieldsetCell { border: 1px solid hsl(var(--gray85)); border-radius: var(--size-border-radius); margin-bottom: var(--spacing-vertical-large); padding: var(--spacing-vertical-large) var(--spacing-horizontal); } ._fieldset_09b0e__Form-FieldsetCell >*:last-child { margin-bottom: 0; } ._fieldset_09b0e__legend { color: hsl(var(--form-label)); cursor: text; display: block; font-size: var(--font-size-small); margin: 0 -0.3em; padding: 0 0.3em; position: relative; transform-origin: 0 0; transition: transform 0.1s ease-in-out, color 0.15s ease-in; -webkit-user-select: none; -moz-user-select: none; user-select: none; z-index: 1; } ._file_or_url_input_fd7a3__Form-FileOrUrlInputCell { margin-bottom: var(--spacing-vertical); } ._file_or_url_input_fd7a3__label { color: hsl(var(--form-label)); font-size: var(--font-size-small); margin-bottom: 5px; } ._file_or_url_input_fd7a3__option-group { border: 1px solid hsl(var(--border)); border-radius: 3px; overflow: hidden; } ._file_or_url_input_fd7a3__option { align-items: stretch; border-bottom: 1px solid hsl(var(--border)); } ._file_or_url_input_fd7a3__option:last-child { border-bottom: 0; } ._file_or_url_input_fd7a3__option-radio { margin: 15px; position: absolute; } ._file_or_url_input_fd7a3__option-radio:checked { background: hsl(var(--form-input-focus) / 5%); } ._file_or_url_input_fd7a3__option-radio:checked+label { background: hsl(var(--form-input-focus) / 5%); } ._file_or_url_input_fd7a3__option-radio:checked+label ._file_or_url_input_fd7a3__option-content { display: block; } ._file_or_url_input_fd7a3__option-label { display: block; padding: 0 25px 0 45px; } ._file_or_url_input_fd7a3__option-header { align-items: center; cursor: pointer; display: flex; padding: 10px 0; } /* Nested to overwrite default icon styling */ ._file_or_url_input_fd7a3__option-header ._file_or_url_input_fd7a3__option-icon { flex-grow: 0; flex-shrink: 0; font-size: 32px; margin-right: 4px; padding: 0; } ._file_or_url_input_fd7a3__option-header ._file_or_url_input_fd7a3__option-icon.icon-link { font-size: 28px; } ._file_or_url_input_fd7a3__option-title { color: hsl(var(--gray50)); flex: 1; font-weight: normal; margin: 0; } ._file_or_url_input_fd7a3__option-content { display: none; padding: 10px 0 30px; } ._form_error_d6969__error-alert { margin: 10px 0 0; } ._hint_a644a__Form-HintCell { font-size: var(--font-size-small); line-height: 1.3; opacity: 0.7; padding: 10px 0; } ._hint_a644a__Form-HintCell u { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } ._hint_a644a__Form-HintCell code { background: #dfdfdf; border-radius: 0.3em; margin: 0 0.1em; padding: 0.1em 0.4em; } ._image_input_set_7ee10__Form-ImageInputSetCell { display: block; margin-bottom: 25px; position: relative; } ._image_input_set_7ee10__label { color: hsl(var(--form-label)); cursor: text; display: block; font-size: var(--font-size-small); margin-bottom: 5px; position: relative; transform-origin: 0 0; transition: transform 0.1s ease-in-out, color 0.15s ease-in; -webkit-user-select: none; -moz-user-select: none; user-select: none; z-index: 1; } ._image_input_set_7ee10__focus ._image_input_set_7ee10__label { color: hsl(var(--primary)); cursor: default; transform: translateY(0); } ._image_input_d76ec__Form-ImageInputCell { display: inline-block; position: relative; } @supports (-ms-ime-align: auto) { ._image_input_d76ec__preview-image::before { vertical-align: -10% !important } ._image_input_d76ec__preview-image::before { line-height: 1 } } /* MS IE10+ icon vertical alignment fix */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { ._image_input_d76ec__preview-image::before { vertical-align: -10% !important } ._image_input_d76ec__preview-image::before { line-height: 1 } } ._image_input_d76ec__preview-image { background-color: hsl(var(--form-label)); background-position: center; background-size: cover; border: 2px solid hsl(var(--form-label)); border-radius: 50%; cursor: pointer; display: none; margin-right: 5px; position: relative; transition: border-color 0.15s ease-in; z-index: 1; } ._image_input_d76ec__preview-image::before { border-radius: 50%; color: white; display: inline-block; height: 100%; opacity: 1; text-align: center; transition: opacity 0.15s ease-out, background 0.15s ease-out; width: 100%; } ._image_input_d76ec__clear-button { display: none; font-size: var(--font-size-capitalized-medium); text-transform: uppercase; vertical-align: baseline; } ._image_input_d76ec__clear-input { /* Used in javascript */ } ._image_input_d76ec__dnd-support ._image_input_d76ec__input { cursor: pointer; left: 0; opacity: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 2; } ._image_input_d76ec__dnd-support ._image_input_d76ec__preview-image { display: inline-block; } ._image_input_d76ec__value ._image_input_d76ec__clear-button { display: inline-block; } ._image_input_d76ec__value ._image_input_d76ec__preview-image::before { opacity: 0; } ._image_input_d76ec__value ._image_input_d76ec__input:hover+._image_input_d76ec__preview-image::before, ._image_input_d76ec__value ._image_input_d76ec__preview-image:hover::before { background: rgba(0, 0, 0, 0.25); opacity: 1; } /* Variants */ ._image_input_d76ec__variant-default ._image_input_d76ec__preview-image { height: 40px; line-height: 36px; width: 40px; } ._image_input_d76ec__variant-default ._image_input_d76ec__preview-image::before { font-size: 19px; } ._image_input_d76ec__variant-default._image_input_d76ec__dnd-support ._image_input_d76ec__input { height: 40px; width: 40px; } ._image_input_d76ec__variant-default._image_input_d76ec__drag-over { background: hsl(var(--gray97)); } ._image_input_d76ec__variant-default._image_input_d76ec__focus ._image_input_d76ec__preview-image { border-color: hsl(var(--primary)); } ._image_input_d76ec__variant-medium { text-align: center; } ._image_input_d76ec__variant-medium ._image_input_d76ec__preview-image { height: 80px; width: 80px; } ._image_input_d76ec__variant-medium ._image_input_d76ec__preview-image::before { font-size: 30px; line-height: 76px; } ._image_input_d76ec__variant-medium._image_input_d76ec__dnd-support ._image_input_d76ec__input { height: 80px; width: 80px; } ._image_input_d76ec__variant-medium._image_input_d76ec__dnd-support ._image_input_d76ec__preview-image { display: block; } ._image_input_d76ec__variant-medium ._image_input_d76ec__clear-button { margin-top: 4px; } /* Themes */ ._image_input_d76ec__theme-default ._image_input_d76ec__clear-button { color: hsl(var(--actions-link)); } ._image_input_d76ec__theme-default ._image_input_d76ec__clear-button:hover { color: hsl(var(--primary)); } ._image_input_d76ec__theme-light ._image_input_d76ec__clear-button { color: white; text-shadow: 0 0 1px rgba(0, 0, 0, 0.8); } /* NOTE: some styling is nested to overwrite defaults. */ ._input_group_6b54a__Form-InputGroupCell { display: flex; width: 100%; } ._input_group_6b54a__Form-InputGroupCell ._input_group_6b54a__input, ._input_group_6b54a__Form-InputGroupCell ._input_group_6b54a__button { position: relative; } ._input_group_6b54a__Form-InputGroupCell ._input_group_6b54a__input:not(:last-child), ._input_group_6b54a__Form-InputGroupCell ._input_group_6b54a__button:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; } ._input_group_6b54a__Form-InputGroupCell ._input_group_6b54a__input:not(:first-child), ._input_group_6b54a__Form-InputGroupCell ._input_group_6b54a__button:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } ._input_group_6b54a__Form-InputGroupCell ._input_group_6b54a__input:focus, ._input_group_6b54a__Form-InputGroupCell ._input_group_6b54a__button:focus { z-index: 1; } ._input_group_6b54a__Form-InputGroupCell ._input_group_6b54a__input { flex: auto; } ._input_group_6b54a__Form-InputGroupCell ._input_group_6b54a__input + ._input_group_6b54a__input { margin-left: -1px; } ._input_group_6b54a__Form-InputGroupCell ._input_group_6b54a__button { flex-shrink: 0; } ._input_group_6b54a__Form-InputGroupCell ._input_group_6b54a__button + ._input_group_6b54a__button { border-left: 0; } ._input_set_376ac__Form-InputSetCell { display: block; margin-bottom: 25px; overflow: hidden; position: relative; z-index: 0; } ._input_set_376ac__input { /* Used for dispatching javascript events */ } ._input_set_376ac__limit { color: hsl(var(--form-label)); font-size: var(--font-size-tiny); opacity: 0; position: absolute; right: 0; top: 0.15em; transition: color 0.15s ease-in, opacity 0.15s ease-in; } ._input_set_376ac__focus + .icon { color: hsl(var(--primary)); } ._input_set_376ac__focus ._input_set_376ac__label { color: hsl(var(--primary)); cursor: default; transform: translateY(0); } ._input_set_376ac__focus ._input_set_376ac__limit { color: hsl(var(--primary)); opacity: 1; } /* Variants */ ._input_set_376ac__variant-default ._input_set_376ac__label { margin-bottom: 5px; } ._input_set_376ac__variant-line ._input_set_376ac__label { transform: scale(1.3) translate(0, 23px); } ._input_set_376ac__variant-line._input_set_376ac__focus ._input_set_376ac__label, ._input_set_376ac__variant-line._input_set_376ac__value ._input_set_376ac__label, ._input_set_376ac__variant-line._input_set_376ac__expanded ._input_set_376ac__label { transform: scale(1) translate(0, 0); } ._input_set_376ac__combiner { position: relative; } ._input_a15bd__Form-InputCell { border-radius: 0; color: hsl(var(--text)); font-family: var(--font-family-base); font-size: var(--font-size-base-mobile); outline: none; position: relative; transition: border-color 0.15s ease-in; vertical-align: middle; width: 100%; } @media only screen and (min-width: 1200px) {._input_a15bd__Form-InputCell { font-size: var(--font-size-base); } } ._input_a15bd__Form-InputCell::-moz-placeholder { color: hsl(var(--form-input-placeholder)); font-weight: 300; opacity: 1; } ._input_a15bd__Form-InputCell::placeholder { color: hsl(var(--form-input-placeholder)); font-weight: 300; opacity: 1; } ._input_a15bd__Form-InputCell:focus { border-color: hsl(var(--primary)); } ._input_a15bd__Form-InputCell:disabled { color: hsl(var(--text) / 0.6); cursor: not-allowed; } ._input_a15bd__Form-InputCell._input_a15bd__textarea { box-sizing: border-box; height: auto; line-height: var(--base-line-height); min-height: var(--input-height); resize: vertical; width: 100%; } ._input_a15bd__Form-InputCell._input_a15bd__textarea[data-controller="single-line-textarea"] { --padding: calc( (var(--input-height, 50px) - var(--font-size-default) * var(--base-line-height)) / 2 ); padding: max(calc( (50px - var(--font-size-default) * var(--base-line-height)) / 2 ), 10px) max(0.5em, 10px); padding: max(var(--padding), 10px) max(0.5em, 10px); } ._input_a15bd__Form-InputCell._input_a15bd__textarea[data-controller="single-line-textarea"]::-moz-placeholder { color: hsl(var(--form-input-placeholder)); font-weight: 400; opacity: 0.4; } ._input_a15bd__Form-InputCell._input_a15bd__textarea[data-controller="single-line-textarea"]::placeholder { color: hsl(var(--form-input-placeholder)); font-weight: 400; opacity: 0.4; } ._input_a15bd__Form-InputCell[type="color"] { padding: 0; width: 2em; height: 2em; -webkit-appearance: none; position: relative; } ._input_a15bd__Form-InputCell[type="color"]::-webkit-color-swatch-wrapper { padding: 0; } ._input_a15bd__Form-InputCell[type="color"]::-webkit-color-swatch { border: none; } ._input_a15bd__Form-InputCell[type="color"]::after { content: attr(data-value); display: block; font-size: 10px; line-height: 1; padding: 2px 4px; text-align: center; position: absolute; left: calc(100% + 0.5rem); top: 0; line-height: 2em; font-size: 0.8em; font-weight: 600; color: hsl(var(--form-label)); } /* Variants */ ._input_a15bd__variant-default { --input-height: 50px; background-color: hsl(var(--form-input-background)); border: 1px solid hsl(var(--border)); border-radius: 0.25rem; height: 50px; height: var(--input-height); line-height: var(--line-height-small); padding: 10px 0.75em; } ._input_a15bd__variant-default:disabled, ._input_a15bd__variant-default[readonly] { background-color: hsl(var(--form-input-disabled-background)); } ._input_a15bd__variant-bare { --input-height: 50px; background-color: hsl(var(--form-input-background)); border: none; height: 50px; height: var(--input-height); line-height: var(--line-height-small); padding: 10px 0.75em; } ._input_a15bd__variant-bare:disabled, ._input_a15bd__variant-bare[readonly] { background-color: hsl(var(--form-input-disabled-background)); } ._input_a15bd__variant-line { --input-height: 44px; background-color: white; border: 0; border-bottom: 2px solid hsl(var(--gray75)); border-radius: 0; font-size: var(--font-size-large); height: 44px; height: var(--input-height); line-height: 44px; line-height: var(--input-height); padding: 0; } ._input_a15bd__variant-line::-moz-placeholder { color: transparent; } ._input_a15bd__variant-line::placeholder { color: transparent; } ._input_a15bd__variant-white { --input-height: 50px; background-color: hsl(var(--form-input-background)); border: 1px solid hsl(var(--border)); border-radius: 0.25rem; height: 50px; height: var(--input-height); line-height: var(--line-height-small); padding: 10px 0.75em; } ._input_a15bd__variant-white:disabled, ._input_a15bd__variant-white[readonly] { background-color: hsl(var(--form-input-disabled-background)); } ._input_a15bd__variant-white { background-color: hsl(var(--white)); } ._input_a15bd__variant-small { --input-height: 36px; font-size: var(--font-size-small); height: 36px; height: var(--input-height); padding: 6px 0.6em; } ._label_6d3c6__Form-LabelCell { color: hsl(var(--form-label)); cursor: text; display: block; font-size: var(--font-size-small); position: relative; transform-origin: 0 0; transition: transform 0.1s ease-in-out, color 0.15s ease-in; -webkit-user-select: none; -moz-user-select: none; user-select: none; z-index: 1; } ._label_6d3c6__label { margin-bottom: 5px; } ._label_6d3c6__required ._label_6d3c6__label::after { content: "*"; } ._limit_c6fee__value-count { /* used in js */ } ._limit_c6fee__is-over { color: hsl(var(--danger)) !important; } ._content-decorator_85879__attachment { --background-color: white; --border-color: #ededed; background-color: white; background-color: var(--background-color); border-radius: 5px; box-shadow: 0 0 0 2px #ededed inset; box-shadow: 0 0 0 2px var(--border-color) inset; display: inline-block; line-height: normal; position: relative; white-space: normal; width: 100%; } ._content-decorator_85879__attachment-loading, ._content-decorator_85879__attachment-error { padding: 1em; } ._content-decorator_85879__attachment-error { color: hsl(var(--error)); } ._document-upload_3d9d9__widget { background-color: hsl(var(--background)); border: 2px dashed hsl(var(--border-alpha)); border-radius: 0.25rem; box-sizing: border-box; display: inline-block; margin: 5px 0; padding: var(--spacing-vertical-large) var(--spacing-horizontal-large); position: relative; transition: background-color 0.15s, border-color 0.15s; white-space: normal; width: 100%; } ._document-upload_3d9d9__widget:hover { background-color: hsl(var(--gray94)); border-color: hsl(var(--primary) / 0.4); } ._document-upload_3d9d9__fileinput { cursor: pointer; font-size: 0; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 1; } ._document-upload_3d9d9__fileinput:focus { outline: none; } ._document-upload_3d9d9__icon { background: hsl(var(--primary)); height: 60px; margin: 5px 0 10px; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 62'%3E%3Cpath d='M11.4 5.7v49.4h38V18.24l-.57-.57-11.4-11.4-.57-.57H11.4zm3.8 3.8h19v11.4h11.4v30.4H15.2V9.5zM38 12.16l4.94 4.94H38v-4.94zM19 24.7v3.8h22.8v-3.8H19zm0 9.5V38h13.3v-3.8H19zm17.1 0V38h5.7v-3.8h-5.7zM19 41.8v3.8h13.3v-3.8H19zm17.1 0v3.8h5.7v-3.8h-5.7z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 62'%3E%3Cpath d='M11.4 5.7v49.4h38V18.24l-.57-.57-11.4-11.4-.57-.57H11.4zm3.8 3.8h19v11.4h11.4v30.4H15.2V9.5zM38 12.16l4.94 4.94H38v-4.94zM19 24.7v3.8h22.8v-3.8H19zm0 9.5V38h13.3v-3.8H19zm17.1 0V38h5.7v-3.8h-5.7zM19 41.8v3.8h13.3v-3.8H19zm17.1 0v3.8h5.7v-3.8h-5.7z'/%3E%3C/svg%3E"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: auto 100%; mask-size: auto 100%; opacity: 0.2; transition: opacity 0.15s; } ._document-upload_3d9d9__fileinput:hover~._document-upload_3d9d9__icon { opacity: 0.4; } ._document-upload_3d9d9__message { color: hsl(var(--meta) / 70%); font-size: var(--font-size-extra-large); font-weight: 300; text-align: center; transition: color 0.15s; } ._document-upload_3d9d9__fileinput:hover~._document-upload_3d9d9__message { color: hsl(var(--meta)); } ._document-upload_3d9d9__remove { color: hsl(var(--meta) / 70%); cursor: pointer; padding: 3px; position: absolute; right: 5px; top: 5px; transition: color 0.15s; z-index: 1; } ._document-upload_3d9d9__remove:hover { color: hsl(var(--text)); } ._image-upload_9e522__widget { background-color: hsl(var(--background)); border: 2px dashed hsl(var(--border-alpha)); border-radius: 0.25rem; box-sizing: border-box; display: inline-block; margin: 5px 0; padding: var(--spacing-vertical-large) var(--spacing-horizontal-large); position: relative; transition: background-color 0.15s, border-color 0.15s; white-space: normal; width: 100%; } ._image-upload_9e522__widget:hover { background-color: hsl(var(--gray94)); border-color: hsl(var(--primary) / 0.4); } ._image-upload_9e522__fileinput { cursor: pointer; font-size: 0; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 1; } ._image-upload_9e522__fileinput:focus { outline: none; } ._image-upload_9e522__icon { background: hsl(var(--primary)); height: 60px; margin: 5px 0 10px; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80'%3E%3Cpath d='M33.8 23.8c0 2.6-.9 4.9-2.8 6.8-1.9 1.9-4.2 2.8-6.8 2.8s-4.9-.8-6.8-2.8c-1.9-2-2.8-4.2-2.8-6.8s.9-4.9 2.8-6.8c1.9-1.9 4.2-2.8 6.8-2.8s4.9.9 6.8 2.8c2 1.9 2.8 4.2 2.8 6.8zM85.2 43v22.4H14.6v-9.6L30.7 40l8 8 25.7-25.7L85.2 43zM90 7.9H9.9c-.3 0-.9.2-1 .5-.3.3-.5.7-.5 1v60.9c0 .3.2.9.5 1 .3.3.7.5 1 .5H90c.3 0 .9-.2 1-.5.3-.3.5-.7.5-1V9.5c0-.3-.2-.9-.5-1-.2-.4-.5-.6-1-.6zm8 1.6v60.9c0 2.3-.7 4-2.3 5.6-1.6 1.6-3.5 2.3-5.6 2.3H9.9c-2.3 0-4-.7-5.6-2.3C2.7 74.3 2 72.4 2 70.3V9.5c0-2.3.7-4 2.3-5.6 1.5-1.6 3.5-2.3 5.6-2.3H90c2.3 0 4 .7 5.6 2.3C97.3 5.3 98 7.2 98 9.5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80'%3E%3Cpath d='M33.8 23.8c0 2.6-.9 4.9-2.8 6.8-1.9 1.9-4.2 2.8-6.8 2.8s-4.9-.8-6.8-2.8c-1.9-2-2.8-4.2-2.8-6.8s.9-4.9 2.8-6.8c1.9-1.9 4.2-2.8 6.8-2.8s4.9.9 6.8 2.8c2 1.9 2.8 4.2 2.8 6.8zM85.2 43v22.4H14.6v-9.6L30.7 40l8 8 25.7-25.7L85.2 43zM90 7.9H9.9c-.3 0-.9.2-1 .5-.3.3-.5.7-.5 1v60.9c0 .3.2.9.5 1 .3.3.7.5 1 .5H90c.3 0 .9-.2 1-.5.3-.3.5-.7.5-1V9.5c0-.3-.2-.9-.5-1-.2-.4-.5-.6-1-.6zm8 1.6v60.9c0 2.3-.7 4-2.3 5.6-1.6 1.6-3.5 2.3-5.6 2.3H9.9c-2.3 0-4-.7-5.6-2.3C2.7 74.3 2 72.4 2 70.3V9.5c0-2.3.7-4 2.3-5.6 1.5-1.6 3.5-2.3 5.6-2.3H90c2.3 0 4 .7 5.6 2.3C97.3 5.3 98 7.2 98 9.5z'/%3E%3C/svg%3E"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: auto 100%; mask-size: auto 100%; opacity: 0.2; transition: opacity 0.15s; } ._image-upload_9e522__fileinput:hover~._image-upload_9e522__icon { opacity: 0.4; } ._image-upload_9e522__message { color: hsl(var(--meta) / 70%); font-size: var(--font-size-extra-large); font-weight: 300; text-align: center; transition: color 0.15s; } ._image-upload_9e522__fileinput:hover~._image-upload_9e522__message { color: hsl(var(--meta)); } ._image-upload_9e522__remove { color: hsl(var(--meta) / 70%); cursor: pointer; padding: 3px; position: absolute; right: 5px; top: 5px; transition: color 0.15s; z-index: 1; } ._image-upload_9e522__remove:hover { color: hsl(var(--text)); } ._markdown_input_b9126__Form-MarkdownInputCell { position: relative; z-index: 1; } ._markdown_input_b9126__Form-MarkdownInputCell ._markdown_input_b9126__tab { align-self: flex-end; border-radius: 3px 3px 0 0; bottom: -1px; color: hsl(var(--text)); font-size: var(--font-size-default); height: auto; margin-right: 5px; outline: 0; padding: 10px; position: relative; white-space: nowrap; width: auto; } ._markdown_input_b9126__Form-MarkdownInputCell ._markdown_input_b9126__tab::before { content: attr(title); } ._markdown_input_b9126__Form-MarkdownInputCell ._markdown_input_b9126__tab-preview { margin-right: auto; } ._markdown_input_b9126__Form-MarkdownInputCell .EasyMDEContainer { container: editor / inline-size; } ._markdown_input_b9126__Form-MarkdownInputCell .editor-toolbar { align-items: center; border-color: hsl(var(--border)); display: flex; flex-wrap: wrap; padding: 6px 10px 0; position: relative; text-align: right; transition: border-color var(--duration-default) ease; z-index: 1; } @container editor (max-width: 470px) { ._markdown_input_b9126__Form-MarkdownInputCell .editor-toolbar { justify-content: space-around } } /* Add bottom padding to the toolbar when (pre)view tabs are disabled */ ._markdown_input_b9126__Form-MarkdownInputCell .editor-toolbar:not(:has(._markdown_input_b9126__view-tabs)) { padding-bottom: 4px; } ._markdown_input_b9126__Form-MarkdownInputCell .editor-toolbar ._markdown_input_b9126__view-tabs { margin-right: auto; } @container editor (max-width: 470px) { ._markdown_input_b9126__Form-MarkdownInputCell .editor-toolbar ._markdown_input_b9126__view-tabs { order: 99; padding-top: 10px; text-align: left; width: 100% } } @container editor (max-width: 570px) { ._markdown_input_b9126__Form-MarkdownInputCell .editor-toolbar .hide-when-small { display: none } } @container editor (max-width: 600px) { ._markdown_input_b9126__Form-MarkdownInputCell .editor-toolbar .separator { display: none } } ._markdown_input_b9126__Form-MarkdownInputCell .editor-toolbar .icon { font-size: 1.1em; } ._markdown_input_b9126__Form-MarkdownInputCell .editor-toolbar.disabled-for-preview ._markdown_input_b9126__tab-write, ._markdown_input_b9126__Form-MarkdownInputCell .editor-toolbar:not(.disabled-for-preview) ._markdown_input_b9126__tab-preview { background: transparent; border-color: transparent; color: hsl(var(--meta)); } ._markdown_input_b9126__Form-MarkdownInputCell .editor-toolbar.disabled-for-preview ._markdown_input_b9126__tab-write:hover, ._markdown_input_b9126__Form-MarkdownInputCell .editor-toolbar:not(.disabled-for-preview) ._markdown_input_b9126__tab-preview:hover { color: hsl(var(--text)); } ._markdown_input_b9126__Form-MarkdownInputCell .editor-toolbar.disabled-for-preview ._markdown_input_b9126__tab-preview, ._markdown_input_b9126__Form-MarkdownInputCell .editor-toolbar:not(.disabled-for-preview) ._markdown_input_b9126__tab-write { background: hsl(var(--form-input-background)); border: 1px solid hsl(var(--border)); border-bottom-color: white; color: hsl(var(--text)); } ._markdown_input_b9126__Form-MarkdownInputCell .editor-toolbar.disabled-for-preview .icon, ._markdown_input_b9126__Form-MarkdownInputCell .editor-toolbar.disabled-for-preview .separator { opacity: 0.3; pointer-events: none; } ._markdown_input_b9126__Form-MarkdownInputCell .CodeMirror { background-color: hsl(var(--form-input-background)); border: 1px solid hsl(var(--border)); border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; line-height: 1.4; padding: 0; transition: border-color var(--duration-default) ease; } ._markdown_input_b9126__Form-MarkdownInputCell .CodeMirror .headerText { top: 0; right: 0; bottom: auto; left: 0; margin: 0 0 1rem 0.1rem; opacity: 0.5; padding: 0.2rem; pointer-events: none; white-space: nowrap; z-index: 1; } ._markdown_input_b9126__Form-MarkdownInputCell .CodeMirror-lines { padding: 10px; } ._markdown_input_b9126__Form-MarkdownInputCell .CodeMirror-focused:not(.CodeMirror-fullscreen) { border-bottom-color: hsl(var(--primary)); border-left-color: hsl(var(--primary)); border-right-color: hsl(var(--primary)); } ._markdown_input_b9126__Form-MarkdownInputCell .editor-preview img, ._markdown_input_b9126__Form-MarkdownInputCell .editor-preview-side img { max-width: 100%; } ._markdown_input_b9126__focus .editor-toolbar { border-color: hsl(var(--primary)); } ._markdown_input_b9126__focus .CodeMirror { border-bottom-color: hsl(var(--primary)); border-left-color: hsl(var(--primary)); border-right-color: hsl(var(--primary)); } ._markdown_input_b9126__preview { font-size: var(--font-size-rich-content); line-height: var(--line-height-large); } ._markdown_input_b9126__preview a { word-break: break-word; } ._markdown_input_b9126__preview h1, ._markdown_input_b9126__preview h2, ._markdown_input_b9126__preview h3, ._markdown_input_b9126__preview h4, ._markdown_input_b9126__preview h5, ._markdown_input_b9126__preview h6 { font-weight: bold; } ._markdown_input_b9126__preview h1 .anchor, ._markdown_input_b9126__preview h2 .anchor, ._markdown_input_b9126__preview h3 .anchor, ._markdown_input_b9126__preview h4 .anchor, ._markdown_input_b9126__preview h5 .anchor, ._markdown_input_b9126__preview h6 .anchor { color: hsl(var(--meta)); float: left; line-height: 1; margin-left: -24px; padding-right: 4px; -webkit-text-decoration: none; text-decoration: none; } ._markdown_input_b9126__preview h1 .anchor::before, ._markdown_input_b9126__preview h2 .anchor::before, ._markdown_input_b9126__preview h3 .anchor::before, ._markdown_input_b9126__preview h4 .anchor::before, ._markdown_input_b9126__preview h5 .anchor::before, ._markdown_input_b9126__preview h6 .anchor::before { display: inline-block; font-size: 14px; vertical-align: sub; visibility: hidden; width: 20px; } ._markdown_input_b9126__preview h1:hover .anchor::before, ._markdown_input_b9126__preview h2:hover .anchor::before, ._markdown_input_b9126__preview h3:hover .anchor::before, ._markdown_input_b9126__preview h4:hover .anchor::before, ._markdown_input_b9126__preview h5:hover .anchor::before, ._markdown_input_b9126__preview h6:hover .anchor::before { visibility: visible; } ._markdown_input_b9126__preview > p { margin-bottom: 1.4em; } /* Resetting list style types to "defaults" in case already nested */ ._markdown_input_b9126__preview > ul { list-style-type: disc; } ._markdown_input_b9126__preview > ol { list-style-type: decimal; } ._markdown_input_b9126__preview > ul ul, ._markdown_input_b9126__preview > ol ul { list-style-type: circle; } ._markdown_input_b9126__preview > ul ul ul, ._markdown_input_b9126__preview > ol ul ul { list-style-type: square; } ._markdown_input_b9126__preview img { max-width: 100%; } ._markdown_input_b9126__preview blockquote { background-color: hsl(var(--gray98)); border-left: 4px solid hsl(var(--border)); color: hsl(var(--text-light)); font-style: italic; margin: 0; margin-bottom: 1.4em; padding: 0.5em; padding-left: 1em; position: relative; } ._markdown_input_b9126__preview blockquote > p { margin-bottom: 0.75em; } ._markdown_input_b9126__preview blockquote > p:first-child { margin-top: 0; } ._markdown_input_b9126__preview blockquote > p:last-child { margin-bottom: 0; } ._markdown_input_b9126__preview code { background: hsl(var(--gray50) / 0.05); border: 1px solid hsl(var(--gray50) / 0.1); border-radius: 5px; display: inline-block; padding: 0.15em 0.3em; } ._markdown_input_b9126__preview pre code { display: block; overflow: auto; } ._markdown_input_b9126__preview table { border-collapse: collapse; } ._markdown_input_b9126__preview th { font-weight: bold; } ._markdown_input_b9126__preview td, ._markdown_input_b9126__preview th { padding: var(--spacing-vertical-small) var(--spacing-horizontal); } ._markdown_input_b9126__preview tr { border-bottom: 1px solid hsl(var(--border)); } ._markdown_input_b9126__preview p + ol, ._markdown_input_b9126__preview p + ul { margin-top: -1em; } ._markdown_input_b9126__preview > :first-child { margin-top: 0; } ._markdown_input_b9126__preview > :last-child { margin-bottom: 0; } ._markdown_input_b9126__preview { background: hsl(var(--form-input-background)); opacity: 1; padding: var(--spacing-vertical-small) var(--spacing-horizontal-small); } ._markdown_input_b9126__preview-loading > * { opacity: 0.5; } ._markdown_input_b9126__preview [data-controller="detroit-web--cells--rich-content--attachment"] > a { --background-color: white; } ._markdown_input_b9126__textarea { /* Used in javascript */ } ._option_group_20145__Form-OptionGroupCell { border: 1px solid hsl(var(--border)); border-radius: var(--size-border-radius); margin-bottom: var(--spacing-vertical); } ._option_group_20145__option { position: relative; } ._option_group_20145__option:first-of-type > label { border-top-left-radius: var(--size-border-radius); border-top-right-radius: var(--size-border-radius); } ._option_group_20145__option:last-of-type > label { border-bottom-left-radius: var(--size-border-radius); border-bottom-right-radius: var(--size-border-radius); } ._option_group_20145__option >input[type="radio"] { left: 1rem; margin-right: var(--spacing-horizontal-small); position: absolute; top: 1.15em; } ._option_group_20145__option >input[type="radio"]:disabled + label { cursor: default; } ._option_group_20145__option >label { cursor: pointer; display: block; padding: 1rem; padding-left: 40px; } ._option_group_20145__option >label:hover { background: hsl(var(--form-input-focus) / 3%); } ._option_group_20145__option ._option_group_20145__title { font-weight: 600; margin: 0; } ._option_group_20145__option ._option_group_20145__description { line-height: var(--line-height-medium); margin-bottom: 0; margin-top: 0.5em; } /* Variants */ ._option_group_20145__variant-default ._option_group_20145__option { border-bottom: 1px solid hsl(var(--border)); } ._option_group_20145__variant-default ._option_group_20145__option:last-child { border-bottom: 0; } ._option_group_20145__variant-horizontal { display: inline-flex; } ._option_group_20145__variant-horizontal ._option_group_20145__option { border-right: 1px solid hsl(var(--border)); } ._option_group_20145__variant-horizontal ._option_group_20145__option:last-child { border-right: 0; } ._option_group_20145__variant-full_width { width: 100%; } ._option_group_20145__variant-full_width ._option_group_20145__option { flex: 1; } ._password_input_set_f89dc__Form-PasswordInputSetCell { position: relative; } /* Position Safari's auto-fill-button shadow DOM element absolute to leave space for our password unmask icon inside the right side end of the input */ ._password_input_set_f89dc__Form-PasswordInputSetCell input::-webkit-credentials-auto-fill-button { position: absolute; } ._password_input_set_f89dc__input { /* Used in javascript */ } ._password_input_set_f89dc__show-button { -webkit-appearance: button; background: none; border: none; border-radius: 0; cursor: pointer; display: block; font-size: 20px; height: 20px; margin: 0; padding: 0; position: absolute; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 20px; } /* MS IE and Edge have their own unmask password toggles, so don't show our own */ .edge ._password_input_set_f89dc__show-button { display: none; } /* Variants */ ._password_input_set_f89dc__variant-default input::-webkit-credentials-auto-fill-button { right: 35px; } ._password_input_set_f89dc__variant-default ._password_input_set_f89dc__show-button { right: 10px; top: 35px; } ._password_input_set_f89dc__variant-line input::-webkit-credentials-auto-fill-button { right: 25px; } ._password_input_set_f89dc__variant-line ._password_input_set_f89dc__show-button { right: 0; top: 32px; } ._phone_input_df8bd__phone-input-container { margin-bottom: 25px; } ._phone_input_df8bd__phone-input-field-container { align-items: center; display: inline-flex; position: relative; } ._phone_input_df8bd__phone-input-prefix-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: hsl(var(--gray97)); border-radius: 4px 0 0 4px; border: 1px solid #ccc; color: hsl(var(--gray40)); cursor: pointer; font-size: 1rem; height: 50px; padding: 0 8px; } ._phone_input_df8bd__phone-input-field { --input-height: 50px; background-color: hsl(var(--form-input-background)); border-radius: 0 0.25rem 0.25rem 0; border: 1px solid hsl(var(--border)); border-left: none; flex: 1; height: 50px; height: var(--input-height); line-height: var(--line-height-small); outline: none; padding-right: 1rem; padding: 10px 0.75em; width: 20ch; } ._phone_input_df8bd__phone-input-field:not(:-moz-placeholder-shown):invalid + ._phone_input_df8bd__invalid-feedback { margin-left: 1rem; opacity: 1; } ._phone_input_df8bd__phone-input-field:not(:placeholder-shown):invalid + ._phone_input_df8bd__invalid-feedback { margin-left: 1rem; opacity: 1; } ._phone_input_df8bd__invalid-feedback { color: hsl(var(--error)); font-size: 0.875rem; opacity: 0; } ._phone_input_df8bd__phone-input-selected-prefix { position: absolute; top: 50%; left: 12px; transform: translateY(-50%); color: hsl(var(--gray50)); pointer-events: none; font-size: 1rem; } ._rating_input_afc69__Form-RatingInputCell { margin-bottom: 25px; } ._rating_input_afc69__stars { display: flex; flex-direction: row-reverse; font-size: var(--font-size-extra-large); justify-content: flex-end; text-align: center; position: relative; } ._rating_input_afc69__input { height: 0; position: absolute; visibility: hidden; width: 0; } ._rating_input_afc69__label { color: hsl(var(--gray85)); cursor: pointer; padding: 0 1px; transition: transform 0.15s ease; } ._rating_input_afc69__label:hover { transform: scale(1.2); transform-origin: 50%; } ._rating_input_afc69__label:active { transform: scale(1); } ._rating_input_afc69__label:hover, ._rating_input_afc69__label:hover ~ ._rating_input_afc69__label, ._rating_input_afc69__input:checked ~ ._rating_input_afc69__label { color: hsl(var(--rating-star)); } ._search_input_22df4__Form-SearchInputCell { position: relative; } ._search_input_22df4__Form-SearchInputCell ._search_input_22df4__input { background-color: white; border-right: 0; } ._search_input_22df4__Form-SearchInputCell ._search_input_22df4__input:focus+._search_input_22df4__submit { border-color: hsl(var(--primary)); border-left-color: hsl(var(--border)); } ._search_input_22df4__Form-SearchInputCell ._search_input_22df4__input:focus+._search_input_22df4__submit ._search_input_22df4__icon { color: hsl(var(--primary)); } ._search_input_22df4__Form-SearchInputCell ._search_input_22df4__submit { border: 1px solid hsl(var(--border)); transition: border-color 0.15s ease-in; z-index: 1; } ._search_input_22df4__Form-SearchInputCell ._search_input_22df4__icon { font-size: 1.2em; margin: 0; } ._select_404bc__Form-SelectCell { border-radius: 0; color: hsl(var(--text)); font-family: var(--font-family-base); font-size: var(--font-size-base-mobile); outline: none; position: relative; transition: border-color 0.15s ease-in; vertical-align: middle; width: 100%; } @media only screen and (min-width: 1200px) {._select_404bc__Form-SelectCell { font-size: var(--font-size-base); } } ._select_404bc__Form-SelectCell::-moz-placeholder { color: hsl(var(--form-input-placeholder)); font-weight: 300; opacity: 1; } ._select_404bc__Form-SelectCell::placeholder { color: hsl(var(--form-input-placeholder)); font-weight: 300; opacity: 1; } ._select_404bc__Form-SelectCell:focus { border-color: hsl(var(--primary)); } ._select_404bc__Form-SelectCell:disabled { color: hsl(var(--text) / 0.6); cursor: not-allowed; } ._select_404bc__Form-SelectCell { -moz-appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5' fill='%23333'%3E%3Cpath d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 10px 14px; } ._select_404bc__Form-SelectCell:disabled { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5' fill='%23999'%3E%3Cpath d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"); } /* Removes IE arrow */ ._select_404bc__Form-SelectCell::-ms-expand { display: none; } /* Variants */ ._select_404bc__variant-default, ._select_404bc__variant-line { line-height: 1.3 !important; } ._select_404bc__variant-default, ._select_404bc__variant-line { color: hsl(var(--text)); } ._select_404bc__variant-default { --input-height: 50px; background-color: hsl(var(--form-input-background)); border: 1px solid hsl(var(--border)); border-radius: 0.25rem; height: 50px; height: var(--input-height); line-height: var(--line-height-small); padding: 10px 0.75em; } ._select_404bc__variant-default:disabled, ._select_404bc__variant-default[readonly] { background-color: hsl(var(--form-input-disabled-background)); } ._select_404bc__variant-default { background-position: right 0.75em center; padding-right: 30px; } ._select_404bc__variant-line { --input-height: 44px; background-color: white; border: 0; border-bottom: 2px solid hsl(var(--gray75)); border-radius: 0; font-size: var(--font-size-large); height: 44px; height: var(--input-height); line-height: 44px; line-height: var(--input-height); padding: 0; } ._select_404bc__variant-line::-moz-placeholder { color: transparent; } ._select_404bc__variant-line::placeholder { color: transparent; } ._select_404bc__variant-line { background-position: right center; padding-right: 18px; } ._select_404bc__variant-white { --input-height: 50px; background-color: hsl(var(--form-input-background)); border: 1px solid hsl(var(--border)); border-radius: 0.25rem; height: 50px; height: var(--input-height); line-height: var(--line-height-small); padding: 10px 0.75em; } ._select_404bc__variant-white:disabled, ._select_404bc__variant-white[readonly] { background-color: hsl(var(--form-input-disabled-background)); } ._select_404bc__variant-white { background-color: hsl(var(--white)); background-position: right 0.75em center; padding-right: 30px; } ._select_404bc__variant-small { --input-height: 36px; font-size: var(--font-size-small); height: 36px; height: var(--input-height); padding: 6px 0.6em; line-height: 1.2; padding-right: 30px; } ._select_404bc__variant-small._select_404bc__variant-line { padding: 0 14px 0 0; } ._tags_input_f322a__tags-input-container { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; border-radius: 3px; } ._tags_input_f322a__tags-container { display: flex; flex-wrap: wrap; gap: .5rem; } ._tags_input_f322a__tags-container .tag { align-items: center; background-color: HSLA(var(--primary) / 67%); border-radius: 3px; border: none; color: white; display: inline-flex; font-size: .9rem; gap: .5rem; padding: .2rem .4rem; } ._tags_input_f322a__tags-container .tag button { background: none; border: none; color: white; cursor: pointer; margin: 0; padding: 0; } ._tags_input_f322a__tags-container .tag button .icon { display: inline-block; font-size: 75%; transition: transform 0.3s ease; } ._tags_input_f322a__tags-container .tag button:hover .icon { transform: rotate(90deg); } ._tags_input_f322a__tags-input-field-container { position: relative; flex: 1; min-width: 100%; } ._tags_input_f322a__tags-input-field { --input-height: 50px; background-color: hsl(var(--form-input-background)); border: 1px solid hsl(var(--border)); border-radius: 0.25rem; outline: none; flex: 1; height: 50px; height: var(--input-height); line-height: var(--line-height-small); min-width: 100%; padding: 10px 0.75em; padding-right: 15rem; } ._tags_input_f322a__tag-hint { position: absolute; right: .75rem; top: 50%; transform: translateY(-50%); font-size: 0.875rem; color: #888; pointer-events: none; } ._tags_input_f322a__tag-hint-icon { align-items: center; border: 1px solid hsl(var(--meta) / 0.75); border-radius: 0.2em; display: inline-flex; font-size: 0.85em; gap: 0.1em; justify-content: center; margin: 0 0.2em; overflow: hidden; padding: 0.1em 0.35em; } ._tags_input_f322a__tag-hint-icon svg { display: block; fill: currentColor; height: 1em; margin-right: -0.12em; margin-top: 0.25em; transform: scale(2); width: 1em; } ._tags_suggestions_d807a__tags-suggestions-container { align-items: center; border-radius: 3px; margin-top: 2rem; } ._tags_suggestions_d807a__tags-container { margin: 0.5rem 0; } ._tags_suggestions_d807a__tags-container .tag { align-items: center; background-color: HSLA(var(--primary) / 67%); border-radius: 3px; border: none; color: white; display: inline-flex; font-size: .9rem; padding: .2rem .4rem; margin: 0.2rem; } ._tags_suggestions_d807a__tags-container .no-tags { color: hsl(var(--text-light)); font-weight: 600; } ._tags_suggestions_d807a__tags-container .tag button { background: none; border: none; color: white; cursor: pointer; margin: 0; margin-left: 0.2rem; padding: 0; } ._tags_suggestions_d807a__tags-container .tag button .icon { display: inline-block; font-size: 75%; transition: transform 0.3s ease; } ._tags_suggestions_d807a__tags-container .tag button:hover .icon { transform: rotate(90deg); } /* AI-inspired styling for suggested tags */ ._tags_suggestions_d807a__suggested-tags-container { position: relative; margin: 0.5rem 0; } ._tags_suggestions_d807a__suggested-tags-container .tag { background: linear-gradient(135deg, #9333ea 0%, #a855f7 50%, #c084fc 100%); border: 1px solid rgba(255, 255, 255, 0.3); box-shadow: 0 2px 8px rgba(147, 51, 234, 0.2), 0 0 12px rgba(168, 85, 247, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.2); position: relative; transition: all 0.3s ease; } ._tags_suggestions_d807a__suggested-tags-container .tag:hover { transform: translateY(-2px) scale(1.05); box-shadow: 0 4px 12px rgba(147, 51, 234, 0.3), 0 0 20px rgba(168, 85, 247, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.3); } ._tags_suggestions_d807a__suggested-tags-container .tag button { color: rgba(255, 255, 255, 0.9); transition: all 0.2s ease; } ._tags_suggestions_d807a__suggested-tags-container .tag button:hover { color: white; transform: scale(1.2); } ._tags_suggestions_d807a__suggested-tags-container .tag button .icon { filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.5)); } ._tags_suggestions_d807a__add-suggested-tags-button, ._tags_suggestions_d807a__generate-tags-button { font-size: 0.8rem; } ._tags_suggestions_d807a__label { display: block; color: hsl(var(--text)); margin: 1rem 0 0.5rem; } ._tags_suggestions_d807a__suggested-label { color: hsl(var(--text-light)); font-size: 0.9rem; font-weight: 600; position: relative; } ._tags_suggestions_d807a__buttons-container { margin-top: 0.5rem; display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 0.5rem; } ._tags_suggestions_d807a__generate-tags-button, ._tags_suggestions_d807a__add-suggested-tags-button { color: #9333ea; font-size: 0.8rem; font-weight: 600; position: relative; transition: all 0.3s ease; -webkit-text-decoration: none; text-decoration: none; } ._tags_suggestions_d807a__generate-tags-button:hover, ._tags_suggestions_d807a__add-suggested-tags-button:hover { color: #a855f7; transform: translateY(-1px); } ._tags_suggestions_d807a__topic-container { font-weight: 600; -webkit-text-decoration: none; text-decoration: none; color: hsl(var(--primary)); } ._tags_suggestions_d807a__topic-container._tags_suggestions_d807a__suggested ._tags_suggestions_d807a__topic-title, ._tags_suggestions_d807a__topic-container._tags_suggestions_d807a__suggested ._tags_suggestions_d807a__topic-icon { color: #9333ea; } ._tags_suggestions_d807a__topic-container._tags_suggestions_d807a__no-topic ._tags_suggestions_d807a__topic-title { color: hsl(var(--text-light)); } ._tags_suggestions_d807a__topic-container._tags_suggestions_d807a__no-topic ._tags_suggestions_d807a__topic-icon { display: none; } ._tags_suggestions_d807a__apply-topic-button { color: #9333ea; font-size: 0.8rem; font-weight: 600; margin-top: 0.75rem; position: relative; transition: all 0.3s ease; -webkit-text-decoration: none; text-decoration: none; } ._tags_suggestions_d807a__apply-topic-button:hover { color: #a855f7; transform: translateY(-1px); } ._theme_input_set_fc853__Form-ThemeInputSetCell { margin-bottom: 25px; } ._theme_input_set_fc853__theme-input { /* Used for dispatching javascript events */ margin-right: 0.3rem; } ._theme_input_set_fc853__inputs { display: inline-flex; } ._theme_input_set_fc853__name { background: hsl(var(--background)); border: 1px solid hsl(var(--border-alpha)); border-radius: 0.3rem; cursor: pointer; display: block; font-size: 0.9rem; font-weight: bold; line-height: 1; margin: auto 1.3rem auto 0.1rem; padding: 0.2rem 0.4rem; transition: background 0.2s ease; } ._theme_input_set_fc853__name:hover { background: hsl(var(--primary)); color: HSL(0, 0%, round(nearest, 100% - var(--primary-l), 100%)); } ._theme_input_048ab__Form-ThemeInputCell { display: inline-block; position: relative; } ._theme_input_048ab__input { left: 0; opacity: 0; position: absolute; top: 0; } ._theme_input_048ab__label { border-radius: 50%; cursor: pointer; display: block; height: 30px; margin: 2px; position: relative; transform: scale(1); transition: transform 0.2s ease; width: 30px; } ._theme_input_048ab__label::after { border: 3px solid white; border-radius: 50%; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transform: scale(1); transition: transform 0.2s ease, opacity 0.2s ease; } ._theme_input_048ab__label:hover { transform: scale(1.2); } ._theme_input_048ab__input:checked + ._theme_input_048ab__label { transform: scale(1.2); } ._theme_input_048ab__input:checked + ._theme_input_048ab__label::after { opacity: 1; transform: scale(0.85); } ._url_input_5e033__input { /* Used in javascript */ } ._url_input_5e033__preview { /* Used in javascript */ } ._url_input_5e033__preview-result { border: 1px solid hsl(var(--border)); border-top: none; } ._fuse_search_30b49__FuseSearchCell .search-input { /* necessary for js */ } ._fuse_search_30b49__FuseSearchCell .search .icon-cross { color: hsl(var(--black)); } ._fuse_search_30b49__FuseSearchCell .search-reset { width: 3.5rem; } ._fuse_search_30b49__FuseSearchCell .search-result-type { display: block; margin-bottom: 0.1rem; } ._fuse_search_30b49__FuseSearchCell .search-result-title { margin: 0 !important; } ._fuse_search_30b49__FuseSearchCell .search-result-title { align-items: baseline; display: flex; line-height: 1.4; } ._fuse_search_30b49__FuseSearchCell .search-result-title code { align-items: center; background-color: rgba(255, 255, 255, 0.15); border-radius: 0.2rem; display: flex; font-size: 0.8rem; font-weight: 300; height: 1.2rem; margin-left: auto; padding: 0 0.25rem; } ._fuse_search_30b49__FuseSearchCell .search-result-title mark { background: rgba(0, 0, 0, 0.3); border-radius: 0.2rem; color: white; display: inline; margin: -0.25rem 0; padding: 0.25rem 0; } ._fuse_search_30b49__FuseSearchCell .search-result-start-datetime, ._fuse_search_30b49__FuseSearchCell .search-result-parts-count { background-color: rgba(255, 255, 255, 0.15); border-radius: 0.2rem; display: inline-block; margin: .3rem .5rem 0 -.3rem ; padding: .3rem .5rem; } ._fuse_search_30b49__FuseSearchCell .search-result-tags { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 0.4rem; } ._fuse_search_30b49__FuseSearchCell .search-result-tag { align-items: center; background-color: rgba(255, 255, 255, 0.2); border-radius: 1rem; display: inline-flex; font-size: 0.75rem; font-weight: 500; gap: 0.25rem; padding: 0.2rem 0.6rem; } ._fuse_search_30b49__FuseSearchCell .search-result-tag .icon-tags { font-size: 0.7rem; opacity: 0.8; } ._fuse_search_30b49__FuseSearchCell .search-result.tag-match { background-color: rgba(255, 255, 255, 0.08); border-left: 3px solid rgba(255, 255, 255, 0.5); } ._fuse_search_30b49__FuseSearchCell .search-result.tag-match .search-result-tag { background-color: rgba(255, 255, 255, 0.3); } ._fuse_search_30b49__FuseSearchCell .search-result.tag-result { background-color: rgba(255, 255, 255, 0.12); } ._fuse_search_30b49__FuseSearchCell .search-result.tag-result .search-result-link { align-items: center; display: flex; gap: 0.75rem; } ._fuse_search_30b49__FuseSearchCell .search-result.tag-result .search-result-tag-icon { align-items: center; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; display: flex; flex-shrink: 0; height: 2rem; justify-content: center; width: 2rem; } ._fuse_search_30b49__FuseSearchCell .search-result.tag-result .search-result-tag-icon .icon-tags { font-size: 0.9rem; } ._fuse_search_30b49__FuseSearchCell .search-result.tag-result .search-result-title { flex-grow: 1; } ._fuse_search_30b49__FuseSearchCell .search-result.tag-result .search-result-type { background-color: rgba(255, 255, 255, 0.15); border-radius: 0.25rem; flex-shrink: 0; font-size: 0.7rem; font-weight: 500; margin: 0; padding: 0.2rem 0.5rem; text-transform: uppercase; } ._fuse_search_30b49__FuseSearchCell .search-results { backdrop-filter: blur(9px); border: 1px solid hsl(var(--white) / 20%); border-radius: 1rem; margin: 0; overflow: hidden; padding: 0; } ._fuse_search_30b49__FuseSearchCell .search-results-wrapper { margin: 0 auto; max-width: 70rem; position: relative; width: 100%; } ._fuse_search_30b49__FuseSearchCell .search-results-overlay { left: 0; position: absolute; right: 0; z-index: 99; } ._fuse_search_30b49__FuseSearchCell .search-results .search-result { border-bottom: 1px solid hsl(var(--white) / 20%); } ._fuse_search_30b49__FuseSearchCell .search-results .search-result.occurrence { background-color: hsl(var(--black) / 5%); } ._fuse_search_30b49__FuseSearchCell .search-results .search-result:last-child { border: none; } ._fuse_search_30b49__FuseSearchCell .search-results .search-result-link { color: hsl(var(--white)); display: block; padding: 1.2rem 1.5rem; -webkit-text-decoration: none; text-decoration: none; } ._fuse_search_30b49__FuseSearchCell .search-results .search-result-link:hover { background-color: hsl(var(--white) / 5%); } ._fuse_search_30b49__FuseSearchCell .search-results .search-result-link:focus { background: hsl(var(--white) / 20%); outline: none; } ._fuse_search_30b49__FuseSearchCell .global-search { display: inline-block; } ._fuse_search_30b49__FuseSearchCell .global-search-description { color: hsl(var(--white) / 70%); display: inline-block; margin: 2rem 1.5rem; } ._fuse_search_30b49__FuseSearchCell .global-search-link { color: white; } ._fuse_search_30b49__FuseSearchCell .hidden { display: none; opacity: 0; } ._icon_3dd68__IconCell { font-size: 0.85em; white-space: nowrap; } ._icon_3dd68__iconsize-xs { font-size: 0.7em; } ._icon_3dd68__iconsize-s { font-size: 0.85em; } ._icon_3dd68__iconsize-m { font-size: 1em; } ._icon_3dd68__iconsize-l { font-size: 1.25em; } ._icon_3dd68__iconsize-xl { font-size: 1.5em; } ._icon_3dd68__iconsize-xxl { font-size: 2em; } ._learnable_icon_7c486__LearnableIconCell { border-radius: 50%; border-style: solid; border-width: 2px; display: inline-flex; flex-shrink: 0; } ._learnable_icon_7c486__variant-default { --icon-size: 50px; height: 50px; height: var(--icon-size); width: 50px; width: var(--icon-size); } ._learnable_icon_7c486__variant-small { --icon-size: 25px; height: 25px; height: var(--icon-size); width: 25px; width: var(--icon-size); } ._learnable_icon_7c486__variant-small::before { transform: scale(1.75); } ._learnable_icon_7c486__article { align-items: center; border-color: hsl(var(--article) / 25%); justify-content: center; } ._learnable_icon_7c486__article::before { --size: var(--icon-size-inner, 36%); background: hsl(var(--article)); content: ""; display: block; height: 36%; height: var(--size); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 0v20h20V0H0zm1.82 1.82h16.36v16.36H1.82V1.82zm2.73 2.73v1.82h10.91V4.55H4.55zm0 4.54v1.82h10.91V9.09H4.55zm0 4.55v1.82H10v-1.82H4.55z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 0v20h20V0H0zm1.82 1.82h16.36v16.36H1.82V1.82zm2.73 2.73v1.82h10.91V4.55H4.55zm0 4.54v1.82h10.91V9.09H4.55zm0 4.55v1.82H10v-1.82H4.55z'/%3E%3C/svg%3E"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: relative; width: 36%; width: var(--size); } ._learnable_icon_7c486__article._learnable_icon_7c486__disabled { border-color: hsl(var(--disabled-item-icon)); } ._learnable_icon_7c486__article._learnable_icon_7c486__disabled::before { background: hsl(var(--disabled-item-icon)); } ._learnable_icon_7c486__event { align-items: center; border-color: hsl(var(--event) / 25%); justify-content: center; } ._learnable_icon_7c486__event::before { --size: var(--icon-size-inner, 36%); background: hsl(var(--event)); content: ""; display: block; height: 36%; height: var(--size); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.97 8H1.998V4.97a.97.97 0 0 1 .97-.97h1.027v2H5.99V4h7.988v2h1.996V4h1a1 1 0 0 1 .997 1v3zm0 9c0 .55-.448 1-.997 1H2.995a1 1 0 0 1-.998-1v-7H17.97v7zm-17.906.76c0 1.105.957 2.24 2.06 2.24h15.974C19.2 20 20 18.98 20 17.76c0-.388-.032-12.4-.032-13.052 0-2.082-.28-2.708-3.994-2.708V0h-1.996v2H5.99V0H3.994v2H1.997C.9 2 0 2.9 0 4l.064 13.76z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.97 8H1.998V4.97a.97.97 0 0 1 .97-.97h1.027v2H5.99V4h7.988v2h1.996V4h1a1 1 0 0 1 .997 1v3zm0 9c0 .55-.448 1-.997 1H2.995a1 1 0 0 1-.998-1v-7H17.97v7zm-17.906.76c0 1.105.957 2.24 2.06 2.24h15.974C19.2 20 20 18.98 20 17.76c0-.388-.032-12.4-.032-13.052 0-2.082-.28-2.708-3.994-2.708V0h-1.996v2H5.99V0H3.994v2H1.997C.9 2 0 2.9 0 4l.064 13.76z'/%3E%3C/svg%3E"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: relative; width: 36%; width: var(--size); } ._learnable_icon_7c486__event._learnable_icon_7c486__disabled { border-color: hsl(var(--disabled-item-icon)); } ._learnable_icon_7c486__event._learnable_icon_7c486__disabled::before { background: hsl(var(--disabled-item-icon)); } ._learnable_icon_7c486__lti-test { --icon-size-inner: 44%; align-items: center; border-color: hsl(var(--lti-module) / 25%); justify-content: center; } ._learnable_icon_7c486__lti-test::before { --size: var(--icon-size-inner, 36%); background: hsl(var(--lti-module)); content: ""; display: block; height: 36%; height: var(--size); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0v22h24V0H0Zm2 2h20v2H2V2Zm0 4h20v14H2V6Zm16.293 1.293L16 9.586l-1.293-1.293-1.414 1.414L16 12.414l3.707-3.707-1.414-1.414ZM5 9v2h6V9H5Zm13.293 4.293L16 15.586l-1.293-1.293-1.414 1.414L16 18.414l3.707-3.707-1.414-1.414ZM5 15v2h6v-2H5Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0v22h24V0H0Zm2 2h20v2H2V2Zm0 4h20v14H2V6Zm16.293 1.293L16 9.586l-1.293-1.293-1.414 1.414L16 12.414l3.707-3.707-1.414-1.414ZM5 9v2h6V9H5Zm13.293 4.293L16 15.586l-1.293-1.293-1.414 1.414L16 18.414l3.707-3.707-1.414-1.414ZM5 15v2h6v-2H5Z'/%3E%3C/svg%3E"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: relative; width: 36%; width: var(--size); } ._learnable_icon_7c486__lti-test._learnable_icon_7c486__disabled { border-color: hsl(var(--disabled-item-icon)); } ._learnable_icon_7c486__lti-test._learnable_icon_7c486__disabled::before { background: hsl(var(--disabled-item-icon)); } ._learnable_icon_7c486__lti-rating { --icon-size-inner: 44%; align-items: center; border-color: hsl(var(--lti-module) / 25%); justify-content: center; } ._learnable_icon_7c486__lti-rating::before { --size: var(--icon-size-inner, 36%); background: hsl(var(--lti-module)); content: ""; display: block; height: 36%; height: var(--size); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0v19h13c1.102 0 2 .898 2 2h2c0-1.102.898-2 2-2h13V0H19c-1.2 0-2.266.543-3 1.383A3.978 3.978 0 0 0 13 0H0Zm2 2h11c1.102 0 2 .898 2 2v13.559A3.925 3.925 0 0 0 13 17H2V2Zm17 0h11v15H19c-.73 0-1.41.21-2 .559V4c0-1.102.898-2 2-2Zm0 2v2h9V4h-9Zm0 4v2h9V8h-9Zm0 4v2h7v-2h-7Z'/%3E%3Cpath d='M4 10V4h9v6H4ZM4 14v-2h9v2H4Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0v19h13c1.102 0 2 .898 2 2h2c0-1.102.898-2 2-2h13V0H19c-1.2 0-2.266.543-3 1.383A3.978 3.978 0 0 0 13 0H0Zm2 2h11c1.102 0 2 .898 2 2v13.559A3.925 3.925 0 0 0 13 17H2V2Zm17 0h11v15H19c-.73 0-1.41.21-2 .559V4c0-1.102.898-2 2-2Zm0 2v2h9V4h-9Zm0 4v2h9V8h-9Zm0 4v2h7v-2h-7Z'/%3E%3Cpath d='M4 10V4h9v6H4ZM4 14v-2h9v2H4Z'/%3E%3C/svg%3E"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: relative; width: 36%; width: var(--size); } ._learnable_icon_7c486__lti-rating._learnable_icon_7c486__disabled { border-color: hsl(var(--disabled-item-icon)); } ._learnable_icon_7c486__lti-rating._learnable_icon_7c486__disabled::before { background: hsl(var(--disabled-item-icon)); } ._learnable_icon_7c486__lti, ._learnable_icon_7c486__lti-module { --icon-size-inner: 44%; align-items: center; border-color: hsl(var(--lti-module) / 25%); justify-content: center; } ._learnable_icon_7c486__lti::before, ._learnable_icon_7c486__lti-module::before { --size: var(--icon-size-inner, 36%); background: hsl(var(--lti-module)); content: ""; display: block; height: 36%; height: var(--size); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0v19h13c1.102 0 2 .898 2 2h2c0-1.102.898-2 2-2h13V0H19c-1.2 0-2.266.543-3 1.383A3.978 3.978 0 0 0 13 0H0Zm2 2h11c1.102 0 2 .898 2 2v13.559A3.925 3.925 0 0 0 13 17H2V2Zm17 0h11v15H19c-.73 0-1.41.21-2 .559V4c0-1.102.898-2 2-2Zm0 2v2h9V4h-9Zm0 4v2h9V8h-9Zm0 4v2h7v-2h-7Z'/%3E%3Cpath d='M4 10V4h9v6H4ZM4 14v-2h9v2H4Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0v19h13c1.102 0 2 .898 2 2h2c0-1.102.898-2 2-2h13V0H19c-1.2 0-2.266.543-3 1.383A3.978 3.978 0 0 0 13 0H0Zm2 2h11c1.102 0 2 .898 2 2v13.559A3.925 3.925 0 0 0 13 17H2V2Zm17 0h11v15H19c-.73 0-1.41.21-2 .559V4c0-1.102.898-2 2-2Zm0 2v2h9V4h-9Zm0 4v2h9V8h-9Zm0 4v2h7v-2h-7Z'/%3E%3Cpath d='M4 10V4h9v6H4ZM4 14v-2h9v2H4Z'/%3E%3C/svg%3E"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: relative; width: 36%; width: var(--size); } ._learnable_icon_7c486__lti._learnable_icon_7c486__disabled, ._learnable_icon_7c486__lti-module._learnable_icon_7c486__disabled { border-color: hsl(var(--disabled-item-icon)); } ._learnable_icon_7c486__lti._learnable_icon_7c486__disabled::before, ._learnable_icon_7c486__lti-module._learnable_icon_7c486__disabled::before { background: hsl(var(--disabled-item-icon)); } ._learnable_icon_7c486__skill { align-items: center; border-color: hsl(var(--skill) / 25%); justify-content: center; } ._learnable_icon_7c486__skill::before { --size: var(--icon-size-inner, 36%); background: hsl(146, 60%, 45%); content: ""; display: block; height: 36%; height: var(--size); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M1.5 0v.8c0 .8.4 1.4.8 1.8l1.2 10.5h1.2l.3-.3-1.1-9.7h3.8c3.1 0 5 1.5 5.9 2.3l-8.5 8.5H2.3L0 16.2h3.9V20l2.3-2.3v-2.8l8.5-8.5c.8.8 2.3 2.8 2.3 5.9v3.8L7.3 15l-.3.3v1.2l10.5 1.2c.5.5 1.1.8 1.8.8h.7V17h-.8c-.6 0-.6-.1-.7-.3-.1-.2-.1-.4-.1-.4v-3.9c0-3.6-1.8-5.9-2.8-6.9l1.8-1.8 1 1 .8-3.8-3.8.8 1 1-1.8 1.8c-1.9-1.8-4.4-2.8-6.9-2.8H3.8s-.2 0-.4-.1c-.2-.2-.3-.3-.3-.8V0H1.5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M1.5 0v.8c0 .8.4 1.4.8 1.8l1.2 10.5h1.2l.3-.3-1.1-9.7h3.8c3.1 0 5 1.5 5.9 2.3l-8.5 8.5H2.3L0 16.2h3.9V20l2.3-2.3v-2.8l8.5-8.5c.8.8 2.3 2.8 2.3 5.9v3.8L7.3 15l-.3.3v1.2l10.5 1.2c.5.5 1.1.8 1.8.8h.7V17h-.8c-.6 0-.6-.1-.7-.3-.1-.2-.1-.4-.1-.4v-3.9c0-3.6-1.8-5.9-2.8-6.9l1.8-1.8 1 1 .8-3.8-3.8.8 1 1-1.8 1.8c-1.9-1.8-4.4-2.8-6.9-2.8H3.8s-.2 0-.4-.1c-.2-.2-.3-.3-.3-.8V0H1.5z'/%3E%3C/svg%3E"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: relative; width: 36%; width: var(--size); } ._learnable_icon_7c486__skill._learnable_icon_7c486__disabled { border-color: hsl(var(--disabled-item-icon)); } ._learnable_icon_7c486__skill._learnable_icon_7c486__disabled::before { background: hsl(var(--disabled-item-icon)); } ._learnable_icon_7c486__audio { align-items: center; border-color: hsl(var(--video) / 25%); justify-content: center; } ._learnable_icon_7c486__audio::before { --size: var(--icon-size-inner, 36%); background: hsl(343, 84%, 55%); content: ""; display: block; height: 36%; height: var(--size); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M7 0C4.797 0 3 1.797 3 4v18c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C17.071 1.004 16.063 0 15 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H7c-1.105 0-2-.895-2-2V4c0-1.105.895-2 2-2Zm6.813 7.969c-.594 0-.876.14-.876.75v5.719s-.472-.305-1.53-.157c-1.56.223-2.845 1.403-2.845 2.657 0 1.253 1.286 2.035 2.844 1.812 1.559-.219 2.688-1.371 2.688-2.625v-5.281c0-.555.308-.781.812-.781 1.64 0 2.883 1.605 3.094 2.28 0-3.046-2.094-4.374-4.188-4.374Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M7 0C4.797 0 3 1.797 3 4v18c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C17.071 1.004 16.063 0 15 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H7c-1.105 0-2-.895-2-2V4c0-1.105.895-2 2-2Zm6.813 7.969c-.594 0-.876.14-.876.75v5.719s-.472-.305-1.53-.157c-1.56.223-2.845 1.403-2.845 2.657 0 1.253 1.286 2.035 2.844 1.812 1.559-.219 2.688-1.371 2.688-2.625v-5.281c0-.555.308-.781.812-.781 1.64 0 2.883 1.605 3.094 2.28 0-3.046-2.094-4.374-4.188-4.374Z'/%3E%3C/svg%3E"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: relative; width: 36%; width: var(--size); } ._learnable_icon_7c486__audio._learnable_icon_7c486__disabled { border-color: hsl(var(--disabled-item-icon)); } ._learnable_icon_7c486__audio._learnable_icon_7c486__disabled::before { background: hsl(var(--disabled-item-icon)); } ._learnable_icon_7c486__podcast { align-items: center; border-color: hsl(var(--video) / 25%); justify-content: center; } ._learnable_icon_7c486__podcast::before { --size: var(--icon-size-inner, 36%); background: hsl(343, 84%, 55%); content: ""; display: block; height: 36%; height: var(--size); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M7 0C4.797 0 3 1.797 3 4v18c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C17.071 1.004 16.063 0 15 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H7c-1.105 0-2-.895-2-2V4c0-1.105.895-2 2-2Zm6.813 7.969c-.594 0-.876.14-.876.75v5.719s-.472-.305-1.53-.157c-1.56.223-2.845 1.403-2.845 2.657 0 1.253 1.286 2.035 2.844 1.812 1.559-.219 2.688-1.371 2.688-2.625v-5.281c0-.555.308-.781.812-.781 1.64 0 2.883 1.605 3.094 2.28 0-3.046-2.094-4.374-4.188-4.374Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M7 0C4.797 0 3 1.797 3 4v18c0 2.203 1.797 4 4 4h12c2.203 0 4-1.797 4-4V8c0-1.063-.973-2.07-2.719-3.781-.242-.239-.504-.504-.75-.75s-.511-.477-.75-.719C17.071 1.004 16.063 0 15 0Zm0 2h7.281c.723.184.719 1.05.719 1.938V7c0 .55.45 1 1 1h3c.996 0 2 .004 2 1v13c0 1.105-.895 2-2 2H7c-1.105 0-2-.895-2-2V4c0-1.105.895-2 2-2Zm6.813 7.969c-.594 0-.876.14-.876.75v5.719s-.472-.305-1.53-.157c-1.56.223-2.845 1.403-2.845 2.657 0 1.253 1.286 2.035 2.844 1.812 1.559-.219 2.688-1.371 2.688-2.625v-5.281c0-.555.308-.781.812-.781 1.64 0 2.883 1.605 3.094 2.28 0-3.046-2.094-4.374-4.188-4.374Z'/%3E%3C/svg%3E"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: relative; width: 36%; width: var(--size); } ._learnable_icon_7c486__podcast._learnable_icon_7c486__disabled { border-color: hsl(var(--disabled-item-icon)); } ._learnable_icon_7c486__podcast._learnable_icon_7c486__disabled::before { background: hsl(var(--disabled-item-icon)); } ._learnable_icon_7c486__video { align-items: center; border-color: hsl(var(--video) / 25%); justify-content: center; } ._learnable_icon_7c486__video::before { --size: var(--icon-size-inner, 36%); background: hsl(343, 84%, 55%); content: ""; display: block; height: 36%; height: var(--size); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m20 4-5 2.67V3H0v14h15v-3.67L20 16V4zm-7 11H2V5h11v10zm5-2.74-3-1.33V9.07l3-1.33v4.52z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m20 4-5 2.67V3H0v14h15v-3.67L20 16V4zm-7 11H2V5h11v10zm5-2.74-3-1.33V9.07l3-1.33v4.52z'/%3E%3C/svg%3E"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: relative; width: 36%; width: var(--size); } ._learnable_icon_7c486__video._learnable_icon_7c486__disabled { border-color: hsl(var(--disabled-item-icon)); } ._learnable_icon_7c486__video._learnable_icon_7c486__disabled::before { background: hsl(var(--disabled-item-icon)); } ._learnable_b9fa7__LearnableCell { background: hsl(var(--white)); border-bottom: 1px solid hsl(var(--border-alpha)); border-radius: 0; box-shadow: var(--shadow-panel); color: hsl(var(--text)); min-width: 0; } @media only screen and (min-width: 768px) {._learnable_b9fa7__LearnableCell { border-bottom: 0; border-radius: var(--size-border-radius) } } ._learnable_b9fa7__learnable { --icon-size: 50px; min-height: 105px; padding-left: calc((var(--spacing-horizontal) * 2) + 50px); padding-left: calc((var(--spacing-horizontal) * 2) + var(--icon-size)); position: relative; } @media only screen and (min-width: 768px) { ._learnable_b9fa7__learnable { min-height: 114px; padding-left: calc((var(--spacing-horizontal-large) * 2) + var(--icon-size)) } } ._learnable_b9fa7__icon-holder { --icon-size: 50px; align-items: center; border-radius: var(--size-border-radius) 0 0 var(--size-border-radius); bottom: 0; display: flex; flex-direction: column; justify-content: center; left: 0; position: absolute; text-align: center; top: 0; width: calc((var(--spacing-horizontal) * 2) + 50px); width: calc((var(--spacing-horizontal) * 2) + var(--icon-size)); } @media only screen and (min-width: 768px) { ._learnable_b9fa7__icon-holder { width: calc((var(--spacing-horizontal-large) * 2) + var(--icon-size)) } } ._learnable_b9fa7__icon-holder ._learnable_b9fa7__label { display: block; font-size: var(--font-size-small); font-weight: 600; margin-top: 10px; text-align: center; white-space: nowrap; } ._learnable_b9fa7__content { padding: 16px 20px 20px 0; } ._learnable_b9fa7__title { font-weight: 700; margin: 0.1em 0 0.3em; } ._learnable_b9fa7__description { margin: 0; } ._learnable_b9fa7__assessment-type { font-size: 0.8rem; margin-left: 0.5em; vertical-align: bottom; } ._learnable_b9fa7__variant-default { margin-bottom: 0; } @media only screen and (min-width: 768px) { ._learnable_b9fa7__variant-default { margin-bottom: var(--spacing-vertical-large) } } ._learnable_b9fa7__variant-grid_item { margin-bottom: 0; } ._learnable_b9fa7__icon-external-link { color: hsl(var(--meta)); margin-left: 5px; } ._article_15a9d__Library-ArticleCell { margin-top: 1em; position: relative; padding: 0 1rem 1rem; } ._article_15a9d__Library-ArticleCell ._article_15a9d__article { position: relative; } ._article_15a9d__Library-ArticleCell ._article_15a9d__article-content { /* Used in JavaScript */ } ._article_15a9d__header-wrapper { padding: 1rem 1rem 0; } @media only screen and (min-width: 768px) { ._article_15a9d__header-wrapper { display: flex; gap: 1rem } } ._article_15a9d__header { margin: 0 auto; max-width: 48rem; width: 100%; } ._article_15a9d__header-title { display: flex; justify-content: space-between; } ._article_15a9d__header-title ._article_15a9d__title { font-size: 1.5em; font-weight: bold; } @media only screen and (min-width: 768px) { ._article_15a9d__header-title ._article_15a9d__title { font-size: 3em } } ._article_15a9d__meta { align-items: center; border-bottom: 1px solid hsl(var(--border-alpha)); border-top: 1px solid hsl(var(--border-alpha)); display: flex; gap: 1rem; justify-content: space-between; margin: 0 auto var(--spacing-vertical-large); max-width: 48rem; } @media only screen and (max-width: 767px) { ._article_15a9d__meta { flex-wrap: wrap; gap: 0; padding-bottom: 1rem } } ._article_15a9d__meta-items { display: flex; flex-wrap: wrap; gap: .35rem .7rem; padding: 1rem; } ._article_15a9d__meta-item { font-weight: bold; } ._article_15a9d__date { color: hsl(var(--gray50)); font-style: italic; font-weight: normal; white-space: nowrap; width: 100%; } ._article_15a9d__manage-cards-container { margin: 0 auto; max-width: 100%; padding: 1rem 1rem 0; } @media (max-width: 799px) { ._article_15a9d__manage-cards-container { padding: 0 } } ._article_15a9d__manage-cards { display: flex; justify-content: right; } ._article_15a9d__manage-cards ._article_15a9d__manage-card:first-child { border-top-left-radius: .75rem; border-bottom-left-radius: .75rem; } ._article_15a9d__manage-cards ._article_15a9d__manage-card:last-child { border-bottom-right-radius: .75rem; border-top-right-radius: .75rem; } ._article_15a9d__manage-cards ._article_15a9d__manage-card:nth-child(2) { border-left: none; } @media (max-width: 799px) { ._article_15a9d__manage-cards { flex-direction: column; backdrop-filter: blur(8px); background: rgba(0, 0, 0, 0.5) } ._article_15a9d__manage-cards ._article_15a9d__manage-card { color: white; border-radius: 0; border: none; } ._article_15a9d__manage-cards ._article_15a9d__manage-card > div { flex: 1; text-align: center; } ._article_15a9d__manage-cards ._article_15a9d__manage-card:nth-child(2) { padding-top: 0; } } ._article_15a9d__manage-card { align-items: center; background-color: hsla(var(--article) / 0.07); border: 1px solid hsla(var(--article) / 0.2); color: hsl(var(--text)); display: flex; gap: 0.5rem; justify-content: space-between; padding: 0.75rem 0.875rem; } ._article_15a9d__manage-button { align-items: center; background-color: hsl(var(--article)); border-radius: calc(1.75rem + 2 * 1px); border: 1px solid hsl(var(--article)); color: #000; display: flex; font-weight: 500; gap: 0.375rem; height: 2rem; padding: 0.4375rem 0.625rem; -webkit-text-decoration: none; text-decoration: none; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; white-space: nowrap; } ._article_15a9d__manage-button svg { stroke-width: 2.5; width: 1rem; } ._article_15a9d__add-to-channel-button { padding: 0; background: transparent; border: none; } ._article_15a9d__add-to-channel-button ._article_15a9d__btn { cursor: pointer; align-items: center; background-color: hsl(var(--article)); border-radius: calc(1.75rem + 2 * 1px); border: 1px solid hsl(var(--article)); color: #000; display: flex; font-weight: 500; gap: 0.375rem; height: 2rem; padding: 0.4375rem 0.625rem; -webkit-text-decoration: none; text-decoration: none; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; white-space: nowrap; } ._article_15a9d__toc-wrapper { margin: 0 auto; max-width: 48rem; } @media only screen and (max-width: 767px) { ._article_15a9d__toc-wrapper { height: auto } } ._article_15a9d__toc { display: inline-block; margin-bottom: 1rem; } ._article_15a9d__toc-dropdown { display: block; padding: 2em; right: 8px; transform: scale(0); transition: transform 0.2s ease-out, opacity 0.2s ease-out; visibility: visible; } ._article_15a9d__toc-show > ._article_15a9d__toc-dropdown { max-height: calc(100vh - 110px); max-width: calc(100vw - 60px); overflow: auto; transform: scale(1); width: -moz-max-content; width: max-content; } @media only screen and (min-width: 768px) { ._article_15a9d__toc-show > ._article_15a9d__toc-dropdown { max-width: 48em } } ._article_15a9d__toc-toggle { align-items: center; backdrop-filter: blur(8px); background: rgba(255, 255, 255, 0.3); border-radius: 0.5em; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); display: inline-flex; padding: 1em; -webkit-text-decoration: none; text-decoration: none; transition: background 0.2s ease, color 0.2s ease; } ._article_15a9d__toc-toggle[aria-expanded="true"] { background: hsl(var(--link)); color: hsl(var(--white)); } @media only screen and (max-width: 767px) { ._article_15a9d__toc-toggle { margin: 0.5rem -0.5rem 0; padding: 0.5rem } } ._article_15a9d__toc-title { font-size: 1.2em; font-weight: bold; margin-bottom: 0.8em; } ._article_15a9d__toc-list { list-style: none; margin: 0; padding: 0; } ._article_15a9d__toc-link { color: hsl(var(--gray50)); -webkit-text-decoration: none; text-decoration: none; transition: color var(--duration-short) ease; } ._article_15a9d__toc-link:hover, ._article_15a9d__toc-link:focus { color: hsl(var(--blue-darker)); } ._article_15a9d__toc-item { margin: 6px 0; padding: 0.15em 0 0.15em 0.8em; position: relative; } ._article_15a9d__toc-item:last-of-type { margin-bottom: 0; } ._article_15a9d__toc-item::before { background: hsl(var(--gray94)); bottom: 0; content: ""; left: 0; position: absolute; top: 0; transition: background var(--duration-short) ease; width: 2px; } ._article_15a9d__toc-item:hover::before { background: hsl(var(--gray85)); } ._article_15a9d__toc-item._article_15a9d__active::before { background: hsl(var(--blue)); } ._article_15a9d__toc-item._article_15a9d__active ._article_15a9d__toc-link { color: hsl(var(--text)); } ._article_15a9d__toc-item._article_15a9d__active ._article_15a9d__toc-link:hover, ._article_15a9d__toc-item._article_15a9d__active ._article_15a9d__toc-link:focus { color: hsl(var(--blue-darker)); } ._article_15a9d__toc-item._article_15a9d__toc-tag-h1 { padding-left: 1em; } ._article_15a9d__toc-item._article_15a9d__toc-tag-h2 { padding-left: 2em; } ._article_15a9d__toc-item._article_15a9d__toc-tag-h3 { padding-left: 3em; } ._lti_module_77eab__description { font-size: var(--font-size-large); font-weight: 300; margin-bottom: var(--spacing-vertical); } ._lti_module_77eab__launch-button { text-align: center; } ._lti_module_77eab__external-portfolios { margin-right: auto; display: flex; flex-wrap: wrap; gap: .5em; } ._lti_module_77eab__external-portfolio { border: 1px solid hsl(var(--purple)); border-radius: 5px; color: hsl(var(--purple)); padding: 0 .5em; } ._lti_module_77eab__external-portfolio._lti_module_77eab__member { background: hsl(var(--purple)); color: white; } @media only screen and (max-width: 767px) { ._lti_module_77eab__manage { display: block } } ._media_embed_88d32__Library-MediaEmbedCell iframe { border: none; width: 100%; } ._media_embed_88d32__Library-MediaEmbedCell iframe[data-controller="iframe-embed"] { height: auto; } ._skill_b2430__title { padding: 0 var(--spacing-horizontal); } ._skill_b2430__accompanying-text { font-style: italic; } ._video_ec458__Library-VideoCell { margin: 0 auto; max-width: 40em; } ._video_ec458__player { margin-bottom: var(--spacing-vertical); } ._video_ec458__title { margin: var(--spacing-vertical-small) var(--spacing-horizontal-small) var(--spacing-vertical-small) 0; } ._video_ec458__video-heading { display: flex; justify-content: space-between; } ._video_ec458__actions { text-align: center; } @media only screen and (min-width: 768px) {._lightbox_37de2__LightboxCell { align-items: center; display: flex; flex-direction: column; left: 0; margin-bottom: var(--size-navigation-height); margin-top: var(--size-navigation-height); position: absolute; right: 0; top: 0 } ._lightbox_37de2__LightboxCell::before { bottom: 0; content: " "; left: 0; position: fixed; right: 0; top: 0; z-index: -1; } } ._lightbox_37de2__LightboxCell._lightbox_37de2__close-link { cursor: pointer; } /* Reset children */ ._lightbox_37de2__LightboxCell._lightbox_37de2__close-link >* { cursor: auto; cursor: initial; } @media only screen and (min-width: 768px) { ._lightbox_37de2__variant-default::before { background-color: hsl(var(--primary-h), 5%, 85%, 0.85); } } @media only screen and (min-width: 768px) { ._lightbox_37de2__variant-onboarding::before { background-color: hsl(var(--primary-h), 20%, 85%, 0.85); } } ._login_8ecfa__LoginCell ._login_8ecfa__header { margin: 0 0 50px; } ._login_8ecfa__LoginCell ._login_8ecfa__title { color: hsl(var(--primary)); font-size: var(--font-size-heading-large); font-style: normal; font-weight: 300; margin: 0 0 10px; } @media only screen and (min-width: 768px) { ._login_8ecfa__LoginCell ._login_8ecfa__title { font-size: var(--font-size-heading-extra-large) } } ._login_8ecfa__LoginCell ._login_8ecfa__subtitle { color: hsl(var(--primary)); font-size: var(--font-size-heading-small); font-style: normal; font-weight: 300; margin: 0; } ._login_8ecfa__LoginCell ._login_8ecfa__submit { margin-bottom: 15px; margin-top: 50px; text-align: center; } ._login_8ecfa__LoginCell ._login_8ecfa__forgot-password { text-align: center; } ._login_8ecfa__LoginCell ._login_8ecfa__forgot-password a { color: hsl(var(--primary)); -webkit-text-decoration: none; text-decoration: none; } ._login_8ecfa__LoginCell ._login_8ecfa__divider { align-items: center; color: hsl(var(--meta)); display: flex; font-size: 0.75em; justify-content: center; letter-spacing: 1px; margin: var(--spacing-vertical-large) 0; text-align: center; text-transform: uppercase; width: 100%; } ._login_8ecfa__LoginCell ._login_8ecfa__divider::before, ._login_8ecfa__LoginCell ._login_8ecfa__divider::after { background: currentColor; content: ""; flex: 1 0 0.75em; height: 1px; margin: 0 0.75em; opacity: 0.25; } ._login_8ecfa__LoginCell ._login_8ecfa__divider::before { margin-left: 0; } ._login_8ecfa__LoginCell ._login_8ecfa__divider::after { margin-right: 0; } ._login_8ecfa__LoginCell._login_8ecfa__has-sso ._login_8ecfa__header { margin-bottom: 30px; } ._login_8ecfa__LoginCell._login_8ecfa__has-sso ._login_8ecfa__submit { margin-top: 30px; } ._login_8ecfa__LoginCell ._login_8ecfa__sso { text-align: center; } ._login_8ecfa__LoginCell ._login_8ecfa__sso ._login_8ecfa__sso-icon { font-size: inherit; margin-left: 0; margin-right: 0.5em; } ._login_8ecfa__LoginCell ._login_8ecfa__sso ._login_8ecfa__sso-button { display: flex; justify-content: center; margin-bottom: 15px; min-width: 228px; text-align: center; } ._current_attempt_eca79__or { color: hsl(var(--gray40)); font-size: 1.1rem; margin: 0 2rem; } ._current_attempt_eca79__finish-button { /* Used in javascript - keep this class for JS targeting */ } ._current_attempt_eca79__resume-anyway-button { -webkit-text-decoration: underline; text-decoration: underline; } ._current_attempt_eca79__rating-attribute { margin-bottom: 1.5rem; padding: 1rem; border: 1px solid hsl(var(--gray94)); border-radius: 0.5rem; background-color: hsl(var(--white)); } ._current_attempt_eca79__rating-attribute:last-child { margin-bottom: 0; } /* Smaller variant for when attributes appear alongside main progress bar */ ._current_attempt_eca79__variant-with-main-progress ._current_attempt_eca79__rating-attribute { margin-bottom: 1rem; padding: 0.75rem; border-radius: 0.4rem; } ._current_attempt_eca79__variant-with-main-progress ._current_attempt_eca79__rating-score { margin-bottom: 0.5rem; } ._current_attempt_eca79__variant-with-main-progress ._current_attempt_eca79__score-label { font-size: 0.9rem; } ._current_attempt_eca79__variant-with-main-progress ._current_attempt_eca79__score-percentage { font-size: 1rem; } ._current_attempt_eca79__variant-with-main-progress ._current_attempt_eca79__rating-progress-bar { height: 8px; margin-bottom: 0.5rem; } ._current_attempt_eca79__variant-with-main-progress ._current_attempt_eca79__rating-comment { margin-top: 0.5rem; padding-top: 0.5rem; font-size: 0.9rem; } ._current_attempt_eca79__rating-score { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.75rem; } ._current_attempt_eca79__score-label { font-weight: 600; color: hsl(var(--text)); font-size: 1rem; } ._current_attempt_eca79__score-percentage { font-weight: 700; font-size: 1.1rem; color: hsl(var(--primary)); } ._current_attempt_eca79__rating-progress-bar { background-color: hsl(var(--gray94)); height: 10px; border-radius: 5px; overflow: hidden; margin-bottom: 0.75rem; } ._current_attempt_eca79__rating-progress-bar ._current_attempt_eca79__progress-fill { background-color: hsl(var(--primary)); height: 100%; border-radius: 5px; transition: width 0.3s ease; } ._current_attempt_eca79__rating-comment { margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid hsl(var(--gray94)); } ._current_attempt_eca79__rating-comment strong { color: hsl(var(--text)); font-weight: 600; } ._current_attempt_eca79__rating-comment p { color: hsl(var(--text)); margin: 0; line-height: 1.4; } /* Mobile responsiveness */ @media only screen and (max-width: 767px) { ._current_attempt_eca79__or { display: block; text-align: center; margin: 1rem 0; } ._current_attempt_eca79__rating-attribute { margin-bottom: 1rem; padding: 0.75rem; } ._current_attempt_eca79__rating-score { flex-direction: column; align-items: flex-start; gap: 0.25rem; margin-bottom: 0.5rem; } ._current_attempt_eca79__score-label { font-size: 0.9rem; } ._current_attempt_eca79__score-percentage { font-size: 1rem; align-self: flex-end; } ._current_attempt_eca79__rating-progress-bar { height: 12px; margin-bottom: 0.5rem; } ._current_attempt_eca79__rating-comment { margin-top: 0.5rem; padding-top: 0.5rem; font-size: 0.9rem; } /* Smaller variant adjustments for mobile */ ._current_attempt_eca79__variant-with-main-progress ._current_attempt_eca79__rating-attribute { margin-bottom: 0.75rem; padding: 0.5rem; } ._current_attempt_eca79__variant-with-main-progress ._current_attempt_eca79__rating-score { margin-bottom: 0.25rem; } ._current_attempt_eca79__variant-with-main-progress ._current_attempt_eca79__score-label { font-size: 0.8rem; } ._current_attempt_eca79__variant-with-main-progress ._current_attempt_eca79__score-percentage { font-size: 0.9rem; } ._current_attempt_eca79__variant-with-main-progress ._current_attempt_eca79__rating-progress-bar { height: 6px; margin-bottom: 0.25rem; } ._current_attempt_eca79__variant-with-main-progress ._current_attempt_eca79__rating-comment { margin-top: 0.25rem; padding-top: 0.25rem; font-size: 0.8rem; } } @media only screen and (max-width: 1199px) { /* Ensure buttons stack nicely on tablet and smaller */ ._current_attempt_eca79__or { margin: 0.75rem 1rem; } ._current_attempt_eca79__rating-attribute { padding: 0.875rem; } ._current_attempt_eca79__rating-progress-bar { height: 11px; } /* Make progress bars more touch-friendly */ ._current_attempt_eca79__rating-progress-bar ._current_attempt_eca79__progress-fill { min-width: 2px; /* Ensure visibility even for very low scores */ } } ._minimum_grade_8cda8__minimum-grade { font-size: calc(var(--font-size-default) * 1.2); } ._minimum_grade_8cda8__minimum-grade ._minimum_grade_8cda8__grade { border: 2px solid hsl(var(--violet) / 10%); border-radius: 3px; color: hsl(var(--violet)); display: inline-block; padding: calc(var(--spacing-vertical-small) / 2) calc(var(--spacing-horizontal-small) / 2.5); } ._past_results_c0cc7__sufficient-text { color: hsl(var(--success)); display: inline; } ._past_results_c0cc7__not-sufficient-text { color: hsl(var(--danger)); display: inline; } /* Attribute rows are styled further below */ ._past_results_c0cc7__attribute-row td { padding: 0.25rem 0.75rem !important; } ._past_results_c0cc7__attribute-row td { border-top: none; } ._past_results_c0cc7__attribute-label { padding-left: 2.5rem; } ._past_results_c0cc7__attribute-indent { color: hsl(var(--gray20)); font-size: 0.9rem; } ._past_results_c0cc7__attribute-score { width: 200px; } ._past_results_c0cc7__attribute-score-container { display: flex; align-items: center; gap: 0.25rem; justify-content: flex-start; } ._past_results_c0cc7__attribute-progress-bar { background-color: hsl(var(--gray94)); height: 8px; border-radius: 4px; overflow: hidden; width: 200px; flex-shrink: 0; } ._past_results_c0cc7__attribute-progress-fill { background-color: hsl(var(--primary)); height: 100%; border-radius: 4px; transition: width 0.3s ease; } ._past_results_c0cc7__attribute-score-text { font-weight: 600; color: hsl(var(--primary)); font-size: 0.9rem; min-width: 40px; text-align: left; } /* Make the main result score text darker - scoped to this cell */ ._past_results_c0cc7__table td[data-test="grade"] { color: hsl(var(--gray20)); font-weight: 600; } /* Enhance the main table styling - scoped to this cell */ ._past_results_c0cc7__table { border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } ._past_results_c0cc7__table tbody tr { transition: background-color 0.2s ease; } ._past_results_c0cc7__table tbody tr:hover { background-color: hsl(var(--gray98)); } ._past_results_c0cc7__table td { border-bottom: 1px solid hsl(var(--gray94)); padding: 1rem 0.75rem; } /* Enhance the header */ ._past_results_c0cc7__title { color: hsl(var(--text)); font-weight: 600; margin-bottom: 1.5rem; margin-left: 1rem; padding-bottom: 0.75rem; } /* Add subtle animations */ @keyframes _past_results_c0cc7__lti-past-results-fade-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } ._past_results_c0cc7__attribute-row { animation: _past_results_c0cc7__lti-past-results-fade-in 0.3s ease-out; } ._past_results_c0cc7__spacer-row { background-color: hsl(var(--white)); height: 1rem; } ._past_results_c0cc7__spacer-row td { padding: 0.5rem 0 !important; border-bottom: none !important; } /* Mobile responsiveness - scoped to this cell only */ @media only screen and (max-width: 767px) { ._past_results_c0cc7__title { font-size: 1.25rem; margin-bottom: 1rem; padding-bottom: 0.5rem; } /* Convert table to card layout on mobile - only within this cell */ ._past_results_c0cc7__table { display: block; box-shadow: none; } ._past_results_c0cc7__table tbody { display: block; } ._past_results_c0cc7__table tbody tr { display: block; margin-bottom: 0.5rem; border: 1px solid hsl(var(--gray94)); border-radius: 8px; padding: 1rem; background-color: hsl(var(--white)); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); } /* Add more spacing after attribute rows to separate result groups */ ._past_results_c0cc7__table tbody tr:not(._past_results_c0cc7__attribute-row)+tr:not(._past_results_c0cc7__attribute-row) { margin-top: 1rem; } ._past_results_c0cc7__table tbody tr:last-child { margin-bottom: 0; } ._past_results_c0cc7__table td { text-align: left !important; } ._past_results_c0cc7__table td { display: block; border: none; padding: 0.5rem 0; } ._past_results_c0cc7__table td::before { content: attr(data-label); font-weight: 600; color: hsl(var(--gray40)); display: block; margin-bottom: 0.25rem; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.5px; } /* Hide label for specific cells */ ._past_results_c0cc7__table td[data-test="grade"]:first-of-type::before { content: ""; display: none; } ._past_results_c0cc7__table td[data-test="launch-view-result"]::before { content: ""; display: none; } /* Add spacing between table data */ ._past_results_c0cc7__table td:not(:last-child) { margin-bottom: 0.75rem; padding-bottom: 0.75rem; border-bottom: 1px solid hsl(var(--gray94)); } ._past_results_c0cc7__table td:last-child { padding-bottom: 0; } /* Attribute rows styling for mobile */ ._past_results_c0cc7__attribute-row { display: block !important; margin-top: 0.75rem !important; margin-bottom: 0.5rem !important; margin-left: 1rem !important; margin-right: 0 !important; padding: 0.75rem 1rem !important; background-color: hsl(var(--white)) !important; border: 1px solid hsl(var(--gray94)) !important; border-radius: 6px !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important; } ._past_results_c0cc7__attribute-row td { display: block; padding: 0; border: none; } ._past_results_c0cc7__attribute-row td::before { display: none; } ._past_results_c0cc7__attribute-row td:first-child, ._past_results_c0cc7__attribute-row td:last-child { display: none; /* Hide empty cells on mobile */ } ._past_results_c0cc7__attribute-label { padding-left: 0; margin-bottom: 0.5rem; } ._past_results_c0cc7__attribute-indent { font-size: 0.85rem; font-weight: 500; } ._past_results_c0cc7__attribute-score { width: 100%; } ._past_results_c0cc7__attribute-score-container { /* Keep horizontal layout on mobile */ flex-direction: row; gap: 0.5rem; } ._past_results_c0cc7__attribute-progress-bar { flex: 1; /* Take available space */ min-width: 100px; /* Ensure minimum width */ height: 12px; /* Slightly larger for better visibility on mobile */ } ._past_results_c0cc7__attribute-score-text { flex-shrink: 0; /* Prevent text from shrinking */ font-size: 0.9rem; } /* Ensure buttons are full width on mobile */ ._past_results_c0cc7__table td[data-test="launch-view-result"] form { width: 100%; } ._past_results_c0cc7__table td[data-test="launch-view-result"] button { width: 100%; justify-content: center; } /* Hide spacer row on mobile */ ._past_results_c0cc7__spacer-row { display: none; } } @media only screen and (max-width: 1199px) { ._past_results_c0cc7__title { font-size: 1.35rem; } ._past_results_c0cc7__table { overflow-x: auto; -webkit-overflow-scrolling: touch; } ._past_results_c0cc7__table td { padding: 0.75rem 0.5rem; font-size: 0.9rem; } ._past_results_c0cc7__attribute-label { padding-left: 1.5rem; } ._past_results_c0cc7__attribute-indent { font-size: 0.85rem; } ._past_results_c0cc7__attribute-score { width: 150px; } ._past_results_c0cc7__attribute-progress-bar { width: 150px; height: 10px; } ._past_results_c0cc7__attribute-score-text { font-size: 0.85rem; } } ._progress_f61d9__LTI-ProgressCell { padding: 25px 0 50px; } ._progress_f61d9__variant-small { padding: 0; } ._progress_f61d9__variant-small ._progress_f61d9__current-grade-text { font-size: 16px; line-height: 10px; position: absolute; right: -36px; top: 0px; } ._progress_f61d9__result-bar { background: hsl(var(--gray94)); height: 10px; margin-right: 50px; position: relative; } ._progress_f61d9__sufficient ._progress_f61d9__current-grade-bar { background: hsl(var(--green)); } ._progress_f61d9__sufficient ._progress_f61d9__current-grade-text { color: hsl(var(--green)); } ._progress_f61d9__insufficient ._progress_f61d9__current-grade-bar { background: hsl(var(--red)); z-index: 1; } ._progress_f61d9__insufficient ._progress_f61d9__current-grade-text { color: hsl(var(--red)); } ._progress_f61d9__minimum-grade-bar, ._progress_f61d9__current-grade-bar { bottom: 0; left: 0; position: absolute; top: 0; } ._progress_f61d9__minimum-grade-bar { background: rgba(0, 0, 0, 0.1); } ._progress_f61d9__minimum-grade-bar::after { background: hsl(var(--gray75)); bottom: -100%; content: ""; display: block; position: absolute; right: 0; top: 0; width: 1px; } ._progress_f61d9__minimum-grade-text { bottom: -200%; position: absolute; right: 0; transform: translate(50%, 100%); } ._progress_f61d9__current-grade-text { font-size: 24px; position: absolute; right: -60px; top: -7px; } ._main_a33c7__MainCell { display: flex; flex-direction: column; } @media only screen and (min-width: 990px) {._main_a33c7__MainCell { flex-direction: row; margin: var(--spacing-vertical-large) auto; padding: 0 var(--spacing-horizontal) } } @media only screen and (max-width: 767px) { ._main_a33c7__content { padding: var(--spacing-vertical-small) var(--spacing-horizontal-small) } } @media only screen and (min-width: 990px) { ._main_a33c7__content { flex: 1; min-width: 0 } } ._main_a33c7__shrink { min-width: 0; } ._map_1dd4b__MapCell { background: #ddd; display: block; min-height: 250px; padding-top: 40%; } @media only screen and (min-width: 1200px) {._map_1dd4b__MapCell { min-height: 400px } } ._map_1dd4b__disabled { cursor: not-allowed; } ._mark_6f03d__variant-default { --size: var(--checkbox-size, 30px); --border-width: var(--checkbox-border-width, 3px); position: relative; } ._mark_6f03d__variant-default ._mark_6f03d__mark { border: var(--border-width) solid hsl(var(--gray85)); border-radius: 50%; display: inline-flex; height: var(--size); position: relative; transition: border var(--duration-short) ease-in, opacity var(--duration-short) ease-in; -webkit-user-select: none; -moz-user-select: none; user-select: none; vertical-align: middle; width: var(--size); } ._mark_6f03d__variant-default ._mark_6f03d__mark::before { background: hsl(var(--white)); content: ""; display: block; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m18.29 5.28-11 10.94-.84-.75-4.74-4.56 1.56-1.56 4 3.81 9.39-9.39z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m18.29 5.28-11 10.94-.84-.75-4.74-4.56 1.56-1.56 4 3.81 9.39-9.39z'/%3E%3C/svg%3E"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: calc(var(--size) * 0.667); mask-size: calc(var(--size) * 0.667); width: inherit; } ._mark_6f03d__variant-default._mark_6f03d__done ._mark_6f03d__mark, ._mark_6f03d__variant-default ._mark_6f03d__checkbox:checked~._mark_6f03d__mark { background-color: hsl(var(--success)); border-color: hsl(var(--success)); } ._mark_6f03d__variant-default._mark_6f03d__mark-link, ._mark_6f03d__variant-default._mark_6f03d__mark-checkbox { cursor: pointer; } ._mark_6f03d__variant-default._mark_6f03d__mark-link._mark_6f03d__done:hover ._mark_6f03d__mark, ._mark_6f03d__variant-default._mark_6f03d__mark-link:hover ._mark_6f03d__checkbox:checked~._mark_6f03d__mark, ._mark_6f03d__variant-default._mark_6f03d__mark-checkbox._mark_6f03d__done:hover ._mark_6f03d__mark, ._mark_6f03d__variant-default._mark_6f03d__mark-checkbox:hover ._mark_6f03d__checkbox:checked~._mark_6f03d__mark { opacity: 0.75; } ._mark_6f03d__variant-default._mark_6f03d__mark-link._mark_6f03d__done:hover ._mark_6f03d__mark::before, ._mark_6f03d__variant-default._mark_6f03d__mark-link:hover ._mark_6f03d__checkbox:checked~._mark_6f03d__mark::before, ._mark_6f03d__variant-default._mark_6f03d__mark-checkbox._mark_6f03d__done:hover ._mark_6f03d__mark::before, ._mark_6f03d__variant-default._mark_6f03d__mark-checkbox:hover ._mark_6f03d__checkbox:checked~._mark_6f03d__mark::before { background: hsl(var(--white)); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m18.29 5.28-11 10.94-.84-.75-4.74-4.56 1.56-1.56 4 3.81 9.39-9.39z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m18.29 5.28-11 10.94-.84-.75-4.74-4.56 1.56-1.56 4 3.81 9.39-9.39z'/%3E%3C/svg%3E"); } ._mark_6f03d__variant-default._mark_6f03d__mark-link:hover ._mark_6f03d__mark, ._mark_6f03d__variant-default._mark_6f03d__mark-checkbox:hover ._mark_6f03d__mark, ._mark_6f03d__variant-default._mark_6f03d__hover ._mark_6f03d__mark { border-color: hsl(var(--success)); opacity: 0.5; } ._mark_6f03d__variant-default._mark_6f03d__mark-link:hover ._mark_6f03d__mark::before, ._mark_6f03d__variant-default._mark_6f03d__mark-checkbox:hover ._mark_6f03d__mark::before, ._mark_6f03d__variant-default._mark_6f03d__hover ._mark_6f03d__mark::before { background: hsl(var(--success)); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m18.29 5.28-11 10.94-.84-.75-4.74-4.56 1.56-1.56 4 3.81 9.39-9.39z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m18.29 5.28-11 10.94-.84-.75-4.74-4.56 1.56-1.56 4 3.81 9.39-9.39z'/%3E%3C/svg%3E"); } ._mark_6f03d__variant-square { border-left: 1px solid hsl(var(--gray94)); } ._mark_6f03d__variant-square ._mark_6f03d__mark { display: inline-flex; height: 100%; transition: opacity var(--duration-short) ease-in; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 50px; } ._mark_6f03d__variant-square ._mark_6f03d__mark::before { background: hsl(var(--gray80)); content: ""; display: block; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m18.29 5.28-11 10.94-.84-.75-4.74-4.56 1.56-1.56 4 3.81 9.39-9.39z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m18.29 5.28-11 10.94-.84-.75-4.74-4.56 1.56-1.56 4 3.81 9.39-9.39z'/%3E%3C/svg%3E"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 20px; mask-size: 20px; width: inherit; } ._mark_6f03d__variant-square._mark_6f03d__mark-link:hover ._mark_6f03d__mark::before, ._mark_6f03d__variant-square._mark_6f03d__mark-checkbox:hover ._mark_6f03d__mark::before, ._mark_6f03d__variant-square._mark_6f03d__hover ._mark_6f03d__mark::before { background: hsl(var(--success)); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m18.29 5.28-11 10.94-.84-.75-4.74-4.56 1.56-1.56 4 3.81 9.39-9.39z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m18.29 5.28-11 10.94-.84-.75-4.74-4.56 1.56-1.56 4 3.81 9.39-9.39z'/%3E%3C/svg%3E"); } ._mark_6f03d__variant-square._mark_6f03d__mark-link:active ._mark_6f03d__mark, ._mark_6f03d__variant-square._mark_6f03d__active ._mark_6f03d__mark { opacity: 0.5; } ._mark_6f03d__checkbox { left: 7px; opacity: 0; position: absolute; top: 7px; z-index: -1; } ._billing_details_select_dialog_f76e2__billing-details-list { margin-bottom: 1.5rem; } ._billing_details_select_dialog_f76e2__billing-detail-item { margin-bottom: 1rem; border: 1px solid hsl(var(--border)); border-radius: var(--border-radius); overflow: hidden; transition: border-color 0.2s ease; } ._billing_details_select_dialog_f76e2__billing-detail-item:hover { border-color: hsl(var(--primary)); } ._billing_details_select_dialog_f76e2__billing-detail-item:has(input:checked) { border-color: hsl(var(--primary)); background-color: hsl(var(--primary) / 0.05); } ._billing_details_select_dialog_f76e2__billing-detail-label { display: block; cursor: pointer; padding: 1rem; position: relative; } ._billing_details_select_dialog_f76e2__billing-detail-radio { position: absolute; top: 1rem; right: 1rem; margin: 0; transform: scale(1.2); } ._billing_details_select_dialog_f76e2__billing-detail-content { padding-right: 2rem; } ._billing_details_select_dialog_f76e2__address-type-badge { margin-bottom: 0.5rem; } ._billing_details_select_dialog_f76e2__address-details { color: hsl(var(--text)); font-size: var(--font-size-small); line-height: 1.4; } ._billing_details_select_dialog_f76e2__add-new-section { border-top: 1px solid hsl(var(--border)); padding-top: 1rem; text-align: center; } ._billing_details_select_dialog_f76e2__add-new-link { background: none; border: none; color: hsl(var(--primary)); cursor: pointer; font-size: var(--font-size-base); -webkit-text-decoration: underline; text-decoration: underline; padding: 0; } ._billing_details_select_dialog_f76e2__add-new-link:hover { color: hsl(var(--primary-dark)); } ._billing_details_select_dialog_f76e2__no-billing-details { text-align: center; padding: 2rem 0; } ._billing_details_select_dialog_f76e2__no-billing-details p { margin-bottom: 1rem; color: hsl(var(--text-muted)); } ._meta_f9fa2__MetaCell { color: hsl(var(--meta)); font-size: var(--font-size-small); line-height: var(--base-line-height); } ._meta_f9fa2__MetaCell ._meta_f9fa2__icon { margin-right: 0.3em; } ._mini_graph_fdcbe__canvas { /* Used in javascript */ } ._modal_ea924__ModalCell { background: white; background-position: top right; background-repeat: no-repeat; position: relative; } @media only screen and (min-width: 768px) {._modal_ea924__ModalCell { box-shadow: 0 2px 0 hsl(var(--border-alpha)) } } ._modal_ea924__icon { display: inline-block; font-size: 18px; line-height: var(--line-height-small); margin-right: 5px; } ._modal_ea924__title { border-bottom: 1px solid hsl(var(--border-alpha)); color: hsl(var(--text-light)); font-size: var(--font-size-heading-tiny); margin: 0; padding: var(--spacing-vertical) var(--spacing-horizontal); position: relative; } ._modal_ea924__has-close ._modal_ea924__title { padding-right: 40px; } ._modal_ea924__close-link { color: hsl(var(--text-light)); position: absolute; right: 15px; -webkit-text-decoration: none; text-decoration: none; top: 17px; z-index: 1; } ._modal_ea924__close-link:hover { color: hsl(var(--text)); } ._modal_ea924__content { padding: var(--spacing-vertical) var(--spacing-horizontal); position: relative; } ._modal_ea924__content ._modal_ea924__actions { margin: 0 calc(var(--spacing-horizontal) * -1) calc(var(--spacing-vertical) * -1); /* preferably don't nest actions inside content */ } ._modal_ea924__actions { align-items: center; border-top: 1px solid hsl(var(--border-alpha)); display: flex; padding: var(--spacing-vertical) var(--spacing-horizontal); } ._modal_ea924__action-right { margin-left: auto; } ._modal_ea924__footer { color: hsl(var(--link)); margin-top: 25px; padding-top: 25px; position: relative; text-align: center; z-index: 5; } ._modal_ea924__footer a { color: inherit; } @media only screen and (min-width: 768px) { ._modal_ea924__footer { border: none; padding: 0 } } ._modal_ea924__variant-default { width: 100%; } @media only screen and (min-width: 768px) { ._modal_ea924__variant-default { width: 580px } } @media only screen and (min-width: 768px) { ._modal_ea924__variant-wider { max-width: 1100px; width: calc(100% - 2rem) } } ._modal_ea924__variant-wide { max-width: 900px; width: 100%; } ._modal_ea924__variant-medium { max-width: 650px; width: 100%; } ._modal_ea924__variant-narrow { width: 100%; } @media only screen and (min-width: 768px) { ._modal_ea924__variant-narrow { width: 380px } } ._modal_ea924__variant-narrow_to_default { width: 100%; } @media only screen and (min-width: 768px) { ._modal_ea924__variant-narrow_to_default { max-width: 580px; min-width: 380px; width: auto; width: initial } } @media only screen and (min-width: 768px) { ._modal_ea924__variant-fit-content { min-width: 580px; width: -moz-fit-content; width: fit-content } } @media only screen and (min-width: 768px) { ._modal_ea924__variant-onboarding { box-shadow: 0 2px 0 hsl(var(--border-alpha)); min-height: 610px; width: 858px } } @media only screen and (min-width: 768px) { ._modal_ea924__variant-onboarding ._modal_ea924__content { padding: 40px; padding-left: 60px; width: 50% } } ._native_audio_2c96c__NativeAudioCell { width: 100%; } ._native_audio_2c96c__NativeAudioCell > audio { display: none; } @keyframes _native_audio_2c96c__green-audio-player-spin { from { transform: rotateZ(0); } to { transform: rotateZ(1turn); } } ._native_audio_2c96c__green-audio-player { display: flex !important; } ._native_audio_2c96c__green-audio-player { align-items: center; background-color: hsla(var(--background)); border-radius: var(--size-border-radius); box-sizing: border-box; height: 56px; justify-content: space-between; min-width: 300px; outline: none; padding-left: 1rem; padding-right: 1rem; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 100%; } ._native_audio_2c96c__green-audio-player._native_audio_2c96c__player-accessible ._native_audio_2c96c__play-pause-btn:hover, ._native_audio_2c96c__green-audio-player._native_audio_2c96c__player-accessible ._native_audio_2c96c__controls:hover, ._native_audio_2c96c__green-audio-player._native_audio_2c96c__player-accessible ._native_audio_2c96c__volume__button:hover, ._native_audio_2c96c__green-audio-player._native_audio_2c96c__player-accessible ._native_audio_2c96c__volume__controls:hover, ._native_audio_2c96c__green-audio-player._native_audio_2c96c__player-accessible ._native_audio_2c96c__download:hover { outline: dotted 1px #999; } ._native_audio_2c96c__green-audio-player svg, ._native_audio_2c96c__green-audio-player img { display: block; } ._native_audio_2c96c__green-audio-player ._native_audio_2c96c__holder { position: relative; } ._native_audio_2c96c__green-audio-player ._native_audio_2c96c__holder ._native_audio_2c96c__loading ._native_audio_2c96c__loading__spinner { animation: _native_audio_2c96c__green-audio-player-spin 0.4s linear infinite; border-radius: 50%; border: 2px solid #b0b0b0; border-right-color: transparent; bottom: 2px; height: 16px; left: -3px; position: absolute; width: 16px; } ._native_audio_2c96c__green-audio-player ._native_audio_2c96c__holder ._native_audio_2c96c__play-pause-btn { cursor: pointer; outline: none; visibility: hidden; } ._native_audio_2c96c__green-audio-player ._native_audio_2c96c__holder ._native_audio_2c96c__play-pause-btn:focus { outline: none; } ._native_audio_2c96c__green-audio-player ._native_audio_2c96c__slider { background-color: #d8d8d8; cursor: pointer; flex-grow: 1; position: relative; } ._native_audio_2c96c__green-audio-player ._native_audio_2c96c__slider ._native_audio_2c96c__gap-progress { background-color: #44bfa3; border-radius: inherit; pointer-events: none; position: absolute; } ._native_audio_2c96c__green-audio-player ._native_audio_2c96c__slider ._native_audio_2c96c__gap-progress ._native_audio_2c96c__pin { background-color: #44bfa3; border-radius: 8px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.32); height: 16px; pointer-events: all; position: absolute; width: 16px; } ._native_audio_2c96c__green-audio-player ._native_audio_2c96c__slider ._native_audio_2c96c__gap-progress ._native_audio_2c96c__pin::after { background: rgba(0, 0, 0, 0); border-radius: 50%; content: ""; display: block; height: 200%; margin-left: -50%; margin-top: -50%; width: 200%; } ._native_audio_2c96c__green-audio-player ._native_audio_2c96c__controls { align-items: center; color: #55606e; display: flex; flex-grow: 1; font-family: "Roboto", sans-serif; font-size: 16px; justify-content: space-between; line-height: 18px; margin-left: 15px; margin-right: 15px; outline: none; } ._native_audio_2c96c__green-audio-player ._native_audio_2c96c__controls ._native_audio_2c96c__controls__slider { border-radius: 2px; height: 4px; margin-left: 16px; margin-right: 16px; } ._native_audio_2c96c__green-audio-player ._native_audio_2c96c__controls ._native_audio_2c96c__controls__slider ._native_audio_2c96c__controls__progress { height: 100%; width: 0; } ._native_audio_2c96c__green-audio-player ._native_audio_2c96c__controls ._native_audio_2c96c__controls__slider ._native_audio_2c96c__controls__progress ._native_audio_2c96c__progress__pin { right: -8px; top: -6px; } ._native_audio_2c96c__green-audio-player ._native_audio_2c96c__controls span { cursor: default; } ._native_audio_2c96c__green-audio-player ._native_audio_2c96c__controls:focus { outline: none; } ._native_audio_2c96c__green-audio-player ._native_audio_2c96c__volume { position: relative; } ._native_audio_2c96c__green-audio-player ._native_audio_2c96c__volume ._native_audio_2c96c__volume__button { cursor: pointer; outline: none; } ._native_audio_2c96c__green-audio-player ._native_audio_2c96c__volume ._native_audio_2c96c__volume__button:focus { outline: none; } ._native_audio_2c96c__green-audio-player ._native_audio_2c96c__volume ._native_audio_2c96c__volume__button._native_audio_2c96c__open path { fill: #44bfa3; } ._native_audio_2c96c__green-audio-player ._native_audio_2c96c__volume ._native_audio_2c96c__volume__controls { width: 30px; height: 135px; background-color: rgba(0, 0, 0, 0.62); border-radius: 7px; position: absolute; left: -3px; bottom: 52px; flex-direction: column; align-items: center; display: flex; z-index: 2; outline: none; } ._native_audio_2c96c__green-audio-player ._native_audio_2c96c__volume ._native_audio_2c96c__volume__controls ._native_audio_2c96c__volume__slider { border-radius: var(--size-border-radius); margin-bottom: 12px; margin-top: 12px; width: 6px; } ._native_audio_2c96c__green-audio-player ._native_audio_2c96c__volume ._native_audio_2c96c__volume__controls ._native_audio_2c96c__volume__slider ._native_audio_2c96c__volume__progress { bottom: 0; height: 100%; width: 6px; } ._native_audio_2c96c__green-audio-player ._native_audio_2c96c__volume ._native_audio_2c96c__volume__controls ._native_audio_2c96c__volume__slider ._native_audio_2c96c__volume__progress ._native_audio_2c96c__volume__pin { left: -5px; top: -8px; } ._native_audio_2c96c__green-audio-player ._native_audio_2c96c__volume ._native_audio_2c96c__volume__controls:focus { outline: none; } ._native_audio_2c96c__green-audio-player ._native_audio_2c96c__volume ._native_audio_2c96c__volume__controls._native_audio_2c96c__hidden { display: none; } ._native_audio_2c96c__green-audio-player ._native_audio_2c96c__volume ._native_audio_2c96c__volume__controls._native_audio_2c96c__top { bottom: 52px; left: -3px; } ._native_audio_2c96c__green-audio-player ._native_audio_2c96c__volume ._native_audio_2c96c__volume__controls._native_audio_2c96c__middle { bottom: -54px; left: 54px; } ._native_audio_2c96c__green-audio-player ._native_audio_2c96c__volume ._native_audio_2c96c__volume__controls._native_audio_2c96c__bottom { bottom: -164px; left: -3px; } ._native_audio_2c96c__green-audio-player ._native_audio_2c96c__download { cursor: pointer; display: none; margin-left: 16px; outline: none; } ._native_audio_2c96c__green-audio-player ._native_audio_2c96c__download:focus { outline: none; } ._native_audio_2c96c__green-audio-player:focus { outline: none; } ._native_audio_2c96c__message__offscreen { border: 0; clip-path: inset(50%); clip: rect(1px, 1px, 1px, 1px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal; } ._native_audio_2c96c__volume__speaker, ._native_audio_2c96c__controls__total-time, ._native_audio_2c96c__play-pause-btn__icon, ._native_audio_2c96c__controls__current-time { } ._app_switcher_8d939__Navigation-AppSwitcherCell { align-items: center; cursor: pointer; display: flex; position: relative; z-index: 1; } ._app_switcher_8d939__trigger-icon { font-size: 1.3em; top: -0.07em; position: relative; } ._app_switcher_8d939__list { list-style: none; margin: 0; min-width: 250px; padding: 0; } ._app_switcher_8d939__list-item:first-of-type ._app_switcher_8d939__link { border-radius: 4px 4px 0 0; } ._app_switcher_8d939__list-item:last-of-type ._app_switcher_8d939__link { border-radius: 0 0 4px 4px; } ._app_switcher_8d939__list-item:not(:last-of-type) ._app_switcher_8d939__link { border-bottom: 1px solid hsl(var(--border-alpha)); } ._app_switcher_8d939__link { align-items: center; color: hsl(var(--text-light)); display: flex; padding: 10px 12px; position: relative; -webkit-text-decoration: none; text-decoration: none; } ._app_switcher_8d939__link:hover, ._app_switcher_8d939__link.active { background: hsl(var(--background)); color: inherit; } ._app_switcher_8d939__link:hover ._app_switcher_8d939__icon, ._app_switcher_8d939__link.active ._app_switcher_8d939__icon { opacity: 1; } ._app_switcher_8d939__icon { --icon-size: 30px; background-position: 50%; background-repeat: no-repeat; background-size: 30px 30px; background-size: var(--icon-size) var(--icon-size); display: inline-block; height: 30px; height: var(--icon-size); margin-right: 10px; opacity: 0.6; transition: opacity var(--duration-short) ease; width: 30px; width: var(--icon-size); } ._app_switcher_8d939__icon-user { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%2361656b' d='M11 5.8h14v.1l.1.1L32 18l-7 12.2H11v-.1l-.1-.1-6.7-11.8-.1-.1L4 18l7-12.2m0-2c-.7 0-1.4.4-1.7 1L2.3 17c-.4.7-.4 1.6.1 2.3L9.2 31c.3.7 1 1.2 1.8 1.2h14c.7 0 1.4-.4 1.7-1l7-12.2c.4-.6.4-1.4 0-2L26.8 5c-.3-.7-1-1.2-1.8-1.2H11z'/%3E%3Cpath fill='%2361656b' d='M18 8.2c-3.7 0-6.7 3-6.7 6.7 0 2.2 1.1 4.3 2.9 5.5-3.5 1.5-5.7 4.9-5.8 8.7h1.9c0-4.2 3.4-7.6 7.6-7.6 4.2 0 7.6 3.4 7.6 7.6h1.9c0-3.8-2.3-7.2-5.8-8.8 1.8-1.2 2.9-3.3 2.9-5.5.1-3.6-2.9-6.5-6.5-6.6zm0 1.9c2.6 0 4.7 2.1 4.7 4.7s-2.1 4.7-4.7 4.7-4.7-2.1-4.7-4.7 2.1-4.7 4.7-4.7z'/%3E%3C/svg%3E"); } ._app_switcher_8d939__icon-backoffice { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%2361656b' d='M11 5.8h14v.1l.1.1L32 18l-7 12.2H11v-.1l-.1-.1-6.7-11.8-.1-.1L4 18l7-12.2m0-2c-.7 0-1.4.4-1.7 1L2.3 17c-.4.7-.4 1.6.1 2.3L9.2 31c.3.7 1 1.2 1.8 1.2h14c.7 0 1.4-.4 1.7-1l7-12.2c.4-.6.4-1.4 0-2L26.8 5c-.3-.7-1-1.2-1.8-1.2H11z'/%3E%3Cpath fill='%2361656b' d='M24.2 15.9h-1l.1-1.9H10.1l1 11.7c.1.3.1.5.3.8.3.8 1 1.3 1.9 1.3h7c1.2 0 2.1-1 2.1-2.1l.2-2.2h1.7c1.4 0 2.5-1.1 2.6-2.5v-2.5c-.1-1.5-1.3-2.6-2.7-2.6zm-3.8 9.7c0 .1-.1.4-.2.4h-7c-.1-.1-.2-.3-.3-.5l-.8-9.5h9.1l-.2 1.9-.3 3.6-.2 2-.1 2.1zm4.5-4.6c0 .4-.3.7-.7.7h-1.5l.3-3.9h1.2c.4 0 .7.3.7.7V21z'/%3E%3Cpath fill='%2399a0aa' d='M15.3 8.1c0 1.2-.2 1.2-.7 1.6-.8.8-1.2 1.8-1.2 2.9h1.8c0-1.2.2-1.2.6-1.6.8-.8 1.2-1.8 1.2-2.9h-1.7zm3.4.9c0 2.2-1.5 2.2-1.5 3.6H19c0-1.4 1.5-1.2 1.5-3.6h-1.8z'/%3E%3C/svg%3E"); } ._app_switcher_8d939__icon-hr_manager { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%2361656b' d='M11 5.8h14v.1l.1.1L32 18l-7 12.2H11v-.1l-.1-.1-6.7-11.8-.1-.1L4 18l7-12.2m0-2c-.7 0-1.4.4-1.7 1L2.3 17c-.4.7-.4 1.6.1 2.3L9.2 31c.3.7 1 1.2 1.8 1.2h14c.7 0 1.4-.4 1.7-1l7-12.2c.4-.6.4-1.4 0-2L26.8 5c-.3-.7-1-1.2-1.8-1.2H11z'/%3E%3Cpath fill='%2361656b' d='M18 8.4c-3.4 0-6.1 2.8-6.1 6.2v.1c0 2.1 1 4 2.7 5.1-3.7 1.5-6.1 5.2-6.1 9.2h1.8c0-3.8 2.6-7.2 6.4-8l.5 1.6h1.7l.5-1.6c3.8.8 6.4 4.2 6.4 8h1.8c0-4-2.4-7.6-6.1-9.2 1.7-1.2 2.6-3.1 2.7-5.1.1-3.4-2.5-6.2-5.9-6.3H18zm0 1.7c2.4.1 4.3 2.2 4.2 4.6 0 2.3-1.9 4.2-4.2 4.3-2.4 0-4.3-1.9-4.3-4.2v-.1c0-2.5 1.9-4.5 4.3-4.6z'/%3E%3Cpath fill='%2399a0aa' d='m17.2 23.7-.9 5.3h3.5l-.8-5.3z'/%3E%3C/svg%3E"); } ._app_switcher_8d939__icon-campaign_manager { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.959 3.8h12.473c.554 0 1.004.454 1.004 1.013 0 .56-.45 1.013-1.004 1.013H10.959L4.008 17.98l6.95 12.154H24.86l6.667-11.648.056-.087a.999.999 0 0 1 1.315-.284c.45.262.624.824.415 1.292l-.047.092L26.6 31.148l-.07.115a2.004 2.004 0 0 1-1.67.898h-13.9c-.673 0-1.298-.34-1.67-.899l-.07-.115-6.95-12.154a2.04 2.04 0 0 1-.063-1.906l.063-.118 6.95-12.155A2.005 2.005 0 0 1 10.96 3.8Z' fill='%2361656B'/%3E%3Cpath d='m14.738 23.669-.27-1.193 1.95-.442.27 1.193.063.201c.083.217.23.469.44.655.233.206.592.38 1.229.236l1.193-.27c.66-.15.913-.427 1.026-.648.132-.259.168-.632.066-1.084l-.27-1.193 1.95-.442.27 1.193c.168.742.177 1.63-.234 2.434-.43.843-1.236 1.434-2.366 1.69l-1.193.27c-1.273.289-2.288-.061-2.996-.688a3.733 3.733 0 0 1-1.07-1.695l-.058-.217Z' fill='%2399A0AA'/%3E%3Cpath d='M21.596 9.539a.144.144 0 0 0-.042-.025l-.02-.004-9.856 10.697h.002c.011-.012.002-.011-.001.021a.198.198 0 0 0 .027.115l1.067 1.85c.024.04.057.066.087.08.011.005.019.007.023.008l2.287-.513 11.897-2.672a.138.138 0 0 0 .01-.052.156.156 0 0 0-.023-.07l-5.421-9.39a.164.164 0 0 0-.037-.045Zm7.19 8.435.062.115c.58 1.157.01 2.57-1.173 2.917l-.12.032-14.242 3.197c-.819.182-1.687-.18-2.178-.895l-.094-.148-1.067-1.849c-.44-.76-.383-1.703.125-2.361l.108-.128 9.89-10.734a1.93 1.93 0 0 1 .795-.514c.882-.293 1.948.069 2.473.978l5.421 9.39Z' fill='%2361656B'/%3E%3Cpath d='M33.847 14.513a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1 0-1.5h4ZM32.054 9.085a.75.75 0 0 1 .75 1.299l-4.33 2.5a.75.75 0 0 1-.75-1.3l4.33-2.5ZM27.7 5.365a.75.75 0 1 1 1.299.75l-2 3.464a.75.75 0 0 1-1.3-.75l2-3.464Z' fill='%2399A0AA'/%3E%3C/svg%3E"); } ._app_switcher_8d939__icon-course_manager { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%2361656b' d='M11 5.8h14v.1l.1.1L32 18l-7 12.2H11v-.1l-.1-.1-6.7-11.8-.1-.1L4 18l7-12.2m0-2c-.7 0-1.4.4-1.7 1L2.3 17c-.4.7-.4 1.6.1 2.3L9.2 31c.3.7 1 1.2 1.8 1.2h14c.7 0 1.4-.4 1.7-1l7-12.2c.4-.6.4-1.4 0-2L26.8 5c-.3-.7-1-1.2-1.8-1.2H11z'/%3E%3Cpath fill='%2399a0aa' d='M24.6 11.1H11.4v1.7h13.2zm-5.8 4.1h-7.4v1.7h7.4zm-4 4h-3.4v1.7h3.4z'/%3E%3Cpath fill='%2361656b' d='m29.2 13-10.6 6.3-.3.3-4.5 7c-.2.4-.1.9.2 1.1.1.1.3.1.5.1l8.3-.3c.1 0 .3 0 .4-.1l8.5-5.3c.4-.2.5-.7.3-1.1v-.1c-.2-.4-.7-.5-1.1-.3l-7.3 4.6c-.1-.2-.2-.4-.2-.5-.3-.6-.8-1.1-1.4-1.5-.2-.1-.4-.4-.4-.7 0-.7-.2-1.3-.5-1.9-.1-.2-.2-.3-.3-.5l9.3-5.6c.4-.2.5-.7.3-1.1v-.1c-.2-.4-.7-.6-1.2-.3zm-9.8 8.1c.1.1.2.2.2.3.3.6.3 1.3.2 1.9v.7l.6.3c.6.3 1.2.7 1.5 1.2.1.1.1.2.1.3l-3.9.1c-.3 0-.6-.2-.8-.4l-.1-.2c-.2-.3-.2-.6 0-.9l2.2-3.3z'/%3E%3C/svg%3E"); } ._app_switcher_8d939__icon-epa_portfolio { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%2361656b' d='m18.1 10.1 4.9 2.2-.9.4V15h-8v-2.2l-.9-.4 4.9-2.3m0-1.9-9 4.1 3.3 1.5v2.8c-.2.7-.4 1.4-.4 2.2 0 2.2 1 4 2.7 5.1C12 25 9.9 27.2 9 30h1.8c1.1-2.9 3.9-5 7.2-5 3.3 0 6.1 2.1 7.2 5H27c-.9-2.8-3-5-5.6-6.1 1.5-1.1 2.7-3 2.7-5.1 0-.7-.1-1.4-.3-2.1v-2.8l3.3-1.5-9-4.2zm0 14.9c-2.4 0-4.3-1.9-4.3-4.3 0-.7.2-1.4.5-2.1H22c.3.6.5 1.3.5 2-.1 2.4-2 4.4-4.4 4.4z'/%3E%3Cpath fill='%2399a0aa' d='M25.4 14.5v4.3h1.7v-5.1z'/%3E%3Cpath fill='%2361656b' d='M11 5.8h14v.1l.1.1L32 18l-7 12.2H11v-.1l-.1-.1-6.7-11.8-.1-.2H4l7-12.2m0-2c-.7 0-1.4.4-1.7 1L2.3 17c-.4.7-.4 1.6.1 2.3L9.2 31c.3.7 1 1.2 1.8 1.2h14c.7 0 1.4-.4 1.7-1l7-12.2c.3-.6.3-1.4 0-2L26.8 5c-.3-.7-1-1.2-1.8-1.2H11z'/%3E%3C/svg%3E"); } ._app_switcher_8d939__icon-epa_supervision { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%2361656b' d='M11.1 5.8h14V6L32 18l-7 12.2H11V30L4.2 18.2l-.1-.2 7-12.2m0-2c-.7 0-1.4.4-1.7 1L2.3 17c-.4.7-.4 1.6.1 2.3L9.2 31c.3.7 1 1.2 1.8 1.2h14c.7 0 1.4-.4 1.7-1l7-12.2c.3-.6.3-1.4 0-2L26.9 5c-.3-.7-1-1.2-1.8-1.2h-14z'/%3E%3Cpath fill='%2399a0aa' d='M23.3 22.6c-.6-1.4-1.8-2.5-3.1-3.2 1.1-.8 1.8-2.2 1.8-3.7 0-2.5-2.1-4.6-4.6-4.6-2.6 0-4.6 2.1-4.6 4.6 0 1.4.7 2.8 1.8 3.7-1.3.6-2.5 1.7-3.1 3.1v.1l.1.1c.3.3.6.6 1 .9l.2.1.1-.2c.7-1.9 2.6-3.2 4.6-3.2 2.1 0 3.9 1.3 4.6 3.2l.1.2.2-.1c.4-.3.7-.6 1-.9l-.1-.1zm-2.9-6.9c0 1.7-1.4 3-3 3s-3-1.4-3-3 1.4-3 3-3 3 1.4 3 3z'/%3E%3Cpath fill='%2361656b' d='M23.2 23.8c2-1.7 3.3-4.2 3.3-7 0-5-4.1-9.1-9.1-9.1s-9.1 4.1-9.1 9.1 4.1 9.1 9.1 9.1c1.1 0 2.2-.2 3.2-.6l1.7 3c.3.5.8.8 1.3.8.3 0 .5-.1.7-.2.7-.4 1-1.3.5-2l-1.6-3.1zm-13.2-7c0-4.1 3.3-7.4 7.4-7.4s7.4 3.3 7.4 7.4c0 4.1-3.3 7.4-7.4 7.4S10 20.9 10 16.8z'/%3E%3C/svg%3E"); } ._app_switcher_8d939__icon-event_manager { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%2399a0aa' d='M16.6 23h2.8v2.8h-2.8zm5.2 0h2.8v2.8h-2.8zm-5.2-4.6h2.8v2.8h-2.8zm5.2 0h2.8v2.8h-2.8zm0-4.5h2.8v2.8h-2.8zM11.5 23h2.8v2.8h-2.8z'/%3E%3Cpath fill='%2361656b' d='M10.3 3.8H25c.8 0 1.5.5 1.8 1.2l6.9 12c.4.6.4 1.4 0 2l-7 12.2c-.4.6-1 1-1.7 1H11c-.8 0-1.5-.5-1.8-1.2L2.4 19.2c-.5-.6-.6-1.5-.1-2.2l1.1-1.9c.3.6.8 1.2 1.3 1.8L4 18l.1.1.1.1L10.9 30l.1.1v.1h14L32 18 25 5.8h-9.6'/%3E%3Cpath fill='%2361656b' d='M15.4 5.8c-1.3-1.2-2.9-1.9-4.6-2h-.6c-4.3 0-7.7 3.5-7.7 7.7 0 1.2.3 2.5.9 3.6.3.7.8 1.3 1.3 1.8 2.9 3.1 7.8 3.3 10.9.4s3.3-7.8.4-10.9l-.6-.6zm-5.2 11.5c-1.8 0-3.4-.8-4.5-2.2-.8-1-1.2-2.2-1.2-3.5 0-2.5 1.7-4.8 4.1-5.5.5-.2 1.1-.2 1.7-.2.3 0 .5 0 .8.1 3.1.4 5.4 3.2 5 6.4-.5 2.7-2.9 4.9-5.9 4.9z'/%3E%3Cpath fill='%2399a0aa' d='M9.5 7.4v4.2l-1.6 1.7 1.3 1.4 1.9-1.8.3-.3V7.4z'/%3E%3C/svg%3E"); } ._app_switcher_8d939__icon-certificate_manager { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%2361656b' d='M33.7 17 26.8 5c-.3-.7-1-1.2-1.8-1.2H11c-.7 0-1.4.4-1.7 1L2.3 17c-.4.7-.4 1.6.1 2.3L9.2 31c.3.7 1 1.2 1.8 1.2h4.6v-2H11v-.1l-.1-.1-6.7-11.8-.1-.1L4 18l7-12.2h14l.7 1.2L32 18l-7 12.2h-.4v2h.4c.7 0 1.4-.4 1.7-1l7-12.2c.4-.6.4-1.4 0-2z'/%3E%3Cpath fill='%2361656b' d='M15.6 25.2v10.3l3.3-2.2 1.4-.8 1.1.8 3.3 2.2V25.2h-9.1zm7 6.5-.1-.1-1-.8c-.3-.3-.8-.4-1.2-.4-.4 0-.7.1-1 .3l-1.4.8-.1.1-.2.1v-4.6h5v4.6z'/%3E%3Cpath fill='%2399a0aa' d='M24.6 12.1H11.4v1.7h13.2v-1.7zm0 4H11.4v1.7h13.2v-1.7zm-5.2 4.1h-8v1.7h8v-1.7z'/%3E%3C/svg%3E"); } ._app_switcher_8d939__icon-assessment_manager { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%2361656b' d='M11 5.8h14v.1l.1.1L32 18l-7 12.2H11v-.1l-.1-.1-6.7-11.8-.1-.1L4 18l7-12.2m0-2c-.7 0-1.4.4-1.7 1L2.3 17c-.4.7-.4 1.6.1 2.3L9.2 31c.3.7 1 1.2 1.8 1.2h14c.7 0 1.4-.4 1.7-1l7-12.2c.4-.6.4-1.4 0-2L26.8 5c-.3-.7-1-1.2-1.8-1.2H11z'/%3E%3Cpath fill='%2399a0aa' d='M24.6 12.1H11.4v1.7h13.2zm0 4H11.4v1.7h13.2zm-5.2 4.1h-8v1.7h8z'/%3E%3Cpath fill='%2361656b' d='m24.5 21.1-4.2 4.3-1.4-1.4-1.5 1.4 2.8 2.8 1.4-1.4 4.3-4.3z'/%3E%3C/svg%3E"); } ._app_switcher_8d939__icon-finance_manager { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%2361656b' d='M11 5.8h14v.1l.1.1L32 18l-7 12.2H11v-.1l-.1-.1-6.7-11.8-.1-.1L4 18l7-12.2m0-2c-.7 0-1.4.4-1.7 1L2.3 17c-.4.7-.4 1.6.1 2.3L9.2 31c.3.7 1 1.2 1.8 1.2h14c.7 0 1.4-.4 1.7-1l7-12.2c.4-.6.4-1.4 0-2L26.8 5c-.3-.7-1-1.2-1.8-1.2H11z'/%3E%3Cpath d='M22.8 28.6h-8c-.4 0-.8-.3-.8-.8s.3-.8.8-.8h8c.2 0 .5-.2.5-.3l.3-.5c.2-.4.7-.5 1-.3.4.2.5.7.3 1l-.3.5c-.3.7-1 1.2-1.8 1.2zM8.6 21.9c-.3 0-.5-.1-.7-.4l-1.2-2.1c-.3-.3-.5-.8-.5-1.3 0-.4.1-.8.4-1.1l2.8-5c.2-.4.7-.5 1-.3.4.2.5.7.3 1l-2.9 5.1c-.1.1-.1.2-.1.3 0 .1 0 .2.1.3 0 0 .1.1.1.2l1.3 2.2c.2.4.1.8-.3 1-.1 0-.2.1-.3.1zm20.3-3.3c-.4 0-.7-.3-.7-.7 0-.1 0-.2-.1-.3l-4.7-8.2c-.1-.2-.3-.4-.7-.4h-4.9c-.4 0-.8-.3-.8-.8s.3-.8.8-.8h5.1c.8.1 1.4.5 1.8 1.3l4.7 8.2c.1.3.2.6.2.8.1.5-.2.8-.7.9.1 0 .1 0 0 0z' fill='%2399a0aa'/%3E%3Cpath fill='%2361656b' d='M21 21.2c-.5-.2-1 0-1.2.4-.3.6-1 1-1.7 1-1 0-1.9-.8-1.9-1.9v-.3h1.6c.5 0 .9-.4.9-.9s-.4-.9-.9-.9h-1.6v-.9H18c.5.1 1-.3 1-.8.1-.5-.3-1-.8-1h-2v-.6c0-1 .8-1.9 1.9-1.9.7 0 1.3.4 1.7 1 .2.4.7.6 1.2.4.5-.2.6-.8.4-1.2-.6-1.3-1.9-2.1-3.3-2.1-2.1 0-3.7 1.7-3.7 3.7v.6h-.8c-.5-.1-1 .3-1 .8-.1.5.3 1 .8 1h1v.9h-.9c-.5 0-.9.4-.9.9s.4.9.9.9h.9v.3c0 2.1 1.7 3.7 3.7 3.7 1.4 0 2.7-.8 3.3-2.1.2-.2.1-.7-.4-1z'/%3E%3C/svg%3E"); } ._app_switcher_8d939__icon-instructor { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 36 36' xml:space='preserve'%3E%3Cstyle%3E.st0{fill:none}%3C/style%3E%3Ccircle class='st0' cx='12.8' cy='16.9' r='3.6'/%3E%3Cpath class='st0' d='M16.1 30.2v-4.3c.1-.4.5-.6.9-.5l4.7 1.3c.3.1.6 0 .8-.3l4.1-6c.3-.5.2-1.1-.3-1.4-.5-.3-1.1-.2-1.5.3l-3.1 4.5c-.2.3-.5.4-.8.3L17.8 23c-.7-.2-1.5-.4-2.2-.4h-5.3c-1.2 0-2.2.7-2.6 1.7l3.2 5.6.1.1v.1h5.1z'/%3E%3Cpath class='st0' d='M25 5.9v-.1H11L4 18l.1.1.1.1 2.5 4.3c.8-.9 2.1-1.3 3.6-1.3-1.5-.9-2.5-2.5-2.5-4.4 0-2.8 2.3-5.1 5.1-5.1S18 14 18 16.8c0 1.9-1 3.5-2.5 4.4h.2c.9 0 1.8.1 2.7.4l2.6.9 2.8-4.1c.4-.6 1-.9 1.6-1h.5c.5 0 1 .2 1.4.5 1.1.8 1.4 2.3.6 3.4l-4.1 6c-.5.8-1.5 1.1-2.4.9l-3.7-1.1v3.1H25L32 18 25 5.9z'/%3E%3Cpath d='M33.7 17 26.8 5c-.3-.7-1-1.2-1.8-1.2H11c-.7 0-1.4.4-1.7 1L2.3 17c-.4.7-.4 1.6.1 2.3L9.2 31c.3.7 1 1.2 1.8 1.2h14c.7 0 1.4-.4 1.7-1l7-12.2c.4-.6.4-1.4 0-2zM10.9 30l-3.2-5.6c.5-1 1.5-1.7 2.6-1.7h5.3c.8 0 1.5.1 2.2.4l3.2 1.1c.3.1.6 0 .8-.3l3.1-4.5c.3-.5 1-.6 1.5-.3s.6 1 .3 1.4l-4.1 6c-.2.3-.5.4-.8.3l-4.7-1.3c-.4-.1-.8.1-.9.5v4.3H11l-.1-.3zM9.2 16.9c0-2 1.6-3.6 3.6-3.6s3.6 1.6 3.6 3.6-1.6 3.6-3.6 3.6-3.6-1.6-3.6-3.6zM25 30.2h-7.4v-3.1l3.7 1.1c.9.3 1.9-.1 2.4-.9l4.1-6c.8-1.1.5-2.7-.6-3.4-.4-.3-.9-.4-1.4-.5h-.5c-.6.1-1.2.5-1.6 1l-2.8 4.1-2.6-.9c-.9-.3-1.8-.4-2.7-.4h-.2c1.5-.9 2.5-2.5 2.5-4.4 0-2.8-2.3-5.1-5.1-5.1S7.7 14 7.7 16.8c0 1.9 1 3.5 2.5 4.4-1.5 0-2.8.4-3.6 1.3l-2.5-4.3-.1-.1V18l7-12.2h14v.1l.1.1L32 18l-7 12.2z' fill='%2361656b'/%3E%3Cpath d='M28.8 15.5 28 14h-9.1v1.5zm-1.7-3-.8-1.5h-7.4v1.5z' style='fill:%2399a0aa'/%3E%3C/svg%3E"); } /* External app icons */ ._app_switcher_8d939__icon-quizzes { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 198.82 188'%3E%3Cstyle%3E.st0{fill:%23425dd5}%3C/style%3E%3Cpath class='st0' d='M118.1 56.17c-5.04 5.75-7.57 18.5-7.57 21.44 0 1.4-1.96 2.38-3.78 2.38-3.5 0-3.64-2.52-3.64-10.23 0-6.31.84-14.99 4.76-22.28-9.39 8.27-17.8 17.38-24.66 28.16-7.99 12.61-11.35 28.87-11.35 40.21 0 1.68.14 3.36.28 4.76a10.34 10.34 0 0 1 4.76-1.12c4.2 0 8.27 2.24 11.21 5.46 8.97-5.89 20.6-17.24 28.73-29.29 12.61-18.78 18.08-41.48 18.22-48.62 0-.7-.14-1.12-.14-1.54-.01.02-9.96 2.82-16.82 10.67z'/%3E%3Cpath class='st0' d='m196.88 87.23-42.4-75.55c-2.17-4.35-6.52-7.61-11.41-7.61H56.1c-4.89 0-8.7 2.72-10.87 6.52L1.74 87.77C-.98 92.66-.43 98.1 2.83 101.9l41.85 74.47c2.17 4.35 6.52 7.61 11.41 7.61h86.97c4.89 0 8.7-2.72 10.87-6.52l43.48-77.18c1.64-4.36 2.18-8.7-.53-13.05zm-61.55 16.3c-12.89 21.16-27.18 34.19-40.21 39.65v.84c0 6.87 4.2 16.67 11.63 16.67 1.54 0 3.78-.56 5.04-.56 1.96 0 2.66.7 2.66 1.68 0 2.52-6.87 8.27-15.27 8.27-13.31 0-19.2-11.49-19.2-22 0-.98 0-1.82.14-2.8-11.77-1.68-25.22-8.83-27.04-11.91-2.1-3.5-3.36-9.67-3.36-17.24 0-14.43 4.48-34.05 15.83-51.84 16.53-26.06 39.93-38.81 46.66-38.67 3.78 0 10.23 4.9 11.91 8.13 3.92-1.68 7.29-2.94 9.67-2.94 6.03 0 17.38 10.65 18.78 17.66.14.56.14 1.26.14 2.1 0 8.96-6.03 34.32-17.38 52.96z'/%3E%3C/svg%3E"); } ._app_switcher_8d939__icon-agile-learning { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='m26.84 5 6.9 12a2 2 0 0 1 0 2l-7 12.2a2 2 0 0 1-1.74 1H11A2 2 0 0 1 9.17 31L2.42 19.24A2 2 0 0 1 2.28 17l7-12.17a2 2 0 0 1 1.74-1H25A2 2 0 0 1 26.83 5' fill='%232d344d'/%3E%3Cpath d='M25.31 3.83H11a2 2 0 0 0-1.74 1L2.29 17a2 2 0 0 0-.23 1.51 15.77 15.77 0 0 0 9.66 2.69.78.78 0 0 1 .82.74v2.52a.71.71 0 0 0 .7.73.68.68 0 0 0 .43-.13c3.27-2.3 11.43-8.73 12.2-15.86a12 12 0 0 0-.56-5.35' fill='%2379bc73'/%3E%3C/svg%3E"); } /* External link icon */ ._app_switcher_8d939__icon-external-link { color: hsl(var(--meta)); font-size: 12px; margin-left: auto; } /* Variants */ ._app_switcher_8d939__variant-default { color: hsl(var(--meta)); opacity: 0.9; transition: color var(--duration-short) ease; } ._app_switcher_8d939__variant-default:hover { color: hsl(var(--yellow)); opacity: 1; } ._app_switcher_8d939__variant-light { color: hsl(var(--white)); opacity: 0.6; transition: color var(--duration-short) ease, opacity var(--duration-short) ease; } ._app_switcher_8d939__variant-light:hover { color: hsl(var(--yellow)); opacity: 1; } ._main_desktop_b5ad5__Navigation-MainDesktopCell { background: var(--background); color: var(--color); display: none; position: relative; } @media only screen and (min-width: 768px) {._main_desktop_b5ad5__Navigation-MainDesktopCell { display: block } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { ._main_desktop_b5ad5__Navigation-MainDesktopCell img[src*=".svg"] { height: calc(var(--size-navigation-height) - 4px); margin: -10px 0; width: 100%; } } @media screen and (-ms-high-contrast: active),only screen and (-ms-high-contrast: none) and (min-width: 1400px) { ._main_desktop_b5ad5__Navigation-MainDesktopCell img[src*=".svg"] { height: 60px; } } ._main_desktop_b5ad5__container { display: flex; } ._main_desktop_b5ad5__logo-link { display: contents; } ._main_desktop_b5ad5__logo { align-self: center; display: block; height: 2.5rem; } ._main_desktop_b5ad5__navigation { display: flex; height: var(--size-navigation-height); list-style: none; margin: 0; padding: 0; } ._main_desktop_b5ad5__navigation:not(._main_desktop_b5ad5__navigation-right) { flex: 1; } ._main_desktop_b5ad5__navigation:not(._main_desktop_b5ad5__navigation-right) > li { display: contents; } ._main_desktop_b5ad5__navigation:not(._main_desktop_b5ad5__navigation-right) > li::after { content: ""; display: block; flex: 1; height: 100%; max-width: 2rem; } ._main_desktop_b5ad5__navigation >li { align-items: center; display: flex; } ._main_desktop_b5ad5__navigation ._main_desktop_b5ad5__link { align-items: center; color: currentColor; display: flex; line-height: var(--size-navigation-height); position: relative; -webkit-text-decoration: none; text-decoration: none; transition: background var(--duration-short) linear; white-space: nowrap; } ._main_desktop_b5ad5__navigation ._main_desktop_b5ad5__link .icon { margin-left: 6px; } ._main_desktop_b5ad5__text-link::after { background: var(--indicator); border-radius: 2.5px; content: ""; display: block; height: 4px; left: 50%; margin-left: -2.5px; opacity: 0; position: absolute; top: calc(100% - 1rem); transition: opacity var(--duration-default) ease, top var(--duration-default) ease; width: 5px; } @media only screen and (min-width: 1400px) { ._main_desktop_b5ad5__text-link::after { height: 5px; top: 55px } } ._main_desktop_b5ad5__text-link:focus::after, ._main_desktop_b5ad5__text-link:hover::after { opacity: 0.4; top: calc(100% - 0.5rem); } ._main_desktop_b5ad5__text-link:focus::after { opacity: 1; } ._main_desktop_b5ad5__text-link.active::after { animation: _main_desktop_b5ad5__width var(--duration-long); margin-left: -15px; opacity: 1; top: calc(100% - 0.5rem); width: 30px; } @media only screen and (min-width: 1400px) { ._main_desktop_b5ad5__text-link.active::after { margin-left: -20px; width: 40px } } ._main_desktop_b5ad5__navigation-right { align-items: center; display: flex; flex-shrink: 0; gap: 1.5rem; height: var(--size-navigation-height); margin-left: auto; } ._main_desktop_b5ad5__navigation-right >li { align-items: center; display: flex; height: 100%; } @keyframes _main_desktop_b5ad5__width { 0% { margin-left: -2.5px; width: 5px; } 100% { margin-left: -15px; width: 30px; } @media only screen and (min-width: 1400px) { 100% { margin-left: -20px; width: 40px } } } ._main_desktop_b5ad5__variant-default { --background: hsl(var(--white)); --color: hsl(var(--text)); --indicator: hsl(var(--primary)); box-shadow: 0 1px 0 0 hsl(var(--black) / 4%); } ._main_desktop_b5ad5__variant-dark { --indicator: hsl(var(--white)); --background: hsl(var(--text)); --color: hsl(var(--white)); padding: 0 var(--spacing-horizontal); } ._main_desktop_b5ad5__variant-instructor { --background: hsl(var(--white)); --color: hsl(var(--text)); --indicator: hsl(var(--primary)); padding: 0 var(--spacing-horizontal); border-bottom: 1px solid hsl(var(--event) / 40%); } @keyframes _main_mobile_75601__mobile-nav-slidein { 0% { opacity: 0; transform: translateX(-100%); } 100% { opacity: 1; transform: translateX(0%); } } ._main_mobile_75601__Navigation-MainMobileCell { background: hsl(var(--background) / 0%); display: flex; gap: 0 0.5rem; position: relative; transition: background var(--duration-short) linear; } @media only screen and (min-width: 768px) { ._main_mobile_75601__Navigation-MainMobileCell { display: none } } ._main_mobile_75601__Navigation-MainMobileCell::before { box-shadow: 0 2px 3px hsl(var(--shadow)); content: ""; display: block; height: var(--size-navigation-height); left: 0; position: absolute; right: 0; top: 0; } ._main_mobile_75601__logo { align-items: center; display: flex; flex-shrink: 1; height: var(--size-navigation-height); min-width: 0; position: relative; z-index: 1; } @media screen and (max-width: 299px) { ._main_mobile_75601__logo { display: none } } ._main_mobile_75601__logo img { height: 2.2rem; min-width: 0; -o-object-fit: contain; object-fit: contain; width: auto; } ._main_mobile_75601__navigation { --avatar-size: 2.2rem; list-style: none; margin: 0; padding: 0; } ._main_mobile_75601__navigation >li { display: block; } ._main_mobile_75601__navigation ._main_mobile_75601__link { align-items: center; display: flex; font-size: var(--font-size-large); line-height: var(--size-navigation-height); padding: 0 var(--spacing-horizontal-small); -webkit-text-decoration: none; text-decoration: none; transition: background var(--duration-short) linear; } ._main_mobile_75601__navigation ._main_mobile_75601__link .icon { margin-left: 6px; } ._main_mobile_75601__navigation-main { display: none; width: 80vw; } ._main_mobile_75601__navigation-right { align-items: center; display: flex; flex-shrink: 0; gap: 1rem; height: var(--size-navigation-height); margin-left: auto; margin-right: 0.5rem; } ._main_mobile_75601__navigation-right >li { align-items: center; display: flex; height: 100%; } ._main_mobile_75601__mobile-toggle { --thickness: 2px; --size: 20px; background: none; border: 0; border-right: 1px solid hsl(var(--border)); cursor: pointer; height: var(--size-navigation-height); min-width: var(--size-navigation-height); opacity: 0.8; outline: 0; padding: 0; position: relative; text-align: center; transition: opacity 0.25s ease-in-out; -webkit-user-select: none; -moz-user-select: none; user-select: none; vertical-align: bottom; width: var(--size-navigation-height); z-index: 1; } ._main_mobile_75601__mobile-toggle:hover, ._main_mobile_75601__mobile-toggle:focus { opacity: 1; } ._main_mobile_75601__mobile-toggle span { height: var(--thickness); position: absolute; right: calc(0.5 * (var(--size-navigation-height) - var(--size))); transform: rotate(0deg); transition: 0.25s ease-in-out; width: var(--size); } ._main_mobile_75601__mobile-toggle span:nth-child(1) { top: calc((0.5 * (var(--size-navigation-height) - var(--size))) + (var(--size) * 0.15) - (var(--thickness) / 2)); top: calc((0.5 * (var(--size-navigation-height) - var(--size))) + (var(--size) * 0.15) - calc(var(--thickness) / 2)); } ._main_mobile_75601__mobile-toggle span:nth-child(2), ._main_mobile_75601__mobile-toggle span:nth-child(3) { top: calc((0.5 * (var(--size-navigation-height) - var(--size))) + (var(--size) * 0.5) - (var(--thickness) / 2)); top: calc((0.5 * (var(--size-navigation-height) - var(--size))) + (var(--size) * 0.5) - calc(var(--thickness) / 2)); } ._main_mobile_75601__mobile-toggle span:nth-child(4) { top: calc((0.5 * (var(--size-navigation-height) - var(--size))) + (var(--size) * 0.85) - (var(--thickness) / 2)); top: calc((0.5 * (var(--size-navigation-height) - var(--size))) + (var(--size) * 0.85) - calc(var(--thickness) / 2)); } ._main_mobile_75601__navigation-main { height: calc(100vh - var(--size-navigation-height)); position: relative; z-index: 1; overflow-y: auto; } /* Body class when mobile navigation is open */ ._main_mobile_75601__mobile-show { padding-top: var(--size-navigation-height); } ._main_mobile_75601__mobile-show ._main_mobile_75601__Navigation-MainMobileCell { background: hsl(var(--background) / 90%); bottom: 0; left: 0; position: fixed; right: 0; top: 0; flex-wrap: wrap; } ._main_mobile_75601__mobile-show ._main_mobile_75601__navigation-main { animation: _main_mobile_75601__mobile-nav-slidein 0.1s ease-out 0.1s; animation-fill-mode: backwards; display: block; width: 100vw; } ._main_mobile_75601__mobile-show ._main_mobile_75601__mobile-toggle span:nth-child(1), ._main_mobile_75601__mobile-show ._main_mobile_75601__mobile-toggle span:nth-child(4) { right: calc(var(--spacing-horizontal-small) + 15px); top: 27px; width: 0%; } ._main_mobile_75601__mobile-show ._main_mobile_75601__mobile-toggle span:nth-child(2) { transform: rotate(45deg); } ._main_mobile_75601__mobile-show ._main_mobile_75601__mobile-toggle span:nth-child(3) { transform: rotate(-45deg); } /* Default variant (light) */ ._main_mobile_75601__variant-default, ._main_mobile_75601__variant-instructor { color: hsl(var(--text)); } ._main_mobile_75601__variant-default::before, ._main_mobile_75601__variant-instructor::before { background: hsl(var(--white)); } ._main_mobile_75601__variant-default ._main_mobile_75601__navigation-main, ._main_mobile_75601__variant-instructor ._main_mobile_75601__navigation-main { background: hsl(var(--white)); border-top: 1px solid hsl(var(--border)); box-shadow: 2px 2px 3px hsl(var(--shadow)); } ._main_mobile_75601__variant-default ._main_mobile_75601__link, ._main_mobile_75601__variant-instructor ._main_mobile_75601__link { border-bottom: 1px solid hsl(var(--border)); color: hsl(var(--text)); } ._main_mobile_75601__variant-default ._main_mobile_75601__link:hover, ._main_mobile_75601__variant-instructor ._main_mobile_75601__link:hover { background: hsl(var(--background)); } ._main_mobile_75601__variant-default ._main_mobile_75601__link.active, ._main_mobile_75601__variant-instructor ._main_mobile_75601__link.active { box-shadow: 5px 0 0 hsl(var(--primary)) inset; } ._main_mobile_75601__variant-default ._main_mobile_75601__mobile-toggle span, ._main_mobile_75601__variant-instructor ._main_mobile_75601__mobile-toggle span { background: hsl(var(--text)); } /* Dark variant */ ._main_mobile_75601__variant-dark { --background-color-active: hsl(var(--text-dark)); --background-color-hover: hsl(var(--background-color-active) / 50%); --border-color: hsl(var(--white) / 15%); color: hsl(var(--white)); } ._main_mobile_75601__variant-dark::before { background: hsl(var(--text)); } ._main_mobile_75601__variant-dark ._main_mobile_75601__navigation-main { background: hsl(var(--text)); border-top: 1px solid var(--border-color); box-shadow: 2px 2px 3px hsl(var(--shadow)); } ._main_mobile_75601__variant-dark ._main_mobile_75601__link { border-bottom: 1px solid var(--border-color); color: hsl(var(--white)); } ._main_mobile_75601__variant-dark ._main_mobile_75601__link:hover { background: var(--background-color-hover); } ._main_mobile_75601__variant-dark ._main_mobile_75601__link.active { background: var(--background-color-active); box-shadow: 5px 0 0 hsl(var(--primary)) inset; } ._main_mobile_75601__variant-dark ._main_mobile_75601__mobile-toggle { border-color: var(--border-color); } ._main_mobile_75601__variant-dark ._main_mobile_75601__mobile-toggle span { background: hsl(var(--white)); } ._main_af06d__learn-link { /* needed to attach :explore_learning_feature tour */ } ._main_af06d__portfolio-link { /* needed to attach :explore_learning_feature tour */ } ._main_af06d__beta-label { background-color: hsl(var(--capp-pink)); border-radius: 0.2em; color: white; font-size: 0.7em; line-height: 1; margin-left: 0.2em; margin-right: -0.8em; padding: 0.1em 0.15em; } ._main_af06d__navigation { position: relative; z-index: 3; } ._main_af06d__navigation._main_af06d__sticky { position: sticky; top: 0; transition: transform 0.3s ease; } ._main_af06d__navigation._main_af06d__hidden { pointer-events: none; transform: translateY(-100%); } ._main_af06d__search-form { align-self: flex-start; box-shadow: 0 0 0 100vw rgba(0,0,0,0); flex: 1; position: relative; transition: box-shadow 0.3s ease, width 0.3s ease; width: 250px; } @media only screen and (min-width: 1200px) { ._main_af06d__search-form { width: 300px } } @media only screen and (min-width: 1400px) { ._main_af06d__search-form { width: 400px } } /* Focus styling */ ._main_af06d__search-form:has(:focus-within) { width: 500px; } ._main_af06d__search-form:has(:focus-within) ._main_af06d__search-input { padding-right: 1.2rem !important; } /* Backdrop focus effect */ ._main_af06d__search-form:has(li[data-search-keyword]):focus-within { box-shadow: 0 0 0 100vw rgba(0,0,0,0.2); } ._main_af06d__search-input { padding-right: 0 !important; } ._main_af06d__search-input { transition: padding-right 0.3s ease; } ._main_af06d__search-input input { height: calc(var(--size-navigation-height) - 1.2rem); padding-right: 0; } ._notification_indicator_e2fda__Navigation-NotificationIndicatorCell { } ._notification_indicator_e2fda__link { align-items: center; align-self: stretch; display: flex; -webkit-text-decoration: none; text-decoration: none; } ._notification_indicator_e2fda__icon { font-size: 1.3em; position: relative; } ._notification_indicator_e2fda__unread::after { align-items: center; background-color: hsl(var(--blue)); border-radius: 50%; content: ""; display: flex; height: 0.4em; position: absolute; right: -0.1em; top: -0.1em; width: 0.4em; z-index: 2; } /* Variants */ ._notification_indicator_e2fda__variant-default ._notification_indicator_e2fda__icon { color: hsl(var(--meta)); } ._notification_indicator_e2fda__variant-default:hover ._notification_indicator_e2fda__icon { color: hsl(var(--meta-dark)); } ._notification_indicator_e2fda__variant-default ._notification_indicator_e2fda__unread::after { box-shadow: 0 0 0 2px white; } ._notification_indicator_e2fda__variant-light ._notification_indicator_e2fda__icon { color: hsl(var(--gray75)); } ._notification_indicator_e2fda__variant-light:hover ._notification_indicator_e2fda__icon { color: hsl(var(--gray90)); } ._notification_indicator_e2fda__variant-light ._notification_indicator_e2fda__unread::after { box-shadow: 0 0 0 2px hsl(var(--text)); } ._no_results_d0988__NoResultsCell { color: hsl(var(--text) / 70%); font-size: 0.9em; line-height: 1.2; } ._notification_5778f__Notifications-NotificationCell { position: relative; } ._notification_5778f__Notifications-NotificationCell ._notification_5778f__btn-mark-as-read { cursor: pointer; display: block; position: relative; } ._notification_5778f__Notifications-NotificationCell ._notification_5778f__btn-mark-as-read::before { content: ""; display: block; position: absolute; top: -1rem; right: -1rem; bottom: -1rem; left: -1rem; z-index: -1; } ._notification_5778f__Notifications-NotificationCell ._notification_5778f__btn-mark-as-not-read { display: none; } ._notification_5778f__Notifications-NotificationCell::before { background: hsl(var(--blue)); border-radius: 50%; content: ""; height: 10px; left: 15px; margin-top: 5px; pointer-events: none; position: absolute; top: var(--spacing-vertical); width: 10px; } ._notification_5778f__Notifications-NotificationCell._notification_5778f__seen { background: hsl(var(--gray99)); } ._notification_5778f__Notifications-NotificationCell._notification_5778f__seen ._notification_5778f__btn-mark-as-read { display: none; } ._notification_5778f__Notifications-NotificationCell._notification_5778f__seen ._notification_5778f__btn-mark-as-not-read { cursor: pointer; display: block; } ._notification_5778f__Notifications-NotificationCell._notification_5778f__seen ._notification_5778f__btn-mark-as-not-read::before { content: ""; display: block; position: absolute; top: -1rem; right: -1rem; bottom: -1rem; left: -1rem; z-index: -1; } ._notification_5778f__Notifications-NotificationCell._notification_5778f__seen::before { background: hsl(var(--meta-light)); } ._notification_5778f__link { align-items: center; color: hsl(var(--text)); display: flex; min-height: 52px; padding: var(--spacing-vertical) var(--spacing-horizontal-small); padding-left: calc(var(--spacing-horizontal-small) * 2.5); -webkit-text-decoration: none; text-decoration: none; } ._notification_5778f__link:hover { background: hsl(var(--link-block-background)); } ._notification_5778f__link:hover ._notification_5778f__date { display: none; } ._notification_5778f__link:hover ._notification_5778f__actions { align-items: center; display: flex; gap: 0.5rem; } ._notification_5778f__seen ._notification_5778f__link { color: hsl(var(--text-light)); } ._notification_5778f__disabled-link { align-items: center; color: hsl(var(--text)); cursor: not-allowed; display: flex; min-height: 52px; opacity: 0.75; padding: var(--spacing-vertical) var(--spacing-horizontal-small); padding-left: calc(var(--spacing-horizontal-small) * 2.5); -webkit-text-decoration: none; text-decoration: none; } ._notification_5778f__disabled-link:hover ._notification_5778f__date { display: none; } ._notification_5778f__disabled-link:hover ._notification_5778f__actions { align-items: center; display: flex; gap: 0.5rem; } ._notification_5778f__seen ._notification_5778f__disabled-link { color: hsl(var(--text-light)); } ._notification_5778f__content { flex: 1; padding-right: var(--spacing-horizontal); } ._notification_5778f__application { align-items: center; color: hsl(var(--meta)); display: flex; font-size: var(--font-size-small); margin-top: 0.25em; } ._notification_5778f__application ._notification_5778f__icon { --icon-size: 19px; background-position: 50%; background-repeat: no-repeat; background-size: 19px 19px; background-size: var(--icon-size) var(--icon-size); height: 19px; height: var(--icon-size); margin-right: 0.25em; opacity: 0.75; width: 19px; width: var(--icon-size); } ._notification_5778f__message { font-size: var(--font-size-default); line-height: var(--line-height-medium); padding-left: 0.1em; } ._notification_5778f__date { color: hsl(var(--meta)); font-size: var(--font-size-small); } ._notification_5778f__actions { display: none; font-size: var(--font-size-small); } ._notification_5778f__delete { color: hsl(var(--danger)); font-size: 1.25rem; margin: 0; padding: 0 0 0 0.25rem; border: 0; } ._onboarding_profile_91caf__OnboardingProfileCell ._onboarding_profile_91caf__navigation { margin-top: 50px; } ._onboarding_profile_91caf__header { margin: 0 0 50px; } ._onboarding_profile_91caf__title { color: hsl(var(--primary)); font-size: var(--font-size-heading-large); font-style: normal; font-weight: 300; margin: 0 0 10px; } @media only screen and (min-width: 768px) { ._onboarding_profile_91caf__title { font-size: var(--font-size-heading-extra-large) } } ._onboarding_profile_91caf__subtitle { color: hsl(var(--primary)); font-size: var(--font-size-heading-small); font-style: normal; font-weight: 300; margin: 0; } ._header_518f1__Page-HeaderCell { background: hsl(var(--page-header)); box-shadow: 0 -1px 0 hsl(var(--border)) inset; } @media only screen and (min-width: 768px) {._header_518f1__Page-HeaderCell { margin-bottom: var(--spacing-vertical-large) } } @media print {._header_518f1__Page-HeaderCell { box-shadow: none } } ._header_518f1__container { align-items: center; display: flex; flex-wrap: wrap; } @media only screen and (min-width: 768px) { ._header_518f1__container { padding-left: var(--spacing-horizontal); padding-right: var(--spacing-horizontal) } } ._header_518f1__container >a:first-of-type { margin-left: auto; } ._header_518f1__breadcrumbs { flex-basis: 100%; } ._header_518f1__right { align-items: center; display: flex; margin-left: auto; } ._header_518f1__right ._header_518f1__action { margin-left: var(--spacing-horizontal-small); } ._header_518f1__title-group { flex: 1; } ._header_518f1__title-group h3 { color: hsl(var(--text-light)); margin: 0; } /* Variants */ ._header_518f1__variant-dont_flex { padding-top: var(--spacing-vertical-small); } ._header_518f1__variant-dont_flex ._header_518f1__container { display: block; } ._title_f9fe3__Page-TitleCell { align-items: center; display: inline-flex; margin: 20px 0; } @media only screen and (max-width: 767px) {._title_f9fe3__Page-TitleCell { margin-left: var(--spacing-horizontal-small) } } @media print {._title_f9fe3__Page-TitleCell { margin-left: 0 } } ._title_f9fe3__Page-TitleCell >a { color: hsl(var(--text)); -webkit-text-decoration: none; text-decoration: none; } ._pagination_lazy_bf061__PaginationLazyCell { background-image: url("/images/loading-1e6099a0c04012e2551e6e95fede4a34.gif?vsn=d"); background-position: left center; background-repeat: no-repeat; background-size: 16px; opacity: 0; padding-left: 22px; } ._pagination_lazy_bf061__PaginationLazyCell._pagination_lazy_bf061__loading { opacity: 0.5; } ._pagination_49792__PaginationCell { position: relative; } ._pagination_49792__PaginationCell ._pagination_49792__page-of-pages { color: hsl(var(--gray50)); left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } @media only screen and (min-width: 768px) { ._pagination_49792__PaginationCell ._pagination_49792__page-of-pages { display: none } } .pagination { align-items: center; display: flex; justify-content: space-between; margin: var(--spacing-vertical) 0; padding: 0 var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { .pagination { justify-content: center; padding: 0 } } .pagination li { display: none; list-style: none; } @media only screen and (min-width: 768px) { .pagination li { display: list-item } } .pagination li:first-child a { border-radius: 3px 0 0 3px; } .pagination li:last-child a { border: 1px solid hsl(var(--border)); border-radius: 0 3px 3px 0; } .pagination li.active a { background-color: hsl(var(--primary)); border-color: hsl(var(--primary)); color: hsl(var(--white)); cursor: default; } .pagination li:first-child:not(.active), .pagination li:last-child:not(.active) { display: list-item; min-width: 48px; } @media only screen and (min-width: 768px) { .pagination li:first-child:not(.active), .pagination li:last-child:not(.active) { min-width: 1px } } .pagination li:first-child:not(.active) ._pagination_49792__prev, .pagination li:last-child:not(.active) ._pagination_49792__prev { margin-right: auto; } .pagination li:first-child:not(.active) ._pagination_49792__next, .pagination li:last-child:not(.active) ._pagination_49792__next { margin-left: auto; } .pagination li:first-child:not(.active) a { border: 1px solid hsl(var(--border)); } @media only screen and (min-width: 768px) { .pagination li:first-child:not(.active) a { border-right: none } } .pagination li:last-child:not(.active) { margin-left: auto; } @media only screen and (min-width: 768px) { .pagination li:last-child:not(.active) { margin-left: inherit } } .pagination a, .pagination span { border: 1px solid hsl(var(--border)); border-right: none; display: flex; min-height: 48px; padding: 14px; } .pagination a { color: hsl(var(--primary)); -webkit-text-decoration: none; text-decoration: none; transition: color 0.1s linear, background-color 0.1s linear; } .pagination a:hover { background: hsl(var(--primary) / 0.05); color: hsl(var(--text)); } ._panel_eaa4c__PanelCell { background: hsl(var(--white)); border-radius: var(--size-border-radius); box-shadow: var(--shadow-panel); margin-bottom: var(--spacing-vertical-small); position: relative; } @media only screen and (min-width: 768px) {._panel_eaa4c__PanelCell { margin-bottom: var(--spacing-vertical); } } @media only screen and (min-width: 1200px) {._panel_eaa4c__PanelCell { margin-bottom: var(--spacing-vertical-large); } } @media print {._panel_eaa4c__PanelCell { background: transparent; border-radius: 0; box-shadow: none; } } ._panel_eaa4c__header, ._panel_eaa4c__content, ._panel_eaa4c__actions { padding: var(--spacing-vertical) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { ._panel_eaa4c__header, ._panel_eaa4c__content, ._panel_eaa4c__actions { padding-left: var(--spacing-horizontal); padding-right: var(--spacing-horizontal); } } ._panel_eaa4c__header, ._panel_eaa4c__content, ._panel_eaa4c__actions { border-bottom: 1px solid hsl(var(--border-alpha)); position: relative; } ._panel_eaa4c__header:last-child, ._panel_eaa4c__content:last-child, ._panel_eaa4c__actions:last-child { border-bottom: 0; } ._panel_eaa4c__header._panel_eaa4c__no-padding, ._panel_eaa4c__content._panel_eaa4c__no-padding, ._panel_eaa4c__actions._panel_eaa4c__no-padding { padding: 0; } ._panel_eaa4c__header { align-items: center; color: hsl(var(--text-light)); display: flex; } ._panel_eaa4c__header ._panel_eaa4c__action, ._panel_eaa4c__header >a { margin-left: 15px; } ._panel_eaa4c__header ._panel_eaa4c__action .icon, ._panel_eaa4c__header >a .icon { margin-right: 0.2rem; } ._panel_eaa4c__header ._panel_eaa4c__action:first-of-type, ._panel_eaa4c__header >a:first-of-type { margin-left: auto; } ._panel_eaa4c__title { align-items: center; display: flex; margin: 0; } ._panel_eaa4c__title .icon { margin-right: 0.2em; } ._panel_eaa4c__content > :first-child:not(dialog) { margin-top: 0; } ._panel_eaa4c__content > :last-child:not(dialog) { margin-bottom: 0; } ._panel_eaa4c__content-sections { padding-bottom: var(--spacing-vertical); } ._panel_eaa4c__meta { padding: var(--spacing-vertical) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { ._panel_eaa4c__meta { padding-left: var(--spacing-horizontal); padding-right: var(--spacing-horizontal); } } ._panel_eaa4c__meta { background: hsl(var(--gray98)); color: hsl(var(--meta)); display: flex; flex-wrap: wrap; font-size: var(--font-size-small); gap: .5em; } ._panel_eaa4c__meta >a, ._panel_eaa4c__meta >button { margin-left: 8px; } ._panel_eaa4c__section-header { border-top: 1px solid hsl(var(--border-alpha)); display: flex; margin: var(--spacing-vertical) 0; padding: var(--spacing-vertical) 0 0; } ._panel_eaa4c__section-header:first-child { border-top: none; padding-top: 0; } ._panel_eaa4c__section-header ._panel_eaa4c__title { font-weight: 600; } ._panel_eaa4c__section-header >a:first-of-type { margin-left: auto; } /* Variants */ ._panel_eaa4c__variant-transparent { background: transparent; box-shadow: none; } ._panel_eaa4c__variant-transparent ._panel_eaa4c__header { border-bottom: 0; } /* Mobile responsiveness */ @media only screen and (max-width: 767px) { ._panel_eaa4c__actions { /* Stack buttons vertically on mobile */ display: flex; flex-direction: column; gap: 0.75rem; } /* Handle the "or" text between buttons - scoped to actions */ ._panel_eaa4c__actions ._panel_eaa4c__or { text-align: center; margin: 0; } } @media only screen and (max-width: 1199px) { ._panel_eaa4c__actions { /* Improve spacing on tablet and smaller */ padding-top: calc(var(--spacing-vertical) * 1.25); padding-bottom: calc(var(--spacing-vertical) * 1.25); } } ._pivot_table_68819__PivotTableCell { --padding: 10px; --top-height: 175px; --status-circle: 8px; --right-spacing: 50px; display: inline-block; min-width: 100%; position: relative; } ._pivot_table_68819__PivotTableCell td ._pivot_table_68819__status, ._pivot_table_68819__PivotTableCell ._pivot_table_68819__label-rotated, ._pivot_table_68819__PivotTableCell ._pivot_table_68819__label-left { transition: all 0.2s ease; } ._pivot_table_68819__PivotTableCell:hover td ._pivot_table_68819__status { opacity: 0.5; } ._pivot_table_68819__PivotTableCell:hover ._pivot_table_68819__label-rotated, ._pivot_table_68819__PivotTableCell:hover ._pivot_table_68819__label-left { opacity: 0.6; } ._pivot_table_68819__PivotTableCell::before { backdrop-filter: blur(5px); background: hsl(var(--background)); background: linear-gradient( hsl(var(--background)) 0%, hsl(var(--background) / 0.7) 100% ); content: ""; display: block; height: var(--top-height); position: sticky; top: 0; width: 100%; z-index: 1; } @media print { ._pivot_table_68819__PivotTableCell::before { display: none } } ._pivot_table_68819__pivot-table { background: hsl(var(--background)); margin: calc(var(--top-height) * -1) var(--right-spacing) 0 0; position: relative; width: calc(100% - var(--right-spacing)); } ._pivot_table_68819__pivot-table th ._pivot_table_68819__status { text-transform: none; } ._pivot_table_68819__pivot-table tbody > tr { border: none; } ._pivot_table_68819__pivot-table tbody > tr:hover ._pivot_table_68819__sticky-left { box-shadow: -3px 0 0 hsl(var(--primary)) inset; color: hsl(var(--primary)); } ._pivot_table_68819__pivot-table tbody > tr:last-child ._pivot_table_68819__column { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07); } ._pivot_table_68819__pivot-table tbody > tr:last-child ._pivot_table_68819__column:last-child { box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.07); } ._pivot_table_68819__pivot-table tbody tr:hover td ._pivot_table_68819__status, ._pivot_table_68819__pivot-table td._pivot_table_68819__hover ._pivot_table_68819__status { opacity: 1; transform: scale(1.5); } ._pivot_table_68819__pivot-table th._pivot_table_68819__hover ._pivot_table_68819__label-rotated { opacity: 1; transform: rotate(-45deg) scale(1.15); } ._pivot_table_68819__pivot-table tr:hover ._pivot_table_68819__label-left { opacity: 1; transform: scale(1.15); } ._pivot_table_68819__pivot-table thead th:first-child, ._pivot_table_68819__pivot-table tbody ._pivot_table_68819__sticky-left { background: hsl(var(--background)); left: 0; padding: var(--padding); position: sticky; z-index: 10; } @media print { ._pivot_table_68819__pivot-table thead th:first-child, ._pivot_table_68819__pivot-table tbody ._pivot_table_68819__sticky-left { position: static; position: initial } } ._pivot_table_68819__pivot-table thead th:first-child { box-shadow: none; } ._pivot_table_68819__pivot-table ._pivot_table_68819__sticky-left { box-shadow: 1px 0 0 rgba(0, 0, 0, 0.07); text-align: right; width: 10%; } ._pivot_table_68819__label-left { transform-origin: right center; } ._pivot_table_68819__column { background: white; padding: var(--padding); text-align: center; } ._pivot_table_68819__column:last-child { box-shadow: 1px 0 0 rgba(0, 0, 0, 0.07); } ._pivot_table_68819__sticky-top { background: transparent !important; } ._pivot_table_68819__sticky-top { height: var(--top-height); padding: var(--padding); position: relative; } ._pivot_table_68819__sticky-top:first-child ._pivot_table_68819__label-rotated { display: none; } ._pivot_table_68819__sticky-top._pivot_table_68819__hover:not(:first-child) { color: hsl(var(--primary)); } ._pivot_table_68819__sticky-top._pivot_table_68819__hover:not(:first-child)::before { background: hsl(var(--primary)); bottom: 0; content: ""; display: block; height: 3px; left: 50%; max-width: calc(1.3em + 20px); position: absolute; transform: translateX(-50%); width: 100%; } ._pivot_table_68819__label-rotated { bottom: 10px; left: 50%; max-width: 200px; overflow: hidden; padding: 5px; position: absolute; text-overflow: ellipsis; transform: rotate(-45deg); transform-origin: 0 100%; z-index: 1; } ._pivot_table_68819__status { font-size: 1rem; line-height: 1rem; } ._pivot_table_68819__status._pivot_table_68819__achieved { color: hsl(var(--success)); } ._pivot_table_68819__status._pivot_table_68819__achieved._pivot_table_68819__not-required { color: hsl(var(--success)); } ._pivot_table_68819__status._pivot_table_68819__not-achieved { color: hsl(var(--danger)); } ._pivot_table_68819__status._pivot_table_68819__not-required { color: hsl(var(--gray70)); } ._header_80b70__spread { display: flex; justify-content: space-between; } ._header_80b70__inline { display: inline; } ._header_80b70__flex { display: flex; } ._header_80b70__flex-center { align-items: center; display: flex; } ._header_80b70__title { align-items: center; display: flex; } ._header_80b70__header-wrapper { border-bottom: 1px solid rgba(19,21,23,0.08); margin-bottom: 1rem; } ._header_80b70__header { margin: 0 auto; margin-bottom: 2rem; max-width: none; max-width: var(--header-width, none); padding: 1.5rem 2rem; } @media only screen and (max-width: 767px) { ._header_80b70__header { padding: 1rem } } h1._header_80b70__title { color: var(--primary-color); font-size: 2rem; font-weight: 600; line-height: 1.2; margin-top: 0; margin-bottom: .8rem; } ._header_80b70__add-to-ambitions-button, ._header_80b70__remove-from-ambitions-button { border-radius: .5rem; position: absolute; right: 2rem; top: 2rem; } ._header_80b70__tabs-wrapper { margin: 0 auto; max-width: none; max-width: var(--header-width, none); padding: 0 2rem; } @media only screen and (max-width: 767px) { ._header_80b70__tabs-wrapper { padding: 0 } } ._sidebar_d3623__contact-link { -webkit-text-decoration: none; text-decoration: none; color: hsl(var(--text)); } ._occurrence_preview_14abb__occurrence-title { font-size: var(--font-size-tiny); } ._occurrence_preview_14abb__meta { line-height: 1.75; vertical-align: middle; } ._occurrence_preview_14abb__meta .icon { margin-right: 5px; } ._part_preview_5a20d__canceled ._part_preview_5a20d__date-time { -webkit-text-decoration: line-through; text-decoration: line-through; color: hsl(var(--red)); } ._skill_preview_c9786__header { display: flex; } ._skill_preview_c9786__text { display: flex; flex: 1; flex-direction: column; justify-content: center; } ._skill_preview_c9786__type { color: hsl(var(--meta)); font-size: var(--font-size-tiny); } ._preview_popover_44f0c__PreviewPopoverCell { display: inline-block; } ._preview_popover_44f0c__preview { font-size: 1rem; max-width: 400px; min-width: 250px; } ._preview_popover_44f0c__preview ._preview_popover_44f0c__header, ._preview_popover_44f0c__preview ._preview_popover_44f0c__content { padding: var(--spacing-vertical) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { ._preview_popover_44f0c__preview ._preview_popover_44f0c__header, ._preview_popover_44f0c__preview ._preview_popover_44f0c__content { padding-left: var(--spacing-horizontal); padding-right: var(--spacing-horizontal); } } ._preview_popover_44f0c__preview ._preview_popover_44f0c__header { align-items: center; display: flex; font-size: var(--font-size-large); } ._preview_popover_44f0c__preview ._preview_popover_44f0c__content { border-top: 1px solid hsl(var(--border)); color: hsl(var(--text-light)); font-size: var(--font-size-small); } ._preview_popover_44f0c__preview ._preview_popover_44f0c__link { color: inherit; display: block; -webkit-text-decoration: none; text-decoration: none; } ._preview_popover_44f0c__preview ._preview_popover_44f0c__image, ._preview_popover_44f0c__preview ._preview_popover_44f0c__icon { margin-right: var(--spacing-horizontal-small); } ._preview_popover_44f0c__preview ._preview_popover_44f0c__image { flex: 0 0 48px; } ._preview_popover_44f0c__preview ._preview_popover_44f0c__icon { flex: 0 0 44px; } ._preview_popover_44f0c__preview ._preview_popover_44f0c__title { margin: 0; } ._user_preview_64e25__dot { margin-left: -0.2em; } ._user_preview_64e25__User-CardCell { display: flex; } ._user_preview_64e25__avatar { --avatar-size: 48px; } ._user_preview_64e25__text { display: flex; flex: 1; flex-direction: column; justify-content: center; padding-left: 0.75em; } ._user_preview_64e25__header { align-items: flex-start !important; } ._user_preview_64e25__name { font-weight: 600; } ._user_preview_64e25__navigation { font-size: var(--font-size-small); margin-top: 0.3em; -webkit-text-decoration: none; text-decoration: none; } ._user_preview_64e25__navigation:hover { -webkit-text-decoration: underline; text-decoration: underline; } ._preview_2061a__PreviewCell { background: white; display: block; overflow: hidden; -webkit-text-decoration: none; text-decoration: none; } ._preview_2061a__title { color: hsl(var(--text-light)); font-size: var(--font-size-heading-tiny); margin: 0; } ._preview_2061a__description { margin-top: 10px; } ._preview_2061a__image { background: white; border: 1px solid hsl(var(--border)); float: left; height: auto; margin: 10px; width: 80px; } ._preview_2061a__image img { display: block; max-width: 100%; } ._preview_2061a__content { padding: 10px; } ._preview_2061a__type-video { /* not sure what this is for, but this class is created in view.ex */ } ._preview_2061a__with-image { /* not sure what this is for, but this class is created in view.ex */ } ._profile_header_20beb__ProfileHeaderCell { margin-bottom: var(--spacing-vertical); position: relative; } ._profile_header_20beb__background { background: hsl(var(--background)); height: 100%; overflow: hidden; position: absolute; width: 100%; } ._profile_header_20beb__profile-color { height: 100%; opacity: 0.5; position: absolute; width: 100%; } ._profile_header_20beb__background-image { bottom: 0; display: block; left: -10%; position: absolute; right: -10%; top: -10%; width: 120%; z-index: 0; } ._profile_header_20beb__background-color { background: linear-gradient(to bottom, hsl(var(--background) / 50%) 0%, hsl(var(--background)) 90%); height: 100%; position: relative; z-index: 1; } @media only screen and (min-width: 768px) { ._profile_header_20beb__background-color { background: linear-gradient(to bottom, hsl(var(--background) / 30%) 0%, hsl(var(--background)) 90%) } } ._profile_header_20beb__foreground { padding: 20px var(--spacing-horizontal-small) 0; position: relative; z-index: 1; } @media only screen and (min-width: 768px) { ._profile_header_20beb__foreground { padding: 50px var(--spacing-horizontal-small) 0 } } ._profile_header_20beb__profile { margin: 0 auto; max-width: 800px; } @media only screen and (min-width: 768px) { ._profile_header_20beb__profile { align-items: center; display: flex; margin-bottom: 40px } } ._profile_header_20beb__profile ._profile_header_20beb__avatar { display: none; margin-bottom: var(--spacing-vertical); } @media only screen and (min-width: 768px) { ._profile_header_20beb__profile ._profile_header_20beb__avatar { display: block; float: left; margin: 0 30px } } ._profile_header_20beb__text { flex: 1; } ._profile_header_20beb__title { font-size: var(--font-size-heading-large); font-weight: 300; line-height: var(--line-height-small); margin: 0 0 15px; word-wrap: break-word; } @media only screen and (min-width: 768px) { ._profile_header_20beb__title { font-size: var(--font-size-heading-extra-large) } } ._profile_header_20beb__summary { clear: left; font-weight: 300; line-height: var(--base-line-height); } @media only screen and (min-width: 768px) { ._profile_header_20beb__summary { font-size: var(--font-size-extra-large); line-height: var(--line-height-medium) } } ._profile_header_20beb__summary a { border-bottom: 1px solid hsl(var(--text) / 50%); color: hsl(var(--text)); -webkit-text-decoration: none; text-decoration: none; transition: border-color 0.15s ease, color 0.15s ease; } ._profile_header_20beb__summary a:hover { border-bottom: 1px solid hsl(var(--link) / 50%); color: hsl(var(--link)); } ._profile_header_20beb__dot { margin-left: -5px; } ._bar_a3e49__progress-bar { background-color: hsl(var(--gray94)); flex: auto; height: 10px; position: relative; } ._bar_a3e49__progress-fill { background-color: hsl(var(--green)); bottom: 0; left: 0; position: absolute; top: 0; } ._donut_5df7d__Progress-DonutCell { position: relative; } ._donut_5df7d__children { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } ._qrcode_357c6__qrcode { /* for JS */ } ._readmore_9a791__ReadmoreCell { position: relative; } ._readmore_9a791__ReadmoreCell._readmore_9a791__disabled ._readmore_9a791__controls { display: none; } ._readmore_9a791__content { -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); mask-image: linear-gradient(to bottom, black 60%, transparent 100%); overflow: hidden; position: relative; } [data-whatinput="mouse"] ._readmore_9a791__toggle-button { outline: none; } ._readmore_9a791__more-label { display: inline; } ._readmore_9a791__less-label { display: none; } ._readmore_9a791__show ._readmore_9a791__content, ._readmore_9a791__disabled ._readmore_9a791__content { max-height: none !important; } ._readmore_9a791__show ._readmore_9a791__content, ._readmore_9a791__disabled ._readmore_9a791__content { -webkit-mask-image: none; mask-image: none; overflow: visible; } ._readmore_9a791__show ._readmore_9a791__content::after, ._readmore_9a791__disabled ._readmore_9a791__content::after { display: none; } ._readmore_9a791__show ._readmore_9a791__more-label { display: none; } ._readmore_9a791__show ._readmore_9a791__less-label { display: inline; } /* Variants */ ._readmore_9a791__variant-default ._readmore_9a791__controls { align-items: center; display: flex; justify-content: center; margin-top: 10px; overflow: hidden; position: relative; text-align: center; z-index: 2; } ._readmore_9a791__variant-default ._readmore_9a791__divider { background-color: hsl(var(--border-alpha)); display: block; height: 1px; width: 100%; } ._readmore_9a791__variant-default ._readmore_9a791__divider._readmore_9a791__left { margin-right: 10px; } ._readmore_9a791__variant-default ._readmore_9a791__divider._readmore_9a791__right { margin-left: 10px; } ._readmore_9a791__variant-default ._readmore_9a791__toggle-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border-radius: 3px; color: inherit; cursor: pointer; display: inline-block; font-family: var(--font-family-base); font-size: var(--font-size-medium); line-height: 1; padding: 0.65em 0.8em; text-align: center; -webkit-text-decoration: none; text-decoration: none; transition: border var(--duration-shorter) ease, box-shadow var(--duration-shorter) ease, color var(--duration-shorter) ease, opacity var(--duration-shorter) ease; -webkit-user-select: none; -moz-user-select: none; user-select: none; white-space: nowrap; } ._readmore_9a791__variant-default ._readmore_9a791__toggle-button:disabled, ._readmore_9a791__variant-default ._readmore_9a791__toggle-button[disabled] { cursor: not-allowed; opacity: 0.5; } ._readmore_9a791__variant-default ._readmore_9a791__toggle-button { background: rgb(122, 122, 122); border: 1px solid hsl(var(--border-alpha)); border-radius: 100px; color: white; font-size: var(--font-size-badge-small); letter-spacing: 1px; padding: 0.3em 0.6em; position: relative; text-transform: uppercase; } ._readmore_9a791__variant-default._readmore_9a791__show ._readmore_9a791__controls { margin-top: 18px; } ._readmore_9a791__variant-default._readmore_9a791__show ._readmore_9a791__divider { display: none; } ._readmore_9a791__variant-dark ._readmore_9a791__controls { align-items: center; display: flex; justify-content: center; margin-top: 10px; overflow: hidden; position: relative; text-align: center; z-index: 2; } ._readmore_9a791__variant-dark ._readmore_9a791__divider { background-color: hsl(var(--border-alpha)); display: block; height: 1px; width: 100%; } ._readmore_9a791__variant-dark ._readmore_9a791__divider._readmore_9a791__left { margin-right: 10px; } ._readmore_9a791__variant-dark ._readmore_9a791__divider._readmore_9a791__right { margin-left: 10px; } ._readmore_9a791__variant-dark ._readmore_9a791__toggle-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border-radius: 3px; color: inherit; cursor: pointer; display: inline-block; font-family: var(--font-family-base); font-size: var(--font-size-medium); line-height: 1; padding: 0.65em 0.8em; text-align: center; -webkit-text-decoration: none; text-decoration: none; transition: border var(--duration-shorter) ease, box-shadow var(--duration-shorter) ease, color var(--duration-shorter) ease, opacity var(--duration-shorter) ease; -webkit-user-select: none; -moz-user-select: none; user-select: none; white-space: nowrap; } ._readmore_9a791__variant-dark ._readmore_9a791__toggle-button:disabled, ._readmore_9a791__variant-dark ._readmore_9a791__toggle-button[disabled] { cursor: not-allowed; opacity: 0.5; } ._readmore_9a791__variant-dark ._readmore_9a791__toggle-button { background: rgb(122, 122, 122); border: 1px solid hsl(var(--border-alpha)); border-radius: 100px; color: white; font-size: var(--font-size-badge-small); letter-spacing: 1px; padding: 0.3em 0.6em; position: relative; text-transform: uppercase; } ._readmore_9a791__variant-dark._readmore_9a791__show ._readmore_9a791__controls { margin-top: 18px; } ._readmore_9a791__variant-dark._readmore_9a791__show ._readmore_9a791__divider { display: none; } ._readmore_9a791__variant-dark ._readmore_9a791__toggle-button { border-color: hsl(var(--black) / 30%); color: hsl(var(--black) / 50%); } ._readmore_9a791__variant-dark ._readmore_9a791__divider { background-color: hsl(var(--black) / 30%); } ._readmore_9a791__variant-light ._readmore_9a791__controls { align-items: center; display: flex; justify-content: center; margin-top: 10px; overflow: hidden; position: relative; text-align: center; z-index: 2; } ._readmore_9a791__variant-light ._readmore_9a791__divider { background-color: hsl(var(--border-alpha)); display: block; height: 1px; width: 100%; } ._readmore_9a791__variant-light ._readmore_9a791__divider._readmore_9a791__left { margin-right: 10px; } ._readmore_9a791__variant-light ._readmore_9a791__divider._readmore_9a791__right { margin-left: 10px; } ._readmore_9a791__variant-light ._readmore_9a791__toggle-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border-radius: 3px; color: inherit; cursor: pointer; display: inline-block; font-family: var(--font-family-base); font-size: var(--font-size-medium); line-height: 1; padding: 0.65em 0.8em; text-align: center; -webkit-text-decoration: none; text-decoration: none; transition: border var(--duration-shorter) ease, box-shadow var(--duration-shorter) ease, color var(--duration-shorter) ease, opacity var(--duration-shorter) ease; -webkit-user-select: none; -moz-user-select: none; user-select: none; white-space: nowrap; } ._readmore_9a791__variant-light ._readmore_9a791__toggle-button:disabled, ._readmore_9a791__variant-light ._readmore_9a791__toggle-button[disabled] { cursor: not-allowed; opacity: 0.5; } ._readmore_9a791__variant-light ._readmore_9a791__toggle-button { background: rgb(122, 122, 122); border: 1px solid hsl(var(--border-alpha)); border-radius: 100px; color: white; font-size: var(--font-size-badge-small); letter-spacing: 1px; padding: 0.3em 0.6em; position: relative; text-transform: uppercase; } ._readmore_9a791__variant-light._readmore_9a791__show ._readmore_9a791__controls { margin-top: 18px; } ._readmore_9a791__variant-light._readmore_9a791__show ._readmore_9a791__divider { display: none; } ._readmore_9a791__variant-light ._readmore_9a791__toggle-button { border-color: hsl(var(--white) / 30%); color: hsl(var(--white) / 50%); } ._readmore_9a791__variant-light:not(._readmore_9a791__show) ._readmore_9a791__divider { background-color: hsl(var(--white) / 30%); } ._readmore_9a791__variant-simple._readmore_9a791__show ._readmore_9a791__controls { margin-top: 10px; } ._readmore_9a791__variant-simple ._readmore_9a791__toggle-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border-radius: 3px; color: inherit; cursor: pointer; display: inline-block; font-family: var(--font-family-base); font-size: var(--font-size-medium); line-height: 1; padding: 0.65em 0.8em; text-align: center; -webkit-text-decoration: none; text-decoration: none; transition: border var(--duration-shorter) ease, box-shadow var(--duration-shorter) ease, color var(--duration-shorter) ease, opacity var(--duration-shorter) ease; -webkit-user-select: none; -moz-user-select: none; user-select: none; white-space: nowrap; } ._readmore_9a791__variant-simple ._readmore_9a791__toggle-button:disabled, ._readmore_9a791__variant-simple ._readmore_9a791__toggle-button[disabled] { cursor: not-allowed; opacity: 0.5; } ._readmore_9a791__variant-simple ._readmore_9a791__toggle-button { border: 0; color: hsl(var(--primary)); font-weight: bold; padding: 0; } ._readmore_9a791__variant-simple ._readmore_9a791__divider { display: none; } ._register_a47b0__header { margin: 0 0 50px; } ._register_a47b0__title { color: hsl(var(--primary)); font-size: var(--font-size-heading-large); font-style: normal; font-weight: 300; margin: 0 0 10px; } @media only screen and (min-width: 768px) { ._register_a47b0__title { font-size: var(--font-size-heading-extra-large) } } ._register_a47b0__subtitle { color: hsl(var(--primary)); font-size: var(--font-size-heading-small); font-style: normal; font-weight: 300; margin: 0; } ._register_a47b0__submit { margin-bottom: 15px; margin-top: 50px; text-align: center; } ._register_a47b0__forgot-password { text-align: center; } ._register_a47b0__forgot-password a { color: hsl(var(--primary)); -webkit-text-decoration: none; text-decoration: none; } ._render_markdown_links_35078__RenderMarkdownLinksCell [data-link] { color: hsl(var(--primary)); cursor: pointer; -webkit-text-decoration: underline; text-decoration: underline; } ._item_c7a4a__Requirements-ItemCell { align-items: center; border-top: 1px solid hsl(var(--border-alpha)); display: flex; padding: var(--spacing-vertical) var(--spacing-horizontal); -webkit-text-decoration: none; text-decoration: none; } a._item_c7a4a__Requirements-ItemCell { --chevron-size: 14px; padding: var(--spacing-vertical) calc(var(--spacing-horizontal) * 2 + 14px) var(--spacing-vertical) var(--spacing-horizontal); padding: var(--spacing-vertical) calc(var(--spacing-horizontal) * 2 + var(--chevron-size)) var(--spacing-vertical) var(--spacing-horizontal); transition: background var(--duration-default) ease; position: relative; } a._item_c7a4a__Requirements-ItemCell::after { background: hsl(var(--gray85)); content: ""; display: block; height: var(--chevron-size); margin-top: calc(var(--chevron-size) / -2); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20' xml:space='preserve'%3E%3Cpath d='M4.17 18.42c0 .12.05.23.13.31l1.14 1.14c.18.18.47.18.65 0l9.61-9.55c.18-.18.18-.46 0-.64L6.09.13a.459.459 0 0 0-.65 0L4.3 1.27c-.18.18-.18.47 0 .64L12.45 10 4.3 18.09c-.08.09-.13.2-.13.33z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20' xml:space='preserve'%3E%3Cpath d='M4.17 18.42c0 .12.05.23.13.31l1.14 1.14c.18.18.47.18.65 0l9.61-9.55c.18-.18.18-.46 0-.64L6.09.13a.459.459 0 0 0-.65 0L4.3 1.27c-.18.18-.18.47 0 .64L12.45 10 4.3 18.09c-.08.09-.13.2-.13.33z'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: var(--chevron-size) var(--chevron-size); mask-size: var(--chevron-size) var(--chevron-size); position: absolute; right: var(--spacing-horizontal); top: 50%; width: var(--chevron-size); } a._item_c7a4a__Requirements-ItemCell:hover { background: hsl(var(--link-block-background)); } a._item_c7a4a__Requirements-ItemCell:hover::after { background: hsl(var(--gray50)); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20' xml:space='preserve'%3E%3Cpath d='M4.17 18.42c0 .12.05.23.13.31l1.14 1.14c.18.18.47.18.65 0l9.61-9.55c.18-.18.18-.46 0-.64L6.09.13a.459.459 0 0 0-.65 0L4.3 1.27c-.18.18-.18.47 0 .64L12.45 10 4.3 18.09c-.08.09-.13.2-.13.33z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20' xml:space='preserve'%3E%3Cpath d='M4.17 18.42c0 .12.05.23.13.31l1.14 1.14c.18.18.47.18.65 0l9.61-9.55c.18-.18.18-.46 0-.64L6.09.13a.459.459 0 0 0-.65 0L4.3 1.27c-.18.18-.18.47 0 .64L12.45 10 4.3 18.09c-.08.09-.13.2-.13.33z'/%3E%3C/svg%3E"); } a._item_c7a4a__Requirements-ItemCell:hover ._item_c7a4a__icon { transform: scale(1.1); } ._item_c7a4a__sub-title { display: flex; } ._item_c7a4a__icon { flex-basis: calc(42px + var(--spacing-horizontal)); transition: transform var(--duration-default) ease; } ._item_c7a4a__content { flex: 1 0; } ._item_c7a4a__category { margin-bottom: 0.3rem; } ._item_c7a4a__title { color: hsl(var(--text)); flex-grow: 1; font-size: var(--font-size-heading-small); margin: 0 0 0.2rem; } ._item_c7a4a__title ._item_c7a4a__code-badge { float: right; } ._item_c7a4a__expires-on-text { color: hsl(var(--red)); font-size: var(--font-size-small); } ._item_c7a4a__expires-on-text._item_c7a4a__fulfilled { color: hsl(var(--green)); } ._item_c7a4a__suspended { color: hsl(var(--suspended)); font-size: var(--font-size-small); } ._item_c7a4a__strike { -webkit-text-decoration: line-through; text-decoration: line-through; } ._item_c7a4a__list { list-style: none; margin: 0; padding: 0; } ._item_c7a4a__item { margin-bottom: 10px; position: relative; } ._item_c7a4a__required { color: hsl(var(--meta)); margin: var(--spacing-vertical-small) 0; } ._item_c7a4a__type-title { color: hsl(var(--meta)); vertical-align: middle; } ._item_c7a4a__badge { cursor: help; min-width: 140px; } ._item_c7a4a__badge ._item_c7a4a__icon { font-size: 0.5em; margin-left: 0.5em; } ._item_c7a4a__badge ._item_c7a4a__icon::before { vertical-align: baseline; } ._item_c7a4a__requirements-list { color: hsl(var(--meta)); list-style: none; margin: 0; padding: var(--spacing-vertical-small) var(--spacing-horizontal-small); } ._reset_password_13f5b__header { margin: 0 0 50px; } ._reset_password_13f5b__title { color: hsl(var(--primary)); font-size: var(--font-size-heading-large); font-style: normal; font-weight: 300; margin: 0 0 10px; } @media only screen and (min-width: 768px) { ._reset_password_13f5b__title { font-size: var(--font-size-heading-extra-large) } } ._reset_password_13f5b__subtitle { color: hsl(var(--primary)); font-size: var(--font-size-heading-small); font-style: normal; font-weight: 300; margin: 0; } ._reset_password_13f5b__submit { margin-bottom: 15px; margin-top: 50px; text-align: center; } ._retabs_62676__tabs { display: flex; gap: 1rem; margin: 0; padding: 0; list-style: none; overflow: auto; overflow-y: visible; align-items: baseline; } @media only screen and (max-width: 767px) {._retabs_62676__tabs { padding: 0 1rem } } ._retabs_62676__tabs._retabs_62676__full-width { width: 100%; } ._retabs_62676__tabs > li { color: rgba(19,21,23,0.36); white-space: nowrap; } ._retabs_62676__tabs > li:has(a.disabled) { cursor: not-allowed; } ._retabs_62676__tabs > li a { align-items: center; color: inherit; display: inline-flex; gap: .3rem; padding-bottom: .7rem; -webkit-text-decoration: none; text-decoration: none; transition: color 0.3s cubic-bezier(0.4,0,0.2,1), border-color 0.3s cubic-bezier(0.4,0,0.2,1); } ._retabs_62676__tabs > li a:hover { color: rgb(19,21,23); } ._retabs_62676__tabs > li a.disabled { pointer-events: none; } ._retabs_62676__tabs > li a.disabled:hover { color: inherit; } ._retabs_62676__tabs > li a.active { color: rgb(19,21,23); border-bottom: 2px solid currentColor; } ._retabs_62676__tab._retabs_62676__align-right { margin-left: auto; } ._retabs_62676__tab-spacer { margin-left: auto; } ._retabs_62676__tab-counter { background: rgb(243,237,248); border-radius: .25rem; border: 1px solid rgb(226,225,238); color: hsl(var(--text)); display: flex; display: inline-block; font-size: var(--font-size-badge-small); justify-content: center; line-height: 15px; min-width: 17px; padding: 0 0.3em; padding: 0 0.3em; text-align: center; text-align: center; white-space: nowrap; } ._retabs_62676__tab-counter._retabs_62676__warning { background: hsl(var(--warning)); color: white; border-color: hsl(from hsl(var(--warning)) h s 44%); } /* secondary tabs: small segmented toggle */ ._retabs_62676__tabs._retabs_62676__variant-secondary { gap: .35rem; align-items: center; padding: .15rem; border-radius: 999px; background: rgba(19,21,23,0.04); width: -moz-fit-content; width: fit-content; } ._retabs_62676__tabs._retabs_62676__variant-secondary > li { color: rgba(19,21,23,0.55); } ._retabs_62676__tabs._retabs_62676__variant-secondary > li a { padding: .25rem .55rem; border-radius: 999px; border-bottom: 0; background: transparent; font-size: 0.9em; line-height: 1.2; } ._retabs_62676__tabs._retabs_62676__variant-secondary > li a:hover { color: rgb(19,21,23); background: rgba(19,21,23,0.05); } ._retabs_62676__tabs._retabs_62676__variant-secondary > li a.active { color: rgb(19,21,23); background: rgba(19,21,23,0.08); box-shadow: inset 0 0 0 1px rgba(19,21,23,0.10); } /* Responsive PDF embed */ ._rich_content_0b22a__RichContentCell .pdfobject-container { background-color: #ddd; height: 0; max-width: 100%; padding-bottom: 140%; position: relative; width: 100%; } ._rich_content_0b22a__RichContentCell .pdfobject-container >iframe { top: 0; right: 0; bottom: 0; left: 0; position: absolute; } ._rich_content_0b22a__embed, ._rich_content_0b22a__wide-embed { /* Used in javascript */ } ._rich_content_0b22a__icon-link { position: relative; -webkit-text-decoration: none; text-decoration: none; } ._rich_content_0b22a__icon-link:hover .icon { opacity: 1; } ._rich_content_0b22a__icon-link ._rich_content_0b22a__text { -webkit-text-decoration: underline; text-decoration: underline; } ._rich_content_0b22a__icon-link .icon { font-size: 0.65em; margin-left: 0.6em; opacity: 0.5; transition: opacity var(--duration-default) ease; } ._rich_content_0b22a__icon-link .icon::before { vertical-align: 0; } /* a favicon img is inserted before the link */ ._rich_content_0b22a__favicon { height: 24px; width: 24px; vertical-align: middle; margin-right: 6px; margin-top: -8px; } ._rich_content_0b22a__agile-qr-link { --size: 1.2rem; color: rgb(80, 100, 204); font-weight: 700; padding-left: calc(1.2rem + 0.3rem); padding-left: calc(var(--size) + 0.3rem); position: relative; } ._rich_content_0b22a__agile-qr-link::before { align-items: center; background: rgb(80, 100, 204); border-radius: 50%; color: white; content: "qr"; display: inline-flex; font-family: sans-serif; font-size: calc(var(--size) * 0.7); font-weight: bold; height: var(--size); justify-content: space-around; left: 0; opacity: 0.5; position: absolute; top: 50%; transform: translateY(-50%); transition: opacity var(--duration-default) ease; width: var(--size); } ._rich_content_0b22a__agile-qr-link:hover::before { opacity: 1; } ._rich_content_0b22a__channel-link { --size: 1.2rem; color: rgb(80, 100, 204); font-weight: 700; padding-left: calc(1.2rem + 0.1rem); padding-left: calc(var(--size) + 0.1rem); position: relative; white-space: nowrap; } ._rich_content_0b22a__channel-link::before { align-items: center; background: rgb(80, 100, 204); border-radius: 50%; color: white; content: "c"; display: inline-flex; font-family: sans-serif; font-size: calc(var(--size) * 0.7); font-weight: bold; height: var(--size); justify-content: space-around; left: 0; opacity: 0.5; position: absolute; top: 50%; transform: translateY(-50%); transition: opacity var(--duration-default) ease; width: var(--size); } ._rich_content_0b22a__channel-link:hover::before { opacity: 1; } div._rich_content_0b22a__responsive-iframe { margin: 0; overflow: hidden; position: relative; width: 100%; } div._rich_content_0b22a__responsive-iframe >iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } iframe[data-controller="iframe-embed"] { border: none; height: auto; width: 100%; } @media only screen and (min-width: 768px) { ._rich_content_0b22a__wide { height: auto; margin: 0 -50vw 0 24rem; max-width: 1300px; transform: translateX(-50%) } } ._rich_content_0b22a__attachment--inline { display: inline; } /* Hide
after block attachment */ ._rich_content_0b22a__attachment:not(._rich_content_0b22a__attachment--inline)+br { display: none; } ._rich_content_0b22a__attachment--error a { color: hsl(var(--error)); } /* Variants */ ._rich_content_0b22a__variant-default { font-size: var(--font-size-rich-content); line-height: var(--line-height-large); } ._rich_content_0b22a__variant-default a { word-break: break-word; } ._rich_content_0b22a__variant-default h1, ._rich_content_0b22a__variant-default h2, ._rich_content_0b22a__variant-default h3, ._rich_content_0b22a__variant-default h4, ._rich_content_0b22a__variant-default h5, ._rich_content_0b22a__variant-default h6 { font-weight: bold; } ._rich_content_0b22a__variant-default h1 .anchor, ._rich_content_0b22a__variant-default h2 .anchor, ._rich_content_0b22a__variant-default h3 .anchor, ._rich_content_0b22a__variant-default h4 .anchor, ._rich_content_0b22a__variant-default h5 .anchor, ._rich_content_0b22a__variant-default h6 .anchor { color: hsl(var(--meta)); float: left; line-height: 1; margin-left: -24px; padding-right: 4px; -webkit-text-decoration: none; text-decoration: none; } ._rich_content_0b22a__variant-default h1 .anchor::before, ._rich_content_0b22a__variant-default h2 .anchor::before, ._rich_content_0b22a__variant-default h3 .anchor::before, ._rich_content_0b22a__variant-default h4 .anchor::before, ._rich_content_0b22a__variant-default h5 .anchor::before, ._rich_content_0b22a__variant-default h6 .anchor::before { display: inline-block; font-size: 14px; vertical-align: sub; visibility: hidden; width: 20px; } ._rich_content_0b22a__variant-default h1:hover .anchor::before, ._rich_content_0b22a__variant-default h2:hover .anchor::before, ._rich_content_0b22a__variant-default h3:hover .anchor::before, ._rich_content_0b22a__variant-default h4:hover .anchor::before, ._rich_content_0b22a__variant-default h5:hover .anchor::before, ._rich_content_0b22a__variant-default h6:hover .anchor::before { visibility: visible; } ._rich_content_0b22a__variant-default > p { margin-bottom: 1.4em; } /* Resetting list style types to "defaults" in case already nested */ ._rich_content_0b22a__variant-default > ul { list-style-type: disc; } ._rich_content_0b22a__variant-default > ol { list-style-type: decimal; } ._rich_content_0b22a__variant-default > ul ul, ._rich_content_0b22a__variant-default > ol ul { list-style-type: circle; } ._rich_content_0b22a__variant-default > ul ul ul, ._rich_content_0b22a__variant-default > ol ul ul { list-style-type: square; } ._rich_content_0b22a__variant-default img { max-width: 100%; } ._rich_content_0b22a__variant-default blockquote { background-color: hsl(var(--gray98)); border-left: 4px solid hsl(var(--border)); color: hsl(var(--text-light)); font-style: italic; margin: 0; margin-bottom: 1.4em; padding: 0.5em; padding-left: 1em; position: relative; } ._rich_content_0b22a__variant-default blockquote > p { margin-bottom: 0.75em; } ._rich_content_0b22a__variant-default blockquote > p:first-child { margin-top: 0; } ._rich_content_0b22a__variant-default blockquote > p:last-child { margin-bottom: 0; } ._rich_content_0b22a__variant-default code { background: hsl(var(--gray50) / 0.05); border: 1px solid hsl(var(--gray50) / 0.1); border-radius: 5px; display: inline-block; padding: 0.15em 0.3em; } ._rich_content_0b22a__variant-default pre code { display: block; overflow: auto; } ._rich_content_0b22a__variant-default table { border-collapse: collapse; } ._rich_content_0b22a__variant-default th { font-weight: bold; } ._rich_content_0b22a__variant-default td, ._rich_content_0b22a__variant-default th { padding: var(--spacing-vertical-small) var(--spacing-horizontal); } ._rich_content_0b22a__variant-default tr { border-bottom: 1px solid hsl(var(--border)); } ._rich_content_0b22a__variant-default p + ol, ._rich_content_0b22a__variant-default p + ul { margin-top: -1em; } ._rich_content_0b22a__variant-default > :first-child { margin-top: 0; } ._rich_content_0b22a__variant-default > :last-child { margin-bottom: 0; } ._rich_content_0b22a__variant-large { font-size: var(--font-size-rich-content); line-height: var(--line-height-large); } ._rich_content_0b22a__variant-large a { word-break: break-word; } ._rich_content_0b22a__variant-large h1, ._rich_content_0b22a__variant-large h2, ._rich_content_0b22a__variant-large h3, ._rich_content_0b22a__variant-large h4, ._rich_content_0b22a__variant-large h5, ._rich_content_0b22a__variant-large h6 { font-weight: bold; } ._rich_content_0b22a__variant-large h1 .anchor, ._rich_content_0b22a__variant-large h2 .anchor, ._rich_content_0b22a__variant-large h3 .anchor, ._rich_content_0b22a__variant-large h4 .anchor, ._rich_content_0b22a__variant-large h5 .anchor, ._rich_content_0b22a__variant-large h6 .anchor { color: hsl(var(--meta)); float: left; line-height: 1; margin-left: -24px; padding-right: 4px; -webkit-text-decoration: none; text-decoration: none; } ._rich_content_0b22a__variant-large h1 .anchor::before, ._rich_content_0b22a__variant-large h2 .anchor::before, ._rich_content_0b22a__variant-large h3 .anchor::before, ._rich_content_0b22a__variant-large h4 .anchor::before, ._rich_content_0b22a__variant-large h5 .anchor::before, ._rich_content_0b22a__variant-large h6 .anchor::before { display: inline-block; font-size: 14px; vertical-align: sub; visibility: hidden; width: 20px; } ._rich_content_0b22a__variant-large h1:hover .anchor::before, ._rich_content_0b22a__variant-large h2:hover .anchor::before, ._rich_content_0b22a__variant-large h3:hover .anchor::before, ._rich_content_0b22a__variant-large h4:hover .anchor::before, ._rich_content_0b22a__variant-large h5:hover .anchor::before, ._rich_content_0b22a__variant-large h6:hover .anchor::before { visibility: visible; } ._rich_content_0b22a__variant-large > p { margin-bottom: 1.4em; } /* Resetting list style types to "defaults" in case already nested */ ._rich_content_0b22a__variant-large > ul { list-style-type: disc; } ._rich_content_0b22a__variant-large > ol { list-style-type: decimal; } ._rich_content_0b22a__variant-large > ul ul, ._rich_content_0b22a__variant-large > ol ul { list-style-type: circle; } ._rich_content_0b22a__variant-large > ul ul ul, ._rich_content_0b22a__variant-large > ol ul ul { list-style-type: square; } ._rich_content_0b22a__variant-large img { max-width: 100%; } ._rich_content_0b22a__variant-large blockquote { background-color: hsl(var(--gray98)); border-left: 4px solid hsl(var(--border)); color: hsl(var(--text-light)); font-style: italic; margin: 0; margin-bottom: 1.4em; padding: 0.5em; padding-left: 1em; position: relative; } ._rich_content_0b22a__variant-large blockquote > p { margin-bottom: 0.75em; } ._rich_content_0b22a__variant-large blockquote > p:first-child { margin-top: 0; } ._rich_content_0b22a__variant-large blockquote > p:last-child { margin-bottom: 0; } ._rich_content_0b22a__variant-large code { background: hsl(var(--gray50) / 0.05); border: 1px solid hsl(var(--gray50) / 0.1); border-radius: 5px; display: inline-block; padding: 0.15em 0.3em; } ._rich_content_0b22a__variant-large pre code { display: block; overflow: auto; } ._rich_content_0b22a__variant-large table { border-collapse: collapse; } ._rich_content_0b22a__variant-large th { font-weight: bold; } ._rich_content_0b22a__variant-large td, ._rich_content_0b22a__variant-large th { padding: var(--spacing-vertical-small) var(--spacing-horizontal); } ._rich_content_0b22a__variant-large tr { border-bottom: 1px solid hsl(var(--border)); } ._rich_content_0b22a__variant-large p + ol, ._rich_content_0b22a__variant-large p + ul { margin-top: -1em; } ._rich_content_0b22a__variant-large > :first-child { margin-top: 0; } ._rich_content_0b22a__variant-large > :last-child { margin-bottom: 0; } ._rich_content_0b22a__variant-large { font-size: 1.2rem; margin: 0 auto; max-width: 48rem; } ._rich_content_0b22a__variant-large code { font-size: 0.7em; } ._row_d1a3d__RowCell { transition: background var(--duration-short) ease; } ._row_d1a3d__RowCell._row_d1a3d__disabled { background-color: hsl(var(--disabled-item-background)); color: hsl(var(--disabled-item-text)); font-weight: 300; } @media only screen and (min-width: 1200px) { ._row_d1a3d__RowCell:not(._row_d1a3d__disabled):not(.sortable-ghost):hover { background: hsl(var(--link-block-background)) } ._row_d1a3d__RowCell:not(._row_d1a3d__disabled):not(.sortable-ghost):hover ._row_d1a3d__fade { opacity: 1; } } ._row_d1a3d__RowCell[data-link] { cursor: pointer; } ._row_d1a3d__RowCell ._row_d1a3d__no-click { /* Used by javascript to prevent clicks */ } ._row_d1a3d__RowCell td > a:hover { -webkit-text-decoration: underline; text-decoration: underline; } @media only screen and (min-width: 1200px) { ._row_d1a3d__fade { opacity: 0.2; transition: opacity var(--duration-short) linear } } html:not(.no-script) ._row_d1a3d__accessibility-link { color: inherit; -webkit-text-decoration: none; text-decoration: none; } html:not(.no-script) ._row_d1a3d__accessibility-link:hover { -webkit-text-decoration: none; text-decoration: none; } ._certificate_row_e860c__SearchAll-CertificatesCell { align-items: center; -webkit-text-decoration: none; text-decoration: none; } ._certificate_row_e860c__panel { display: flex; padding: var(--spacing-vertical) var(--spacing-horizontal); transition: background var(--duration-default) ease; width: 100%; } ._certificate_row_e860c__panel:hover { background: hsl(var(--gray99)); } ._certificate_row_e860c__icon { min-width: calc(42px + var(--spacing-horizontal)); } ._certificate_row_e860c__content { flex-grow: 1; } ._certificate_row_e860c__title { color: hsl(var(--text)); display: flex; align-items: center; justify-content: space-between; font-size: var(--font-size-heading-small); gap: 0.5rem; margin: 0 0 0.3rem; } ._certificate_row_e860c__expires-on-text { color: hsl(var(--red)); font-size: var(--font-size-small); } ._certificate_row_e860c__expires-on-text._certificate_row_e860c__fulfilled { color: hsl(var(--green)); } ._certificate_row_e860c__suspended { color: hsl(var(--suspended)); font-size: var(--font-size-small); } ._certificate_row_e860c__strike { -webkit-text-decoration: line-through; text-decoration: line-through; } ._certificate_row_e860c__boosted-badge { background: rgba(235, 64, 52, 0.06); border: 1px solid rgba(235, 64, 52, 0.35); border-radius: 999px; box-shadow: 0 1px 3px rgba(235, 64, 52, 0.12); color: #e04234; display: inline-flex; align-items: center; font-size: 0.7rem; font-weight: 600; gap: 0.2rem; line-height: 1; flex-shrink: 0; padding: 0.2rem 0.5rem; white-space: nowrap; } ._certificate_row_e860c__boosted-badge .icon svg { fill: currentColor; } ._search_all_7b9fe__form { /* used in javascript */ } ._search_all_7b9fe__ai-hint { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; padding: 0.5rem 1rem; font-size: 0.85em; color: #6b7280; color: var(--color-text-muted, #6b7280); } ._search_all_7b9fe__ai-hint svg { color: #4f46e5; color: var(--color-primary, #4f46e5); } ._search_all_7b9fe__ai-hint--enable { justify-content: flex-end; } ._search_all_7b9fe__ai-hint__separator { color: #9ca3af; color: var(--color-text-muted, #9ca3af); margin-left: auto; padding-left: 0.5rem; } ._search_all_7b9fe__ai-hint__toggle { color: #6b7280; color: var(--color-text-muted, #6b7280); -webkit-text-decoration: underline; text-decoration: underline; } ._search_all_7b9fe__ai-hint__toggle:hover { color: #4f46e5; color: var(--color-primary, #4f46e5); } ._search_all_7b9fe__filters { align-items: center; display: flex; flex-wrap: wrap; margin-top: 1rem; margin-left: 1rem; } ._search_all_7b9fe__filters label { display: flex; align-items: center; gap: 0.25rem; font-size: 0.9em; } ._search_all_7b9fe__filters-title { flex-basis: 100%; white-space: nowrap; } @media only screen and (min-width: 768px) { ._search_all_7b9fe__filters-title { flex-basis: auto; margin-right: var(--spacing-horizontal) } } ._search_all_7b9fe__filters ._search_all_7b9fe__filter { font-size: 1rem; font-weight: 700; margin: 5px 20px 5px 0; } @media only screen and (min-width: 768px) { ._search_all_7b9fe__filters ._search_all_7b9fe__filter { flex-basis: auto } } ._search_bar_69a1a__SearchBarCell { --search-bar-height: 80px; height: --search-bar-height; top: calc(var(--size-navigation-height) - 80px); top: calc(var(--size-navigation-height) - var(--search-bar-height)); transition: top var(--duration-default) ease; } ._search_bar_69a1a__SearchBarCell::before { background-color: none; } ._search_bar_69a1a__search-toggle, ._search_bar_69a1a__search-close { cursor: pointer; transition: color var(--duration-short) ease; } ._search_bar_69a1a__search-toggle { /* used in JS */ color: hsl(var(--meta)); height: 100%; } ._search_bar_69a1a__search-toggle .icon { margin: 0 -0.2em 0 0; font-size: 1.3em; position: relative; } ._search_bar_69a1a__search-toggle:hover, ._search_bar_69a1a__search-toggle._search_bar_69a1a__active { color: hsl(var(--primary)); } ._search_bar_69a1a__search-close { /* used in JS */ align-items: center; display: flex; padding: 0 calc(var(--spacing-horizontal) / 2) 0 var(--spacing-horizontal); } ._search_bar_69a1a__search-close:hover { color: hsl(var(--primary)); } @media only screen and (max-width: 767px) { ._search_bar_69a1a__search-close { padding: 0 1rem } } ._search_bar_69a1a__show-search { top: var(--size-navigation-height); } ._search_bar_69a1a__show-search::before { background-color: hsla(215, 20%, 25%, 0.6); bottom: 0; content: " "; left: 0; position: fixed; right: 0; top: 0; z-index: -1; } ._search_bar_69a1a__search-bar { background-color: hsl(var(--gray97)); padding: .5rem; } ._search_bar_69a1a__search-container { display: flex; } @media only screen and (max-width: 767px) { ._search_bar_69a1a__search-container { padding: 0 } } ._search_bar_69a1a__search-form { flex: 1; } ._search_bar_69a1a__ai-hint { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.5rem; font-size: 0.85em; color: #6b7280; color: var(--color-text-muted, #6b7280); } ._search_bar_69a1a__ai-hint svg { color: #4f46e5; color: var(--color-primary, #4f46e5); } ._search_7990a__search-icon { font-size: 24px; left: 14px; position: absolute; top: 13px; z-index: 0; } ._search_7990a__submit { border-radius: 0 var(--size-border-radius) var(--size-border-radius) 0; } ._search_7990a__input { background-color: transparent; padding-left: 50px; position: relative; z-index: 1; } ._sidebar_5e0bc__SidebarCell { margin-bottom: var(--spacing-vertical); } @media only screen and (max-width: 767px) {._sidebar_5e0bc__SidebarCell { padding: var(--spacing-vertical) var(--spacing-horizontal-small) 0 } } @media only screen and (min-width: 990px) {._sidebar_5e0bc__SidebarCell { flex: 0 0 280px; padding: 0 var(--spacing-horizontal) } ._sidebar_5e0bc__SidebarCell:first-child { padding-left: 0; } ._sidebar_5e0bc__SidebarCell:last-child { padding-right: 0; } } @media print {._sidebar_5e0bc__SidebarCell { display: none } } ._sidebar_5e0bc__actions { margin-bottom: var(--spacing-vertical); } ._sidebar_5e0bc__header { align-items: center; border-bottom: 1px solid hsl(var(--border)); display: flex; padding: var(--spacing-vertical) 0; } ._sidebar_5e0bc__header-action { align-items: center; color: hsl(var(--primary)); display: flex; flex-grow: 0; flex-shrink: 0; font-size: var(--font-size-small); font-weight: 400; -webkit-text-decoration: none; text-decoration: none; } @supports (-ms-ime-align: auto) { ._sidebar_5e0bc__header-action > .icon::before { vertical-align: -40% !important } ._sidebar_5e0bc__header-action > .icon::before { line-height: 1 } } /* MS IE10+ icon vertical alignment fix */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { ._sidebar_5e0bc__header-action > .icon::before { vertical-align: -40% !important } ._sidebar_5e0bc__header-action > .icon::before { line-height: 1 } } ._sidebar_5e0bc__header-action > .icon { margin-right: 0.2rem; } ._sidebar_5e0bc__title { color: hsl(var(--text-light)); flex-grow: 1; font-weight: 300; margin: 0; } ._sidebar_5e0bc__content { margin-bottom: 1rem; } ._sidebar_5e0bc__items { list-style-type: none; margin: 0; padding: 0; } ._sidebar_5e0bc__item { border-bottom: 1px solid hsl(var(--border)); display: flex; font-size: var(--font-size-default); font-weight: 400; } ._sidebar_5e0bc__item._sidebar_5e0bc__danger > a, ._sidebar_5e0bc__item._sidebar_5e0bc__danger > div { color: hsl(var(--danger)); } ._sidebar_5e0bc__item-link { padding: var(--spacing-vertical) 10px; text-align: left; width: 100%; } ._sidebar_5e0bc__item-tooltip { align-self: center; color: hsl(var(--primary)); margin-left: auto; margin-right: 10px; opacity: 0.6; position: relative; top: 1px; transition: opacity var(--duration-default) ease; } ._sidebar_5e0bc__item-tooltip:hover { opacity: 1; } ._sidebar_5e0bc__primary-button { display: flex; font-size: 1.1em; font-weight: 700; justify-content: center; } ._sidebar_5e0bc__meta { display: table; list-style-type: none; margin: 0; padding: 10px 0; width: 100%; } ._sidebar_5e0bc__meta-item { display: table-row; font-size: var(--font-size-default); font-weight: 400; line-height: 24px; } ._sidebar_5e0bc__meta-value { color: hsl(var(--meta)); display: table-cell; font-weight: bold; padding-left: 10px; } ._sidebar_5e0bc__meta-value a { font-weight: 400; } ._sidebar_5e0bc__meta-term { white-space: nowrap; } ._sidebar_5e0bc__meta-flex { padding-left: 0; } ._sidebar_5e0bc__meta-flex ._sidebar_5e0bc__meta-item { display: flex; font-size: var(--font-size-default); font-weight: 400; justify-content: space-between; line-height: 24px; margin-bottom: 5px; } ._sidebar_5e0bc__meta-flex ._sidebar_5e0bc__meta-value { color: hsl(var(--meta)); font-weight: bold; padding-left: 10px; } ._sidebar_5e0bc__meta-flex ._sidebar_5e0bc__item-tooltip { align-self: flex-start; margin-left: 10px; margin-right: 0; } ._sidebar_5e0bc__navigation ._sidebar_5e0bc__items { margin-top: var(--spacing-vertical-small); } ._sidebar_5e0bc__navigation ._sidebar_5e0bc__item { border-bottom: 0; } ._sidebar_5e0bc__navigation ._sidebar_5e0bc__item-link { padding: var(--spacing-vertical-small) 10px; padding-left: calc(var(--spacing-horizontal-small) + 4px); position: relative; -webkit-text-decoration: none; text-decoration: none; } ._sidebar_5e0bc__navigation ._sidebar_5e0bc__item-link::before { background-color: hsl(var(--primary)); content: ""; display: block; height: var(--spacing-vertical-large); left: -4px; opacity: 0; position: absolute; top: 50%; transform: translateY(-50%); transition: opacity var(--duration-default) ease, left var(--duration-default) ease; width: 4px; } ._sidebar_5e0bc__navigation ._sidebar_5e0bc__item-link:focus::before, ._sidebar_5e0bc__navigation ._sidebar_5e0bc__item-link:hover::before { left: 0; opacity: 0.5; } ._sidebar_5e0bc__navigation ._sidebar_5e0bc__item-link.active { font-weight: 700; } ._sidebar_5e0bc__navigation ._sidebar_5e0bc__item-link.active::before { left: 0; opacity: 1; } ._sidebar_5e0bc__no-results { padding: 20px 0; } ._sidebar_5e0bc__card-item, ._sidebar_5e0bc__user-item { align-items: center; display: flex; margin: 10px 0 20px; } ._sidebar_5e0bc__card-item { color: inherit; -webkit-text-decoration: none; text-decoration: none; } ._sidebar_5e0bc__card-item-image { margin: 0 10px 0 0; } ._sidebar_5e0bc__card-item-title { font-size: 1rem; font-weight: 600; margin: 0; } ._sidebar_5e0bc__card-item-meta { color: hsl(var(--text-light)); font-size: var(--font-size-small); margin-top: 0.3em; } ._sidebar_5e0bc__user-item-content { flex-grow: 1; } ._sidebar_5e0bc__user-item-action { flex-grow: 0; flex-shrink: 0; opacity: 0.2; -webkit-text-decoration: none; text-decoration: none; transition: opacity var(--duration-short) linear; } ._sidebar_5e0bc__user-item:hover ._sidebar_5e0bc__user-item-action { opacity: 1; } @media only screen and (min-width: 990px) { ._sidebar_5e0bc__variant-default { flex-basis: 360px; min-width: 0 } } @media only screen and (min-width: 990px) { ._sidebar_5e0bc__variant-narrow { flex: 0 0 280px } } @keyframes _sidebar_5e0bc__shine { 0% { animation-timing-function: ease; -webkit-mask-position: -30rem 0%; mask-position: -30rem 0%; } 40%, 100% { -webkit-mask-position: 30rem 0%; mask-position: 30rem 0%; } } ._sidebar_5e0bc__teaser { align-items: center; background: linear-gradient(25deg, #eeedf4 0%, #f8f7fb 100%); border-radius: var(--size-border-radius); box-shadow: 0 0 0.1rem 1px rgba(0, 0, 0, 0.1), 0 0.2rem 1rem rgba(0, 0, 0, 0.1); display: block; margin-bottom: var(--spacing-vertical); overflow: hidden; padding: 0.2rem; position: relative; -webkit-text-decoration: none; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease; } ._sidebar_5e0bc__teaser:hover { box-shadow: 0 0 0.2rem 1px rgba(0, 0, 0, 0.1), 0 0.4rem 1.2rem rgba(0, 0, 0, 0.2); transform: scale(1.02); } ._sidebar_5e0bc__teaser::before, ._sidebar_5e0bc__teaser::after { animation: _sidebar_5e0bc__shine 6s linear infinite; content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 200% 100%; mask-size: 200% 100%; mix-blend-mode: plus-lighter; position: absolute; } ._sidebar_5e0bc__teaser::before { border: 0.2rem solid white; top: 0; right: 0; bottom: 0; left: 0; -webkit-mask-image: linear-gradient(45deg, transparent 40%, white 45%, white 50%, transparent 55%); mask-image: linear-gradient(45deg, transparent 40%, white 45%, white 50%, transparent 55%); opacity: 0.5; z-index: 1; } ._sidebar_5e0bc__teaser::after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAMAAAAL34HQAAAAkFBMVEUAAAD8/vycnpzMzsxsbmzk5uSEhoS0trRUVlT08vSUkpTEwsRkYmTc2tx8enysqqxMSkykoqTU0tR0cnTs6uyMioy8urxcWlz09vSUlpTExsRkZmTc3tx8fnysrqxMTkz8+vycmpzMysxsamzk4uSEgoS0srRUUlTs7uyMjoy8vrxcXlzU1tR0dnSkpqRERkQ0mcHDAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAIABJREFUeJwUnOlypCAYRVtBFFxwR1kU3HD3/d8u5M9UatLTTQPfveckXfODJK1fSM01BVMx6HYtUkhmCt/0o9VWHAfnRTif9h7eIfWN7kbxUuqr4CTdMCCajd7dBYrNyuuNntPSFzE3RrEhpN/j7fseTyH5BvWE/MzSIXj7xwsTb6q5lwRX8tQTAmaEMoi/yttz4qWdIj8ajOMs3zVksafibP1e2pbB1FMJlpCFuH4pAHjcz28JGI+MfO92sksX5DN5iXrHFYf7igRq6Sv8mRtbB/GbUPLtD4o3m5tuuimzZCrf8Y1odfqFmqPu2u+wQKluszSMPn4ANEIVRv65ZbVBv2gEE6u3+qwpfoD1mvuct8b3YwpFH+E6eWQ41UR99qsjP1W8amxQkT5G6kail+u+7g3sV+8cu1GmZtvqeVJb+7Vd+G7W13U8y/7I+zvav+JmjyZ1r6FfRO21qgAesJrcrpFsDVNJct3sXXp+v6JId9oX+8L2ZlP5sE67tH3byXdiva/Isozc+2aKpNAvJ82217OHL5sfe15nxo6esfp86C5ssC3TfOGp+Uw9rHkV9MWsm/tALGDCrt+xdozpOWgEBfMAxzyNoV3zaWL5TcjWJ1s1ZmM1t8X1Y7dcnnahN6HgZcH1Pu84JOi8iu3s3PmmRbnxhgNTdMmS+20Nqjwm4VEVz2lTS1ifksF6YffAOJ3IK/u+f9qONElHhu4r6mny3/2pcZX50X2jYA5hE59TdO1rUsxhtSk4WxzccgDjoqsSL1TuvzSXRVL767HWjQ0pqZg6bmFtfCv3zrrzwCLP/ZiZb6Kb3zfrtdT++AZ5s8kL0SkfPFvnhXGbHOxcZOn38JP3F0ng0z1Fbr1nDmM63esA5XttemOUKXvjoqIQ2o8tnbvnHDXNdJ1V2uVwKR7+m8Jx2uB38vmMU3++jL/bl2V6m2cDl0ectQ76LYrGMh+lviOvKmSU080gsuxcb24yuddH9xCPZCLdxtS5xf4Ki6ttqs1W8kzaaGrtTLAdy12tm2oSbyM50KgeIlpv7TXzxTvaOsGfJNrN92l/4wX8xlS2dYurWvOgPAiMMMzfyuMgT1unq4Rp3dodKO/is1Hl22lKFRDZO8JUbeS8UouG8iWnKeKR4iIAcmymyUKJ4G0jOXwlvYPxXKCYRUq6jPKAXZ7NLX/AQo8bYiG4JSXkbnTedRY/+F63Vcq+YrCdZOANa3CkOAt60p/zuxR6ekY0BGbpRW3y1l1Fjmp/Tta8LAd5Y3GBoCb8mecb1jIB5zimzwTqTHldVm7XUAGrrnHYFcTuZp8XiEb/qr8Z42BQCjOYXV1es+Y0Z83WnW9E6x9JVIWIH5dnVqv8BKq/CtjO+RifMvZYCb8sPUq8wymLptyfzpbSqxTJnoSTvBOehHkgTfJOHT/w7C/0zFQ8uacMQynuLOTePOXgmMqJ3mE7JLWK77rwaZiN+inmbocJ5E+owcziZA/VcizRNf6+A4Q2K3AVm2ChQYVbZDin1vJm/iYP9Ejvyq8OXGx4u+uU4q8Q1dwZLyTXBuHY15R3WYfut9LNANRCOjFCmpLYHYncM+QVIDCs7laBsLFNUcJLFTkxWyUMrkJ0nNE+xs9Uress85aZZLh/j/9ufe09a7u14ArvRoZp8+jqsCEc6jOn18HFhftABDq86fb2B1hgvRKyxtYEbTKdw/cOJlkYGN+MSU/0WbbfYE0MFsC/sPTDj7xjmQ4TfEPjoo4Wc1nlJT0Gr+rZOYY1krDb073MDv/b7g7+arq/iXuyF5dlNK9DcKUrIEsbHciv3lG980hjIKco+vpWxxCHoYj4+fol6g9M7b5thnliPe+8gkaRkurcFM3d7RFS8Tl7gSkbyRqEm2W/2MmycpRzOoN1K+r0qzCBxZhn6m6SjXVrXUcYddmPuFfV51mn6toSkF3iTvT5ekeedrRq2ImioEfSznRfmkaeJUxtVu+frQKGGHruI2J4jdfjoDWlczTmSLxNOevjPeYbvEV2R/L0/aSBKCel5rB91wQNc+Earl272ddkZ5D662zGfkpOWp9TQn8N9Xfwjg2qYPtVtLrlHh4hG0zPSvNh+OZaonbdQ09i0NSdaoX30q5VZgZhQFyETvgY9JyxorCURBw2z3VvtU9QiPw5hWGg0HSYgBQ78mM/Bcc4u+OY+pJ+e2dWsQ+mrO/+8qNBkZZn0UjrH6Q6CsddyWiKJEbaC0fW7QEkC7/siJc36+i5LasNPJ1sQHH6+HXqunE7K3WARHoLr7iKll77jQBpqG6VnWGF2QPAm/O3jW1/iS1pVdaQnvGkJERPX4fzsLmaXe9hYdhpLWqWanml9YPj5r+e8M2cMwmxK1v9+n3XSj3K+GjYmETzl0zFnaC5Jf0YmBn60eNCZG7b9MZJm+21vkz0Vitrdp4PN9BQ53d0fWv9ek0fBwwMXSVRNuhyCULRCZYI0+HleK8dJ5X84snnUPFubQJChViHan1I/7sqSUR9jgZt01IGZAsfvuZqZg+2wb2Rxgsaz8p1KVjycMdw2hZhZePGg7BbZFuURwQaktFees0Qu7i/5lceVRxiy3UTGepVb0madvXaocos6LPrCaIrrNmcLVUdjL2xtHzie1zSg0XnlRSm/kUC38zE6/WSUL5bm2Yzvd61gVEx3qMyI+5KvglXPCrpye7xbJ24hY650rUaOotZUL02UWh2657TZLgKO8UMybxc3V+FZ0WnTYBA7pT7ez91vfx2mX2lAszYq/RxAvXOublej87yInFVe9PvCcJlu9GRdpMgIo190NLPjBlVu156r1YrVKfpqx2+rGbPyItsXlky1IJf99JksSonw73imxprj3VsVIKD6Bv9ph1aWiPtm2w33fohyvCUn8fbvKSCkiqr4O714AgQA574TLEXaVSrr+l89eNTefp3Anc+oGu7HJU+iwl5miVbdHYH09mzHd4pH5w/nIAMc4Jb04Q+d/3/pWlgp5BX41JPRezyq1hnHZBGa3w/OrKoO8rT0uTqmTIPa/KyKrZoj5Kxj8j2ntN0RLQdR37sNk8jVJ3xIyDjvw98prlfNWexG4qTVBfsUhCS17sLPCUs/ix7o49V2y523Ev7zjlU8Emitc0NGt3+wfuiWa+q1rXJPWCpsnRLv2YXbCufBV9nzHoIgjfzxo7lDsZRa/VIaSSChqeRy2CV26G8aBMnym0jTeofHbKFwzU/OhNNl602fN+Q0mf0zTKu5UMjGp9K77PO0u48Z7CF1+R/bHRXprt6x//hh3tg58LKoejldRIF7iNfXKw+41Na9FrPe65zQX0uu21Dl4oxrL/uyCtabHHYCBPiHK09c0S5FNNdyehX2Kcw87pCDnRkRKL3YG5Dd9ir9utyvhYRfPHsh+UabpsODrTRtGFRURkeV/7DrqhvS11y3i6cZMNVFlGWTLv/0EatMWPw+M4FAI83eiyHJktoaXr7zWu+KVclwWrRHarse5MysmtGyzEHz/jblqVk9sVRPK3pou7jSs0Z3I3ZvjPaaF00m3BFftZF5APZZS7y1RNgZatX15aEtEoJC/AgkjofRz9Z34MNEw3ikqkOxnDmdU7pB4MG+dPN2NxytWWk+VfJyCzoC0KOCFDnF+Beu3q4tY+Xn6/5IWb6OhIhcRTh+BRdknvdsuLVeYNtXZznxqKtcBQtJts07H4aVkeqmyWML9POEo1Cnbbvj7jYpEJap3ONk9xfnsGLIK/PqH02h3nXeweUkGgY0bnd6xHYPHD+lpnXxxoP0wtWbdAZZvbn9kYcUZyGMQGinq/rZUAf/uSxE895OarqnmDvoLuZ7wJyHQ1loPOFskE+G85BDsOxuvaoCfLMh+OSZZzBe4mbO08Oy7JzOUlcvAtdF+cqk1t0excFy2iQ60jXgE0OK2ZXn3Vnnw6YiQcFGX7AJ7yL9sAGI+nQOq3PrU2b4acde7gEk3SC8J3Dlnd1rkwSPJWttwIDTE600PRiT/DIAHMoY3cRMR1adtS6F9+TzZWJb3fP3GPoWZwcAcEoXDc6PV071zFvPL7Abvq3yJh1c3B0OaDeek7hz4d+N2x6GAEhDzTeGW/koP3O2BHSkKZppL8lv8S1n114fvzMC3C6uM8fqF90w/1gyyWtZ55SvGlsx897EQX6Sw7P+oeqq9mr4uP16qx9SsXj5T3CZVA1XI0jKZcs51jofNQpfKsteTxSdsb8wEtQUEZerIzHvrA4Eg+GMIUbS5ay6cz2Lm3QWBQhdPmVWYpD9HojldNqtHWmTrmJBRa4KWp6NEuw156SxoRjEp77nKsAqGueRui4ZKRDf+aBno8639K4IGzWFI9t5hzTu6uUr9/To4Pk2ehkv1L5B2/mjplbYDq5y1HJwG88IOhYpw9wGpN8UZJX3J+PJ8kA7h3VPKq9z3HddnhGxsujlXpnn/YN6liSbvtxaJsMFopO77XLOR4E+Xcv0fT0yZtNo7c9fsHyA8ZJ3bBYiymQs1vfsSpbql8oG6PO0znKYtylfuP86t6oIk5jeXzPXV6CTJdIzYDt45W07Z5qBSXWclxyMaCye6Z2PrrNf2UlyszX2hWBXbo+4slSo8zt8pSx8Qrehed8rc16519Nlwu/N5tQ374qx7morqO2LQJ4lD0LfqYmZGz9UHL5TJ7dasEcYYgtt5kpiQB1JZMwiGiXVidbAFT1PQ/rtxRO2zHr7vJousI35Cl2LexZk2er7FOP80jYwkfrHOUht1B+E8Mbew/xn0oeXz+Z8A3HHlX+dDWlwev8VqHvaivWzvd/Zg3RtTeLNlttXRvum1YGzDVF2XobZl4c7sHb000uMI0ffHf1HFZNeTic8INz0KagTyj3fkblfVNLusc/KxMAPm5KKtpOCS5u1qMupVkw20zOGbiCJWhXth+O36pELe41bjjlNNJnGO1bfP0yywLTHrPuzwGAbw97eY+dSi6PkljLOH12J6n7WXfuErPpq/u98YtD0cOvny+ura5T14BDpOO1X55+lFvYxLdHHiOn8ammZu4qxr7iC/PyBO1bfln3Tyf1eYurZNRkc6xyFxBdpO+0zP0rPfaffWw+vSi4A/0sZZfp5hnf0HPD264DmdkdlBdxB/s2T/4Y1H5xuHtzUEzXzlZfjgIWk259C0pf+O4chjPkN7nUIfLJ7m12pGgT1EmnPFDnz8p52Rv6pU7APce4n6ezquM86VrBnVHW7xVEuPx+bZUikr/H5hucq62bc7N80RTDJw+VY6T0iBCpXPB5a/M2Zs3aJu0CxWdUybwnWxFdJKuAL4q5QLdcSZuU9lHYHoLWdbaaWqghdjTXfTiophptcp5VqErIt7cgPXjyrfdZsKdvixmd8lrqovxViXDXNhmnZutPBQHb1PCMIm3PHm1ud++BLILZokRnrfRxlr4+AYY9KOW1gy/gkYprpjwjZc7WPq2KaqK73Fli72kKTkpMfyi1hJEpYO3vH3wD1V6PvRku8qJT/S3oAB2fRzu1iHLJAzH8tDS3DYt1OQO950IvzhpR9nSLPyffAxfDSGDLrP/mYgEbUaVL1+H+djGmk5UFAA9KposW0YNbnNBanry00fblJpMXIkG/PXcc6VmB5IInjU5Vt87a4gVkX5rrNk+u4kmQrGoTAy2ls3BgXED4FfYwOkTtvqFiERvqkrlGQd1VQJ/NAup81zf46Mi09z3M4GFLdIbAtQVsLhrxFtalpNeOG4XnOvtE55NwdtG+kXO6KV+KnbQILTu5DQTpkj50BGaunqnz/ULgDd0i0KgWtvCa43KXCKqf9BMQMRK/E3737wxpd51D+nHydPVUXu3c2sDsjhiL60BrROoUR3fX+nhLAfS4mNZOy7JmLKB0NV13krccD14M71MtqjpwPpQJBbXt+V1YfrapJBksmRRFEXt+DowqizAGcbX4HQ4T7YF05z+zjVexZIUSU1/YXit+Uo71dmuc2Biu8t7iDIuXuOJ9R2JS6uoEvmvRMyGgEwKuKIojkKVVP5XlcfqF8aQXM79YWMG4ju8+29rSEQjc7YLBmR/r/NTRPOTpEcwDGC/fnQ03jNb5Fy86FH78A3crIg+HqZdS4+B+VpxdT3KZI4BGHMt16871YLQ75ujOdM29ond3Pw964paQ0azsLjh2M1oBXHlOwXaxzfPX2u8WNHJTnM2kHvB0VTnlCb5MRs4uOdDSrVtUFqXah/Wm3bBA6cvCaU70tO366+DbEbWiOCnQ+fmSF7Z+xFZQYyrwBmOT8+MeE5+XKVgIrWzioRK/qo8Lj8UbTHXeDXV19TKvLQsrJ72I3jXO/KheXxBd23EUnDQ0UpX/Ade8LfM25EUnRTT2IXZ0L5sRxVmx4tfJwVZf3f1DVT7L+8blqtyEO5D+lut9LE7aYERcF+P3enknI25SfUcCJUPMad+RPjrPTA0nGsDwwRA5JVy3Bc5jrbrUGqbz/6K75VAn8KbwGTHOikCHZ44XsBsRyO1V+sTB/KlmiNNI0GXDnkCSp2/669yMBuRcYCHWYWlM4+6eRJ1Hi/MLh2zATtgC+ARLFEbJ1kdeU3nuGmxDV1/z/X0munV+iOljwwymOH8ZinCC13feRWWKT+tmZmIkaV3p934bRPeCHLbzV72c00FdPrlqPtSSL2cy9X3/6eCqfspuc8uCJXWRJ9mtdHJty5AaOuLTGSIr55zfoyvt5spwZJyKfKVG38PxGFG8361Gu8wrMZZeY2GF8rEAlrv3sOoylFnsp6qgRYZNpNBKInhboqNeZzCBrQR2ncssqddgZfk5vC10odWWUfWDr2YN77JMiHK9F38JQtiqBQ7j4SF7bTQC6RC/gb3hE12NvZ9Tiea1R5FXi23ywdQy2DeqGUzD8bNzOfnvUncnfDJZCz/rNvNcebt0WWoFzlbbC5Ef/6EdID8pnemkCaR9dIE33oO2e4Cffz/HPKqHU4Vu9ydE/ippbJP0Lba6hI3PH/LeAHbKxPQdzREOrQd8i8jlBTmaz7PwzJAT3329+TI3hYx13Hh4Lj7vOnlWTXnBO5FlX0dcrrp3Go34BscFZyEmmqcYaNW8l9qba+/fz6XgijT/1XufTluTnCCue96GnVpP5+pNkKZefr1FOV7HKxyEJAWP4ihB9JmXCrKxurPVcfHddyN7Fp8lsExXkWbVM47QdFPYHRLB7FpJKZlX90Q8xQTpiWHgHVg8cq95ksHty/J4Ct0W6dEbjNkFzQj6ucE+vFfEUiUKwTzLrNiyu0xyqu/CIV62CEPT3CvviO0Qp3k1HIHQjGidE72M1f46LNfPEK/0TtYwcM//zNOHcrAfiznMVQw8t+eO00elKLfY3eqhWourpFEfzOA+ITODwfe2l1GQ5BZq5v8u6/weKPHU64d9HoCsGYZkdEk1ps5UPR+852HLjutsXr/7xWAdtVxzdYzXNG2mVTHCdURTzUQYPALkvN406C6uZUcLX117pZc+OCLBFrQeWA42rzMrx/LxPZkl3eLIZ1qP6pMEa7dDQ7PSn6A+efRqXZ768AYJKq6xmPfYR8WxN7eJK29fZ8jm3iB67uft05uAwne87lNOsrU+2pO13PEmXov9JNCJxZyaQe6qMbLY3fx9j1jpMKaEOw548aYcx4Q0x4IFstg8WcAj8tcHReF2d7eqafizsrvEmpChzlDmLSkASYfzuQsdT83ZKWXlKzo/T7QX55quCdQHOOL7reY1G9QGze2VX+od32LrZidmvujdtwTXQ+mwjFSmfKMPT0u1OztorkokNZ/OU8Bgzk+cIZ/UJSc7mrmFWEXf/mYxIr+KuzF4+QCi7C2FwsNEoJNlKKiK2i7FbL3jwTo1a5MVqqKx13AcYKqPaYfbuQ506Y7qbGdSERxDVE1b6ORvkI+WyQQPGyVjuwI5BAni99XXY7oeJc5jSWu30QLrLwou/2y7fYpmfGegZrs5f2cVRYLLCuHXU9/d9k93L82VnlnWFl5xw2hSTZ81FPZT7ubB7jCn22EonBaZgYavG3QaDeDeuOkR2LOsTEhV2DCZxpXfwXFtRtohYFNqGeIA2gxxSs0Yd73+rrZSEeFkyoi/+dqBOrdDiX9D6qh+6I+7ro7TWJP73w0/H4WvfZtORTGbzjpKmg4QXczBcK7uyxxm6HkaZB80bS72Yg+2yfLkR/GUpFvatlfzk33j029uFbHI887Ly0ddYNGCitVZXMLi1IDhXh0802nEs8QNU/mEqps+x49MvR4eRSqaMCc644oSVX4Al3IDc8VURU/lUAE5TvV1On884kUnz+xeVXHVvPBUDBRwg7kQG3DTy0TYeEhChdCTLt9kzIu+uSmK+UoepN8wybaitIq/zyyqM8nS7Ew4Av7bxJ5RbX/wUrpJTJMAtJ6SLkv4uo80KfmVFrXoO7HzSSyELDMv67he+pvX81D4ZSZzRwnCXvV3vKip+pFmc/WlpPSNeo59YrInuy2WI5eqQ2VfsLmLyoBZU1QbXvKmeFpHQ0HWveeafKjYB+9+XMi8uUoMwt7PzEfItz4vv6/2dWvnIjZlZLoRAJYMO+iempfqmfdz1d3JpeFoWt70PRELcp7Hq18jNGr3tGFp26rbWD3UNwLn6dyzmqaxUFnU9a8aKtfId3uDOpXw+1YemvxCKqvRodpQfT3KYI3PNzT+dfziHqCSiMPT44Zydxj5cahebSjZvTjtxQk2NDi17x52j+1+8TOeeX6NhAwsNr7eh3O6ul5Y3VzPHRFQZ7wai0JnCSm+ckusd7MNnQHhTkNeJ3+bC5AvnCtRpvGgXzt0aY1d6XVvfqQ0F+F1rL/tZNl3okkzjwyLLQ0nqfKQohOnVTlAuxHf0a6p83NJgqhZy01SEtnasy6DuvSoBoen1cgBeaHy7ANVrXBebrltIlSEbbm2c+HtqFBsewd83qMbBR3NC3m2rXBBB9uZ19YLJl4gR+wycK74a8/3W2iRwDEeD7+KTxUyqwvUEg6mvvVqIe5rRY9cXLdRhoNcgm9XS/Ws5yC+4YRx1AonKr4bLCSDzSXl87D3jNJr+ehNaXtPCkUd9jcTK1LLaSlp5cknDqOxH62355QldYJsk4p4vUX1PuQ3HrVyoApQ4R+FqCqcFt3Xk4T4ISMFCEZSTZB5kU3dO/NQsbyN97yBUJ9fhYAM2ORtkqldJt2cbOajzRTRuLEiZen1anl3ojX2jCkvZ30dPNySd6SN/hTZq3hMn8CsaeGbdsunqKR+ODpKtD9ZPotMp4sL4Pks6ofQN3Ej6ghHKA49nZXFFE5PDZZjjY569M10qJT5w/ksWCr3GCqHkKn09NLvDjefTgFZqza7ntRN0dWn59vONb5KGDoefIcKF1OXLk4U7uK89yMYHX5c5+2hV+O7tMz6S/zjG3zYxNIUNzHsPF3HWlEWHoq+Qyp3Lr5iweUTe4cYZLgh11yLi5ong+dCAEoJPAM/S0w+11F7epg5aLwej6Nl4yAcq4Xud4DAnbWZCozdstp3lXnm5HKYuQZlSN6AXA7NnR94B/C3IVrC5DdhIdZibbUag5bix6JSX3vS1ff2FYMoA/oCuXR527qT96fqdiqGRqGzlfKi8jsuY+zE8q5rvH93fnURveZCemI/yw0AIZ2yqf74H8ZEd1Dey+WXPhPFsdJJ8CAsTU6Pbn4ZXEaegVtu4U5/9JvaRu/otWU4mD2JKfBw49giJv2lAtpO9dxE2Gyl5hSR1ma8SEvVmhzA4S6d/7xFUZrNduOXDEnRbNPIsO7cHoAcxTKuaGSGIS4bDfW9lRG1Th/iEfwHzBZUGme9ZhEawSa2mo8pSHof/5CXrVN85EJO+2RH1ZK7Df2sipkzGHc7tb+PJ9Fz4pB/14J90oLk4Ewf3xWiemDZ1pksnBLX3FFfnGD/jwECyg8fbzO9gfLBdTRjfdRD1kxTWsQ2J1M+L3Fnem7WGGUm8aSc6g9HJO974ff4pxaDv6gkaXy9qdAVVg/NbsESRz2NVEFb9+3zhDyNmnRqn7dfhoooB1LHnClpIbc3mu7kXePzgu2JYB1jESWvY6RenoebwnCpmxb33KVBtcGtK3bbyFuep+lv1CNgzdGSRkSdss/bCs17hH6nTvt10tflQO0589Sr84QfxO3dvAoQn+GBUVU9vlYRitbypRXamXz5xrhaMay6s36LG3uemAUwornuRPNsl6IWD/4++wWK9Xs9RROK62Sqo4fFKtjiZ3+hR/HisCIMn15N0Ex7bX1RX3mS/MydVtYeR6DnyPGCyqHFaKU76Nci41c9SrGBMH7QgSuIamAcnnagLXHmkfn1esWXsny8O4229TNNLggdv9nh/E1e5zzD5GZkS5XbuQG0ST/ZEw79Rr/yCPscBI4B2s3wzdkplJG37F6I81v+9q49hVu4egFk4p53lm+8N2SIIxuqfUXlWJjPv5asji7O4iiXeWwynWx6mqZ4j/cBNMVcDWZ7Az7X/tuDx7zXBLsHj1VEj+L70Pi9xYrIOFDpaytyHZdIcB4zv35Dwqt8i6yxCh6GrDRM6E+FR8uDSxzw0fP9+Xupp6yQAZ7f20VeuL1CxHmJjudKMkNoSGRsUz2GA8hGKh7xfadRzhYID5fT5dUck8OHmd7daqOC3jj26/L4qgVvp9eR5DM0HmPqO4fSB04aIDe0NRPagkHPLs/QdbDoh0sxXaYMwmu9hzls8yGPo4XwYtxf4UfhQ+CYDYGIs/qdn6DdAjw8xfo+xtRn/MbzdgZlm6E9evoHdV/iled0HqeHKu8MfX4k7xxE5DkFOTOP2c2pvWw8mNyhXfQlt4Cv+RGU3e5TMGDWmNUw/lOCroZW84VeRGlxjmKUTef22ivDFuF196NE+iyD7szsCgZXz/16192eKqRgHg2tQZGIK9HJqZjOV8ynOkd07jNYBun14VuzpKd55Efay8SUp9/zwOiehSpVoSi4USKlNmGGyjdNKB6GzOJf47w5KOq+dBP0DHZ0KsEKAAAfFUlEQVRz+xjCW6RyGPNwz33kH4rkvmzae4S9ZdEmalOdx7sBFOp6cJlV9wdpNzSz9yml/3mBZkmeijurNrWIC3EjFyfbY/gWT9irKuggL6zf+Pi4piuud3sFaJ7PeC3XzcnWOPEfdZY/yIbAvrdPLB2EboxGUxji+Q6DgF7t5PboWUke0GZOqF/tCaSWcE1vrr7Egd6q0TOc6KBD3t6KV898jcdyxjzOpjpwZlaWG4/g7e5heO7NEoXC81MwN1dwyzYNdWRA9QF9VXGDknvJivL3mrBmdAmce9YeCjGQwOxZXC7N8QKOH/Gko39fsyLtntKN86kPkZqrbHkjXC5cJiNil68Zj7w81ikfRpn3qqXVI+Tiq0WrDp4yzFIBIKk116LnaqKhGuu7d12Ug5LwA3PMoR/ucR9q1AU/j6RsPQFpTEaHXsRTd31yqOUBm4AsTpaDXPP9Yqxqmy0cThvoXuQiW3Mu3wfMcbNeD7TjG9qxso5NWP2yuUH1es6vlZcf74GZA99NnUGHd5F0BWk3Pt1e1P6XFMONXTStAygWsnhPdKQkBNcPh9tIry8OLO5L613fJczXfEV+JW89BZNMjm808mM18mXgOns9ouuMW83vbUwRBtve+41cVnvQ1yDWTbIwsgN+QcMrjN8duxMEyu92WWsgSHDGCXHYUlHBoeZIlNPnVt/iYdvF/XB2VUXHf3B7u9312xdESoXAlL1M87MMgcPAZ7Hn8K06HNjBaj4vSLEGlCO5b28FYlzmgTTdQQsARb5t4USDjtlpyCbeYtk7gvaOR9gMT49c8QHq4FXa1YRXEmp6nyfr/ydHkInrHtaqScqZhTm2xd79hsWjF/Hh4COH8R+exAvC3dlYt63PI87AbP9em/qwXAZweK6ylShMUEXVkMyyr+J9tjedcG7coIqjCgYWOk5rpG0wDSiYOC6JLUB4x84s0TaXh3c6acraKTSppF41YXVe7h/o2CpJC/mWx6/NPnK9TLzCxdt3auinTj0G29HybNYeNgcxXLQn9uBu6qeIAwjaldfGG0mZShl+Zz5lYw+Lmngc3D0pDr+Y3lSm6ogOFaJG1iZUMolEkeHNC6fiiIOwIYno997y7gYFmwogeOce0yAWRar+sXC5JzjOOemjYR2LmzSg2Hzw5ji9aFl8oV7FNJwg99vgwXL0XYXTTGSWGQdwji1FvFQIuDjQhfXOEcwJys9kRnrH4xj5MJ+H+KB3Tq8RuBpS9bwMAxsLvTi+TVs1hx5Kx6r1V9snxWFKaOrfyOihFpgXyzjR51Z3pyNOu5m1B91b1QmulnXX+nPslTZVIaAfHxIPJD20jrsvspn/iBEfuoUfM32AkmRYcK9T5dfufNNzWUElgk5gdSPipuroFyMTYgx7EliFkxpbOqa5d0TNppzT+8W9/MiN03DyBiccgadlti2pf4QTcgzSj9p4ZV/J4kvP/iq34z3Bki/X1k5vxgKEQ5gPdBFN1qo8J5ZtJBlamFSN+Z50f9S5fHuW7rTwbOSFnUjzhfFRiCs/sn1jMalW7zsSZkcy0PcI4ZEpQia/+5WpaRMjunZw0E3CdZRqugmqJ91fOdqrdfiELWJeLNPqLcpr3Wa/rQl2x52Jl7ojSkEJ564R6SsWY3s35u+Ez5lr2/t3XNe8bSxmoG6e7Lid9TcMoDohQtWSG8cEMFXTsoT5nKUkckqa2ij75d6DtTuVsXQItJP7QR+XuEswGY+IwVV54doTl9ccT83AyC0ndJT3K87zWp9sBSUeVqty55yfTggtvStY/B3VWfqtdlC6dTLniYkuWy2IGDhb2QgjfdG1cM2stEhH9qXbdkv5Uu+rg7m7i58CX/KCrnXXT3Ueu9/HVeLK3tfdMweksscV9vY2KBSCNq/qOuv5rq85qeDYq9cTNds9I2qPOWCpJcB7ucRP3ovHN/uJO36efdE4AwDEIJUPyBeCbuUSiS3TZy/VnbGs3dbpYaDTG92OO86OnxdK7IDl6XT4KsEyeQ/9LZ7yOG6smSPLtkmGtFHNAcP9s3DBV/FmbXEp76xwfZ0B3Lv64f04WW3Wqj/SfP32c+Cch2bvTYEAKipXD3Mt6/sT/bI+Q3bSwszMvbSOQfI+j3+u02scjJcNUlXzq3xGUv90b03jCAxdMFARDcvjsSgY/Or/8wKwXu8Hp7e97JSArLheOh9IhfTroHXxNjzvrF7/3TD/NlcJdiVV01vUOvbZAe4T0+VL9STxicK1K8L+jak+zOnlrayBT3rdzXGey9Atu3Bo9oz+r63wUWfXmIPo2v2T2iUinnsVpKxkxPhCDhu0n+I6+KQIhqnwPHyu9SlGxwX1JeFcfi/aZFNmEvZrU9xb3Eb/LTjkCrp3ce67qdC7UdgtJnPVXAdXI5B6THMkDyqmdVgmpld4v7OtNCH31P/ueMq3OCrZ4kUOAXFY9t6647sJkkBAXFY2fqd6HHdwH68H1m9T7XLlrYqj9+GPbS8Ny/i5fOjNfX8l+FmnvaN356u60V6cMUsifA8chGCIQFeLEGZLS/Is54dC5M0v8bJuaTjrxb7wqZncQf9IEvZtzILCWSGoCunql+adPoPi5ADyZcZNMr14ghIG5+cvviPvlixrj3m8Vfyt0mGq0JBv9qm9A8MN0/0bt7aHYayWQI3Vk+nbifcbhKdrBRuxJxr5GUZZRNG1Bd5G7Vd1j1FtqhO8VVEdPr8CjZVAHWyGyVE4jTO118Ht2v09kwLn9Mwyo7JuWBntzJukdbov721r9PbhNQVeSy/tpzIj+NYQ7FOw8cMbeIUf+/ZHDz+EqqPZ9RsWDwf1Eg5cJ+Md69y5oWj43X1xGozNFuSdKObNk2e6jL9NynbP3NzjfY8acqOjkMmpPRN7IJsCcx7rluJjKMJApvaNBeQBIbudq9yfMmo6r3nF26Uq23XV7fA+NA/XtXP17Qo/Cg1mmT5Gy5XJijb6eqjCOhYuT9d2jiqGOAGXY+aa316B1hsMcd+CX8QTr0HoPWOYPGuI3/j/h3IALKt5bNgfR5UHlXoLwtxBXtJPGkdU5dA6TcV3OP9/pBUSdz8Cp/zTlDPW9sfdCt4eM6QRnEoGhP/kzmxVQYbg5A9pH6cGVdkWcQx7mZ8TI2Lh73XETdIPeire6fdoFOSff2yhlv2CG/9pk7HMnFxIuKgzagk9625hZQWPZxM7ib4u9nPYQJfk553XjurbYp/GJ78k2FcFRe93WfAFIGPdPEPc2HzU4JgmheawvMzj+WfuEoxXSfxN4+xlMQlbC4c0n0GUkwHP4peEHeLqeVh9rVJPL9gQjBD1y5GxY8ZWaVy+68tFLc+no1TeCI93H2VdEj5t3ZV0KpjrHhYPz3Wf82G+m+JT2u2g8CATRQ5UPmSDOjwvt17+RF+94DEWibPZ4ezOfk2CQtOLC++JcxtMIQM/4xbxGVbmQRx70TOZ1Qlvaftzm76X6jy52/Yq91M0lcmLmN174SooTNhCa73TpL/aU3zpKx1CtZF88yIomQPCAKWMkhtA0/i8kaACxTSTZioCfS1eUGxVJV7H7Zv+bP4VSf0uTLcDPS6XRPa3qmiRm+nlcNulr/8/N1DT5RUeDNra6AikhIkz4nd7xtGjXM8odOWftK27rDcZNRoSk75pAI9wC2AWdFzHkcJnfS5R3eVXUHBCZzLm62n692yzsLrChwTTk2YXRFrqZ0FLfZ4BdXrxuDsrrfoVbzp0TFDQa/cURtGSK3oWUZ9fflRsjj2NneJAPdLPJC/HRlWWZNOClw37ZFIQjp2XhfQC3V5l7yYYNGOngs6ha5QVBu+uAHu/GkPb5CCm93eSfFLfu7fJDD08sZW0QD5RENjhyt4x35Ip/WWlRUPnu0BB2xn9fy6T5OgBkjxbYGsIIGDiINLTVwrdKx1Q1R+C/ziCH5DFEQuqE20xkvb/dwRvX7VROBzaLSucIiICVJ3dvcfTy3Gt7qWQRKA4aRfNE9Fd9SN2pIOR4WuJW1oCM19pSpPfc1IpYT201syWXqaR3JEsS2bHH5MddTH7+HO1YpuerPlzVYLpmQxa39BlH793Ukf3hlw07Uvegyl6vz2ogQjCJOSVus60qiwFBz+/DiffmoVPurxwWfo9s6viApd3Z6818IwV9xpPeBnM9au5UkPUV6Mq/ON4TLQftCLOvXeXkCVAasuwR5CdGsnQwaOQq21708zhCVgXcVWYRsYeoIu3IhwFX0UeUKu7KnDEPte8XB8U7kXwhCYsfdzwjuddhWcN0KfJnKttNKvJnQcctaNHp1dsW9/fblJ3DCtw2uR/8bnz5vXVoyMZJ74LPN1vo2PbgoxLJVJ1cbcc9rT7ylWysBXYqdoC9TabCIfgpdI7hXbGGHbhgq3/PaBscBXjC6AQsD54b2bUExVu4SvwH7huRWWaSfmVzbehG5zsuZwZtl/n2emscQ9T+XxKTknXuUloUjQWkfTycSn7256RlZzlejRXc+5wYsHRp3GWFOD93qMQtQP5ugqdI6D+5Ld70GkT/P8zRqUsWd84Tu8KsCJTZXqLos3BeM27fdNpRrsOnCc+qYNvtnbm9o5L5z/GVir2+Nbl/8+EhvFBpNDsS57udjXF28RhlAtodxxSDnB8I9RFR3O+wh71J7fw3cKwTyhg0RyrCdIWj1U+Ir20QvnFoz5QwyT1ZwRg71XBCTUnXfrFY/wvC1SG0ZiH47zsVZCbAyeOOVorfn3nHAdt463KaljClUA0xBf0LJ4Kn7P73p8Lpkc2rslq5T8lsB1dIK78/Aj6WaHqsZO+xXZ/4+qUGMiSPsv+9CHq8d4PQ6MzLDPnPxuc0oO34HtP50VTld0UdfVOszutcjL1eVAUu5C6O/b7l5JwpwqE9P+XA5eYGC+RdIl1KgcVdHAQNZ/v2nmpPhte5Y+tIyH9GT5oWc43qS8YD0LzA29NtLd7r3jbwXYINWAqEDdcnNgQ9KGBNHsDRctGjs3YXzIqbcisA/+8efEhQXL3HFUXzcbjIL8heM692CxK0Rcexni6jyj3+aXyBGvpX14Ye3ni3/xadPSY/1/pc380UmaLVuw6Rj12lYVuVg6yJUVw/f8PB/0X505O5qYpu0i67m9THwa9U2Tk62XxtpReaxGoATvCmdXDNOHnPHU2IGW8feAHVOgvtTZJ4iZLCKaMTOsiTvpl9FYU8Wkra1NlKS0ZxLLbzExgi3XaJPG1gXU+LnnawzoxDtxuVyRi453drHC6HTVFtExy+N6+nG4nv3wfxuE9GseDYFfhbVJvqaE3iMumLNB9lz9GU6yb4ff/AfEwIoY2IK9V9YX9UsCsi8KjNAiuhtPsXGpaFpPYvAo7DIipEBJH9YPeeFewM35wz/3k6QmBDFIxfImLA5sUjQ4jz92fq7ZdkkvQ7Pc4ZWK8/buasLxzg0qN4gsf73JsjFBvm5IjJJGX/PBwXd22kkIWmLnGgjvoguomsHjCoEiz3eWlhvHostU8WU2WxKdhZOB2wMFRSw3nHcw+zKJuPFl+u1jjM3OrpVoeInWCuMeoa7jMp33rXTg+xXTeA44O07m+YFDqL7yn+eBLO9eRLxXVa/b+wnVq/EzNUREHcVE8wJn8eVnIK5TndYO+cZlGM/9VcGbLEYJAFB03FEURN0RRRBQUt///u5DHVCVTpXTfe07FcUhKMjTVlfu9zr9ncvpRT7p0GTHeKasPKq8Qmv7Qbj9J3H4L9YiC4SXIVkpBrnZvBpA7ouamQihbfMx8bIpK26qbQegmGjnhZJlN/e5i9je67S0fvQuQqKWzLxGLd7y3MnR1bmXT8JITePCXtVuTJyBuSjWlFetrm13Rear6jYbtZKisKAdJXpnu6VdaxDRs2qxpLKwIsgOkU+h9iUc5AryapaFNhwwlgxlnhG4DxxHgFh1SbKwsgu4nl4WQ0MwCEOBOqPJW8xAy90jxdHdJk27xEHnT5VWNG1pMCaxZ1vSyo+zK0tr6bI94/GSa9ZPwZh0bGBXO9Xwpz5CUnjhacTtc6JttpFIfQ/R8sxadW+aHRiK6K/v4WZQLFZAzdxRJvU8Ov7Z4OatwZmwFbKxVbN8V3IdA3lGopUmHzOf54O1vR9cro/qdXiNdhqWN2YcIySc6nJqJ94i6kiSHMlujxC5XNIYq89RtvUwDUdATznfOt9mqSNixDkXbqAZ8zVXA7ckOQu35BW5TzZ6OdfILcrxXOLTXR8AqFxfFy5uBpG7gemDVNEnr9hqm6OQQckdKno2Xt/cykiDr1ZcZQn/nXsuLiVZdXL8xp7RVMK+PAjRmnbwime322B3lX6sm/u4jWYetYK2TAbKY6HAVHNdtmtI5v4kOESQN+oE9l29bWSGUdPNMnjxqwDmrKilcbEaL5AXsdRNvfbQPyQ4uuHGm6AlaAcoJ1v+RsLzzY8305FMU3kkymuqJxiMu4hQ1lchHMzEE+w5FwTqadGx0MCyRHzBfrhfn3mESfxjPpKSwgSnmkevEFFZWng8+jxr1La50RtKOTBIvZrySK6TykfDbWjE7BJUY4OXQzyNaBhb3SzZvOY7eRiOgXBbO8CgBkN+Wm6xusH7ssPv4RedXLOTVc92KbSiOAhbYruC5MKlIu8ua3AuZpvu0dfxta83THylyuSlc+diWhwL69FkoveFdqjF/mombjDO+Vqe63GlGJlV8dIhxz9ceLLkzjWwMHgq15BQvMry6jQH/paWLrTC5nWhUzeWx8Q3ddNiYL/Pugg4lpM8uW/s70FX+qGyMykvaIL4aEr6Yls+Pfd/R3AO/o/ewlsdhz+8dfEM/rjJm4dK7RKReNl6T/fx0nDzZzmXhN7BzWYYrXh/vVodj5dL3zueh4E2Tdq4XNTlyG9SuyRRpqZ3TgYx7wnOzhppltQhop/Lte6ozeYIpL22xsIIaDJuVDfFP1PfXCxaub8psPDt12RJzqXKMCt1nzMzd2tYPaXkuavNA5kkbFbxn+9K272Mp9JHdeamO93yRc5n/R0dUHIe8nmZC3JgOTtfCkCu9FYPb8k7527hVVGm/bzmjWNzJabAm28Z36hWOfMX0/szVue3xI3wsqcxlncbv/5NoQjsG7zRzjcnw5ySxLa0ra8NkCvl3piXec4CdcrTZFqg9e7Xdp+WdOIwRkGnPveLtGlLTT8aaBr7vORTiHd3VUPfU5SCMxfk5RvWbOnUd1NyjtxDworR42Xb9ELfOt7pho/PSlHTqd3qgfqiQi+iPjJENknjzfEbbgZin/UrhVdMFAgOzANBOZN8VB9+6ceI+HqVxSVGwTPk296dOOZUDarBRWToV6LiTeMJ+F+6nq5wzvTi0hzUFhJ4tQzyExQqFl7kC8X7uZ+ic12le7tYOcLct4F3dNVf9lznzkGsk2tl0EzBGuzoBhQvc1IzxZ/HqvxI/ho8HKr6BqnbKo68EVyaOUG1QzBgpeIpkrq5mj8vEgObdeQO1CUmaqu8NPR8ts7fXdV1FGyi3N702m6n1N7xO7wf62KR2zW//v/iluuCMx1EjfwAhsGxZixkHfrK5Wdmqug+P7qY+0Rc6xZU/5bJUESYEltYQMoT0PsohHXTw72w5pgOWkxQBhybUsrlBK7H/eeVT3mwf0YX9ylkf2v+RoLhnPafFWP1KK3Me1V1WfWHgRDLsdpfzeB2r1R63q3GKaZUNppj8RAVM1c114wjvZPJtKtanWvW6b0lSy0Y9UWqP4Fsqy/Qw3Gx1fLOqPSTVEE23PdjmhaUjy4eJLPPZ2d7H5zrZmnVnhei8wmiyvh2O95/OM1BmSSkWd1/8cb/M08XPJlYRz+U7MBKTK1jKPcPiH33rUSsHNfMj8naZ7vegOKnL6fPjBjFxHCSpLyZvAkc8VclV59ksP6VRUpjgnQvHAuG4lu21hWe6LHpZ+F0VW7+h/78wPRSvwlEHfoo8DizGOfZt8E05MLwu85vluoTZgycBTHo5x3ymUSUnrC+yBqxuxuWst3IU6FyjOp8cTbsywnEXVmEvgHD+C/fRMQG9HFX3UXrdXsbLbWJMnGSJYxXL5ZgC6NuHZWWCmkJ6sVQ8Frm/u1vxy5rR1+k1p7ymYTfZ6kP3C2uyzz5/gixAifP0aGu+oKI2ruMoZvWrr6JZctU5BG76inRL2ce9dzhXPhK3pg0TeoumviYheDYVAjV7PDVB701Inhm9JyH+vySMiy0oshnZid3h+7KAx01atUdd/m7nSV9FgblIaeqRNTmbHOOCM61we2Mx54zQ73qDUkJbyYKWcSdaWIX2hi1u8jH4bq7bB0hmgjBcEE/Oah/CeMonD/MU9NGpMe9T5sTII+UdAv41xA7HS7b+puhbNMx43ha1MY/ws4xALn+i9fgQPlG+y4UU53oWRbKkT9n2GYaB1mjyD1M/oe/DpwFBMBXnsuVpfp4YGthHW6tO0wSVAPNcWymW2ZrmfgrwmHBp99CLu/5lDvyP7Q0Ck1Z33phqQ52XrzQ8TwB7Ck5ckitlXxIK8clpET8HYvYxo4t26a4RWtX04jMAKXUSPlg4+0TsBPXbNuB4ldvSwa1opXn1zZqs80+7OtlZyqI7fP8oszGO8/sehe9JoQeVTtmzPbR4tS/K7/6QwOVbV11Qv/XFqRrEUHW8BeZ44mWmsnvzvDvFD/eW2zhaewjfKHqWXp13yC8oaj68vkrE1GXFsvGgc+QoTzfOyRPCCQ77SWGJgq3EEtRgjI0DbSAFTplvfeVbT/a5Lpp+3Vz2TOVe02IF+9vQVqpGPmJB8dkGtwSp7iUJT6xziyJV6Izj4OcQ16PPgaqDyY0YOOTjh+KMmE5DRcZSw2G7U6hgrfwEwzsHBEfZpwOaMHyjokE+mW7Rz0nWhvPpTJZv1cVrje6dX2Y38J6rbZJBS2/2nj05ui0NIaFyp2PsRtiqkJJLrkX1oGscKrmWq/3dxx4QlRz0KXMZvMDcd2M+abpgdtrwcumlzUwRH6Z7Kdubgr7Y31Uf7KZ4WqRC2VtqBdd7oHcW3mE8pk9fPwOjaOu8l/bx8W9MeJSWirIOnTjUV/y6oov7xUve6+0GxJHBrmkdtLxWpned/gCNlBEirvJR5yhiORJT1W/hffl8S73UsZRSUIBMl2Fquoug8uucLqy0HmnQqHkipaOp0U9MW/nx6Rpa07G1h/fpS09dF0Ug7i+cwo7ODX6jdqkTHnxNFeLkRXrobkfNDlQOxx37sYR5q5b9dx2HwoGd6nnzPqsW0pOAzow240T3aBqmJAZPWOTeMd9941jI+hk/EcO+tIvuUa/7YnJXZMhrUdyOTO6sDYstKVQqhwAqQUhq2/+X2JiA4GCRx7L2ghQ7EgOYHdtHdYYXuMCIM9vGBNgktb9o6/MvwmhNm9yWWqrcdLaJeQT7/weYSMUrXMehnZYiWJUSdoNLXXFzOF7kJaRzJttqCNqx/pYrbHYezO0M0HIZerxiOmm37TbzT5evjTmZQ9rVaUMEEe7Tbe6AZ6IhZNwJV87Ldn1aXXV18/O95jDhUVeOAC1wBy0HPyHwNXweY5U/DIad/gLXXMM7XCP8JhM5+J66rWy7xDhskEte7NoUdZGzZVgHKPclHN7zNm+MJFv8CDz54x28RRsygI8XGYbs/MiQOW6fltGZ1YNqOz+rLr0UFi1Tv6LmMfcY6N7I99Vj0+w1JI361KErnbdAnhQEjmZIqNIl01fjWOkpuUPOtLnO2wHTEabO36/B9e0+ZTrO/KxPC2PEgQSr62CQ/rKSVhxwng0Q/48lVB0rMC8TTxSJ8Uxy7/sGqzbfdXy3Uyvkr+Fn66uK1PtZ4u4xce5m+H+nesDmMbmGbs7PVPk4plmpvxDL9PCXkHWY+cXnUkLfwjxNl/NW3S4G5P00OUwDVHUoUWuXxtG1ZPO8tPf/G7VkFwJg60HzAXPNrqK3CF/yQdmE8diNceejrPt+/6+66UPbdanPMzXhQ4RHVQ+pO3i+eEWJc2dXwqA+yatpoM15kez+DrH1/ZFX/b70Ylc8mYbjI0xPpmJ8D885U2BoenNP3cP1tMXanaZ5nsUHvCKgNu/QFfnV0cmhW9HDqMDByeKHH7LMLr38+m50I7G6nPEj45WvIMx7iPUm0DfhGjVxaZ9NbvgZMSkiE0s0IYfb1BvkkorGcOTycoy6I9ijcNHugM84TyXbSDSxVU+ptz66uTN5u4uF/f9zM5/y7mtEIkY7rFstgA3WT61tNp45141sVfUbvbkOuqnZvsNMy0HO4WododYyd/fPps//P6Q49huQ8Yh0V3ZcOVgU2JACHgmj8gmKAxIoo1ypHCbH9JpzEtz6lf3i+tFWu8r9ttvoJY881kdNMeTeRaM9FPVTPvezOFXu92/U0DquL1CB+vU3HqDbIfosr7yjM7ge0dA4qIi+JTen5WPtNKZqyuRmdxBESF3nXPreKb7cy05UBOF3Znw9vR0cs6f8aDhOk1RAuwF7cGPDfgmGrRRhJotLkj3p8q+4s4JdexHp68EJu2L/WBBIY5ZOHomnsll+yCXI2Ax+frJNB5pA8LgF1gPW2c1xW5SoqG8Q29lbHaJF55gnBQlklqKEzuFmSn07zyckwicu7ioPafCwkmTLMDnSUl8iIB/vfudid7mN9dIm/owL1yodcsdJJzLNZsQnmO8ck4d1WZrD8Q/TwEAEyVY/HAAAAABJRU5ErkJggg==); top: 0.2rem; right: 0.2rem; bottom: 0.2rem; left: 0.2rem; -webkit-mask-image: linear-gradient(45deg, transparent 15%, white 45%, transparent 75%); mask-image: linear-gradient(45deg, transparent 15%, white 45%, transparent 75%); opacity: 0.2; z-index: 2; } ._sidebar_5e0bc__teaser ._sidebar_5e0bc__teaser-content { color: black; padding: 1.5rem; position: relative; z-index: 3; } ._sidebar_5e0bc__teaser ._sidebar_5e0bc__teaser-title { font-size: 1.5rem; font-weight: bolder; margin: 0 0 0.7rem; } ._sidebar_5e0bc__teaser p { line-height: 1.3; margin: 0; } ._checklist_inputs_d1b61__list { list-style: none; margin: 0; padding: 0; } ._checklist_inputs_d1b61__item { align-items: center; display: flex; transition: background-color 0.8s ease-out; } ._checklist_inputs_d1b61__item._checklist_inputs_d1b61__saved { background-color: hsl(var(--success) / 5%); transition: background-color 0.1s ease-in; } ._checklist_inputs_d1b61__mark { margin-right: var(--spacing-horizontal-small); } ._checklist_inputs_d1b61__options { display: flex; flex-wrap: wrap; font-size: 0.875rem; gap: 0.5rem; justify-content: flex-end; margin-left: auto; } ._checklist_inputs_d1b61__options input[type="radio"] { display: none; } ._checklist_inputs_d1b61__option { background: hsl(var(--gray97)); border: 1px solid hsl(var(--border)); border-radius: var(--size-border-radius); cursor: pointer; padding: 0.5rem; transition: all 0.15s ease-in-out; -webkit-user-select: none; -moz-user-select: none; user-select: none; } ._checklist_inputs_d1b61__content { align-self: flex-start; margin: 0.5rem 1rem 0 0; max-width: -moz-fit-content; max-width: fit-content; width: -webkit-fill-available; } input[type="radio"]:checked + ._checklist_inputs_d1b61__option { background: hsl(var(--primary)); color: white; font-weight: bold; } /* Dialog variant styles */ ._checklist_inputs_d1b61__dialog-checklist { margin-bottom: var(--spacing-vertical-large); } ._checklist_inputs_d1b61__dialog-checklist ._checklist_inputs_d1b61__item { padding: var(--spacing-vertical-small) 0; } ._checklist_inputs_d1b61__dialog-checklist-title { font-size: var(--font-size-heading-small); font-weight: 600; margin: 0 0 var(--spacing-vertical-small) 0; } ._checklist_1fbf5__SkillCenter-Assessment-ChecklistCell { list-style: none; margin: 0; padding: 0; } ._checklist_1fbf5__item { align-items: center; display: flex; margin: var(--spacing-vertical-small) 0; } ._checklist_1fbf5__multiple-choice-item { align-items: center; display: flex; margin: var(--spacing-vertical-small) 0; } ._checklist_1fbf5__check { color: hsl(var(--gray85)); font-size: 1.4em; margin-right: var(--spacing-horizontal-small); } ._checklist_1fbf5__item._checklist_1fbf5__done ._checklist_1fbf5__check { color: hsl(var(--success)); } ._checklist_1fbf5__selected-option { background: hsl(var(--primary)); border: 1px solid hsl(var(--border)); border-radius: var(--size-border-radius); color: white; font-size: 0.875rem; font-weight: bold; margin-left: auto; padding: 0.5rem 0.5rem; white-space: nowrap; } ._form_inputs_373ad__option-icon { flex-grow: 0; flex-shrink: 0; font-size: 32px; margin-right: 4px; padding: 0; } ._form_inputs_373ad__option-icon.icon-link { font-size: 28px; } ._form_inputs_373ad__assessed-at-date { /* needed for JS */ } ._form_inputs_373ad__hidden { display: none; } ._form_inputs_373ad__options { border: 1px solid hsl(var(--border)); border-radius: var(--size-border-radius); display: flex; margin-bottom: var(--spacing-vertical); overflow: hidden; width: 100%; } ._form_inputs_373ad__option { display: flex; flex: 1; position: relative; } ._form_inputs_373ad__option:first-child { border-right: 1px solid hsl(var(--border)); } ._form_inputs_373ad__option >input { height: 48px; margin-left: 15px; position: absolute; } ._form_inputs_373ad__option >input:checked+label { background: hsl(var(--white)); } ._form_inputs_373ad__option >label { align-items: center; background: hsl(var(--gray97)); color: hsl(var(--meta)); cursor: pointer; flex: 1; height: 48px; line-height: 48px; padding: 0 5px 0 40px; } ._form_inputs_373ad__select-all-options-message { color: hsl(var(--meta)); margin-left: 1rem; } /* Dialog variant styles */ ._form_inputs_373ad__dialog-section { margin-bottom: var(--spacing-vertical-large); } ._form_inputs_373ad__dialog-section:last-child { margin-bottom: 0; } ._form_inputs_373ad__dialog-section-title { font-size: var(--font-size-heading-small); font-weight: 600; margin: 0 0 var(--spacing-vertical-small) 0; } ._header_cef9d__SkillCenter-Assessment-HeaderCell { background-color: hsl(var(--gray98)); border: 1px solid hsl(var(--border-alpha)); border-radius: 5px 5px 0 0; flex-direction: column; font-size: var(--font-size-extra-large); margin: 60px -1px 0; padding-bottom: 35px; padding-top: 50px; text-align: center; } ._header_cef9d__SkillCenter-Assessment-HeaderCell ._header_cef9d__user-avatar { --avatar-size: 75px; border: 1px solid hsl(var(--border-alpha)); left: 50%; position: absolute; top: 0; transform: translate(-50%, -50%); } ._header_cef9d__SkillCenter-Assessment-HeaderCell ._header_cef9d__user-name { margin: 0; } ._header_cef9d__SkillCenter-Assessment-HeaderCell ._header_cef9d__assessed-by-on { color: hsl(var(--meta)); font-size: var(--font-size-small); margin-bottom: 0; } ._header_cef9d__SkillCenter-Assessment-HeaderCell ._header_cef9d__assessor-name { color: hsl(var(--text)); font-weight: 600; } ._header_cef9d__SkillCenter-Assessment-HeaderCell ._header_cef9d__verified-icon { vertical-align: text-bottom; } ._result_eadc1__container { max-width: 800px; } ._result_eadc1__content { padding: var(--spacing-vertical-large) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { ._result_eadc1__content { padding: var(--spacing-vertical-extra-large) var(--spacing-horizontal-extra-large) } } ._status_4f52a__SkillCenter-Assessment-StatusCell { align-items: center; display: flex; flex: 1; font-size: var(--font-size-large); } @media only screen and (min-width: 768px) {._status_4f52a__SkillCenter-Assessment-StatusCell { font-size: var(--font-size-extra-large) } } ._status_4f52a__icon { border: 2px solid; border-radius: 50%; box-sizing: content-box; display: inline-block; flex: 0 0 40px; height: 40px; line-height: 40px; margin-right: 0.5em; text-align: center; width: 40px; } @media only screen and (min-width: 768px) { ._status_4f52a__icon { border-width: 3px; flex-basis: 50px; height: 50px; line-height: 50px; width: 50px } } ._status_4f52a__assessed { font-size: var(--font-size-small); margin: 0; margin-bottom: 0.4em; } ._status_4f52a__skill-title { margin: 0; } ._status_4f52a__skill-link { color: hsl(var(--text)); } ._status_4f52a__skill-link:hover { border-bottom: 0.05em solid hsl(var(--gray85)); } ._status_4f52a__sufficient ._status_4f52a__icon { border-color: hsl(var(--success)); color: hsl(var(--success)); } ._status_4f52a__sufficient ._status_4f52a__assessed { color: hsl(var(--success)); } ._status_4f52a__not-sufficient ._status_4f52a__icon { border-color: hsl(var(--danger)); color: hsl(var(--danger)); } ._status_4f52a__not-sufficient ._status_4f52a__assessed { color: hsl(var(--danger)); } ._assessment_row_37207__row ._assessment_row_37207__verified-icon { color: hsl(var(--blue)); margin-left: 2px; vertical-align: middle; } ._assessor_collapsible_item_938ab__SkillCenter-Skill-AssessorCollapsibleItemCell { padding: var(--spacing-vertical-small) 0; } ._description_04079__header { padding: var(--spacing-vertical) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) {._description_04079__header { padding-left: var(--spacing-horizontal); padding-right: var(--spacing-horizontal); } } ._description_04079__header { border-bottom: 1px solid hsl(var(--border-alpha)); color: hsl(var(--text-light)); } ._description_04079__title { margin: var(--spacing-vertical-small) 0; } ._request_peer_assessment_79467__tooltip { /* Used in javascript */ } ._request_peer_assessment_79467__tooltip-content { padding: var(--spacing-vertical) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { ._request_peer_assessment_79467__tooltip-content { min-width: 400px } } ._request_peer_assessment_79467__tooltip-content ._request_peer_assessment_79467__info { margin-top: 0; } ._request_peer_assessment_79467__tooltip-content ._request_peer_assessment_79467__label { margin-bottom: 0; } ._request_peer_assessment_79467__tooltip-content ._request_peer_assessment_79467__input { /* Used in javascript */ } ._search_7a5f3__search-icon { font-size: 24px; left: 14px; position: absolute; top: 13px; z-index: 0; } ._search_7a5f3__submit { border-radius: 0 var(--size-border-radius) var(--size-border-radius) 0; } ._search_7a5f3__input { background-color: transparent; padding-left: 50px; position: relative; z-index: 1; } ._slider_dea47__SliderCell { position: relative; } ._slider_dea47__SliderCell ._slider_dea47__wrapper { display: flex; gap: 1rem; list-style: none; margin: -3px; -webkit-mask-image: linear-gradient(to right, transparent 0%, black 2rem, black calc(100% - 2rem), transparent 100%); mask-image: linear-gradient(to right, transparent 0%, black 2rem, black calc(100% - 2rem), transparent 100%); -ms-overflow-style: none; overflow-x: auto; overscroll-behavior-x: none; padding: 3px 3px 1.6rem; scrollbar-width: none; transition: -webkit-mask-size 0.2s ease, -webkit-mask-position 0.2s ease; transition: mask-size 0.2s ease, mask-position 0.2s ease; transition: mask-size 0.2s ease, mask-position 0.2s ease, -webkit-mask-size 0.2s ease, -webkit-mask-position 0.2s ease; -webkit-user-select: none; -moz-user-select: none; user-select: none; z-index: 1; } ._slider_dea47__SliderCell ._slider_dea47__wrapper::-webkit-scrollbar { display: none; } ._slider_dea47__SliderCell ._slider_dea47__wrapper._slider_dea47__center::before, ._slider_dea47__SliderCell ._slider_dea47__wrapper._slider_dea47__center::after { content: ""; display: block; flex: 0 0 calc(50% - (25rem / 2) - 1rem); flex: 0 0 calc(50% - (var(--slider-item-width, 25rem) / 2) - 1rem); } ._slider_dea47__SliderCell:not(._slider_dea47__scrolling) ._slider_dea47__wrapper { scroll-snap-type: x mandatory; } ._slider_dea47__SliderCell ._slider_dea47__slide { flex: 0 0 100%; flex: 0 0 var(--slider-item-width, 100%); position: relative; scroll-snap-align: center; } ._slider_dea47__SliderCell._slider_dea47__reached-start ._slider_dea47__wrapper { -webkit-mask-position: -2rem 0; mask-position: -2rem 0; } ._slider_dea47__SliderCell._slider_dea47__reached-start._slider_dea47__reached-end ._slider_dea47__wrapper { -webkit-mask-size: calc(100% + 4rem) 100%; mask-size: calc(100% + 4rem) 100%; } ._slider_dea47__SliderCell._slider_dea47__reached-start:not(._slider_dea47__reached-end) ._slider_dea47__wrapper { -webkit-mask-size: calc(100% + 2rem) 100%; mask-size: calc(100% + 2rem) 100%; } ._slider_dea47__SliderCell:not(._slider_dea47__reached-start) ._slider_dea47__wrapper { -webkit-mask-position: 0 0; mask-position: 0 0; } ._slider_dea47__SliderCell:not(._slider_dea47__reached-start)._slider_dea47__reached-end ._slider_dea47__wrapper { -webkit-mask-size: calc(100% + 2rem) 100%; mask-size: calc(100% + 2rem) 100%; } ._slider_dea47__SliderCell:not(._slider_dea47__reached-start):not(._slider_dea47__reached-end) ._slider_dea47__wrapper { -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } ._slider_dea47__SliderCell ._slider_dea47__navigation-left, ._slider_dea47__SliderCell ._slider_dea47__navigation-right { align-items: center; background: hsl(var(--text)); background: var(--slider-button-background, hsl(var(--text))); border: none; border: var(--slider-button-border, none); border-radius: 50%; color: hsl(var(--background)); color: var(--slider-button-color, hsl(var(--background))); cursor: pointer; display: flex; height: 3rem; height: var(--slider-button-size, 3rem); justify-content: center; margin-top: calc(3rem * -0.5); margin-top: calc(var(--slider-button-size, 3rem) * -0.5); position: absolute; top: calc(50% - 0.8rem); transform: scale(0); transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease; width: 3rem; width: var(--slider-button-size, 3rem); z-index: 2; } ._slider_dea47__SliderCell ._slider_dea47__navigation-left .icon, ._slider_dea47__SliderCell ._slider_dea47__navigation-right .icon { font-size: calc(3rem * 0.45); font-size: calc(var(--slider-button-size, 3rem) * 0.45); } ._slider_dea47__SliderCell ._slider_dea47__navigation-left { left: 1rem; left: var(--slider-button-offset, 1rem); } ._slider_dea47__SliderCell ._slider_dea47__navigation-right { right: 1rem; right: var(--slider-button-offset, 1rem); } ._slider_dea47__SliderCell:hover ._slider_dea47__navigation-left, ._slider_dea47__SliderCell:hover ._slider_dea47__navigation-right { transform: scale(1); } ._slider_dea47__SliderCell._slider_dea47__reached-start ._slider_dea47__navigation-left, ._slider_dea47__SliderCell._slider_dea47__reached-end ._slider_dea47__navigation-right { transform: scale(0) !important; } ._slider_dea47__SliderCell._slider_dea47__reached-start ._slider_dea47__navigation-left, ._slider_dea47__SliderCell._slider_dea47__reached-end ._slider_dea47__navigation-right { background: hsl(var(--text) / 5%); color: hsl(var(--background) / 20%); cursor: auto; } ._slider_dea47__SliderCell ._slider_dea47__dots { align-items: center; bottom: 0; display: flex; gap: 0.5rem; justify-content: center; left: 50%; position: absolute; transform: translateX(-50%); } ._slider_dea47__SliderCell ._slider_dea47__dots._slider_dea47__hidden { display: none; } ._slider_dea47__SliderCell ._slider_dea47__dot { --size: var(--slider-dot-size, 0.6rem); background: hsl(var(--text) / 20%); background: var(--slider-dot-background, hsl(var(--text) / 20%)); border-radius: 1000px; cursor: pointer; height: 0.6rem; height: var(--size); opacity: 0.5; transition: background 0.2s ease, opacity 0.2s ease, width 0.5s ease; width: 0.6rem; width: var(--size); } ._slider_dea47__SliderCell ._slider_dea47__dot._slider_dea47__active { background: hsl(var(--text)); background: var(--slider-dot-active-background, hsl(var(--text))); opacity: 1; width: calc(var(--size) * 2); } ._slider_dea47__SliderCell ._slider_dea47__dot:hover { opacity: 1; } ._slider_dea47__scrollbar { background: hsl(var(--text) / 3%); background: var(--slider-scrollbar-background, hsl(var(--text) / 3%)); border-radius: 4px; height: 6px; top: auto; right: 0; bottom: 0; left: 0; position: absolute; transition: background 1s ease; z-index: 3; } ._slider_dea47__scrollbar ._slider_dea47__scrollbar-handle { background: hsl(var(--text) / 10%); background: var(--slider-scrollbar-active-background, hsl(var(--text) / 10%)); border-radius: 4px; content: ""; cursor: grab; display: block; height: 100%; left: 0%; top: 0; right: auto; bottom: 0; left: var(--scrollbar-offset, 0%); position: absolute; transition: background 1s ease, height 0.1s ease, margin 0.1s ease; width: 0%; width: var(--scrollbar-width, 0%); } ._slider_dea47__scrolling ._slider_dea47__scrollbar, ._slider_dea47__scrollbar:hover, ._slider_dea47__scrollbar._slider_dea47__active { background: hsl(var(--text) / 10%); background: var(--slider-scrollbar-background, hsl(var(--text) / 10%)); transition: background 0.2s ease; } ._slider_dea47__scrolling ._slider_dea47__scrollbar ._slider_dea47__scrollbar-handle, ._slider_dea47__scrollbar:hover ._slider_dea47__scrollbar-handle, ._slider_dea47__scrollbar._slider_dea47__active ._slider_dea47__scrollbar-handle { background: hsl(var(--text)); background: var(--slider-scrollbar-active-background, hsl(var(--text))); } ._slider_dea47__scrolling ._slider_dea47__scrollbar ._slider_dea47__scrollbar-handle:active, ._slider_dea47__scrolling ._slider_dea47__scrollbar ._slider_dea47__scrollbar-handle:hover, ._slider_dea47__scrollbar:hover ._slider_dea47__scrollbar-handle:active, ._slider_dea47__scrollbar:hover ._slider_dea47__scrollbar-handle:hover, ._slider_dea47__scrollbar._slider_dea47__active ._slider_dea47__scrollbar-handle:active, ._slider_dea47__scrollbar._slider_dea47__active ._slider_dea47__scrollbar-handle:hover { height: calc(100% + 4px); margin: -2px 0; transition: background 0.2s ease, height 0.1s ease, margin 0.1s ease; } ._slider_dea47__scrollbar._slider_dea47__hidden { display: none; } ._sortable_list_6adcc__SortableListCell ._sortable_list_6adcc__handle { background: hsl(var(--gray40)); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M12.984 2a.996.996 0 0 0-.691.293l-2 2a.992.992 0 0 0-.273.973.99.99 0 0 0 .714.714.992.992 0 0 0 .973-.273L12 5.414V8H3v2h9.832c.11.02.219.02.324 0H23V8h-9V5.414l.293.293c.25.262.625.367.973.273a.99.99 0 0 0 .714-.714.992.992 0 0 0-.273-.973l-2-2A1.003 1.003 0 0 0 12.984 2zM3 12.004v2h20v-2zm9.984 3.98a.983.983 0 0 0-.214.032H3v2h9v2.57l-.293-.293a1.008 1.008 0 0 0-.719-.305 1 1 0 0 0-.695 1.719l2 2a1 1 0 0 0 1.414 0l2-2c.297-.285.387-.727.23-1.105a1.01 1.01 0 0 0-.949-.618 1.004 1.004 0 0 0-.695.309l-.293.293v-2.57h9v-2h-9.777a.972.972 0 0 0-.239-.032z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M12.984 2a.996.996 0 0 0-.691.293l-2 2a.992.992 0 0 0-.273.973.99.99 0 0 0 .714.714.992.992 0 0 0 .973-.273L12 5.414V8H3v2h9.832c.11.02.219.02.324 0H23V8h-9V5.414l.293.293c.25.262.625.367.973.273a.99.99 0 0 0 .714-.714.992.992 0 0 0-.273-.973l-2-2A1.003 1.003 0 0 0 12.984 2zM3 12.004v2h20v-2zm9.984 3.98a.983.983 0 0 0-.214.032H3v2h9v2.57l-.293-.293a1.008 1.008 0 0 0-.719-.305 1 1 0 0 0-.695 1.719l2 2a1 1 0 0 0 1.414 0l2-2c.297-.285.387-.727.23-1.105a1.01 1.01 0 0 0-.949-.618 1.004 1.004 0 0 0-.695.309l-.293.293v-2.57h9v-2h-9.777a.972.972 0 0 0-.239-.032z'/%3E%3C/svg%3E"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; cursor: grab; display: inline-block; height: 22px; width: 22px; } ._sortable_list_6adcc__SortableListCell .sortable-chosen ._sortable_list_6adcc__handle { cursor: grabbing; } ._sortable_list_6adcc__SortableListCell .sortable-ghost { background-color: hsl(var(--gray97)); opacity: 0.75; } ._sortable_list_6adcc__SortableListCell .sortable-ghost ._sortable_list_6adcc__handle { opacity: 0; } ._sortable_list_6adcc__SortableListCell .sortable-drag { background-color: white; box-shadow: 0 0 40px 10px hsl(var(--shadow)); } ._sortable_list_6adcc__SortableListCell .sortable-drag ._sortable_list_6adcc__handle { opacity: 1; } ._sortable_list_6adcc__SortableListCell:has(.sortable-chosen) { -webkit-user-select: none; -moz-user-select: none; user-select: none; } ._sortable_table_1c61e__sortable th { cursor: pointer; } ._sortable_table_1c61e__sortable th:hover::after { color: inherit; font-size: 1.2em; content: ' \025B8'; } ._sortable_table_1c61e__sortable th::after { font-size: 1.2em; color: transparent; content: ' \025B8'; } ._sortable_table_1c61e__sortable th._sortable_table_1c61e__dir-d { color: #000; } ._sortable_table_1c61e__sortable th._sortable_table_1c61e__dir-d::after { color: inherit; content: ' \025BE'; } ._sortable_table_1c61e__sortable th._sortable_table_1c61e__dir-u { color: #000; } ._sortable_table_1c61e__sortable th._sortable_table_1c61e__dir-u::after { color: inherit; content: ' \025B4'; } ._table_e0244__TableCell { --cell-spacing: 15px; } @media only screen and (max-width: 767px) { ._table_e0244__header { background: none; border: none; padding: var(--cell-spacing) 0 var(--spacing-vertical) } } @media only screen and (min-width: 768px) { ._table_e0244__header { padding-left: var(--spacing-horizontal-small) } } @media only screen and (max-width: 767px) { ._table_e0244__title { color: hsl(var(--gray40)); font-weight: 300 } } ._table_e0244__variant-horizontal { background: hsl(var(--white)); border-radius: var(--size-border-radius); box-shadow: var(--shadow-panel); margin-bottom: var(--spacing-vertical-small); position: relative; } @media only screen and (min-width: 768px) { ._table_e0244__variant-horizontal { margin-bottom: var(--spacing-vertical); } } @media only screen and (min-width: 1200px) { ._table_e0244__variant-horizontal { margin-bottom: var(--spacing-vertical-large); } } @media print { ._table_e0244__variant-horizontal { background: transparent; border-radius: 0; box-shadow: none; } } @media only screen and (min-width: 768px) { ._table_e0244__variant-vertical-cards { background: hsl(var(--white)); border-radius: var(--size-border-radius); box-shadow: var(--shadow-panel); margin-bottom: var(--spacing-vertical-small); position: relative; } @media only screen and (min-width: 768px) { ._table_e0244__variant-vertical-cards { margin-bottom: var(--spacing-vertical) } } @media only screen and (min-width: 1200px) { ._table_e0244__variant-vertical-cards { margin-bottom: var(--spacing-vertical-large) } } @media print { ._table_e0244__variant-vertical-cards { background: transparent; border-radius: 0; box-shadow: none } } } @media only screen and (max-width: 767px) { ._table_e0244__variant-vertical-cards { margin-top: var(--spacing-vertical) } ._table_e0244__variant-vertical-cards ._table_e0244__table tbody tr { background: hsl(var(--white)); border-radius: var(--size-border-radius); box-shadow: var(--shadow-panel); margin-bottom: var(--spacing-vertical-small); position: relative; } @media only screen and (min-width: 768px) { ._table_e0244__variant-vertical-cards ._table_e0244__table tbody tr { margin-bottom: var(--spacing-vertical); } } @media only screen and (min-width: 1200px) { ._table_e0244__variant-vertical-cards ._table_e0244__table tbody tr { margin-bottom: var(--spacing-vertical-large); } } @media print { ._table_e0244__variant-vertical-cards ._table_e0244__table tbody tr { background: transparent; border-radius: 0; box-shadow: none; } } ._table_e0244__variant-vertical-cards .table-avatar-name { min-height: calc(30px + 1rem); } } @media only screen and (max-width: 767px) { ._table_e0244__variant-vertical-list ._table_e0244__table, ._table_e0244__variant-vertical-cards ._table_e0244__table { width: 100%; } /* Force table to not be like tables anymore */ ._table_e0244__variant-vertical-list ._table_e0244__table, ._table_e0244__variant-vertical-list ._table_e0244__table thead, ._table_e0244__variant-vertical-list ._table_e0244__table tbody, ._table_e0244__variant-vertical-list ._table_e0244__table th, ._table_e0244__variant-vertical-list ._table_e0244__table td, ._table_e0244__variant-vertical-list ._table_e0244__table tr, ._table_e0244__variant-vertical-cards ._table_e0244__table, ._table_e0244__variant-vertical-cards ._table_e0244__table thead, ._table_e0244__variant-vertical-cards ._table_e0244__table tbody, ._table_e0244__variant-vertical-cards ._table_e0244__table th, ._table_e0244__variant-vertical-cards ._table_e0244__table td, ._table_e0244__variant-vertical-cards ._table_e0244__table tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ ._table_e0244__variant-vertical-list ._table_e0244__table thead, ._table_e0244__variant-vertical-cards ._table_e0244__table thead { height: 0; left: -9999px; overflow: hidden; position: absolute; top: -9999px; width: 0; } ._table_e0244__variant-vertical-list ._table_e0244__table tbody tr, ._table_e0244__variant-vertical-cards ._table_e0244__table tbody tr { border-bottom: none; position: relative; } ._table_e0244__variant-vertical-list ._table_e0244__table tbody td, ._table_e0244__variant-vertical-cards ._table_e0244__table tbody td { line-height: var(--base-line-height); padding: var(--cell-spacing); padding-right: 50px; position: relative; text-align: left; white-space: normal; width: 100%; } /* Put border-top and normal padding on all visible cells except the first one */ ._table_e0244__variant-vertical-list ._table_e0244__table tbody td:not(.hide-on-mobile)~td:not(.table-actions), ._table_e0244__variant-vertical-cards ._table_e0244__table tbody td:not(.hide-on-mobile)~td:not(.table-actions) { border-top: 1px solid hsl(var(--border-alpha)); padding-right: var(--cell-spacing); } ._table_e0244__variant-vertical-list ._table_e0244__table tbody td:not(.hide-on-mobile)~td:not(.table-actions).table-no-title, ._table_e0244__variant-vertical-cards ._table_e0244__table tbody td:not(.hide-on-mobile)~td:not(.table-actions).table-no-title { margin-top: calc(var(--cell-spacing) * -1); padding-top: 2px; } ._table_e0244__variant-vertical-list ._table_e0244__table tbody td::before, ._table_e0244__variant-vertical-cards ._table_e0244__table tbody td::before { color: hsl(var(--text)); content: attr(data-title); display: block; font: bold var(--font-size-base-mobile) var(--font-family-base); margin-bottom: 0.5em; text-align: left; text-transform: none; } ._table_e0244__variant-vertical-list ._table_e0244__table tbody td.table-actions, ._table_e0244__variant-vertical-cards ._table_e0244__table tbody td.table-actions { padding: 0; position: static; } ._table_e0244__variant-vertical-list ._table_e0244__table tbody td.table-actions >span, ._table_e0244__variant-vertical-cards ._table_e0244__table tbody td.table-actions >span { position: absolute; right: 10px; top: 10px; } ._table_e0244__variant-vertical-list ._table_e0244__table tbody td.table-actions, ._table_e0244__variant-vertical-list ._table_e0244__table tbody td.table-no-title, ._table_e0244__variant-vertical-cards ._table_e0244__table tbody td.table-actions, ._table_e0244__variant-vertical-cards ._table_e0244__table tbody td.table-no-title { border-top: none !important; } ._table_e0244__variant-vertical-list ._table_e0244__table tbody td.table-actions::before, ._table_e0244__variant-vertical-list ._table_e0244__table tbody td.table-no-title::before, ._table_e0244__variant-vertical-cards ._table_e0244__table tbody td.table-actions::before, ._table_e0244__variant-vertical-cards ._table_e0244__table tbody td.table-no-title::before { display: none; } } @media only screen and (max-width: 767px) { ._table_e0244__variant-vertical-list ._table_e0244__table tbody tr { border-top: 1px solid hsl(var(--border-alpha)); } ._table_e0244__variant-vertical-list ._table_e0244__table tbody tr:first-child { border: none; } } ._table_e0244__variant-vertical-list ._table_e0244__table { background: hsl(var(--white)); border-radius: var(--size-border-radius); box-shadow: var(--shadow-panel); margin-bottom: var(--spacing-vertical-small); position: relative; } @media only screen and (min-width: 768px) { ._table_e0244__variant-vertical-list ._table_e0244__table { margin-bottom: var(--spacing-vertical); } } @media only screen and (min-width: 1200px) { ._table_e0244__variant-vertical-list ._table_e0244__table { margin-bottom: var(--spacing-vertical-large); } } @media print { ._table_e0244__variant-vertical-list ._table_e0244__table { background: transparent; border-radius: 0; box-shadow: none; } } ._user_column_e9bbc__flex { align-items: center; display: flex; min-width: 8em; } ._user_column_e9bbc__flex ._user_column_e9bbc__avatar { margin-right: var(--spacing-horizontal-small); } ._user_column_e9bbc__popover { display: block; flex: 1; position: relative; } ._user_column_e9bbc__popover ._user_column_e9bbc__trigger { align-items: center; bottom: 0; cursor: default; display: flex; left: 0; position: absolute; right: 0; top: 0; white-space: nowrap; z-index: 1; } @media only screen and (min-width: 544px) { ._user_column_e9bbc__popover ._user_column_e9bbc__trigger:hover { box-shadow: 0 1000px 0 hsl(var(--white)) inset, 0 1000px 0 hsl(var(--white)) inset, 0 0 0.5em 0.5em hsl(var(--white)), 0 0 0.5em 0.5em hsl(var(--white)); width: -moz-fit-content; width: fit-content; z-index: 1 } } @media only screen and (min-width: 1200px) { ._user_column_e9bbc__popover ._user_column_e9bbc__trigger:hover { box-shadow: 0 1000px 0 hsl(var(--link-block-background)) inset, 0 1000px 0 hsl(var(--white)) inset, 0 0 0.5em 0.5em hsl(var(--link-block-background)), 0 0 0.5em 0.5em hsl(var(--white)) } } ._user_column_e9bbc__overflow-ellipsis { border-bottom: 1px dotted hsl(var(--gray75)); bottom: -1px; line-height: 1.4; overflow: hidden; position: relative; text-overflow: ellipsis; } ._user_column_e9bbc__overflow-ellipsis:hover { border-color: transparent; overflow: visible; } ._user_column_e9bbc__children { align-items: center; display: flex; margin-left: 5px; } a._tabs_responsive_dbc97__tab { display: block; overflow: hidden; -webkit-text-decoration: none; text-decoration: none; transition: background var(--transition), box-shadow var(--transition), color var(--transition), max-height var(--transition), opacity var(--transition), border-radius var(--transition); } @media only screen and (min-width: 768px) {a._tabs_responsive_dbc97__tab { display: flex; gap: 0.4rem } } ._tabs_responsive_dbc97__TabsResponsiveCell { --border-color: hsl(var(--border-alpha)); --border-style: 1px solid var(--border-color); --chevron-size: 0.9em; --tab-height: var(--size-navigation-height); --transition: var(--duration-default) ease; display: flex; list-style: none; margin: var(--spacing-vertical) 0 0; padding: 0; width: 100%; } @media only screen and (max-width: 767px) { ._tabs_responsive_dbc97__TabsResponsiveCell { border-radius: var(--size-border-radius); border-style: solid; flex-direction: column; transition: border-color var(--transition) /* tabs list toggle, collapsed tabs list */ /* expanded tabs list */ } ._tabs_responsive_dbc97__TabsResponsiveCell >._tabs_responsive_dbc97__tab { order: 1; } ._tabs_responsive_dbc97__TabsResponsiveCell >._tabs_responsive_dbc97__active { cursor: pointer; order: 0; position: relative; } /* overlay link to prevent a page refresh when toggling */ ._tabs_responsive_dbc97__TabsResponsiveCell >._tabs_responsive_dbc97__active::after { bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } ._tabs_responsive_dbc97__TabsResponsiveCell a._tabs_responsive_dbc97__tab { font-weight: 600; line-height: var(--tab-height); padding: 0 1rem; } ._tabs_responsive_dbc97__TabsResponsiveCell ._tabs_responsive_dbc97__active>a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* Active toggle chevron */ ._tabs_responsive_dbc97__TabsResponsiveCell ._tabs_responsive_dbc97__active>a::after { background-size: var(--chevron-size); content: ""; display: inline-block; height: var(--chevron-size); margin-left: 5px; position: relative; top: 3px; transition: transform var(--transition); width: var(--chevron-size); } ._tabs_responsive_dbc97__TabsResponsiveCell ._tabs_responsive_dbc97__active>a:hover::after { background-size: var(--chevron-size); } ._tabs_responsive_dbc97__TabsResponsiveCell:not(._tabs_responsive_dbc97__show-list) a._tabs_responsive_dbc97__tab { max-height: 0; opacity: 0; } ._tabs_responsive_dbc97__TabsResponsiveCell:not(._tabs_responsive_dbc97__show-list) ._tabs_responsive_dbc97__active>a { border-radius: var(--size-border-radius); max-height: none; opacity: 1; } ._tabs_responsive_dbc97__TabsResponsiveCell:not(._tabs_responsive_dbc97__show-list) ._tabs_responsive_dbc97__active>a:hover::after { background-size: var(--chevron-size); } ._tabs_responsive_dbc97__TabsResponsiveCell._tabs_responsive_dbc97__show-list a._tabs_responsive_dbc97__tab { max-height: var(--tab-height); opacity: 1; } ._tabs_responsive_dbc97__TabsResponsiveCell._tabs_responsive_dbc97__show-list ._tabs_responsive_dbc97__active>a { border-radius: var(--size-border-radius) var(--size-border-radius) 0 0; } ._tabs_responsive_dbc97__TabsResponsiveCell._tabs_responsive_dbc97__show-list ._tabs_responsive_dbc97__active>a::after { background-size: var(--chevron-size); transform: rotate(180deg); } } @media only screen and (min-width: 768px) { ._tabs_responsive_dbc97__TabsResponsiveCell li._tabs_responsive_dbc97__tab { display: flex; } } ._tabs_responsive_dbc97__variant-default a._tabs_responsive_dbc97__tab { color: hsl(var(--text)); } @media only screen and (max-width: 767px) { ._tabs_responsive_dbc97__variant-default { border-color: var(--border-color); border-width: 1px } ._tabs_responsive_dbc97__variant-default ._tabs_responsive_dbc97__active>a { background: hsl(var(--primary)); color: hsl(var(--white)); } ._tabs_responsive_dbc97__variant-default ._tabs_responsive_dbc97__active>a::after { background: hsl(var(--primary)); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='m6.414 7.586-2.828 2.828L13 19.828l9.414-9.414-2.828-2.828L13 14.172Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='m6.414 7.586-2.828 2.828L13 19.828l9.414-9.414-2.828-2.828L13 14.172Z'/%3E%3C/svg%3E"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: auto 100%; mask-size: auto 100%; } ._tabs_responsive_dbc97__variant-default ._tabs_responsive_dbc97__active>a:hover { background: hsl(var(--primary)); color: hsl(var(--white)); } ._tabs_responsive_dbc97__variant-default ._tabs_responsive_dbc97__active>a:hover::after { background: hsl(var(--white)); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='m6.414 7.586-2.828 2.828L13 19.828l9.414-9.414-2.828-2.828L13 14.172Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='m6.414 7.586-2.828 2.828L13 19.828l9.414-9.414-2.828-2.828L13 14.172Z'/%3E%3C/svg%3E"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: auto 100%; mask-size: auto 100%; } ._tabs_responsive_dbc97__variant-default:not(._tabs_responsive_dbc97__show-list) ._tabs_responsive_dbc97__active>a { background: hsl(var(--primary) / 0.1); color: hsl(var(--primary)); } ._tabs_responsive_dbc97__variant-default:not(._tabs_responsive_dbc97__show-list) ._tabs_responsive_dbc97__active>a:hover::after { background: hsl(var(--primary)); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='m6.414 7.586-2.828 2.828L13 19.828l9.414-9.414-2.828-2.828L13 14.172Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='m6.414 7.586-2.828 2.828L13 19.828l9.414-9.414-2.828-2.828L13 14.172Z'/%3E%3C/svg%3E"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: auto 100%; mask-size: auto 100%; } ._tabs_responsive_dbc97__variant-default._tabs_responsive_dbc97__show-list { border-color: ver(--border-color); } ._tabs_responsive_dbc97__variant-default._tabs_responsive_dbc97__show-list ._tabs_responsive_dbc97__active >a::after { background: hsl(var(--white)); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='m6.414 7.586-2.828 2.828L13 19.828l9.414-9.414-2.828-2.828L13 14.172Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='m6.414 7.586-2.828 2.828L13 19.828l9.414-9.414-2.828-2.828L13 14.172Z'/%3E%3C/svg%3E"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: auto 100%; mask-size: auto 100%; } ._tabs_responsive_dbc97__variant-default._tabs_responsive_dbc97__show-list ._tabs_responsive_dbc97__active ._tabs_responsive_dbc97__badge { background: hsl(var(--white) / 10%); border-color: hsl(var(--white) / 10%); color: white; opacity: 0.9; } } @media only screen and (min-width: 768px) { ._tabs_responsive_dbc97__variant-default { box-shadow: 0 -1px 0 var(--border-color) inset; margin: var(--spacing-vertical-large) 0; padding: 0 } ._tabs_responsive_dbc97__variant-default a._tabs_responsive_dbc97__tab { opacity: 0.7; padding: calc(var(--tab-height) / 3); } ._tabs_responsive_dbc97__variant-default a._tabs_responsive_dbc97__tab:hover { color: hsl(var(--primary)); opacity: 1; } ._tabs_responsive_dbc97__variant-default ._tabs_responsive_dbc97__active>a { background: hsl(var(--background)); box-shadow: 1px 0 0 hsla(0, 0%, 0%, 0.1) inset, -1px 0 0 hsla(0, 0%, 0%, 0.1) inset, 0 -3px 0 hsl(var(--primary)); color: hsl(var(--primary)); opacity: 1; } } @media only screen and (max-width: 767px) { ._tabs_responsive_dbc97__variant-transparent { background: transparent; border-width: 2px; transition: background-color var(--transition) } ._tabs_responsive_dbc97__variant-transparent:not(._tabs_responsive_dbc97__show-list) ._tabs_responsive_dbc97__active>a { background: transparent; } ._tabs_responsive_dbc97__variant-transparent:not(._tabs_responsive_dbc97__show-list) ._tabs_responsive_dbc97__active>a::after { background-size: var(--chevron-size); } ._tabs_responsive_dbc97__variant-transparent._tabs_responsive_dbc97__show-list ._tabs_responsive_dbc97__active>a { border-radius: calc(var(--size-border-radius) - 2px) calc(var(--size-border-radius) - 2px) 0 0; } ._tabs_responsive_dbc97__variant-transparent._tabs_responsive_dbc97__show-list ._tabs_responsive_dbc97__active>a::after { background-size: var(--chevron-size); } ._tabs_responsive_dbc97__variant-transparent._tabs_responsive_dbc97__show-list ._tabs_responsive_dbc97__tab:not(._tabs_responsive_dbc97__active) a { background: transparent; } } @media only screen and (min-width: 768px) { ._tabs_responsive_dbc97__variant-transparent { box-shadow: none; margin-top: 30px; padding: 0 0 1.1rem } ._tabs_responsive_dbc97__variant-transparent li._tabs_responsive_dbc97__tab { margin: 0 0.5rem; } @media only screen and (min-width: 768px) { ._tabs_responsive_dbc97__variant-transparent li._tabs_responsive_dbc97__tab:first-child { margin-left: 0 } } @media only screen and (min-width: 768px) { ._tabs_responsive_dbc97__variant-transparent li._tabs_responsive_dbc97__tab:last-child { margin-right: 0 } } ._tabs_responsive_dbc97__variant-transparent a._tabs_responsive_dbc97__tab { align-items: center; background: none; color: inherit; display: flex; font-size: var(--font-size-capitalized-large); height: 3rem; opacity: 0.7; overflow: visible; overflow: initial; padding: 0 0.65rem; position: relative; text-transform: uppercase; transition: opacity var(--duration-short); } ._tabs_responsive_dbc97__variant-transparent a._tabs_responsive_dbc97__tab::after { border-radius: 2.5px; bottom: -10px; content: ""; display: block; height: 5px; left: 50%; margin-left: -2.5px; opacity: 0; position: absolute; transition: opacity var(--duration-default) ease, bottom var(--duration-default) ease; width: 5px; } ._tabs_responsive_dbc97__variant-transparent a._tabs_responsive_dbc97__tab:focus::after, ._tabs_responsive_dbc97__variant-transparent a._tabs_responsive_dbc97__tab:hover::after { bottom: -5px; opacity: 0.4; } ._tabs_responsive_dbc97__variant-transparent a._tabs_responsive_dbc97__tab:focus, ._tabs_responsive_dbc97__variant-transparent a._tabs_responsive_dbc97__tab:hover, ._tabs_responsive_dbc97__variant-transparent a._tabs_responsive_dbc97__tab._tabs_responsive_dbc97__active { opacity: 1; } ._tabs_responsive_dbc97__variant-transparent a._tabs_responsive_dbc97__tab:focus::after { opacity: 1; } ._tabs_responsive_dbc97__variant-transparent a._tabs_responsive_dbc97__tab._tabs_responsive_dbc97__active::after { animation: _tabs_responsive_dbc97__TabsCellWidth var(--duration-long); bottom: -5px; margin-left: -20px; opacity: 1; width: 40px; } } @media only screen and (min-width: 768px) { ._tabs_responsive_dbc97__variant-transparent._tabs_responsive_dbc97__variant-primary a._tabs_responsive_dbc97__tab::after { background: hsl(var(--primary)); } } ._tabs_responsive_dbc97__variant-transparent._tabs_responsive_dbc97__variant-light { border-color: hsl(var(--white)); } ._tabs_responsive_dbc97__variant-transparent._tabs_responsive_dbc97__variant-light a._tabs_responsive_dbc97__tab { color: hsl(var(--white)); } @media only screen and (max-width: 767px) { ._tabs_responsive_dbc97__variant-transparent._tabs_responsive_dbc97__variant-light:not(._tabs_responsive_dbc97__show-list) ._tabs_responsive_dbc97__active>a::after { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='%23fff'%3E%3Cpath d='m6.414 7.586-2.828 2.828L13 19.828l9.414-9.414-2.828-2.828L13 14.172Z'/%3E%3C/svg%3E") no-repeat center; } ._tabs_responsive_dbc97__variant-transparent._tabs_responsive_dbc97__variant-light._tabs_responsive_dbc97__show-list a:hover { background: hsl(var(--white) / 15%); } ._tabs_responsive_dbc97__variant-transparent._tabs_responsive_dbc97__variant-light._tabs_responsive_dbc97__show-list ._tabs_responsive_dbc97__active>a { background: hsl(var(--white)); color: hsl(var(--black)); mix-blend-mode: screen; } ._tabs_responsive_dbc97__variant-transparent._tabs_responsive_dbc97__variant-light._tabs_responsive_dbc97__show-list ._tabs_responsive_dbc97__active>a::after { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='m6.414 7.586-2.828 2.828L13 19.828l9.414-9.414-2.828-2.828L13 14.172Z'/%3E%3C/svg%3E") no-repeat center; } } @media only screen and (min-width: 768px) { ._tabs_responsive_dbc97__variant-transparent._tabs_responsive_dbc97__variant-light a._tabs_responsive_dbc97__tab::after { background: hsl(var(--white)); } } ._tabs_responsive_dbc97__variant-transparent._tabs_responsive_dbc97__variant-dark { border-color: hsl(var(--black)); } ._tabs_responsive_dbc97__variant-transparent._tabs_responsive_dbc97__variant-dark a._tabs_responsive_dbc97__tab { color: hsl(var(--black)); } @media only screen and (max-width: 767px) { ._tabs_responsive_dbc97__variant-transparent._tabs_responsive_dbc97__variant-dark:not(._tabs_responsive_dbc97__show-list) ._tabs_responsive_dbc97__active>a::after { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='m6.414 7.586-2.828 2.828L13 19.828l9.414-9.414-2.828-2.828L13 14.172Z'/%3E%3C/svg%3E") no-repeat center; } ._tabs_responsive_dbc97__variant-transparent._tabs_responsive_dbc97__variant-dark._tabs_responsive_dbc97__show-list a:hover { background: hsl(var(--black) / 15%); } ._tabs_responsive_dbc97__variant-transparent._tabs_responsive_dbc97__variant-dark._tabs_responsive_dbc97__show-list ._tabs_responsive_dbc97__active>a { background: hsl(var(--black)); color: hsl(var(--white)); mix-blend-mode: multiply; } ._tabs_responsive_dbc97__variant-transparent._tabs_responsive_dbc97__variant-dark._tabs_responsive_dbc97__show-list ._tabs_responsive_dbc97__active>a::after { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='%23fff'%3E%3Cpath d='m6.414 7.586-2.828 2.828L13 19.828l9.414-9.414-2.828-2.828L13 14.172Z'/%3E%3C/svg%3E") no-repeat center; } } @media only screen and (min-width: 768px) { ._tabs_responsive_dbc97__variant-transparent._tabs_responsive_dbc97__variant-dark a._tabs_responsive_dbc97__tab::after { background: hsl(var(--black)); } } @media only screen and (min-width: 768px) { ._tabs_responsive_dbc97__variant-centered { justify-content: center } } @media only screen and (min-width: 768px) { ._tabs_responsive_dbc97__variant-legacy-header { box-shadow: none; margin-bottom: 0; padding: 0 } } @media only screen and (min-width: 768px) { ._tabs_responsive_dbc97__variant-underlined { display: flex; gap: .5rem; margin: var(--spacing-vertical) 0 0; margin-bottom: 3px } ._tabs_responsive_dbc97__variant-underlined a._tabs_responsive_dbc97__tab:not(._tabs_responsive_dbc97__active):hover { box-shadow: 0 2px 0 rgb(209, 213, 219); color: rgb(75, 85, 99); } ._tabs_responsive_dbc97__variant-underlined ._tabs_responsive_dbc97__active > a { background: transparent; box-shadow: 0 2px 0 hsl(var(--primary)); color: hsl(var(--primary)); font-weight: 600; opacity: 1; } } ._tabs_responsive_dbc97__badge { align-items: center; background: hsl(var(--red)); border-radius: 0.5rem; color: hsl(var(--white)); display: inline-flex; font-size: 0.75rem; font-weight: bold; height: 1rem; justify-content: center; line-height: 1; min-width: 1rem; padding: 0 0.1rem; } @keyframes _tabs_85d79__TabsCellWidth { 0% { margin-left: -2.5px; width: 5px; } 100% { margin-left: -20px; width: 40px; } } ._tabs_85d79__TabsCell { list-style: none; margin: 0.8rem 0 0; padding-left: 0; } @media only screen and (min-width: 768px) { ._tabs_85d79__TabsCell { align-items: flex-end; display: flex } } @media print { ._tabs_85d79__TabsCell { display: none } } ._tabs_85d79__TabsCell li { display: inline-block; white-space: nowrap; } ._tabs_85d79__TabsCell ._tabs_85d79__tab > a, ._tabs_85d79__TabsCell ._tabs_85d79__link { align-items: center; display: flex; line-height: var(--line-height-medium); padding: 1.1rem var(--spacing-horizontal-small) 0.9rem; -webkit-text-decoration: none; text-decoration: none; } ._tabs_85d79__TabsCell ._tabs_85d79__tab > a .icon, ._tabs_85d79__TabsCell ._tabs_85d79__link .icon { margin-right: 0.3rem; } ._tabs_85d79__TabsCell ._tabs_85d79__badge { margin-left: 5px; } ._tabs_85d79__TabsCell ._tabs_85d79__disabled { cursor: not-allowed; opacity: 0.75; } ._tabs_85d79__TabsCell ._tabs_85d79__dropdown > a { gap: 0.1em; } ._tabs_85d79__TabsCell ._tabs_85d79__dropdown > a::after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff'%3E%3Cpath d='m4.427 7.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.396 7H4.604a.25.25 0 0 0-.177.427Z'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: 16px; content: ""; display: block; height: 16px; margin-right: -8px; transform: scale(1.1); width: 16px; } ._tabs_85d79__TabsCell ._tabs_85d79__dropdown > a._tabs_85d79__active::after, ._tabs_85d79__TabsCell ._tabs_85d79__dropdown > a.active::after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='hsl(var(--text))'%3E%3Cpath d='m4.427 7.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.396 7H4.604a.25.25 0 0 0-.177.427Z'/%3E%3C/svg%3E"); opacity: 0.75; } /* Hide uninitialized dropdown content to prevent FOUC. When the dropdown is initalized, it will be placed at the bottom of the body. Styling for the dropdown content can be found below. */ ._tabs_85d79__TabsCell ._tabs_85d79__dropdown-content { display: none; } /* Defining dropdown content styling at the root because dropdowns are placed at the bottom of the body. */ ul._tabs_85d79__dropdown-content, ._tabs_85d79__dropdown-content > ul { list-style: none; margin: 0; padding: 0.5em; } ul._tabs_85d79__dropdown-content > li > a, ._tabs_85d79__dropdown-content > ul > li > a { align-items: center; border-radius: 0.5em; color: hsl(var(--text-light)); display: flex; gap: 0.5em; padding: 0.5em 0.5em; -webkit-text-decoration: none; text-decoration: none; } ul._tabs_85d79__dropdown-content > li > a:hover, ._tabs_85d79__dropdown-content > ul > li > a:hover { background: hsl(var(--background)); color: hsl(var(--text)); } ._tabs_85d79__right { align-items: center; display: flex; } @media only screen and (min-width: 768px) { ._tabs_85d79__right { margin-left: auto } } ._tabs_85d79__right + ._tabs_85d79__right { margin-left: 0; } ._tabs_85d79__tab-pane { display: none; } ._tabs_85d79__tab-pane._tabs_85d79__tab-pane-active { display: block; } /* Variants */ ._tabs_85d79__variant-default { margin-top: 0; position: relative; width: 100%; } ._tabs_85d79__variant-default ._tabs_85d79__tab { border-radius: 5px 5px 0 0; overflow: hidden; } ._tabs_85d79__variant-default ._tabs_85d79__tab > a { color: hsl(var(--text-light)); } ._tabs_85d79__variant-default ._tabs_85d79__tab > a:hover { color: hsl(var(--text)); } ._tabs_85d79__variant-default ._tabs_85d79__tab > a._tabs_85d79__active, ._tabs_85d79__variant-default ._tabs_85d79__tab > a.active { background: hsl(var(--white)); border-radius: 3px 3px 0 0; box-shadow: inset 0 3px 0 hsl(var(--primary)), inset 0 1px 0 1px hsl(var(--shadow)); color: hsl(var(--text)); } @media only screen and (min-width: 544px) { ._tabs_85d79__variant-default ._tabs_85d79__tab > a._tabs_85d79__active, ._tabs_85d79__variant-default ._tabs_85d79__tab > a.active { background: hsl(var(--background)) } } ._tabs_85d79__variant-simple { margin-top: 0; position: relative; width: 100%; } ._tabs_85d79__variant-simple ._tabs_85d79__tab { overflow: hidden; } ._tabs_85d79__variant-simple ._tabs_85d79__tab a { border: 1px solid transparent; border-radius: 5px 5px 0 0; color: hsl(var(--text-light)); } ._tabs_85d79__variant-simple ._tabs_85d79__tab a:hover { color: hsl(var(--text)); } ._tabs_85d79__variant-simple ._tabs_85d79__tab a._tabs_85d79__active, ._tabs_85d79__variant-simple ._tabs_85d79__tab a.active { background: white; border-bottom: none; border-color: hsl(var(--border)); color: hsl(var(--text)); } ._tabs_85d79__variant-inverted ._tabs_85d79__tab { border-radius: 4px 4px 0 0; overflow: hidden; } ._tabs_85d79__variant-inverted ._tabs_85d79__tab > a, ._tabs_85d79__variant-inverted ._tabs_85d79__tab ._tabs_85d79__link { color: inherit; opacity: 0.85; } ._tabs_85d79__variant-inverted ._tabs_85d79__tab > a:hover, ._tabs_85d79__variant-inverted ._tabs_85d79__tab ._tabs_85d79__link:hover { opacity: 1; } ._tabs_85d79__variant-inverted ._tabs_85d79__tab > a._tabs_85d79__active, ._tabs_85d79__variant-inverted ._tabs_85d79__tab > a.active, ._tabs_85d79__variant-inverted ._tabs_85d79__tab ._tabs_85d79__link._tabs_85d79__active, ._tabs_85d79__variant-inverted ._tabs_85d79__tab ._tabs_85d79__link.active { background: hsl(var(--background)); color: hsl(var(--text)); opacity: 1; text-shadow: none; } ._tabs_85d79__variant-dark ._tabs_85d79__tab > a, ._tabs_85d79__variant-dark ._tabs_85d79__tab ._tabs_85d79__link { color: inherit; } ._tabs_85d79__variant-dark ._tabs_85d79__tab > a:hover, ._tabs_85d79__variant-dark ._tabs_85d79__tab ._tabs_85d79__link:hover { color: black; } ._tabs_85d79__variant-dark ._tabs_85d79__tab > a._tabs_85d79__active, ._tabs_85d79__variant-dark ._tabs_85d79__tab > a.active, ._tabs_85d79__variant-dark ._tabs_85d79__tab ._tabs_85d79__link._tabs_85d79__active, ._tabs_85d79__variant-dark ._tabs_85d79__tab ._tabs_85d79__link.active { color: hsl(var(--text)); } ._tabs_85d79__variant-dark ._tabs_85d79__dropdown > a::after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='hsl(var(--text))'%3E%3Cpath d='m4.427 7.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.396 7H4.604a.25.25 0 0 0-.177.427Z'/%3E%3C/svg%3E"); } ._tabs_85d79__variant-light ._tabs_85d79__tab > a, ._tabs_85d79__variant-light ._tabs_85d79__tab ._tabs_85d79__link { color: inherit; } ._tabs_85d79__variant-light ._tabs_85d79__tab > a:hover, ._tabs_85d79__variant-light ._tabs_85d79__tab ._tabs_85d79__link:hover { color: white; } ._tabs_85d79__variant-light ._tabs_85d79__tab > a._tabs_85d79__active, ._tabs_85d79__variant-light ._tabs_85d79__tab > a.active, ._tabs_85d79__variant-light ._tabs_85d79__tab ._tabs_85d79__link._tabs_85d79__active, ._tabs_85d79__variant-light ._tabs_85d79__tab ._tabs_85d79__link.active { color: hsl(var(--text)); } ._tabs_85d79__variant-user { padding-bottom: 5px; } @media only screen and (min-width: 768px) { ._tabs_85d79__variant-user { padding: 0 1.1rem 1.1rem } } ._tabs_85d79__variant-user ._tabs_85d79__tab { padding: 0 1.1rem; } @media only screen and (min-width: 768px) { ._tabs_85d79__variant-user ._tabs_85d79__tab:first-child { padding-left: 0 } } @media only screen and (min-width: 768px) { ._tabs_85d79__variant-user ._tabs_85d79__tab:last-child { padding-right: 0 } } ._tabs_85d79__variant-user ._tabs_85d79__tab > a, ._tabs_85d79__variant-user ._tabs_85d79__link { color: inherit; font-size: var(--font-size-capitalized-large); opacity: 0.7; padding-left: 0; padding-right: 0; position: relative; text-transform: uppercase; transition: opacity var(--duration-short); } ._tabs_85d79__variant-user ._tabs_85d79__tab > a::after, ._tabs_85d79__variant-user ._tabs_85d79__link::after { background: hsl(var(--primary)); border-radius: 2.5px; content: ""; display: block; height: 5px; left: 50%; margin-left: -2.5px; opacity: 0; position: absolute; top: 60px; transition: opacity var(--duration-default) ease, top var(--duration-default) ease; width: 5px; } ._tabs_85d79__variant-user ._tabs_85d79__tab > a:focus::after, ._tabs_85d79__variant-user ._tabs_85d79__tab > a:hover::after, ._tabs_85d79__variant-user ._tabs_85d79__link:focus::after, ._tabs_85d79__variant-user ._tabs_85d79__link:hover::after { opacity: 0.4; top: 40px; } @media only screen and (min-width: 768px) { ._tabs_85d79__variant-user ._tabs_85d79__tab > a:focus::after, ._tabs_85d79__variant-user ._tabs_85d79__tab > a:hover::after, ._tabs_85d79__variant-user ._tabs_85d79__link:focus::after, ._tabs_85d79__variant-user ._tabs_85d79__link:hover::after { top: 50px } } ._tabs_85d79__variant-user ._tabs_85d79__tab > a:focus, ._tabs_85d79__variant-user ._tabs_85d79__tab > a:hover, ._tabs_85d79__variant-user ._tabs_85d79__tab > a.active, ._tabs_85d79__variant-user ._tabs_85d79__link:focus, ._tabs_85d79__variant-user ._tabs_85d79__link:hover, ._tabs_85d79__variant-user ._tabs_85d79__link.active { opacity: 1; } ._tabs_85d79__variant-user ._tabs_85d79__tab > a:focus::after, ._tabs_85d79__variant-user ._tabs_85d79__link:focus::after { opacity: 1; } ._tabs_85d79__variant-user ._tabs_85d79__tab > a.active::after, ._tabs_85d79__variant-user ._tabs_85d79__link.active::after { animation: _tabs_85d79__TabsCellWidth var(--duration-long); margin-left: -20px; opacity: 1; top: 40px; width: 40px; } @media only screen and (min-width: 768px) { ._tabs_85d79__variant-user ._tabs_85d79__tab > a.active::after, ._tabs_85d79__variant-user ._tabs_85d79__link.active::after { top: 50px } } ._taggart_cloud_e6a6c__curation-context { background-color: hsl(var(--gray98)); border: 1px solid hsl(var(--border-alpha)); border-radius: var(--size-border-radius); color: hsl(var(--meta)); container-name: curation-context; container-type: inline-size; } ._taggart_cloud_e6a6c__curation-context:not(:has(._taggart_cloud_e6a6c__curation-context-tag)) { display: none; } ._taggart_cloud_e6a6c__curation-context-tags { align-items: center; display: flex; flex-wrap: wrap; gap: 0.5rem; padding: 1rem; } ._taggart_cloud_e6a6c__curation-context-tag { --h: 254; --s: 68; --l: 55%; --w: 0; /* 0..1 is set using JS */ align-items: center; background-color: hsla(254, 68, 55%, calc(0.12 + 0 * 0.55)); background-color: hsla(var(--h) var(--s) var(--l) / calc(0.12 + var(--w) * 0.55)); border-radius: 99em; color: white; display: inline-flex; font-size: 0.8rem; font-weight: 600; gap: 0.3em; min-height: 2em; padding: 0 0.6rem; -webkit-text-decoration: none; text-decoration: none; text-shadow: 0 0 8px hsla(254, 68, 55%, 0.3); text-shadow: 0 0 8px hsla(var(--h) var(--s) var(--l) / 0.3); transition: transform 0.2s ease; white-space: nowrap; } ._taggart_cloud_e6a6c__curation-context-tag:hover { transform: scale(1.1); } ._taggart_cloud_e6a6c__curation-context-tag:not([data-taggart-cloud-count="1"])::after { align-items: center; background: hsla(var(--h) var(--s) var(--l) / calc(0.12 + var(--w) * 0.5)); border-radius: 99em; content: attr(data-taggart-cloud-count); display: inline-flex; font-size: 0.7em; justify-content: center; line-height: 1; min-width: 1em; padding: 0.3em; } @keyframes _taggart_cloud_e6a6c__tag-bump { 0% { transform: scale(1); } 40% { transform: scale(1.1); } 100% { transform: scale(1); } } ._taggart_cloud_e6a6c__tag-bump { animation: _taggart_cloud_e6a6c__tag-bump 220ms ease-out; } ._taggart_cloud_e6a6c__curation-context-tag-wrapper { align-items: center; display: inline-flex; } ._taggart_cloud_e6a6c__curation-context-tag-wrapper ._taggart_cloud_e6a6c__curation-context-tag { cursor: default; pointer-events: none; position: relative; } ._taggart_cloud_e6a6c__curation-context-tag-wrapper ._taggart_cloud_e6a6c__curation-context-tag:hover { transform: none; } ._taggart_cloud_e6a6c__curation-context-tag-restore { align-items: center; background-color: hsla(254, 68, 55%, 0.3); background-color: hsla(var(--h, 254) var(--s, 68) var(--l, 55%) / 0.3); border: none; border-radius: 99em; color: white; cursor: pointer; display: inline-flex; font-size: 0.7em; height: 1.4em; justify-content: center; margin-left: 0.3em; min-width: 1.4em; padding: 0; pointer-events: auto; transition: background-color 0.2s ease, transform 0.2s ease; vertical-align: middle; } ._taggart_cloud_e6a6c__curation-context-tag-restore:hover { background-color: hsla(254, 68, 55%, 0.5); background-color: hsla(var(--h, 254) var(--s, 68) var(--l, 55%) / 0.5); transform: scale(1.1); } ._taggart_cloud_e6a6c__curation-context-tag-restore:active { transform: scale(0.95); } ._taggart_cloud_e6a6c__curation-context-tag-restore:disabled { cursor: not-allowed; opacity: 0.6; } ._time_series_graph_94f98__canvas { /* Used in javascript */ } ._timeline_3e7d9__TimelineCell { list-style: none; margin: 50px auto; max-width: 800px; padding: 0 20px; width: 100%; } ._timeline_3e7d9__variant-left { margin: 0; } ._timeline_3e7d9__moment { margin: 0; padding: 25px 0 25px 20px; position: relative; } @media only screen and (min-width: 768px) { ._timeline_3e7d9__moment { padding: 15px 20px 15px 130px } } ._timeline_3e7d9__moment::before { background: hsl(var(--gray94)); bottom: 0; content: ""; display: block; left: 0; position: absolute; top: 0; width: 3px; } @media only screen and (min-width: 768px) { ._timeline_3e7d9__moment::before { left: 110px } } @media only screen and (min-width: 768px) { ._timeline_3e7d9__moment:first-child::before { top: 50% } } ._timeline_3e7d9__moment:last-child::before { bottom: auto; } @media only screen and (min-width: 768px) { ._timeline_3e7d9__moment:last-child::before { bottom: 50% } } ._timeline_3e7d9__date { left: 20px; position: absolute; top: -7px; } @media only screen and (min-width: 768px) { ._timeline_3e7d9__date { left: 0; text-align: right; top: 50%; transform: translateY(-50%); width: 100px } } ._timeline_3e7d9__container { align-items: center; border: 1px solid #d7e1e3; border-radius: 5px; padding: 10px 15px; position: relative; } @media only screen and (min-width: 544px) { ._timeline_3e7d9__container { align-items: center; display: flex; padding: 20px 30px } } ._timeline_3e7d9__container::before { background: hsl(var(--text)); border: 2px solid hsl(var(--background)); border-radius: 50%; content: ""; display: block; height: 7px; left: -25px; position: absolute; top: -30px; width: 7px; } @media only screen and (min-width: 768px) { ._timeline_3e7d9__container::before { top: 50%; transform: translateY(-50%) } } @media only screen and (min-width: 768px) { ._timeline_3e7d9__container::after { background: inherit; border: 0; border-bottom: 1px solid hsl(var(--border)); border-left: 1px solid hsl(var(--border)); content: ""; height: 10px; left: 0; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 10px; z-index: 1 } } ._timeline_3e7d9__event { background: hsl(var(--gray97)); display: inline-block; padding: 10px 30px 10px 70px; } ._timeline_3e7d9__event .icon { font-size: 2em; left: 30px; position: absolute; top: 50%; transform: translateY(-50%); } ._timeline_3e7d9__achievement { background: hsl(var(--white)); box-shadow: 0 1px 3px hsl(var(--shadow) / 40%); } @media only screen and (min-width: 544px) { ._timeline_3e7d9__achievement { min-height: 122px; padding-left: 140px } } ._timeline_3e7d9__achievement::after { background: hsl(var(--gray99)); } @media only screen and (min-width: 544px) { ._timeline_3e7d9__achievement ._timeline_3e7d9__type { background: hsl(var(--gray99)); border-radius: 4px 0 0 4px; border-right: 1px solid hsl(var(--border)); bottom: 0; left: 0; padding: 25px 0; position: absolute; text-align: center; top: 0; width: 110px } } ._timeline_3e7d9__achievement .icon { font-size: 24px; margin-left: -3px; } @media only screen and (min-width: 544px) { ._timeline_3e7d9__achievement .icon { float: none; font-size: 50px; margin: 0 } } @media only screen and (min-width: 544px) { ._timeline_3e7d9__achievement ._timeline_3e7d9__label { display: block; font-size: 0.8em; margin-top: 0.8em } } ._timeline_3e7d9__title { margin: 10px 0; } @media only screen and (min-width: 544px) { ._timeline_3e7d9__title { margin-top: 0 } } ._timeline_3e7d9__proof { display: flex; margin: 0; } ._timeline_3e7d9__proof-link { display: block; margin-left: 0.5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ._timeline_3e7d9__content { width: 100%; } ._timeline_3e7d9__book::before { background: hsl(var(--yellow)); } ._timeline_3e7d9__book .icon { color: hsl(var(--yellow)); } ._timeline_3e7d9__certificate::before { background: hsl(var(--violet)); } ._timeline_3e7d9__certificate .icon { color: hsl(var(--violet)); } ._timeline_3e7d9__video::before { background: hsl(var(--red)); } ._timeline_3e7d9__video .icon { color: hsl(var(--red)); } ._timeline_3e7d9__education::before { background: hsl(var(--purple)); } ._timeline_3e7d9__education .icon { color: hsl(var(--purple)); } ._tooltip_ec8ac__TooltipCell { display: inline-block; } [data-whatinput="mouse"] ._tooltip_ec8ac__TooltipCell { outline: none; } ._tooltip_ec8ac__hide { /* Used in javascript */ display: none; } ._tooltip_ec8ac__children { white-space: normal; } ._tooltip_ec8ac__dotted { transition: border-color var(--duration-default) ease; } ._tooltip_ec8ac__dotted:not(._tooltip_ec8ac__is-link) { border-bottom: 1px dotted hsl(var(--gray75)); } ._tooltip_ec8ac__dotted._tooltip_ec8ac__is-link>a { border-bottom: 1px dotted hsl(var(--link)); -webkit-text-decoration: none; text-decoration: none; } ._tooltip_ec8ac__trigger:hover, ._tooltip_ec8ac__trigger:hover ._tooltip_ec8ac__dotted, .tippy-active ._tooltip_ec8ac__trigger._tooltip_ec8ac__dotted { border-color: transparent; } ._tooltip_ec8ac__trigger:hover >a, ._tooltip_ec8ac__trigger:hover ._tooltip_ec8ac__dotted >a, .tippy-active ._tooltip_ec8ac__trigger._tooltip_ec8ac__dotted >a { border-color: transparent; } /* Custom themes */ .tippy-box[data-theme~="html-content"] { background: hsl(var(--white)); border-radius: 4px; box-shadow: 0 1px 4px hsl(var(--text) / 12%), 0 2px 20px hsl(var(--text) / 12%), 0 0 1px hsl(var(--text) / 20%); color: hsl(var(--text)); font-size: 1em; -webkit-font-smoothing: auto; max-width: 400px; min-width: 150px; text-align: left; } .tippy-box[data-theme~="html-content"] > .tippy-arrow::before { background-color: hsl(var(--white)); height: 8px; position: absolute; transform: rotate(45deg); width: 8px; } .tippy-box[data-theme~="html-content"][data-placement^="left"]> .tippy-arrow::before { border: solid hsl(var(--text) / 15%); border-width: 1px 1px 0 0; right: -6px; } .tippy-box[data-theme~="html-content"][data-placement^="right"]> .tippy-arrow::before { border: solid hsl(var(--text) / 15%); border-width: 0 0 1px 1px; bottom: -6px; left: -6px; } .tippy-box[data-theme~="html-content"][data-placement^="bottom"]> .tippy-arrow::before { border-bottom: 0; border-left: 1px solid hsl(var(--text) / 15%); border-right: 0; border-top: 1px solid hsl(var(--text) / 15%); top: -6.25px; } .tippy-box[data-theme~="html-content"][data-placement^="top"]> .tippy-arrow::before { border-bottom: 1px solid hsl(var(--text) / 20%); border-left: 0; border-right: 1px solid hsl(var(--text) / 20%); border-top: 0; left: 7px; } .tippy-box[data-theme~="html-content"] .tippy-content { padding: 0; } .tippy-box[data-theme~="html-content"] ._tooltip_ec8ac__item, .tippy-box[data-theme~="html-content"] ._tooltip_ec8ac__link { align-items: center; background: transparent; border-radius: 0; border-top: 1px solid hsl(var(--border)); display: flex; font-size: inherit; padding: var(--spacing-vertical-small) var(--spacing-horizontal-small); position: relative; text-align: left; width: 100%; } .tippy-box[data-theme~="html-content"] ._tooltip_ec8ac__item:first-child, .tippy-box[data-theme~="html-content"] ._tooltip_ec8ac__link:first-child { border-top: 0; } .tippy-box[data-theme~="html-content"] ._tooltip_ec8ac__item .icon, .tippy-box[data-theme~="html-content"] ._tooltip_ec8ac__link .icon { margin-right: 0.2rem; } .tippy-box[data-theme~="html-content"] ._tooltip_ec8ac__link { color: hsl(var(--text)); outline: none; -webkit-text-decoration: none; text-decoration: none; transition: background-color 0.2s ease; } .tippy-box[data-theme~="html-content"] ._tooltip_ec8ac__link:hover { background: hsl(var(--background)); color: inherit; } .tippy-box[data-theme~="html-content"] ._tooltip_ec8ac__link::before { margin-right: 7px; } .tippy-box[data-theme~="overflow-hidden"] .tippy-content { border-radius: 4px; overflow: hidden; } .tippy-box[data-theme~="narrow"] { max-width: 400px; min-width: 150px; } .tippy-box[data-theme~="wide"] { max-width: 50rem; min-width: 40rem; } .tippy-box[data-theme~="auto-width"] { max-width: none; min-width: 0; width: auto; } .tippy-box[data-theme~="clear"] { background: transparent; border: none; box-shadow: none; } .tippy-box[data-theme~="clear"] > .tippy-arrow::before { background-color: hsl(var(--white)); height: 8px; position: absolute; transform: rotate(45deg); width: 8px; } .tippy-box[data-theme~="clear"] .tippy-content { padding: 0; } ._tooltip_ec8ac__list { margin: 0; padding: 0 0 0 var(--spacing-horizontal-small); } ._taggart_cloud_d02a2__curation-context { background-color: hsl(var(--gray98)); border: 1px solid hsl(var(--border-alpha)); border-radius: var(--size-border-radius); color: hsl(var(--meta)); container-name: curation-context; container-type: inline-size; } ._taggart_cloud_d02a2__curation-context:not(:has(._taggart_cloud_d02a2__curation-context-topic)) { display: none; } ._taggart_cloud_d02a2__curation-context-topics { align-items: center; display: flex; flex-wrap: wrap; gap: 0.5rem; padding: 1rem; } ._taggart_cloud_d02a2__curation-context-topic { --h: 254; --s: 68; --l: 55%; --w: 0; /* 0..1 is set using JS */ align-items: center; background-color: hsla(254, 68, 55%, calc(0.12 + 0 * 0.55)); background-color: hsla(var(--h) var(--s) var(--l) / calc(0.12 + var(--w) * 0.55)); border-radius: 99em; color: white; display: inline-flex; font-size: 0.8rem; font-weight: 600; gap: 0.3em; min-height: 2em; padding: 0 0.6rem; -webkit-text-decoration: none; text-decoration: none; text-shadow: 0 0 8px hsla(254, 68, 55%, 0.3); text-shadow: 0 0 8px hsla(var(--h) var(--s) var(--l) / 0.3); transition: transform 0.2s ease; white-space: nowrap; } ._taggart_cloud_d02a2__curation-context-topic:hover { transform: scale(1.1); } ._taggart_cloud_d02a2__curation-context-topic:not([data-taggart-cloud-count="1"])::after { align-items: center; background: hsla(var(--h) var(--s) var(--l) / calc(0.12 + var(--w) * 0.5)); border-radius: 99em; content: attr(data-taggart-cloud-count); display: inline-flex; font-size: 0.7em; justify-content: center; line-height: 1; min-width: 1em; padding: 0.3em; } @keyframes _taggart_cloud_d02a2__topic-bump { 0% { transform: scale(1); } 40% { transform: scale(1.1); } 100% { transform: scale(1); } } ._taggart_cloud_d02a2__topic-bump { animation: _taggart_cloud_d02a2__topic-bump 220ms ease-out; } /* This styling is copied from shepherd.css and modified because the original styling: 1. is unneededly nested and hard to override 2. is not great and sometimes buggy 3. doesn't has vendor prefixes So when we update the `shepherd.js` package we need to be aware of changes. */ ._tour_d8a20__TourCell { /* This element is only used for javascript binding. */ display: none; } ._tour_d8a20__step { background: white; border: 1px solid hsl(var(--border)); border-radius: var(--size-border-radius); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); font-size: 1rem; max-width: 320px; opacity: 0; outline: none; transition: opacity var(--duration-default); z-index: 9998; } ._tour_d8a20__step:hover { z-index: 9999; } ._tour_d8a20__step.shepherd-enabled { opacity: 1; } ._tour_d8a20__step[data-popper-reference-hidden]:not(.shepherd-centered) { opacity: 0; pointer-events: none; } ._tour_d8a20__step[data-popper-placement^="top"]>.shepherd-arrow { bottom: -8px; } ._tour_d8a20__step[data-popper-placement^="top"]>.shepherd-arrow::before { border-width: 0 1px 1px 0; } ._tour_d8a20__step[data-popper-placement^="bottom"]>.shepherd-arrow { top: -9px; } ._tour_d8a20__step[data-popper-placement^="bottom"]>.shepherd-arrow::before { border-width: 1px 0 0 1px; } ._tour_d8a20__step[data-popper-placement^="left"]>.shepherd-arrow { right: -8px; } ._tour_d8a20__step[data-popper-placement^="left"]>.shepherd-arrow::before { border-width: 1px 1px 0 0; } ._tour_d8a20__step[data-popper-placement^="right"]>.shepherd-arrow { left: -9px; } ._tour_d8a20__step[data-popper-placement^="right"]>.shepherd-arrow::before { border-width: 0 0 1px 1px; } .shepherd-arrow, .shepherd-arrow::before { height: 16px; position: absolute; width: 16px; z-index: -1; } .shepherd-arrow::before { background: white; border: 0 solid hsl(var(--border)); content: ""; transform: rotate(45deg); } .shepherd-footer { border-bottom-left-radius: var(--size-border-radius); border-bottom-right-radius: var(--size-border-radius); margin-top: var(--spacing-vertical); } .shepherd-button { margin-right: 0.5rem; } .shepherd-button:last-child { margin-right: 0; } .shepherd-header { border-top-left-radius: var(--size-border-radius); border-top-right-radius: var(--size-border-radius); display: flex; } .shepherd-title { flex: 1; font-size: inherit; font-weight: 600; line-height: 1.3em; margin: 0 0 var(--spacing-vertical-small); padding: 0; } .shepherd-cancel-icon { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; cursor: pointer; font-size: 1.7em; font-weight: 400; height: 0.6em; line-height: 0; margin-left: auto; opacity: 0.5; padding: 0; position: relative; right: -5px; top: -5px; transition: opacity var(--duration-default) ease; } .shepherd-cancel-icon:hover { opacity: 0.75; } .shepherd-content { border-radius: var(--size-border-radius); outline: none; padding: var(--spacing-vertical) var(--spacing-horizontal-small); } .shepherd-text { color: inherit; font-size: 0.95em; line-height: 1.3em; } .shepherd-text p { margin-top: 0; } .shepherd-text p:last-child { margin-bottom: 0; } .shepherd-target-click-disabled.shepherd-enabled.shepherd-target, .shepherd-target-click-disabled.shepherd-enabled.shepherd-target * { pointer-events: none; } .shepherd-modal-overlay-container { fill-rule: evenodd; -ms-filter: progid:dximagetransform.microsoft.gradient.alpha(opacity=50); filter: alpha(opacity=50); height: 0; left: 0; opacity: 0; overflow: hidden; pointer-events: none; position: fixed; top: 0; transition: all var(--duration-default) ease-out, height 0ms var(--duration-default), opacity var(--duration-default) 0ms; width: 100vw; z-index: 9997; } .shepherd-modal-overlay-container.shepherd-modal-is-visible { height: 100vh; opacity: 0.5; transition: all var(--duration-default) ease-out, height 0s 0s, opacity var(--duration-default) 0s; } .shepherd-modal-overlay-container.shepherd-modal-is-visible path { pointer-events: all; } ._truncate_cbe1b__TruncateCell { --height: 1.4em; line-height: 1.4em; line-height: var(--height); -webkit-mask-image: linear-gradient(to right, black 80%, transparent 100%), linear-gradient(to top, transparent calc(1.4em - 0.01em), black 1.4em); mask-image: linear-gradient(to right, black 80%, transparent 100%), linear-gradient(to top, transparent calc(1.4em - 0.01em), black 1.4em); -webkit-mask-image: linear-gradient(to right, black 80%, transparent 100%), linear-gradient(to top, transparent calc(var(--height) - 0.01em), black var(--height)); mask-image: linear-gradient(to right, black 80%, transparent 100%), linear-gradient(to top, transparent calc(var(--height) - 0.01em), black var(--height)); overflow: hidden; position: relative; } ._truncate_cbe1b__TruncateCell._truncate_cbe1b__row-count-1 { max-height: calc(1.4em * 1); } ._truncate_cbe1b__TruncateCell._truncate_cbe1b__row-count-2 { max-height: calc(1.4em * 2); } ._truncate_cbe1b__TruncateCell._truncate_cbe1b__row-count-3 { max-height: calc(1.4em * 3); } ._truncate_cbe1b__TruncateCell._truncate_cbe1b__row-count-4 { max-height: calc(1.4em * 4); } ._truncate_cbe1b__TruncateCell._truncate_cbe1b__row-count-5 { max-height: calc(1.4em * 5); } ._truncate_cbe1b__TruncateCell._truncate_cbe1b__row-count-6 { max-height: calc(1.4em * 6); } ._truncate_cbe1b__TruncateCell._truncate_cbe1b__row-count-7 { max-height: calc(1.4em * 7); } ._truncate_cbe1b__TruncateCell._truncate_cbe1b__row-count-8 { max-height: calc(1.4em * 8); } ._truncate_cbe1b__TruncateCell._truncate_cbe1b__row-count-9 { max-height: calc(1.4em * 9); } ._truncate_cbe1b__TruncateCell._truncate_cbe1b__row-count-10 { max-height: calc(1.4em * 10); } ._truncate_cbe1b__TruncateCell._truncate_cbe1b__row-count-11 { max-height: calc(1.4em * 11); } ._truncate_cbe1b__TruncateCell._truncate_cbe1b__row-count-12 { max-height: calc(1.4em * 12); } ._truncate_cbe1b__TruncateCell._truncate_cbe1b__row-count-13 { max-height: calc(1.4em * 13); } ._truncate_cbe1b__TruncateCell._truncate_cbe1b__row-count-14 { max-height: calc(1.4em * 14); } ._truncate_cbe1b__TruncateCell._truncate_cbe1b__row-count-15 { max-height: calc(1.4em * 15); } ._truncate_cbe1b__TruncateCell._truncate_cbe1b__row-count-16 { max-height: calc(1.4em * 16); } ._truncate_cbe1b__TruncateCell._truncate_cbe1b__row-count-17 { max-height: calc(1.4em * 17); } ._truncate_cbe1b__TruncateCell._truncate_cbe1b__row-count-18 { max-height: calc(1.4em * 18); } ._truncate_cbe1b__TruncateCell._truncate_cbe1b__row-count-19 { max-height: calc(1.4em * 19); } ._truncate_cbe1b__TruncateCell._truncate_cbe1b__row-count-20 { max-height: calc(1.4em * 20); } ._truncate_cbe1b__TruncateCell p { margin: 0; } ._article_36a1f__Typeahead-ArticleCell { display: flex; } ._article_36a1f__title { flex-grow: 1; } ._article_36a1f__code { color: hsl(var(--primary)); flex-grow: 0; } ._assessor_0557b__Typeahead-AssessorCell { display: block; margin-bottom: 25px; position: relative; } ._assessor_0557b__Typeahead-AssessorCell ._assessor_0557b__input { position: relative; } ._assessor_0557b__Typeahead-AssessorCell ._assessor_0557b__value-input { background: none; border: 0; bottom: 0; height: 100%; left: 0; margin-bottom: 0; outline: none; position: absolute; right: 0; top: 0; width: 100%; z-index: 0; } ._assessor_0557b__Typeahead-AssessorCell ._assessor_0557b__display-input { margin-bottom: 0; position: relative; z-index: 1; } ._assessor_0557b__Typeahead-AssessorCell._assessor_0557b__loading ._assessor_0557b__display-input { background-image: url("/images/loading-1e6099a0c04012e2551e6e95fede4a34.gif?vsn=d"); background-position: right 10px top 50%; background-repeat: no-repeat; background-size: 16px; } ._assessor_0557b__Typeahead-AssessorCell ._assessor_0557b__result:focus { outline: none; } ._assessor_0557b__Typeahead-AssessorCell ._assessor_0557b__results { --max-height: auto; border-bottom: 1px solid hsl(var(--border)); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); left: 0; max-height: auto; max-height: var(--max-height); overflow-y: auto; position: absolute; right: 0; z-index: 99; } ._assessor_0557b__Typeahead-AssessorCell ._assessor_0557b__results:empty { visibility: hidden; } ._assessor_0557b__Typeahead-AssessorCell ._assessor_0557b__results ._assessor_0557b__result:hover { background-color: hsl(var(--background-tint50)); } ._assessor_0557b__Typeahead-AssessorCell ._assessor_0557b__results ._assessor_0557b__result:focus { background-color: hsl(var(--background)); } ._assessor_0557b__Typeahead-AssessorCell ._assessor_0557b__selected-result { display: none; list-style: none; margin: 0; padding: 0; position: relative; z-index: 2; } ._assessor_0557b__Typeahead-AssessorCell ._assessor_0557b__selected-result ._assessor_0557b__result { align-items: center; background-color: hsl(var(--form-input-background)); border: 1px solid hsl(var(--border)); border-radius: 0.25rem; cursor: text; display: flex; min-height: 50px; } ._assessor_0557b__Typeahead-AssessorCell ._assessor_0557b__selected-result ._assessor_0557b__result >div { flex: 1; justify-content: space-between; } ._assessor_0557b__Typeahead-AssessorCell ._assessor_0557b__display-input[readonly] ~._assessor_0557b__selected-result ._assessor_0557b__result, ._assessor_0557b__Typeahead-AssessorCell ._assessor_0557b__display-input:disabled ~._assessor_0557b__selected-result ._assessor_0557b__result { background-color: hsl(var(--form-input-disabled-background)); color: hsl(var(--text) / 60%); cursor: not-allowed; } ._assessor_0557b__Typeahead-AssessorCell._assessor_0557b__has-result ._assessor_0557b__display-input, ._assessor_0557b__Typeahead-AssessorCell._assessor_0557b__has-result ._assessor_0557b__value-input { display: none; } ._assessor_0557b__Typeahead-AssessorCell._assessor_0557b__has-result ._assessor_0557b__selected-result { display: block; } ._assessor_0557b__Typeahead-AssessorCell._assessor_0557b__focused ._assessor_0557b__label { color: hsl(var(--primary)); cursor: default; } ._certificate_ff878__Typeahead-CertificateCell { display: flex; } ._certificate_ff878__title { flex-grow: 1; } ._certificate_ff878__code { color: hsl(var(--meta)); font-family: var(--font-family-monospace); margin-left: auto; } ._cluster_a669f__Typeahead-ClusterCell { display: flex; } ._cluster_a669f__title { flex-grow: 1; } ._department_694a6__Typeahead-DepartmentCell { display: flex; } ._department_694a6__title { flex-grow: 1; } ._department_694a6__code { color: hsl(var(--code)); flex-grow: 0; font-family: var(--font-family-monospace); font-size: var(--font-size-small); text-transform: uppercase; } ._epa_32147__wrapper { display: flex; } ._epa_32147__code { flex: 1; } ._epa_32147__title { flex: 5; } ._event_efc2e__Typeahead-EventCell { display: flex; } ._event_efc2e__title { flex-grow: 1; } ._event_efc2e__code { color: hsl(var(--primary)); flex-grow: 0; } ._external_achievement_8a6a3__wrapper { display: flex; } ._external_achievement_8a6a3__type { flex: 1; } ._external_achievement_8a6a3__content { display: inline-block; flex: 6; margin-left: 1em; } ._external_achievement_8a6a3__link { background: #efefef; border: 1px #ccc solid; border-radius: 2px; display: inline-block; font-weight: 600; overflow: hidden; padding: 0.5em; -webkit-text-decoration: none; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } ._input_013d5__Typeahead-InputCell { display: block; margin-bottom: 25px; position: relative; } ._input_013d5__Typeahead-InputCell ._input_013d5__input { position: relative; } ._input_013d5__Typeahead-InputCell ._input_013d5__value-input { background: none; border: 0; bottom: 0; height: 100%; left: 0; margin-bottom: 0; outline: none; position: absolute; right: 0; top: 0; width: 100%; z-index: 0; } ._input_013d5__Typeahead-InputCell ._input_013d5__display-input { margin-bottom: 0; position: relative; z-index: 1; } ._input_013d5__Typeahead-InputCell._input_013d5__loading ._input_013d5__display-input { background-image: url("/images/loading-1e6099a0c04012e2551e6e95fede4a34.gif?vsn=d"); background-position: right 10px top 50%; background-repeat: no-repeat; background-size: 16px; } ._input_013d5__Typeahead-InputCell ._input_013d5__result:focus { outline: none; } ._input_013d5__Typeahead-InputCell ._input_013d5__results { --max-height: auto; border-bottom: 1px solid hsl(var(--border)); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); left: 0; max-height: auto; max-height: var(--max-height); overflow-y: auto; position: absolute; right: 0; z-index: 99; } ._input_013d5__Typeahead-InputCell ._input_013d5__results:empty { visibility: hidden; } ._input_013d5__Typeahead-InputCell ._input_013d5__results ._input_013d5__result:hover { background-color: hsl(var(--background-tint50)); } ._input_013d5__Typeahead-InputCell ._input_013d5__results ._input_013d5__result:focus { background-color: hsl(var(--background)); } ._input_013d5__Typeahead-InputCell ._input_013d5__selected-result { display: none; list-style: none; margin: 0; padding: 0; position: relative; z-index: 2; } ._input_013d5__Typeahead-InputCell ._input_013d5__selected-result ._input_013d5__result { align-items: center; background-color: hsl(var(--form-input-background)); border: 1px solid hsl(var(--border)); border-radius: 0.25rem; cursor: text; display: flex; min-height: 50px; } ._input_013d5__Typeahead-InputCell ._input_013d5__selected-result ._input_013d5__result > div { flex: 1; justify-content: space-between; } ._input_013d5__Typeahead-InputCell ._input_013d5__display-input[readonly] ~ ._input_013d5__selected-result ._input_013d5__result, ._input_013d5__Typeahead-InputCell ._input_013d5__display-input:disabled ~ ._input_013d5__selected-result ._input_013d5__result { background-color: hsl(var(--form-input-disabled-background)); color: hsl(var(--text) / 60%); cursor: not-allowed; } ._input_013d5__Typeahead-InputCell._input_013d5__has-result ._input_013d5__display-input, ._input_013d5__Typeahead-InputCell._input_013d5__has-result ._input_013d5__value-input { display: none; } ._input_013d5__Typeahead-InputCell._input_013d5__has-result ._input_013d5__selected-result { display: block; } ._input_013d5__Typeahead-InputCell._input_013d5__focused ._input_013d5__label { color: hsl(var(--primary)); cursor: default; } ._location_c8490__title { font-weight: 600; margin-bottom: 0.4em; } ._location_c8490__info { display: flex; } ._location_c8490__address { flex-grow: 1; font-size: var(--font-size-small); } ._location_c8490__right { color: hsl(var(--meta)); flex-grow: 0; font-size: var(--font-size-tiny); line-height: 1.2; text-align: right; text-transform: uppercase; } ._location_c8490__occupancy { color: red; text-align: right; display: none; font-size: smaller; } ._location_c8490__hidden { visibility: hidden; display: none; } ._lti_module_9dc16__Typeahead-LTIModuleCell { display: flex; } ._lti_module_9dc16__title { flex-grow: 1; } ._lti_module_9dc16__code { color: hsl(var(--primary)); flex-grow: 0; } ._named_audience_388d6__Typeahead-NamedAudienceCell { display: flex; } ._named_audience_388d6__title { flex-grow: 1; } ._position_4606b__Typeahead-PositionCell { display: flex; } ._position_4606b__title { flex-grow: 1; } ._position_4606b__code { color: hsl(var(--code)); flex-grow: 0; font-family: var(--font-family-monospace); font-size: var(--font-size-small); text-transform: uppercase; } ._result_26c8a__Typeahead-ResultCell { background: white; border: 1px solid hsl(var(--border)); border-top: none; color: hsl(var(--text)); cursor: pointer; margin: 0; overflow: hidden; padding: 15px 12px; } ._result_26c8a__Typeahead-ResultCell:last-child { border-bottom: 0; } ._results_4c7be__Typeahead-ResultsCell { list-style: none; margin: 0; padding: 0; } ._results_4c7be__no-result { background: white; border: 1px solid hsl(var(--border)); border-top: none; padding: 15px 12px; } ._search_input_e2d9b__Typeahead-SearchInputCell ._search_input_e2d9b__input { margin-bottom: 0; position: relative; z-index: 1; } ._search_input_e2d9b__Typeahead-SearchInputCell._search_input_e2d9b__loading ._search_input_e2d9b__input { background-image: url("/images/loading-1e6099a0c04012e2551e6e95fede4a34.gif?vsn=d"); background-position: right 10px top 50%; background-repeat: no-repeat; background-size: 16px; } ._search_input_e2d9b__Typeahead-SearchInputCell ._search_input_e2d9b__submit { border: 1px solid hsl(var(--border)); border-left: 0; } ._search_input_e2d9b__Typeahead-SearchInputCell ._search_input_e2d9b__submit-icon { font-size: 1.2em; margin: 0; } ._search_input_e2d9b__Typeahead-SearchInputCell ._search_input_e2d9b__results { left: 0; position: absolute; right: 0; width: 100%; z-index: 99; } ._search_input_e2d9b__Typeahead-SearchInputCell ._search_input_e2d9b__results:has(._search_input_e2d9b__result) { background-color: white; padding: 0.6rem 1.2rem 1.2rem; top: 100%; border-radius: 0 0 0.5rem 0.3rem; } ._search_input_e2d9b__Typeahead-SearchInputCell ._search_input_e2d9b__results ._search_input_e2d9b__result { cursor: pointer; padding: 0.6rem 1.2rem; border-radius: 0.2rem; transition: background-color 0.3s ease; display: flex; align-items: center; gap: 1rem; } ._search_input_e2d9b__Typeahead-SearchInputCell ._search_input_e2d9b__results ._search_input_e2d9b__result:hover { background-color: hsl(var(--background-tint40)); } ._search_input_e2d9b__Typeahead-SearchInputCell ._search_input_e2d9b__results ._search_input_e2d9b__result:focus { background-color: hsl(var(--background)); } ._search_input_e2d9b__Typeahead-SearchInputCell ._search_input_e2d9b__result:focus { outline: none; } /* Variants */ ._search_input_e2d9b__Typeahead-SearchInputCell._search_input_e2d9b__variant-default { position: relative; } ._search_input_e2d9b__Typeahead-SearchInputCell._search_input_e2d9b__variant-fullwidth { position: relative; } ._search_input_e2d9b__Typeahead-SearchInputCell._search_input_e2d9b__variant-rounded { background-color: white; top: 0; right: 0; bottom: auto; left: 0; padding: 0.6rem 1.2rem; position: absolute; z-index: 1; } ._search_input_e2d9b__Typeahead-SearchInputCell._search_input_e2d9b__variant-rounded ._search_input_e2d9b__container { align-items: center; background-color: #f6f6f6; border-radius: 9999px; display: flex; max-width: 600px; padding: 0 1rem; width: 100%; } ._search_input_e2d9b__Typeahead-SearchInputCell._search_input_e2d9b__variant-rounded ._search_input_e2d9b__container ._search_input_e2d9b__search-icon { margin-right: 0.5rem; } ._search_input_e2d9b__Typeahead-SearchInputCell._search_input_e2d9b__variant-rounded ._search_input_e2d9b__container:focus-within { background-color: white; box-shadow: 0 0 0 2px #1d4ed8; } ._search_input_e2d9b__Typeahead-SearchInputCell._search_input_e2d9b__variant-rounded ._search_input_e2d9b__input { border: none; background-color: transparent; color: #374151; /* Gray-700 */ font-size: 1rem; outline: none; width: 100%; } ._search_results_62eb7__Typeahead-SearchResultsCell { list-style: none; margin: 0; padding: 0; } ._search_results_62eb7__result { color: hsl(var(--text)); font-size: var(--font-size-default); overflow: hidden; padding: 8px 12px; } ._search_results_62eb7__recommendation { font-weight: 600; -webkit-text-decoration: none; text-decoration: none; } ._search_results_62eb7__result-icon { } ._skill_05c4a__Typeahead-SkillCell { display: flex; align-items: center; gap: 0.5em; } ._skill_05c4a__type { margin-left: auto; } ._user_242b3__Typeahead-UserCell { align-items: center; display: flex; } ._user_242b3__Typeahead-UserCell ._user_242b3__avatar { flex: 0 0 auto; margin: -5px 8px -5px 0; } ._user_242b3__Typeahead-UserCell ._user_242b3__name { flex-grow: 1; margin-right: 5px; white-space: nowrap; } ._user_242b3__Typeahead-UserCell ._user_242b3__email { color: hsl(var(--primary)); flex: 0 0 auto; white-space: nowrap; } ._user_242b3__Typeahead-UserCell ._user_242b3__code { color: hsl(var(--code)); font-family: var(--font-family-monospace); font-size: var(--font-size-small); line-height: 1rem; margin-right: 5px; position: relative; text-transform: uppercase; top: 0.08rem; white-space: nowrap; } ._video_89cb6__Typeahead-VideoCell { display: flex; } ._video_89cb6__title { flex-grow: 1; } ._video_89cb6__code { color: hsl(var(--primary)); flex-grow: 0; } ._tag_37075__UI-TagCell { --UI-TagCell-background: var(--tag-background, hsl(var(--text) / 0.13)); --UI-TagCell-text: var(--tag-text, hsl(var(--text))); align-items: center; backdrop-filter: blur(8px); background: var(--tag-background, hsl(var(--text) / 0.13)); background: var(--UI-TagCell-background); border-radius: 0.25rem; color: var(--tag-text, hsl(var(--text))); color: var(--UI-TagCell-text); display: inline-block; gap: 0.375rem; line-height: 1.1; opacity: 0.7; padding: 0.25rem 0.6rem; transition: opacity 0.5s ease, background 0.5s ease, color 0.5s ease; white-space: nowrap; } ._tag_37075__UI-TagCell[href] { cursor: pointer; -webkit-text-decoration: none; text-decoration: none; } ._tag_37075__UI-TagCell[href]:hover { opacity: 1; } ._tag_37075__UI-TagCell.highlight { --UI-TagCell-background: var(--tag-active-background, hsl(var(--primary) / 0.13)); --UI-TagCell-text: var(--tag-active-text, hsl(var(--primary))); font-weight: bold; opacity: 0.8; } ._tag_37075__UI-TagCell .icon { flex-shrink: 0; } ._tag_37075__variant-default { font-weight: normal; } ._tag_37075__variant-fat { font-weight: bold; } ._tag_37075__variant-xs { font-size: 0.8125rem; } ._tag_37075__variant-event, ._tag_37075__variant-event_enrolled, ._tag_37075__variant-lti_module, ._tag_37075__variant-lti_provider, ._tag_37075__variant-portfolio_member, ._tag_37075__variant-audience, ._tag_37075__variant-skill { background: transparent; color: var(--poc-color-primary); font-weight: bold; opacity: 1; position: relative; } ._tag_37075__variant-event::before, ._tag_37075__variant-event_enrolled::before, ._tag_37075__variant-lti_module::before, ._tag_37075__variant-lti_provider::before, ._tag_37075__variant-portfolio_member::before, ._tag_37075__variant-audience::before, ._tag_37075__variant-skill::before { background: linear-gradient(to right, var(--poc-color-primary), var(--poc-color-secondary)); border-radius: inherit; content: ""; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.1; position: absolute; } ._tag_37075__variant-event ._tag_37075__label-text, ._tag_37075__variant-event_enrolled ._tag_37075__label-text, ._tag_37075__variant-lti_module ._tag_37075__label-text, ._tag_37075__variant-lti_provider ._tag_37075__label-text, ._tag_37075__variant-portfolio_member ._tag_37075__label-text, ._tag_37075__variant-audience ._tag_37075__label-text, ._tag_37075__variant-skill ._tag_37075__label-text { background: linear-gradient(to right, var(--poc-color-primary), var(--poc-color-secondary)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-transform: lowercase; } ._tag_37075__variant-event ._tag_37075__label-text .icon, ._tag_37075__variant-event_enrolled ._tag_37075__label-text .icon, ._tag_37075__variant-lti_module ._tag_37075__label-text .icon, ._tag_37075__variant-lti_provider ._tag_37075__label-text .icon, ._tag_37075__variant-portfolio_member ._tag_37075__label-text .icon, ._tag_37075__variant-audience ._tag_37075__label-text .icon, ._tag_37075__variant-skill ._tag_37075__label-text .icon { font-size: 0.875rem; line-height: 1; } ._tag_37075__variant-skill { --poc-color-primary: #199e86; --poc-color-secondary: #00b59a; } ._tag_37075__variant-event { --poc-color-primary: #de3163; --poc-color-secondary: #ec660d; overflow: hidden; text-overflow: ellipsis; } ._tag_37075__variant-event_enrolled { --poc-color-primary: hsl(var(--event)); --poc-color-secondary: hsl(var(--event) / 90%); } ._tag_37075__variant-lti_module { --poc-color-primary: #de3163; --poc-color-secondary: #ec660d; } ._tag_37075__variant-lti_provider { --poc-color-primary: #2f2fab; --poc-color-secondary: #6d78b1; } ._tag_37075__variant-portfolio_member { --poc-color-primary: #6100ff; --poc-color-secondary: #a440b6; } ._tag_37075__variant-no_lowercase ._tag_37075__label-text { text-transform: none; } ._unsupported_browser_7e8d9__UnsupportedBrowserCell { background-color: hsl(var(--warning)); color: hsl(var(--gray25)); padding: 1em; position: relative; text-align: center; top: 0; width: 100%; z-index: 99; } ._unsupported_browser_7e8d9__UnsupportedBrowserCell p { margin: 0.5em; } ._title_25c58__UserDashboard-TitleCell { font-size: var(--font-size-heading-medium); font-weight: 300; margin: 0 0 var(--spacing-vertical); text-align: left; } @media only screen and (min-width: 544px) {._title_25c58__UserDashboard-TitleCell { font-size: var(--font-size-heading-large); margin: 0 0 var(--spacing-vertical); padding: 0 var(--spacing-horizontal); text-align: center } } @media only screen and (min-width: 768px) {._title_25c58__UserDashboard-TitleCell { font-size: var(--font-size-heading-extra-large); margin: 0 0 calc(var(--spacing-vertical) * 2) } } ._title_25c58__icon { display: inline-block; font-size: 1em; } ._user_dropdown_fe8e9__UserDropdownCell { -webkit-user-select: none; -moz-user-select: none; user-select: none; } ._user_dropdown_fe8e9__UserDropdownCell ._user_dropdown_fe8e9__dropdown { display: block; margin: 0; min-width: calc(100vw - 44px); right: 0; top: 0; transform: scale(0); transition: transform 0.2s ease-out, opacity 0.2s ease-out; visibility: visible; } @media only screen and (min-width: 544px) { ._user_dropdown_fe8e9__UserDropdownCell ._user_dropdown_fe8e9__dropdown { min-width: 300px } } ._user_dropdown_fe8e9__UserDropdownCell ._user_dropdown_fe8e9__show>._user_dropdown_fe8e9__dropdown { transform: scale(1); } ._user_dropdown_fe8e9__header { background: hsl(var(--background)); border-bottom: 1px solid hsl(var(--border)); display: flex; } ._user_dropdown_fe8e9__close-button { align-items: center; display: flex; font-size: 1.5rem; height: 30px; justify-content: center; padding: 0; right: 0; top: 0; width: 30px; } ._user_dropdown_fe8e9__user-info { display: flex; flex: 1; flex-direction: column; justify-content: center; min-width: 0; padding: 0 var(--spacing-horizontal-small); } ._user_dropdown_fe8e9__user-name, ._user_dropdown_fe8e9__user-email { overflow: hidden; -webkit-text-decoration: none; text-decoration: none; text-overflow: ellipsis; } ._user_dropdown_fe8e9__user-name { color: hsl(var(--text)); font-size: var(--font-size-large); line-height: 1.2; margin-bottom: 6px; } ._user_dropdown_fe8e9__user-email { color: hsl(var(--text-light)); font-size: var(--font-size-small); } ._user_dropdown_fe8e9__info-notice { border-bottom: 1px solid hsl(var(--border)); border-top: 0; font-size: var(--font-size-small); } ._user_dropdown_fe8e9__alert { border-radius: 0; margin: 0; padding: 8px 15px; } ._avatar_stack_2e8a2__User-AvatarStackCell { display: inline-grid; grid-auto-flow: column; grid-template-columns: repeat(auto-fill 1fr); } ._avatar_stack_2e8a2__User-AvatarStackCell > *:last-child { min-width: 42px; } ._avatar_stack_2e8a2__user { max-width: 30px; min-width: 0; } ._avatar_stack_2e8a2__user:hover { z-index: 1; } ._avatar_stack_2e8a2__user:hover ._avatar_stack_2e8a2__user-avatar { box-shadow: 0 0 3px hsl(var(--shadow)); transform: scale(1.1); } ._avatar_stack_2e8a2__user-avatar { border: 3px solid white; cursor: default; transform: scale(0.9); transition: transform 0.1s; } ._avatar_stack_2e8a2__user-avatar._avatar_stack_2e8a2__active { border-color: hsl(var(--success)); } ._avatar_stack_2e8a2__user-name { font-weight: 600; } ._avatar_stack_2e8a2__user-title { color: hsl(var(--text-light)); font-size: var(--font-size-small); } ._avatar_stack_2e8a2__plus-more { display: inline-flex; align-items: center; justify-content: center; border: 3px solid white; border-radius: 50%; background-color: hsl(var(--gray94)); color: hsl(var(--text)); font-weight: 800; transform: scale(0.9); } ._avatar_6ce02__User-AvatarCell { border-radius: 50%; box-sizing: content-box; color: hsl(var(--white)); display: inline-block; font-family: var(--font-family-base); font-size: calc(36px * 0.444); font-size: calc(var(--avatar-size, 36px) * 0.444); font-weight: 300; height: 36px; height: var(--avatar-size, 36px); letter-spacing: 1px; line-height: 36px; line-height: var(--avatar-size, 36px); margin: 0; min-width: 36px; min-width: var(--avatar-size, 36px); overflow: hidden; position: relative; text-align: center; text-indent: 1px; text-transform: uppercase; vertical-align: middle; width: 36px; width: var(--avatar-size, 36px); } td:not(.table-avatar-name)>._avatar_6ce02__User-AvatarCell { margin: var(--spacing-vertical-small) 0; } ._avatar_6ce02__image { border: 0; border-radius: 50%; display: block; min-height: 100%; width: 100%; } ._avatar_6ce02__text { align-items: center; display: flex; height: 100%; top: 0; right: 0; bottom: 0; left: 0; justify-content: center; line-height: 1; position: absolute; text-indent: 0; } ._avatar_6ce02__variant-tiny { --avatar-size: 16px; } ._avatar_6ce02__variant-small { --avatar-size: 26px; } ._avatar_6ce02__variant-medium { --avatar-size: 50px; } @media only screen and (min-width: 768px) { ._avatar_6ce02__variant-medium { --avatar-size: 60px } } ._avatar_6ce02__variant-large { --avatar-size: 50px; } @media only screen and (min-width: 768px) { ._avatar_6ce02__variant-large { --avatar-size: 100px } } ._avatar_6ce02__variant-comment { --avatar-size: 48px; } ._billing_details_dc2bb__User-BillingDetailsCell { font-size: var(--font-size-small); gap: 1rem; line-height: 1.2; } @media only screen and (min-width: 768px) { ._billing_details_dc2bb__content { max-width: 40rem } } ._billing_details_dc2bb__details { } ._billing_details_dc2bb__children { margin-top: 1rem; } ._billing_details_dc2bb__address-info { display: flex; margin: 0 auto 0 0; width: 100%; } ._billing_details_dc2bb__address-type-badge { align-self: flex-start; margin-left: auto; order: 2; } ._billing_details_dc2bb__company-name { font-weight: bold; margin-bottom: 0.5rem; font-size: var(--font-size-base); } ._billing_details_dc2bb__address-lines { flex: 1; } ._card_a4f44__User-CardCell { --size: var(--user-card-size, 48px); display: flex; } ._card_a4f44__avatar { --avatar-size: var(--size); } ._card_a4f44__text { display: flex; flex: 1; flex-direction: column; justify-content: center; padding-left: calc(var(--size) / 4); } ._card_a4f44__name { display: flex; align-items: center; gap: .5rem; font-weight: 600; } ._card_a4f44__label { color: hsl(var(--text-light)); font-size: var(--font-size-small); margin-top: calc(var(--size) / 10); } ._published_row_c3cf3__User-Certificates-PublishedRowCell { align-items: center; -webkit-text-decoration: none; text-decoration: none; } ._published_row_c3cf3__panel { display: flex; padding: var(--spacing-vertical) var(--spacing-horizontal); transition: background var(--duration-default) ease; width: 100%; } ._published_row_c3cf3__panel:hover { background: hsl(var(--gray99)); } ._published_row_c3cf3__icon { flex-basis: calc(42px + var(--spacing-horizontal)); } ._published_row_c3cf3__content { flex-grow: 1; } ._published_row_c3cf3__title { color: hsl(var(--text)); font-size: var(--font-size-heading-small); margin: 0 0 0.3rem; } ._published_row_c3cf3__expires-on-text { color: hsl(var(--red)); font-size: var(--font-size-small); } ._published_row_c3cf3__expires-on-text._published_row_c3cf3__fulfilled { color: hsl(var(--green)); } ._published_row_c3cf3__suspended { color: hsl(var(--suspended)); font-size: var(--font-size-small); } ._published_row_c3cf3__strike { -webkit-text-decoration: line-through; text-decoration: line-through; } ._unpublished_row_9202c__User-Certificates-UnPublishedRowCell { align-items: center; cursor: not-allowed; display: flex; opacity: 0.6; padding: var(--spacing-vertical) var(--spacing-horizontal); -webkit-text-decoration: none; text-decoration: none; } ._unpublished_row_9202c__icon { flex-basis: calc(42px + var(--spacing-horizontal)); } ._unpublished_row_9202c__content { flex-grow: 1; } ._unpublished_row_9202c__title { color: hsl(var(--text)); font-size: var(--font-size-heading-small); margin: 0 0 0.3rem; -webkit-text-decoration: line-through; text-decoration: line-through; } ._unpublished_row_9202c__unpublished { color: hsl(var(--suspended)); font-size: var(--font-size-small); } ._grade_1e2e5__User-GradeCell { --font-size: var(--font-size-large); align-items: center; border: 2px solid hsl(var(--danger)); border-radius: 50%; color: hsl(var(--danger)); display: flex; flex-shrink: 0; justify-content: center; font-size: var(--font-size-large); font-size: var(--font-size); } ._grade_1e2e5__User-GradeCell._grade_1e2e5__sufficient { border-color: hsl(var(--completed)); color: hsl(var(--completed)); } ._grade_1e2e5__User-GradeCell._grade_1e2e5__percentage { border-color: hsl(var(--lti-module) / 0.5); color: hsl(var(--lti-module)); font-size: calc(var(--font-size) * 0.75); } ._grade_1e2e5__icon { color: hsl(var(--danger)); } ._grade_1e2e5__icon._grade_1e2e5__sufficient { color: hsl(var(--completed)); } /* Variants */ ._grade_1e2e5__variant-bare { --font-size: 20px; border: none; height: 1em; line-height: 1em; width: 1em; } ._grade_1e2e5__variant-bare .icon { display: flex; align-items: center; font-size: inherit; } ._grade_1e2e5__variant-rounded { --font-size: 14px; border: none; border: 2px solid currentColor; border-radius: 0.2em; box-sizing: content-box; height: 1em; line-height: 1em; padding: 0.1em; width: 1em; } ._grade_1e2e5__variant-rounded .icon { display: flex; align-items: center; font-size: inherit; } ._grade_1e2e5__variant-default { height: 40px; line-height: 36px; width: 40px; } ._grade_1e2e5__variant-small { --font-size: var(--font-size-medium); font-weight: bold; height: 30px; letter-spacing: -0.05em; line-height: 26px; width: 30px; } ._grade_1e2e5__variant-large { height: 50px; line-height: 46px; width: 50px; } ._event_feedback_c638d__header { align-items: center; background-color: hsl(var(--gray98)); border: 1px solid hsl(var(--border-alpha)); border-radius: 5px 5px 0 0; display: flex; font-size: var(--font-size-extra-large); margin-bottom: var(--spacing-vertical-large); padding: var(--spacing-vertical-large) var(--spacing-horizontal); } ._event_feedback_c638d__header ._event_feedback_c638d__title { margin-left: var(--spacing-horizontal-small); } ._event_feedback_c638d__feedback-giver { align-items: center; display: flex; margin: 0; } ._event_feedback_c638d__feedback-date { margin-left: 0.5em; } ._event_feedback_c638d__user-avatar { margin-right: 0.5em; } ._event_feedback_c638d__user-name { margin-right: 0.25em; } ._event_feedback_c638d__feedback { padding: var(--spacing-vertical-small) 2em 2em; } ._search_7de43__form { margin-bottom: var(--spacing-vertical-large); } ._search_7de43__filter-heading { line-height: 1; margin-bottom: 1em; margin-top: 0; } @media only screen and (min-width: 768px) { ._search_7de43__filter-heading { display: inline-block; margin-bottom: 0; margin-right: var(--spacing-vertical) } } ._search_7de43__checkbox { display: inline; margin-right: var(--spacing-vertical-small); } @media only screen and (min-width: 768px) { ._search_7de43__checkbox { margin-right: var(--spacing-vertical) } } ._search_7de43__search { margin-bottom: var(--spacing-vertical-large); } ._search_7de43__search-query { display: block; font-size: var(--font-size-extra-large); margin-bottom: 1em; } ._skill_feedback_ba266__header { background-color: hsl(var(--gray98)); border: 1px solid hsl(var(--border-alpha)); border-radius: 5px 5px 0 0; flex-direction: column; font-size: var(--font-size-extra-large); padding-bottom: 35px; padding-top: 50px; text-align: center; } ._skill_feedback_ba266__header ._skill_feedback_ba266__user-avatar { --avatar-size: 75px; border: 1px solid hsl(var(--border-alpha)); left: 50%; position: absolute; top: 0; transform: translate(-50%, -50%); } ._skill_feedback_ba266__header ._skill_feedback_ba266__user-name { margin: 0; } ._skill_feedback_ba266__header ._skill_feedback_ba266__assessed-by-on { color: hsl(var(--meta)); font-size: var(--font-size-small); margin-bottom: 0; } ._skill_feedback_ba266__header ._skill_feedback_ba266__assessor-name { color: hsl(var(--text)); font-weight: 600; } ._skill_feedback_ba266__header ._skill_feedback_ba266__verified-icon { vertical-align: text-bottom; } ._skill_feedback_ba266__content { padding: var(--spacing-vertical-large) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { ._skill_feedback_ba266__content { padding: var(--spacing-vertical-extra-large) var(--spacing-horizontal-extra-large) } } ._billing_details_form_968dd__option, ._billing_details_form_968dd__submit { /* Javascript */ } @media only screen and (min-width: 768px) { ._billing_details_form_968dd__billing-details-list { max-height: 500px; overflow-y: auto } } ._billing_details_form_968dd__personal-details { display: flex; justify-content: space-between; } ._billing_details_form_968dd__type-badge { margin-left: 0.25em; } ._billing_details_form_968dd__add-button { display: block; padding: var(--spacing-vertical) 0; text-align: center; width: 100%; } ._billing_details_form_968dd__add-button:hover { background-color: hsl(var(--form-input-focus) / 3%); } ._billing_details_form_968dd__add-button-link { -webkit-text-decoration: underline; text-decoration: underline; } ._filter_ff9b5__User-Orders-FilterCell { align-items: center; display: flex; } ._filter_ff9b5__title { color: hsl(var(--text-light)); font-size: var(--font-size-capitalized-medium); margin-right: var(--spacing-horizontal-tiny); text-transform: uppercase; white-space: nowrap; } ._filter_ff9b5__form, ._filter_ff9b5__status-select { /* Used in javascript */ } ._header_17341__container { max-width: var(--media-tablet); padding: var(--spacing-vertical-small) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) {._header_17341__container { padding: var(--spacing-vertical-small) var(--spacing-horizontal) } } ._header_17341__title-link { color: inherit; } /* Variants */ ._header_17341__variant-narrow ._header_17341__title { margin-left: var(--spacing-horizontal-small); margin-right: var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { ._header_17341__variant-narrow ._header_17341__title { margin-left: var(--spacing-horizontal); margin-right: var(--spacing-horizontal) } } ._payment_option_f7fd6__User-Order-PaymentOptionCell { margin-bottom: 0; } ._payment_option_f7fd6__option>input:disabled+label { background-color: hsl(var(--form-input-disabled-background) / 40%); } ._payment_option_f7fd6__billing { border: 1px solid hsl(var(--border-alpha)); border-radius: var(--size-border-radius); display: flex; font-size: var(--font-size-small); padding: var(--spacing-vertical-small) var(--spacing-horizontal-small); } ._payment_option_f7fd6__billing-address { color: hsl(var(--meta)); font-style: normal; } ._payment_option_f7fd6__billing-actions { margin-left: auto; } ._payment_option_f7fd6__billing-actions >a, ._payment_option_f7fd6__billing-actions >span { color: hsl(var(--primary)); display: block; margin: 3px 0; -webkit-text-decoration: none; text-decoration: none; } ._payment_option_f7fd6__reference-input { border-right-width: 0; font-family: var(--font-family-monospace); font-size: var(--font-size-small); margin-right: -1px; min-width: 50%; } ._payment_option_f7fd6__reference-input:focus { border-right-width: 1px; } ._payment_option_f7fd6__reference-input::-moz-placeholder { color: hsl(var(--gray70)); font-weight: 400; } ._payment_option_f7fd6__reference-input::placeholder { color: hsl(var(--gray70)); font-weight: 400; } @media only screen and (min-width: 768px) { ._payment_option_f7fd6__reference-input { display: inline-block; height: auto; max-width: 220px; padding: 6px 0.75em } } ._payment_option_f7fd6__confirmation { font-style: italic; } ._share_external_achievements_5666d__User-Preferences-ShareExternalAchievementsCell { height: 70px; position: relative; /* prevent overlap if content height is less than viewport height */ width: 0; z-index: 2; } ._share_external_achievements_5666d__banner { background: hsl(var(--royal-blue-lighter)); bottom: 0; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.07); left: 0; padding: var(--spacing-vertical-small) var(--spacing-horizontal); position: fixed; right: 0; } ._share_external_achievements_5666d__container { background: hsl(var(--royal-blue-lighter)); color: hsl(var(--white)); } @media only screen and (min-width: 1200px) { ._share_external_achievements_5666d__container { align-items: center; display: flex } } ._share_external_achievements_5666d__link { color: hsl(var(--white)); font-weight: 600; } ._share_external_achievements_5666d__icon { display: none; font-size: 40px; } @media only screen and (min-width: 1200px) { ._share_external_achievements_5666d__icon { display: block; margin-right: var(--spacing-horizontal) } } ._share_external_achievements_5666d__message { font-size: var(--font-size-large); margin: 0; } ._share_external_achievements_5666d__meta-text { color: hsl(var(--royal-blue-lightest)); font-size: var(--font-size-small); margin: 0.3em 0 0; } @media only screen and (min-width: 1200px) { ._share_external_achievements_5666d__meta-text { margin: 0 } } ._share_external_achievements_5666d__form { align-items: center; display: inline-flex; margin-top: var(--spacing-vertical); } @media only screen and (min-width: 1200px) { ._share_external_achievements_5666d__form { font-size: 1.1em; margin: 0 0 0 auto } } ._share_external_achievements_5666d__label { margin-bottom: 0 !important; } ._share_external_achievements_5666d__label { align-items: flex-start; display: inline-flex; margin-right: 1em; } ._share_external_achievements_5666d__radio-input { margin: 0 0.5em 0 0; } ._share_external_achievements_5666d__submit-button { background: hsl(var(--violet)); border: 1px solid hsl(var(--violet)); box-shadow: 0 1000px 0 rgba(0, 0, 0, 0) inset; color: hsl(var(--white)); } ._share_external_achievements_5666d__submit-button:not(:disabled):not([disabled]):hover { box-shadow: 0 1000px 0 rgba(0, 0, 0, 0.06) inset; } ._share_external_achievements_5666d__submit-button._share_external_achievements_5666d__variant-ghost { background: transparent; border-color: hsl(var(--violet) / 0.7); color: hsl(var(--violet)); } ._share_external_achievements_5666d__submit-button._share_external_achievements_5666d__variant-ghost:not(:disabled):not([disabled]):hover { border-color: hsl(var(--violet)); box-shadow: none; filter: brightness(0.9); } ._share_external_achievements_5666d__submit-button { padding: 0.6em; } @media only screen and (min-width: 1200px) { ._share_external_achievements_5666d__submit-button { padding: 1em } } ._sidebar_5d701__sidebar { margin-top: 10px; } ._share_profile_9e00b__content { padding: var(--spacing-vertical) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) {._share_profile_9e00b__content { min-width: 400px } } ._share_profile_9e00b__content ._share_profile_9e00b__label { margin-bottom: 10px; } ._share_profile_9e00b__content ._share_profile_9e00b__generate-button { display: block; margin-bottom: var(--spacing-vertical); margin-top: var(--spacing-vertical); } ._share_profile_9e00b__content ._share_profile_9e00b__alert { margin-bottom: calc(var(--spacing-vertical-small) / 2); } ._share_profile_9e00b__content p { line-height: var(--line-height-medium); } ._share_profile_9e00b__content ._share_profile_9e00b__toggle-section { margin-top: var(--spacing-vertical); padding-top: var(--spacing-vertical); border-top: 1px solid hsl(var(--border)); } ._share_profile_9e00b__content ._share_profile_9e00b__toggle-label { display: flex; align-items: flex-start; gap: var(--spacing-horizontal-small); cursor: pointer; line-height: var(--line-height-medium); } ._share_profile_9e00b__content ._share_profile_9e00b__toggle-label input[type="checkbox"] { margin-top: 3px; flex-shrink: 0; } ._wizard_navigation_e3af7__WizardNavigationCell { align-items: space-between; border-top: 1px solid #e8ebf8; display: flex; margin-top: 10px; padding-bottom: 10px; padding-top: 10px; position: relative; } ._wizard_navigation_e3af7__button { align-items: center; -webkit-appearance: none; background: none; border: none; cursor: pointer; display: flex; flex: 0 0 50%; padding: 0; text-align: left; -webkit-text-decoration: none; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } ._wizard_navigation_e3af7__button::before { color: hsl(var(--primary)); font-size: 17px; } ._wizard_navigation_e3af7__button-content { display: block; } ._wizard_navigation_e3af7__previous { text-align: left; } ._wizard_navigation_e3af7__previous::before { margin-right: 15px; } ._wizard_navigation_e3af7__next { align-self: flex-end; justify-content: flex-end; margin-left: auto; text-align: right; } ._wizard_navigation_e3af7__next::before { margin-left: 15px; order: 1; } ._wizard_navigation_e3af7__label { color: hsl(var(--primary) / 0.5); display: block; font-size: var(--font-size-small); } ._wizard_navigation_e3af7__step { color: hsl(var(--primary)); display: block; font-size: var(--font-size-large); } ._wizard_8fe52__content { padding: 0 var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) {._wizard_8fe52__content { padding: 0 var(--spacing-horizontal) } } @media only screen and (min-width: 768px) { ._wizard_8fe52__actions { padding: 0 var(--spacing-horizontal) } } ._wizard_8fe52__actions ._wizard_8fe52__actions-content { border-top: 1px solid hsl(var(--border-alpha)); display: flex; justify-content: space-between; padding: var(--spacing-vertical) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { ._wizard_8fe52__actions ._wizard_8fe52__actions-content { padding: var(--spacing-vertical) 0 } } .actions-toggle[aria-expanded="true"] .actions-toggle-trigger { opacity: 1; } .actions-toggle-trigger { align-items: center; border-radius: 50%; cursor: pointer; display: inline-flex; height: 1.6rem; justify-content: center; opacity: 0.4; transition: background-color var(--duration-extra-short) ease, color var(--duration-extra-short) ease, opacity var(--duration-extra-short) ease; width: 1.6rem; } .actions-toggle-trigger:hover { background-color: hsl(var(--gray60) / 0.1); opacity: 1; } .actions-toggle-dropdown { padding: 0.2rem; } .actions-toggle-dropdown > a, .actions-toggle-dropdown > button { align-items: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: none; border-radius: 0.3rem; color: inherit; cursor: pointer; display: flex; flex-wrap: wrap; font-size: 0.95rem; font-weight: 600; gap: 0.5em; line-height: 1.2; padding: 0.5rem 0.75rem; -webkit-text-decoration: none; text-decoration: none; transition: background-color var(--duration-extra-short) ease, color var(--duration-extra-short) ease; width: 100%; } .actions-toggle-dropdown > a:hover, .actions-toggle-dropdown > button:hover { background: hsl(var(--background)); } .actions-toggle-dropdown > a:disabled, .actions-toggle-dropdown > a[disabled], .actions-toggle-dropdown > button:disabled, .actions-toggle-dropdown > button[disabled] { color: hsl(var(--gray60)); pointer-events: none; } .actions-toggle-dropdown small { color: hsl(var(--gray60)); flex-basis: 100%; font-size: 0.8rem; font-weight: 400; min-width: 0; width: 0; } .actions-toggle-dropdown > hr { border: 0; border-top: 1px solid hsl(var(--border-alpha)); margin: 0.5rem 0.6rem; } .not-in-target-audience-notice__tooltip { display: inline-block; } .not-in-target-audience-notice__tooltip-trigger { line-height: 1.3; } .not-in-target-audience-notice__tooltip-content { display: block; margin: 0; } .not-in-target-audience-notice__tooltip-section { font-size: 0.9rem; padding: 1rem 1.5rem; } .not-in-target-audience-notice__tooltip-section:not(:last-child) { border-bottom: 1px solid hsl(var(--gray94)); } .not-in-target-audience-notice__tooltip-section dt { color: hsl(var(--gray50)); display: inline-block; } .not-in-target-audience-notice__tooltip-section dd { font-weight: normal; margin: 0; } .not-in-target-audience-notice__tooltip-section .bold { color: inherit; font-weight: bold; margin: 0; } .not-in-target-audience-notice__tooltip-section .bold-link { cursor: pointer; -webkit-text-decoration: none; text-decoration: none; } .not-in-target-audience-notice__tooltip-section .bold-link:hover { -webkit-text-decoration: underline; text-decoration: underline; } .message-card-component { background: white; border-radius: 0.5rem; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.025) inset; display: flex; flex: 1; flex-direction: row; justify-content: stretch; position: relative; -webkit-text-decoration: none; text-decoration: none; } .message-card-component-content { color: black; display: flex; flex: 1; flex-direction: column; font-size: 16px; justify-content: center; padding: 2rem; position: relative; -webkit-text-decoration: none; text-decoration: none; width: 100%; } .message-card-component-author { align-items: center; color: rgba(0, 0, 0, 0.5); display: flex; gap: 0.5rem; line-height: 1.2rem; } .message-card-component-author b { color: black; } .message-card-component-message { line-height: 1.2rem; margin-bottom: 0; } .message-card-component-show-more { color: rgba(0, 0, 0, 0.5); cursor: pointer; margin-top: 0.5rem; } .message-card-component-message { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 6; overflow: hidden; } .component-campaign-slot { container-type: inline-size; container-name: campaign-slot; width: 100%; } .component-campaign-slot .container { padding-left: 1rem; padding-right: 1rem; } @container campaign-slot (max-width: 1400px) { .component-campaign-slot .container { padding-left: 2rem; padding-right: 2rem } } @container campaign-slot (max-width: 1400px) { .component-campaign-slot .container { padding-left: 1.2rem; padding-right: 1.2rem } } /* Hero Slot */ .component-campaign-slot .campaign-hero { --mix-color: color-mix(in hsl, var(--background-color), black); --mix-color2: color-mix(in hsl, var(--mix-color), transparent); --sans-serif: "Inter", "Noto Sans", -apple-system, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, blinkmacsystemfont, "San Francisco", "Segoe UI", roboto, "Helvetica Neue", sans-serif; } @supports (font-variation-settings: normal) { .component-campaign-slot .campaign-hero { --sans-serif: "InterVariable", "Noto Sans", -apple-system, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, blinkmacsystemfont, "San Francisco", "Segoe UI", roboto, "Helvetica Neue", sans-serif } } .component-campaign-slot .campaign-hero { align-items: center; background-color: var(--background-color); display: flex; flex-direction: column; height: 25vw; justify-content: center; max-height: 45rem; min-height: 32rem; padding: 0; position: relative; width: 100%; } @container campaign-slot (max-width: 768px) { .component-campaign-slot .campaign-hero { min-height: 23rem } } @container campaign-slot (max-width: 450px) { .component-campaign-slot .campaign-hero { max-height: none; max-height: initial; height: auto } } .component-campaign-slot .campaign-hero.campaign-hero-text-only { height: auto; max-height: auto; padding: 4rem 0 5rem; } .component-campaign-slot .one-column-layout { max-width: 1400px; width: 100%; padding: 0 1rem; } @container campaign-slot (max-width: 1960px) { .component-campaign-slot .one-column-layout.text-left { padding-left: 1.5rem } } @container campaign-slot (max-width: 1410px) { .component-campaign-slot .one-column-layout.text-left { padding-left: 2rem } } @container campaign-slot (max-width: 768px) { .component-campaign-slot .one-column-layout.text-left { padding: 0 2rem } } @container campaign-slot (max-width: 450px) { .component-campaign-slot .one-column-layout.text-left { padding: 0 1.5rem } } @container campaign-slot (max-width: 1960px) { .component-campaign-slot .one-column-layout.text-right { padding-right: 1.5rem } } @container campaign-slot (max-width: 1410px) { .component-campaign-slot .one-column-layout.text-right { padding-right: 2rem } } @container campaign-slot (max-width: 768px) { .component-campaign-slot .one-column-layout.text-right { padding: 0 2rem } } @container campaign-slot (max-width: 450px) { .component-campaign-slot .one-column-layout.text-right { padding: 0 1.5rem } } @container campaign-slot (min-width: 450px) { .component-campaign-slot .one-column-layout .campaign-hero-text { max-width: 43.75rem; width: -moz-fit-content; width: fit-content } } .component-campaign-slot .one-column-layout.text-left .campaign-hero-text { margin-right: auto; } .component-campaign-slot .one-column-layout.text-right .campaign-hero-text { margin-left: auto; } .component-campaign-slot .one-column-layout.text-center .campaign-hero-text { margin-left: auto; margin-right: auto; text-align: center; align-items: center; } .component-campaign-slot .two-column-layout { align-items: stretch; display: grid; height: 100%; max-width: 100%; width: calc(var(--media-desktop-large) * 1.4); } @container campaign-slot (max-width: 1960px) { .component-campaign-slot .two-column-layout { max-width: var(--media-desktop-large); width: 100% } } @container campaign-slot (max-width: 450px) { .component-campaign-slot .two-column-layout { align-items: stretch; display: flex } } .component-campaign-slot .two-column-layout::before { content: ""; display: block; } .component-campaign-slot .two-column-layout::after { content: ""; display: block; } .component-campaign-slot .two-column-layout.text-left-and-image-right { grid-template-columns: 3fr 7fr 10fr 0fr; } @container campaign-slot (max-width: 1960px) { .component-campaign-slot .two-column-layout.text-left-and-image-right { grid-template-columns: 0fr 1fr 1fr 0fr } } @container campaign-slot (max-width: 450px) { .component-campaign-slot .two-column-layout.text-left-and-image-right { flex-direction: column } } .component-campaign-slot .two-column-layout.text-right-and-image-left { grid-template-columns: 0fr 10fr 7fr 3fr; } @container campaign-slot (max-width: 1960px) { .component-campaign-slot .two-column-layout.text-right-and-image-left { grid-template-columns: 1fr 1fr 0fr 0fr } } @container campaign-slot (max-width: 768px) { .component-campaign-slot .two-column-layout.text-right-and-image-left { grid-template-columns: 0fr 1fr 1fr 0fr } } @container campaign-slot (max-width: 450px) { .component-campaign-slot .two-column-layout.text-right-and-image-left { flex-direction: column-reverse } } .component-campaign-slot .campaign-hero-text { align-items: flex-start; display: flex; flex-direction: column; justify-content: center; } .component-campaign-slot .two-column-layout.text-left-and-image-right .campaign-hero-text { padding-right: 10%; padding-left: .2rem; } @container campaign-slot (max-width: 1960px) { .component-campaign-slot .two-column-layout.text-left-and-image-right .campaign-hero-text { padding-left: 1.5rem } } @container campaign-slot (max-width: 1410px) { .component-campaign-slot .two-column-layout.text-left-and-image-right .campaign-hero-text { padding-left: 2rem } } @container campaign-slot (max-width: 768px) { .component-campaign-slot .two-column-layout.text-left-and-image-right .campaign-hero-text { padding-left: 2rem; padding-right: 1rem } } @container campaign-slot (max-width: 450px) { .component-campaign-slot .two-column-layout.text-left-and-image-right .campaign-hero-text { padding: 2rem 1.5rem 3rem } } .component-campaign-slot .two-column-layout.text-right-and-image-left .campaign-hero-text { padding-left: 10%; padding-right: .2rem; } @container campaign-slot (max-width: 1960px) { .component-campaign-slot .two-column-layout.text-right-and-image-left .campaign-hero-text { padding-right: 1.5rem } } @container campaign-slot (max-width: 1410px) { .component-campaign-slot .two-column-layout.text-right-and-image-left .campaign-hero-text { padding-right: 2rem } } @container campaign-slot (max-width: 768px) { .component-campaign-slot .two-column-layout.text-right-and-image-left .campaign-hero-text { padding-left: 2rem; padding-right: 2rem } } @container campaign-slot (max-width: 450px) { .component-campaign-slot .two-column-layout.text-right-and-image-left .campaign-hero-text { padding: 2rem 1.5rem 3rem } } .component-campaign-slot .campaign-hero-image { container-type: size; container-name: campaign-hero-image; overflow: hidden; } @container campaign-slot (max-width: 1960px) { .component-campaign-slot .campaign-hero-image { height: 100%; position: absolute; width: 50% } } @container campaign-slot (max-width: 768px) { .component-campaign-slot .campaign-hero-image { height: 100%; position: static; width: 100% } } @container campaign-slot (max-width: 450px) { .component-campaign-slot .campaign-hero-image { height: calc(3 / 4 * 100cqw) } } .component-campaign-slot .campaign-hero-image .campaign-hero-image-img { display: block; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-fit: var(--image-object-fit, cover); object-fit: var(--image-object-fit, cover); width: 100%; } @container campaign-slot (max-width: 450px) { .component-campaign-slot .campaign-hero-image .campaign-hero-image-img { aspect-ratio: 4 / 3; height: auto; height: initial; margin: 0 auto; position: static } } @container campaign-slot (max-width: 1960px) { .component-campaign-slot .two-column-layout.text-left-and-image-right .campaign-hero-image { right: 0 } } @container campaign-slot (max-width: 1960px) { .component-campaign-slot .two-column-layout.text-right-and-image-left .campaign-hero-image { left: 0 } } .component-campaign-slot .two-column-layout.text-left-and-image-right .campaign-hero-image-img { clip-path: circle(farthest-side at 50% 50%); background: radial-gradient(circle at 100% 50%, transparent 33%, var(--mix-color2)); } @container campaign-hero-image (max-width: 979px) { .component-campaign-slot .two-column-layout.text-left-and-image-right .campaign-hero-image-img { clip-path: circle(95.65cqh at 95.65cqh center) } } @container campaign-slot (max-width: 450px) { .component-campaign-slot .two-column-layout.text-left-and-image-right .campaign-hero-image-img { clip-path: circle(130cqw at center 130cqw); background: radial-gradient(circle at 50% 125%, transparent 33%, var(--mix-color2)) } } .component-campaign-slot .two-column-layout.text-right-and-image-left .campaign-hero-image-img { clip-path: circle(farthest-side at 50% 50%); background: radial-gradient(circle at -100% 50%, transparent 67%, var(--mix-color2)); } @container campaign-hero-image (max-width: 979px) { .component-campaign-slot .two-column-layout.text-right-and-image-left .campaign-hero-image-img { clip-path: circle(95.65cqh at calc(100% - 95.65cqh) center) } } @container campaign-slot (max-width: 450px) { .component-campaign-slot .two-column-layout.text-right-and-image-left .campaign-hero-image-img { clip-path: circle(130cqw at center 130cqw); background: radial-gradient(circle at 50% 125%, transparent 33%, var(--mix-color2)) } } .component-campaign-slot .campaign-title { color: var(--title-color); font-size: min(3.5em, 7vw); font-weight: 800; line-height: 1.1; margin: 0 0 0.2em 0; } @container campaign-slot (max-width: 1400px) { .component-campaign-slot .campaign-title { font-size: min(2.5em, 5vw) } } @container campaign-slot (max-width: 450px) { .component-campaign-slot .campaign-title { font-size: min(3.5em, 7vw) } } .component-campaign-slot .campaign-subtitle { color: var(--text-color); font-size: min(1.8em, 4vw); font-weight: 500; line-height: 1.4; margin: 0.2em 0 1em 0; max-width: 30ch; } .component-campaign-slot .campaign-button { --hover-cta-background-color: hsl(from var(--cta-background-color) h calc(s - 10) calc(l - 10)); background-color: var(--cta-background-color); border: 1px solid var(--cta-background-color); border-radius: 0.5rem; color: var(--cta-text-color); display: inline-flex; font-weight: 600; font-size: 1.25rem; padding: 0.7rem 1.5rem; width: -moz-fit-content; width: fit-content; cursor: pointer; transition: all 0.14s ease; } /* Banner Slot */ .component-campaign-slot .campaign-banner { background-color: var(--background-color); padding: 4rem 0 4rem; width: 100%; } @container campaign-slot (max-width: 1400px) { .component-campaign-slot .campaign-banner { padding: 3rem 0 3rem } } .component-campaign-slot .campaign-banner.campaign-banner-text-only { padding: 3rem 0 5rem; } .component-campaign-slot .campaign-banner-one-column-layout { max-width: 1000px; width: 100%; margin: 0 auto; padding: 0 2rem; } @container campaign-slot (max-width: 450px) { .component-campaign-slot .campaign-banner-one-column-layout { padding: 0 1.5rem } } .component-campaign-slot .campaign-banner-one-column-layout .campaign-banner-text { max-width: 43.75rem; } .component-campaign-slot .campaign-banner-one-column-layout.text-left .campaign-banner-text { margin-right: auto; } .component-campaign-slot .campaign-banner-one-column-layout.text-right .campaign-banner-text { margin-left: auto; } .component-campaign-slot .campaign-banner-one-column-layout.text-center .campaign-banner-text { margin-left: auto; margin-right: auto; text-align: center; align-items: center; } .component-campaign-slot .campaign-banner-two-column-layout { display: grid; grid-template-columns: 1fr 1fr; align-items: center; max-width: 1000px; margin: 0 auto; padding: 0 2rem; } @container campaign-slot (max-width: 768px) { .component-campaign-slot .campaign-banner-two-column-layout { grid-template-columns: 1fr } } @container campaign-slot (max-width: 450px) { .component-campaign-slot .campaign-banner-two-column-layout { padding: 0 1.5rem } } .component-campaign-slot .campaign-banner-two-column-layout.text-right-and-image-left { gap: 2rem; } @container campaign-slot (max-width: 768px) { .component-campaign-slot .campaign-banner-two-column-layout.text-right-and-image-left { grid-template-columns: 1fr } } .component-campaign-slot .campaign-banner-two-column-layout.text-left-and-image-right { gap: 3rem; } .component-campaign-slot .campaign-banner-text { align-items: flex-start; display: flex; flex-direction: column; justify-content: center; } .component-campaign-slot .campaign-banner-image { display: flex; align-items: center; justify-content: flex-end; } .component-campaign-slot .campaign-banner-image .campaign-banner-image-img { width: 100%; max-width: 400px; height: auto; aspect-ratio: 1 / 1; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .component-campaign-slot .campaign-banner-two-column-layout.text-left-and-image-right .campaign-banner-image { justify-content: flex-end; } @container campaign-slot (max-width: 1400px) { .component-campaign-slot .campaign-banner-two-column-layout.text-left-and-image-right .campaign-banner-image { justify-content: flex-start } } .component-campaign-slot .campaign-banner-two-column-layout.text-right-and-image-left .campaign-banner-image { justify-content: flex-start; } .component-campaign-slot .campaign-banner-title { color: var(--title-color); font-size: 3em; font-weight: 800; line-height: 1.1; margin: 0 0 0.4em 0; } @container campaign-slot (max-width: 1400px) { .component-campaign-slot .campaign-banner-title { font-size: 2.5em } } @container campaign-slot (max-width: 450px) { .component-campaign-slot .campaign-banner-title { font-size: 2.25em } } .component-campaign-slot .campaign-banner-body { color: var(--text-color); font-size: 1.1em; font-weight: 400; line-height: 1.4; margin: 0 0 1.75em 0; } .component-campaign-slot .campaign-banner-button { --hover-cta-background-color: hsl(from var(--cta-background-color) h calc(s - 10) calc(l - 10)); background-color: var(--cta-background-color); border: 1px solid var(--cta-background-color); border-radius: 0.5rem; color: var(--cta-text-color); display: inline-flex; font-weight: 600; font-size: 1.25rem; padding: 0.7rem 1.5rem; width: -moz-fit-content; width: fit-content; cursor: pointer; transition: all 0.14s ease; } /* Row Slot */ .component-campaign-slot.campaign-row { color: var(--text-color); background: var(--background-color); padding: 3rem 0 5rem; width: 100%; } .component-campaign-slot.campaign-row > .container > .justify-between { margin-bottom: 2rem; } @container campaign-slot (max-width: 768px) { .component-campaign-slot.campaign-row > .container > .justify-between { align-items: stretch; flex-direction: column; gap: 1rem; margin-bottom: 2rem } } .component-campaign-slot.campaign-row .campaign-row-title { color: var(--title-color); } @container campaign-slot (max-width: 450px) { .component-campaign-slot.campaign-row { padding: 3rem 0 4rem } } .component-campaign-slot .campaign-row-title { font-size: 1.7em; font-weight: 600; margin: 0; } .component-campaign-slot .campaign-row-content { display: flex; font-size: 1.1em; font-weight: 400; gap: 1rem; } .component-campaign-slot .campaign-row-view-all { color: var(--title-color); font-size: 1.1em; font-weight: 400; } .component-campaign-slot .campaign-row-content-items { display: grid; grid-gap: 1.5rem; gap: 1.5rem; grid-template-columns: repeat(auto-fill, minmax(19.5rem, 1fr)); } .component-campaign-slot .campaign-row-content-occurrence-items { display: flex; flex-wrap: wrap; gap: 1rem; } /* Event Row */ .campaign-slot-event-title { align-items: center; display: flex; gap: 1rem; margin: 0; } .campaign-slot-event-title h2 { margin: 0; } .campaign-slot-event-cover-image { border-radius: 0.3rem; height: 4rem; width: 4rem; } .campaign-slot-event-cover-image.default { align-items: center; background: linear-gradient( 137deg, hsl(var(--primary)) 21%, hsl( calc(var(--primary-h) + 40), calc(var(--primary-s) - 40%), calc(var(--primary-l) - 20%) ) 100% ); color: white; display: flex; justify-content: center; } .campaign-slot-event-link-title { display: block; font-size: var(--font-size-heading-medium); font-weight: bold; line-height: 1.25em; -webkit-text-decoration: none; text-decoration: none; } .campaign-slot-event-link-title a { color: hsl(var(--body)); } .campaign-slot-event-link-title a:hover { color: hsl(var(--event)); } .campaign-slot-event-link-title small { display: block; font-weight: normal; } /* Highlights Row */ .campaign-highlights { display: grid; grid-gap: 1.5rem; grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr)); } .campaign-row-content-item { display: flex; flex-direction: column; height: 100%; justify-content: flex-start; } .component-avatar { --default-avatar-size: 2em; --final-avatar-size: var(--avatar-size, var(--default-avatar-size)); display: inline-block; height: 2em; height: var(--final-avatar-size); width: 2em; width: var(--final-avatar-size); position: relative; color: var(--text-color); background: var(--background-color-lch); border-radius: 50%; border-radius: var(--border-radius, 50%); line-height: 2em; line-height: var(--final-avatar-size); font-weight: 800; overflow: hidden; } /* Types */ .component-avatar-image img { -o-object-fit: cover; object-fit: cover; -o-object-fit: var(--object-fit, cover); object-fit: var(--object-fit, cover); } .component-avatar-svg svg { border-radius: 0; } .component-avatar-image img, .component-avatar-svg svg { width: 100%; height: 100%; } .component-avatar-image::after, .component-avatar-svg::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; border-radius: 50%; border-radius: var(--border-radius, 50%); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.07); } .component-avatar-icon .icon, .component-avatar-placeholder > span { --shadow: oklch(from var(--background-color-lch) calc(l * 0.8) calc(c * 1.8) h / .18); box-shadow: inset 0 0 0 1px oklch(from var(--background-color-lch) calc(l * 0.8) calc(c * 1.8) h / .18); box-shadow: inset 0 0 0 1px var(--shadow); border-radius: 50%; border-radius: var(--border-radius, 50%); display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .component-avatar-placeholder > span, .component-avatar-icon .icon::before { font-size: max(.7em, calc(var(--final-avatar-size) / 2)); } /* Shapes */ .component-avatar-square { --border-radius: calc(var(--final-avatar-size) * 0.175); } .component-avatar-circle { --border-radius: 50%; } /* Lightness */ .component-avatar-light { --background-color-lch: var(--background-color, oklch(from var(--color) .98 calc(c * 0.25) h)); --text-color: var(--color); } .component-avatar-dark { --background-color-lch: var(--background-color, oklch(from var(--color) l c h)); --text-color: white; } .component-highlight-card { --sans-serif: "InterVariable", "Noto Sans", -apple-system, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif; --box-shadow-inset: inset 0 0 2px 1px hsla(from var(--background-color) h 17% 50% / .15); /* Set up container context for responsive queries */ container-type: inline-size; container-name: highlight-card; background-color: var(--background-color); border-radius: 1rem; box-shadow: inset 0 0 2px 1px hsla(from var(--background-color) h 17% 50% / .15); box-shadow: var(--box-shadow-inset); color: var(--text-color); font-family: "InterVariable", "Noto Sans", -apple-system, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif; font-family: var(--sans-serif); font-size: 1.1rem; overflow: hidden; display: flex; flex: 1; width: 100%; -webkit-text-decoration: none; text-decoration: none; transition: all 0.26s ease; } .component-highlight-card[href]:hover { box-shadow: var(--box-shadow-inset), 0 0 15px -10px hsl(from hsl(var(--background)) h 20% 40%); } .component-highlight-card[hidden] { display: none; } .component-highlight-card .component-highlight-card-title { -webkit-box-orient: vertical; color: var(--title-color); display: -webkit-box; font-family: var(--sans-serif); font-size: 1.8rem; font-weight: 800; -webkit-line-clamp: 2; line-height: 1.2; margin: 0; overflow: hidden; position: relative; } .component-highlight-card .component-highlight-card-left { display: flex; } .component-highlight-card .component-highlight-card-left > div { width: 100%; } .component-highlight-card .component-highlight-card-content { display: flex; flex-direction: column; gap: .5rem; line-height: 1.3; margin: 0.7rem 0 0.2rem 0; } .component-highlight-card .component-highlight-card-content p { line-height: 1.4; margin-top: .5rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .component-highlight-card .component-highlight-card-cta { --hover-cta-background-color: hsl(from var(--cta-background-color) h calc(s - 10) calc(l - 10)); background-color: var(--cta-background-color); border: 1px solid var(--cta-background-color); border-radius: 0.5rem; color: var(--cta-text-color); font-weight: 600; font-size: 1.1rem; padding: 0.5rem 2rem; margin-bottom: .5rem; width: -moz-fit-content; width: fit-content; white-space: nowrap; z-index: 2; cursor: pointer; transition: all 0.14s ease; } .component-highlight-card .component-highlight-card-cta:hover { background-color: var(--hover-cta-background-color); border-color: var(--hover-cta-background-color); } .component-highlight-card .component-highlight-card-image { --mix-color: color-mix(in hsl, var(--background-color), black); --mix-color2: color-mix(in hsl, var(--mix-color), transparent); container-type: size; container-name: highlight-card-image; position: relative; aspect-ratio: 16 / 9; } .component-highlight-card .component-highlight-card-image img { height: 100%; top: 0; right: 0; bottom: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-fit: var(--image-object-fit, cover); object-fit: var(--image-object-fit, cover); position: absolute; width: 100%; } .component-highlight-card-inner { display: flex; width: 100%; justify-content: space-between; } @container highlight-card (max-width: 450px) { .component-highlight-card-inner { flex-direction: column } .component-highlight-card-inner .component-highlight-card-left { flex: 1; } .component-highlight-card-inner .component-highlight-card-left > div { padding: 2rem 2.3rem 2.3rem 2.3rem; } .component-highlight-card-inner .component-highlight-card-image { flex: 0 0 15rem; width: 100%; } .component-highlight-card-inner .component-highlight-card-image img { clip-path: circle(130cqw at center 130cqw); background: radial-gradient(circle at 50% 125%, transparent 33%, var(--mix-color2)); } } @container highlight-card (min-width: 450px) { .component-highlight-card-inner { flex-direction: row; min-height: min(35cqw, 23rem); max-height: 23rem } .component-highlight-card-inner .component-highlight-card-left { flex: 1 0 50%; max-width: 50%; } .component-highlight-card-inner .component-highlight-card-left > div { max-width: 36rem; width: 100%; padding: 2rem 2.3rem; } .component-highlight-card-inner .component-highlight-card-image { flex: 1 0 50%; max-width: 50%; height: 100%; } .component-highlight-card-inner .component-highlight-card-image img { clip-path: circle(farthest-side at 100% 50%); background: radial-gradient(circle at 100% 50%, transparent 33%, var(--mix-color2)); } } @container highlight-card (min-width: 800px) { .component-highlight-card-inner .component-highlight-card-left { justify-content: center; align-items: center; } } .component-image-card { --sans-serif: "InterVariable", "Noto Sans", -apple-system, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, segoe ui, roboto, ubuntu, cantarell, noto sans, sans-serif, blinkmacsystemfont, "San Francisco", "Segoe UI", roboto, "Helvetica Neue", sans-serif; --background-color: hsl(var(--background)); --box-shadow-inset: inset 0 0 1px 0 hsla(from var(--background-color) h 17% 50% / .25); --box-shadow-outer: .3rem .5rem 1.5rem 0 hsla(from var(--background-color) h 17% 40% / .35); border-radius: 1.8rem; display: flex; font-family: "InterVariable", "Noto Sans", -apple-system, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, segoe ui, roboto, ubuntu, cantarell, noto sans, sans-serif, blinkmacsystemfont, "San Francisco", "Segoe UI", roboto, "Helvetica Neue", sans-serif; font-family: var(--sans-serif); color: hsl(var(--white)); box-shadow: .3rem .5rem 1.5rem 0 hsla(from hsl(var(--background)) h 17% 40% / .35); box-shadow: var(--box-shadow-outer); font-size: 1.1rem; aspect-ratio: 7/9; overflow: hidden; position: relative; -webkit-text-decoration: none; text-decoration: none; } .component-image-card::after { display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: var(--box-shadow-inset); border-radius: inherit; } .component-image-card .component-image-card-content { margin-top: auto; flex: 1; padding: 2rem; background: linear-gradient(to bottom, transparent 0%, hsl(var(--black) / 0.5) 40%); background: linear-gradient(to bottom, transparent 0%, hsl(var(--black) / var(--image-lightness, 0.5)) 40%); transition: background 0.5s ease; } .component-image-card .component-image-card-type { font-size: 1rem; font-weight: 360; margin: 0; color: hsl(var(--white) / .65); text-shadow: 0 0 1rem hsl(var(--black) / 0.5); text-shadow: 0 0 1rem hsl(var(--black) / var(--image-lightness, 0.5)); } .component-image-card .component-image-card-title { font-size: 1.4rem; font-weight: 510; margin-top: .5rem; margin-bottom: .8rem; font-family: var(--sans-serif); line-height: 1.35; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .component-image-card .component-image-card-description { margin-top: .8rem; margin-bottom: 1rem; font-weight: 360; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; display: -webkit-box; line-height: 1.3; } .component-image-card .component-image-card-tags { padding: 0; margin: 0; margin-top: 1rem; margin-bottom: 1rem; list-style: none; display: flex; flex-wrap: wrap; gap: 0.5rem; } .component-image-card .component-image-card-tags >li { padding: .25rem .7rem !important; border-radius: .65rem !important; } .component-image-card .component-image-card-tags >li { display: flex; gap: .15rem; font-size: 1rem; } .component-image-card .component-image-card-button, .component-image-card .component-image-card-tags>li { border-radius: 1.25rem; border-width: 1px; border-style: solid; box-shadow: 0px 2px 1rem 0 rgba(0, 0, 0, .1); padding: 0.8rem; display: flex; align-items: center; justify-content: center; } .component-image-card .component-image-card-button-cta { background: hsl(var(--white)); border-color: hsl(var(--white)); color: hsl(var(--text)); font-weight: 700; width: 100%; margin-top: 1.8rem; } .component-image-card .component-image-card-button-favorite, .component-image-card .component-image-card-tags>li { background: hsl(var(--white) / .2); border-color: hsl(var(--white) / .2); backdrop-filter: blur(3px); color: hsl(var(--white)); gap: .1rem; } .component-image-card .component-image-card-button-favorite, .component-image-card .component-image-card-button-favorite-shadow { position: absolute; top: 1rem; right: 1rem; height: 3rem; width: 3rem; font-size: 1.25rem; } .component-image-card .component-image-card-button-favorite { backdrop-filter: none; } .component-image-card .component-image-card-button-favorite-shadow { background: grey; border-radius: 1.25rem; backdrop-filter: blur(3px); border-width: 1px; border-style: solid; border-color: grey; mix-blend-mode: difference; } .component-image-card .component-image-card-image { height: 100%; top: 0; right: 0; bottom: 0; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; width: 100%; z-index: -1; } .component-oneliner { color: inherit; position: relative; -webkit-text-decoration: none; text-decoration: none; } .component-oneliner-nowrap { position: relative; white-space: nowrap; } .component-oneliner-title { font-weight: bold; } /* Types */ .component-oneliner-inline { --avatar-size: 1.125em; display: inline; line-height: inherit; margin-left: -0.15em; margin-right: 0; } .component-oneliner-inline::before { /* forces a space before the avatar */ content: " "; display: inline-block; } .component-oneliner-inline .component-oneliner-avatar { display: inline-block; height: 0; width: var(--avatar-size); } .component-oneliner-inline .component-oneliner-avatar > * { left: 0; position: absolute; top: 50%; transform: translateY(-50%); } .component-oneliner-block { --avatar-size: 1.75em; --line-height: 1.3; background: hsl(var(--white)); border-radius: 0.3rem; display: block; line-height: 1.3; line-height: var(--line-height); padding: calc(1.75em * 0.38) 0.4em; padding: calc(var(--avatar-size) * 0.38) 0.4em; transition: background 0.12s ease; width: 100%; } .component-oneliner-block[href]:hover, .component-oneliner-block.active { background: oklch(from hsl(var(--primary)) 0.974 0.015 h); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.025); } .component-oneliner-block .component-oneliner-avatar { align-items: center; display: flex; height: calc(1em * var(--line-height)); justify-content: center; position: absolute; width: var(--avatar-size); } .component-oneliner-block .component-oneliner-title { display: inline-block; padding-left: calc(var(--avatar-size) + 0.6em); } .component-plain-card { background: hsl(var(--white)); border-radius: 0.8rem; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.035); color: black; color: var(--type-color, black); display: block; flex: 1; font-size: 16px; padding: 2rem; position: relative; -webkit-text-decoration: none; text-decoration: none; transition: box-shadow 0.4s ease-in-out; width: 100%; } .component-plain-card[href]:hover { box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05); transition: box-shadow 0.2s ease-in-out; } .component-plain-card[href]:hover .component-plain-card-graphic { transition: width 0.2s ease-in-out; width: 3.5rem; } .component-plain-card-graphic { border-radius: 0 0.5rem 0 0; position: absolute; right: 0; top: 0; width: 3rem; transition: width 0.4s ease-in-out, max-width 0.4s ease-in-out; } .component-plain-card-type { display: flex; gap: .25rem; align-items: center; font-size: 1.1rem; font-weight: bold; margin-bottom: 0.5rem; position: relative; } @media only screen and (min-width: 768px) { .component-plain-card-type { margin-bottom: 1.5rem; padding-bottom: 1.3rem } .component-plain-card-type::after { background-color: currentColor; content: ""; display: block; height: 0.25rem; left: 0%; position: absolute; top: 100%; width: 2rem; } } .component-plain-card-title-prefix { height: 1.375rem; flex-shrink: 0; display: inline-flex; align-items: center; } .component-plain-card-title-prefix:not(:has(*)) { display: none; } .component-plain-card-title { font-size: 1.2rem; font-weight: bold; line-height: 1.2; overflow: hidden; padding-right: 1.7rem; position: relative; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; margin: 0; } .component-plain-card-content { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 5; line-height: 1.3; margin: 0.7rem 0 0.2rem 0; overflow: hidden; } .component-plain-card-content [data-link] { color: hsl(var(--primary)); cursor: pointer; -webkit-text-decoration: underline; text-decoration: underline; } .component-plain-card-title, .component-plain-card-content { color: hsl(var(--text)); word-break: break-word; } .component-plain-card-progress-bar { position: absolute; left: 0; bottom: 0; right: 0; height: 5px; border-radius: 0 0 0.5rem 0.5rem; overflow: hidden; background: currentColor; transition: clip-path 0.5s ease; clip-path: inset(0 calc(100% - 0%) -1px 0); clip-path: inset(0 calc(100% - var(--width, 0%)) -1px 0); } .component-plain-card-count { border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 3px; display: inline-block; font-size: 0.75rem; line-height: 0.8; margin-right: 0.2rem; min-width: 0.8rem; padding: 2px 2px; position: relative; text-align: center; top: -2px; } .component-plain-card-count::after { border-bottom: 1px solid rgba(0, 0, 0, 0.7); border-radius: 0 0 4px 0; border-right: 1px solid rgba(0, 0, 0, 0.7); content: " "; height: 100%; left: 2px; position: absolute; top: 2px; width: 100%; } .component-plain-card-course::before, .component-plain-card-course::after { border-radius: 0 0 0.5rem 0.5rem; content: ""; display: block; height: 0.25rem; position: absolute; transition: all 0.4s ease-in-out; } .component-plain-card-course::before { background: hsl(var(--gray99)); box-shadow: 0px -1px 0px 0px #eaeaea; border-style: solid; border-width: 0 1px 1px 1px; border-color: #eaeaea; left: 0.5rem; right: 0.5rem; top: calc(100% + 1px); } .component-plain-card-course::after { background: hsl(var(--gray98)); border-style: solid; border-width: 0 1px 1px 1px; border-color: #eeeeee; left: 1rem; right: 1rem; top: calc(100% + 0.25rem + 2px); } .component-plain-card-course[href]:hover::before, .component-plain-card-course[href]:hover::after { height: 0.4rem; } .component-plain-card-course[href]:hover::before { background: hsl(var(--gray98)); } .component-plain-card-course[href]:hover::after { background: hsl(var(--gray97)); top: calc(100% + 0.4rem + 2px); } .component-plain-card-course .component-plain-card-progress-bar { background: linear-gradient(to right, #FF9900, #FF007A, #7F31FF); } .component-stack { --sans-serif: "InterVariable", "Noto Sans", -apple-system, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, segoe ui, roboto, ubuntu, cantarell, noto sans, sans-serif, blinkmacsystemfont, "San Francisco", "Segoe UI", roboto, "Helvetica Neue", sans-serif; --stack-offset: 0.4rem; --box-shadow: 0 -1px 0 rgba(255, 255, 255, .4); font-family: "InterVariable", "Noto Sans", -apple-system, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, segoe ui, roboto, ubuntu, cantarell, noto sans, sans-serif, blinkmacsystemfont, "San Francisco", "Segoe UI", roboto, "Helvetica Neue", sans-serif; font-family: var(--sans-serif); width: 100%; color: inherit; -webkit-text-decoration: none; text-decoration: none; display: block; } .component-stack-layers { position: relative; aspect-ratio: 9/6; } .component-stack-layers::before, .component-stack-layers::after { content: ""; position: absolute; border-radius: 1rem; left: 50%; transform: translateX(-50%); background-color: var(--stack-color); box-shadow: var(--box-shadow); } .component-stack-layers::before { width: calc(100% - 4rem); top: 0; bottom: calc(var(--stack-offset) * 2); filter: brightness(0.6); z-index: 1; } .component-stack-layers::after { width: calc(100% - 2rem); top: var(--stack-offset); bottom: var(--stack-offset); filter: brightness(0.8); z-index: 2; } .component-stack-main { z-index: 3; position: absolute; width: 100%; top: calc(var(--stack-offset) * 2); bottom: 0; left: 0; border-radius: 1rem; overflow: hidden; box-shadow: 0 0.1rem .5rem rgba(0, 0, 0, 0.2), var(--box-shadow); background-color: var(--stack-color); } .component-stack-image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: transform 0.3s ease-out; } .component-stack:hover .component-stack-image { transform: scale(1.05); } .component-stack-fallback { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease-out; } .component-stack:hover .component-stack-fallback { transform: scale(1.05); } .component-stack-badge { position: absolute; bottom: 0.75rem; right: 0.75rem; background: rgba(0, 0, 0, 0.7); color: white; padding: .35em .6em .35em .8em; border-radius: 0.4em; font-size: .9rem; font-weight: 500; display: flex; align-items: center; gap: 0.4em; } .component-stack-title { margin-top: 0.5rem; margin-bottom: 0; font-size: 1.2rem; font-weight: 600; color: inherit; line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .component-certificate-item-tile[href]:hover .component-certificate-item-graphic { width: 3.5rem; } .component-certificate-item-tile .component-certificate-item-graphic { width: 3rem; } @media only screen and (min-width: 768px) { .component-certificate-item-tile .component-certificate-item-type { margin-bottom: 1.5rem; padding-bottom: 1.3rem } .component-certificate-item-tile .component-certificate-item-type::after { background-color: currentColor; content: ""; display: block; height: 0.25rem; left: 0%; position: absolute; top: 100%; width: 2rem; } } .component-certificate-item-tile .component-certificate-item-title { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; margin: 0; } .component-certificate-list-item { padding: 1.5rem; } .component-certificate-list-item[href]:hover .component-certificate-item-graphic { width: 2.8rem; } .component-certificate-list-item .component-certificate-item-graphic { width: 2.4rem; } .component-certificate-list-item .component-certificate-item-title { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1; margin: 0; max-width: 40rem; } .component-certificate-item { display: block; flex: 1; width: 100%; position: relative; background: hsl(var(--white)); border-radius: 0.5rem; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.025); font-size: 16px; -webkit-text-decoration: none; text-decoration: none; padding: 2rem; transition: box-shadow 0.4s ease-in-out; } .component-certificate-item[href]:hover { box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05); transition: box-shadow 0.2s ease-in-out; } .component-certificate-item[href]:hover .component-certificate-item-graphic { transition: width 0.2s ease-in-out; } .component-certificate-item-graphic { border-radius: 0 0.5rem 0 0; position: absolute; right: 0; top: 0; transition: width 0.4s ease-in-out, max-width 0.4s ease-in-out; } .component-certificate-item-type { display: block; font-size: 1.1rem; font-weight: bold; margin-bottom: 0.5rem; position: relative; } .component-certificate-item-title { font-size: 1.2rem; font-weight: bold; line-height: 1.2; overflow: hidden; padding-right: 1.7rem; position: relative; } .component-certificate-item-summary { -webkit-box-orient: vertical; -webkit-line-clamp: 5; display: -webkit-box; line-height: 1.3; margin: 0.7rem 0.2rem 0; overflow: hidden; } .component-certificate-item-summary [data-link] { color: hsl(var(--primary)); cursor: pointer; -webkit-text-decoration: underline; text-decoration: underline; } .component-certificate-item-title, .component-certificate-item-summary { color: hsl(var(--text)); word-break: break-word; } .component-certificate-item-progress-bar { position: absolute; left: 0; bottom: 0; right: 0; height: 5px; border-radius: 0 0 0.5rem 0.5rem; overflow: hidden; background: currentColor; transition: clip-path 0.5s ease; clip-path: inset(0 calc(100% - 0%) -1px 0); clip-path: inset(0 calc(100% - var(--width, 0%)) -1px 0); } .component-certificate-item-count { border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 3px; display: inline-block; font-size: 0.75rem; line-height: 0.8; margin-right: 0.2rem; min-width: 0.8rem; padding: 2px 2px; position: relative; text-align: center; top: -2px; } .component-certificate-item-count::after { border-bottom: 1px solid rgba(0, 0, 0, 0.7); border-radius: 0 0 4px 0; border-right: 1px solid rgba(0, 0, 0, 0.7); content: " "; height: 100%; left: 2px; position: absolute; top: 2px; width: 100%; } .component-illustration { border-radius: 0.5rem; box-shadow: 0 0 0 1px rgba(186, 1, 1, 0.1) inset; display: block; height: 2rem; height: var(--illustration-size, 2rem); width: 2rem; width: var(--illustration-size, 2rem); } .component-illustration.illustration-missing { background-color: #d6d6d6; border-radius: 0.5rem; height: 2rem; height: var(--illustration-size, 2rem); width: 2rem; width: var(--illustration-size, 2rem); } .component-illustration .illustration-background { fill: #00a79f; fill: var(--theme-background-color, #00a79f); } .component-illustration .illustration-light { fill: #fff; fill: var(--theme-light-color, #fff); } .component-illustration .illustration-dark { fill: #5e4f9c; fill: var(--theme-dark-color, #5e4f9c); } .component-illustration .illustration-accent { fill: #c8b6f2; fill: var(--theme-accent-color, #c8b6f2); } .component-illustration .illustration-accent-stroke { color: #c8b6f2; color: var(--theme-accent-color, #c8b6f2); stroke: #c8b6f2; stroke: var(--theme-accent-color, #c8b6f2); } .component-illustration .illustration-white { fill: #fff; fill: var(--theme-white-color, #fff); } .component-illustration .illustration-even-odd { fill-rule: evenodd; } .component-illustration.theme-red, .component-illustration-theme-red { --theme-background-color: #ffd6d6; --theme-light-color: #fff1f1; --theme-dark-color: #b03030; --theme-accent-color: #f4a3a0; } .component-illustration.theme-blue, .component-illustration-theme-blue { --theme-background-color: #4f8aef; --theme-light-color: #f0f5ff; --theme-dark-color: #3355aa; --theme-accent-color: #cdd9ff; } .component-illustration.theme-teal, .component-illustration-theme-teal { --theme-background-color: #97d6d3; --theme-light-color: #e8f9f8; --theme-dark-color: #007a73; --theme-accent-color: #1f5552; } .component-illustration.theme-green, .component-illustration-theme-green { --theme-background-color: #bde7bd; --theme-light-color: #e8fcef; --theme-dark-color: #1e6030; --theme-accent-color: #187c27; } .component-illustration.theme-yellow, .component-illustration-theme-yellow { --theme-background-color: #f9be1b; --theme-light-color: #fff9e6; --theme-dark-color: #997a00; --theme-accent-color: #705000; } .component-illustration.theme-purple, .component-illustration-theme-purple { --theme-background-color: #ddccff; --theme-light-color: #f5f0ff; --theme-dark-color: #5533cc; --theme-accent-color: #c8b6f2; } .component-illustration.theme-orange, .component-illustration-theme-orange { --theme-background-color: #ffd8c2; --theme-light-color: #fff1e8; --theme-dark-color: #d8662a; --theme-accent-color: #f89c66; } .component-illustration.theme-pink, .component-illustration-theme-pink { --theme-background-color: #ffd0f0; --theme-light-color: #fff0fa; --theme-dark-color: #b030b0; --theme-accent-color: #4a207f; } .component-illustration.theme-brown, .component-illustration-theme-brown { --theme-background-color: #e2c385; --theme-light-color: #fff7e8; --theme-dark-color: #7a6230; --theme-accent-color: #fff3a3; } .component-illustration.theme-gray, .component-illustration-theme-gray { --theme-background-color: #d6d6d6; --theme-light-color: #f4f4f4; --theme-dark-color: #444444; --theme-accent-color: #6b8596; } .component-learnable-item-tile[href]:hover .component-learnable-item-graphic { width: 3.5rem; } .component-learnable-item-tile .component-learnable-item-graphic { width: 3rem; } @media only screen and (min-width: 768px) { .component-learnable-item-tile .component-learnable-item-type { margin-bottom: 1.5rem; padding-bottom: 1.3rem } .component-learnable-item-tile .component-learnable-item-type::after { background-color: currentColor; content: ""; display: block; height: 0.25rem; left: 0%; position: absolute; top: 100%; width: 2rem; } } .component-learnable-item-tile .component-learnable-item-title { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; margin: 0; } .component-learnable-list-item { padding: 1.5rem; } .component-learnable-list-item[href]:hover .component-learnable-item-graphic { width: 2.8rem; } .component-learnable-list-item .component-learnable-item-graphic { width: 2.4rem; } .component-learnable-list-item .component-learnable-item-title { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1; margin: 0; max-width: 40rem; } .component-learnable-item { display: block; flex: 1; width: 100%; position: relative; background: hsl(var(--white)); border-radius: 0.5rem; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.025); font-size: 16px; -webkit-text-decoration: none; text-decoration: none; padding: 2rem; transition: box-shadow 0.4s ease-in-out; } .component-learnable-item[href]:hover { box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05); transition: box-shadow 0.2s ease-in-out; } .component-learnable-item[href]:hover .component-learnable-item-graphic { transition: width 0.2s ease-in-out; } .component-learnable-item-graphic { border-radius: 0 0.5rem 0 0; position: absolute; right: 0; top: 0; transition: width 0.4s ease-in-out, max-width 0.4s ease-in-out; } .component-learnable-item-type { display: block; font-size: 1.1rem; font-weight: bold; margin-bottom: 0.5rem; position: relative; } .component-learnable-item-title { font-size: 1.2rem; font-weight: bold; line-height: 1.2; overflow: hidden; padding-right: 1.7rem; position: relative; } .component-learnable-item-summary { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 5; line-height: 1.3; margin: 0.7rem 0 0.2rem 0; overflow: hidden; } .component-learnable-item-summary [data-link] { color: hsl(var(--primary)); cursor: pointer; -webkit-text-decoration: underline; text-decoration: underline; } .component-learnable-item-title, .component-learnable-item-summary { color: hsl(var(--text)); word-break: break-word; } .component-learnable-item-progress-bar { position: absolute; left: 0; bottom: 0; right: 0; height: 5px; border-radius: 0 0 0.5rem 0.5rem; overflow: hidden; background: currentColor; transition: clip-path 0.5s ease; clip-path: inset(0 calc(100% - 0%) -1px 0); clip-path: inset(0 calc(100% - var(--width, 0%)) -1px 0); } .component-learnable-item-count { border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 3px; display: inline-block; font-size: 0.75rem; line-height: 0.8; margin-right: 0.2rem; min-width: 0.8rem; padding: 2px 2px; position: relative; text-align: center; top: -2px; } .component-learnable-item-count::after { border-bottom: 1px solid rgba(0, 0, 0, 0.7); border-radius: 0 0 4px 0; border-right: 1px solid rgba(0, 0, 0, 0.7); content: " "; height: 100%; left: 2px; position: absolute; top: 2px; width: 100%; } .component-learnable-item-pinned { background: black; border: 3px solid hsl(var(--gray97)); border-radius: 10rem; display: flex; align-items: center; height: 2rem; position: absolute; right: -0.8rem; top: -0.8rem; width: 2rem; } .component-learnable-item-pinned .icon { color: white; font-size: 1.2rem; margin: 0 auto; } .component-learnable-item-pinned .icon::before { margin-left: 0.15rem; } .component-learnable-item-article { color: #ffb800; } .component-learnable-item-video, .component-learnable-item-audio, .component-learnable-item-podcast { color: #ff424d; } .component-learnable-item-event { color: #0075ff; } .component-learnable-item-test { color: #6100ff; } .component-learnable-item-e-learning { color: #ff4286; } .component-learnable-item-skill { color: #00ac8d; } .component-learnable-item-mixed-course { color: #000; } .component-learnable-item-mixed-course::before, .component-learnable-item-mixed-course::after { border-radius: 0 0 0.5rem 0.5rem; content: ""; display: block; height: 0.25rem; position: absolute; transition: all 0.4s ease-in-out; } .component-learnable-item-mixed-course::before { background: hsl(var(--gray99)); box-shadow: 0px -1px 0px 0px #eaeaea; border-style: solid; border-width: 0 1px 1px 1px; border-color: #eaeaea; left: 0.5rem; right: 0.5rem; top: calc(100% + 1px); } .component-learnable-item-mixed-course::after { background: hsl(var(--gray98)); border-style: solid; border-width: 0 1px 1px 1px; border-color: #eeeeee; left: 1rem; right: 1rem; top: calc(100% + 0.25rem + 2px); } .component-learnable-item-mixed-course[href]:hover::before, .component-learnable-item-mixed-course[href]:hover::after { height: 0.4rem; } .component-learnable-item-mixed-course[href]:hover::before { background: hsl(var(--gray98)); } .component-learnable-item-mixed-course[href]:hover::after { background: hsl(var(--gray97)); top: calc(100% + 0.4rem + 2px); } .component-learnable-item-mixed-course .component-learnable-item-progress-bar { background: linear-gradient(to right, #FF9900, #FF007A, #7F31FF); } :root { --mention-font-family: Inter, -apple-system, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, var(--font-family-base); --mention-background: rgba(88, 5, 255, .05); --mention-color: #6a00f5; } /* Trix mentions */ figure[data-trix-content-type="application/vnd.detroit.mention"] { display: inline-block; margin: 0 0.15rem; vertical-align: baseline; /* .attachment__toolbar { } */ } figure[data-trix-content-type="application/vnd.detroit.mention"] .mention { padding: 0.1rem 0.3rem; } figure[data-trix-content-type="application/vnd.detroit.mention"] .attachment__caption { display: none; } /* Anchor element for the mention suggestions menu */ .trix-mention-suggestions { pointer-events: none; position: absolute; z-index: 9999; } /* Generic mentions */ .mention { font-family: Inter, -apple-system, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, var(--font-family-base); font-family: var(--mention-font-family); display: inline-flex; font-size: 0.85em; font-weight: 500; border-radius: 0.4rem; background: rgba(88, 5, 255, .05); background: var(--mention-background); color: #6a00f5; color: var(--mention-color); padding: 0.1em 0.25em; } /* Suggestions menu */ .mention-menu { font-family: Inter, -apple-system, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, var(--font-family-base); font-family: var(--mention-font-family); background: hsl(var(--white)); border: 1px solid hsl(var(--border) / 0.3); border-radius: 0.8rem; box-shadow: 0 0.5rem 1.3rem rgba(0, 0, 0, 0.12); max-height: 14rem; overflow-y: auto; width: min(22rem, calc(100vw - 2rem)); } .mention-menu:empty { display: none; } .mention-list { list-style: none; margin: 0; padding: 0.25rem; } .mention-option { align-items: center; background: transparent; border: 0; border-radius: 0.3rem; cursor: pointer; display: flex; gap: 0.75rem; padding: 0.4rem 0.65rem; text-align: left; width: 100%; } .mention-option.is-selected, .mention-option:hover { background: hsl(var(--violet) / 0.05); } .mention-option-avatar { --avatar-size: 1.5rem; flex-shrink: 0; } .mention-option-label { color: hsl(var(--text)); font-size: 0.9rem; line-height: 1.2; font-weight: 500; } .mention-empty { color: hsl(var(--meta)); font-size: 0.875rem; padding: 0.55rem 0.65rem; } /* mentions Tippy theme */ .tippy-box[data-theme~="mention-menu"] { background: transparent; border: 0; box-shadow: none; } .tippy-box[data-theme~="mention-menu"] > .tippy-content { padding: 0; } .multi-select-selected { background: hsl(var(--background)); border-radius: 0.5rem; margin-top: 1rem; padding: 0.5rem 1rem 1rem; position: relative; } .multi-select-selected::after { background: linear-gradient(to right, transparent 0%, hsl(var(--gray93)) 75%); border-radius: 0 0.5rem 0.5rem 0; bottom: 0; content: ""; pointer-events: none; position: absolute; right: 0; top: 0; transition: opacity 0.2s; width: 5rem; } .multi-select-selected.is-scrolled-end::after, .multi-select-selected.has-no-overflow::after { opacity: 0; } .multi-select-selected-list { display: flex; gap: 1rem; list-style: none; margin: 0; overflow-x: auto; overflow-y: hidden; padding: 0.5rem 0.5rem 0.25rem 0; } .multi-select-selected-item { flex: 1 1 20rem; min-width: 20rem; position: relative; } .multi-select-selected-card { padding: 1.1rem; } .multi-select-selected-card .component-learnable-item-graphic { width: 2.1rem; } .multi-select-selected-card .component-learnable-item-title { font-size: 1rem; -webkit-line-clamp: 2; } .multi-select-selected-message { background: rgba(0, 0, 0, 0.035); border-radius: 0.5rem; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.025) inset; display: flex; flex-direction: column; height: 100%; justify-content: center; padding: 1.25rem; } .multi-select-selected-message-author { align-items: center; color: rgba(0, 0, 0, 0.5); display: flex; font-size: 0.8rem; gap: 0.5rem; line-height: 1.2; margin-bottom: 0.75rem; } .multi-select-selected-message-author b { color: black; } .multi-select-selected-message-body { -webkit-box-orient: vertical; display: -webkit-box; font-size: 0.95rem; -webkit-line-clamp: 2; line-height: 1.3; margin: 0; overflow: hidden; } .multi-select-selected-remove { align-items: center; background: hsl(var(--white)); border: 0; border-radius: 999px; box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.12); color: var(--color-text-secondary); cursor: pointer; display: inline-flex; height: 2rem; justify-content: center; position: absolute; right: -0.4rem; top: -0.4rem; width: 2rem; } .multi-select-add-panel { margin-top: 1rem; position: relative; } .multi-select-toggle { align-items: center; background: none; border: 0; color: inherit; cursor: pointer; display: flex; font-size: 0.95rem; font-weight: 600; justify-content: space-between; padding: 0; width: 100%; } .multi-select-panel { background: hsl(var(--white)); border: 1px solid hsl(var(--border)); border-radius: 0.9rem; left: 0; margin-top: 0.5rem; padding: 0.9rem; position: absolute; top: 0; width: 100%; z-index: 4; } .multi-select-input { align-items: center; background: hsl(var(--white)); border: 1px solid hsl(var(--border)); border-radius: 0.6rem; display: flex; gap: 0.5rem; padding: 0.4rem 0.75rem; width: 100%; } .multi-select-clear { align-items: center; background: none; border: 0; color: var(--color-text-secondary); cursor: pointer; display: flex; font-size: 0.9rem; font-weight: 600; gap: 0.5rem; margin: 0.6rem 0; padding: 0; } .multi-select-clear:hover { color: var(--color-text); } .multi-select-input .icon { color: var(--color-text-secondary); font-size: 1rem; } .multi-select-search { border: 0; font-size: 0.95rem; outline: none; padding: 0; width: 100%; } .multi-select-search:disabled { background: none; color: var(--color-text-secondary); } .multi-select-menu { background: hsl(var(--white)); border: 1px solid hsl(var(--border)); border-radius: 0.75rem; margin-top: 0.5rem; max-height: 16rem; overflow: auto; padding: 0.4rem; width: 100%; } .multi-select-suggestions { color: var(--color-text-secondary); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.04em; padding: 0.4rem 0.6rem; text-transform: uppercase; } .multi-select-list { display: grid; grid-gap: 0.35rem; gap: 0.35rem; list-style: none; margin: 0; padding: 0; width: 100%; } .multi-select-item { margin: 0; } .multi-select-option { align-items: center; background: none; border: 0; border-radius: 0.5rem; cursor: pointer; display: flex; gap: 0.6rem; padding: 0.5rem 0.6rem; text-align: left; width: 100%; } .multi-select-option:hover { background: hsl(var(--primary) / 0.08); } .multi-select-option.is-selected { background: hsl(var(--primary) / 0.12); } .multi-select-check { align-items: center; color: var(--color-text-secondary); display: inline-flex; height: 1.25rem; justify-content: center; opacity: 0; width: 1.25rem; } .multi-select-option.is-selected .multi-select-check { opacity: 1; } .multi-select-title { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .multi-select-empty { color: var(--color-text-secondary); font-size: 0.875rem; margin: 0.5rem 0 0 0; padding: 0.5rem 0.6rem; } .is-hidden { display: none; } .course-header-content .my-list-toggle-button { margin-right: 1rem; } @media only screen and (max-width: 767px) {.course-header-content .my-list-toggle-button { margin-right: 0.5rem } } .my-list-toggle-button { --heart-color: #ec677a; --duration: 0.12s; background: transparent; border: none; color: inherit; cursor: pointer; display: inline-flex; margin-top: -0.5px; padding: 0; position: relative; } .my-list-toggle-button.light .icon-container { color: black; } .my-list-toggle-button.light .icon-container::before { background: hsl(var(--gray97)); box-shadow: 0 0 0 1px hsl(var(--gray94)); } .my-list-toggle-button.light.added .icon-container { color: var(--heart-color); } .my-list-toggle-button.course .icon-container { color: inherit; } .my-list-toggle-button.course .icon-container::before { background: hsl(var(--theme-color-contrast-opposite-alpha)); box-shadow: 0 0 0 1px hsl(var(--theme-color-contrast-opposite-alpha-border)); } .my-list-toggle-button .icon-container { border-radius: 0.5rem; display: flex; padding: 0.625rem; transition: color var(--duration) ease-in-out; transition-delay: var(--duration); z-index: 2; } .my-list-toggle-button .icon-container::before { border-radius: 0.5rem; content: ''; display: block; top: 0.01rem; right: 0.01rem; bottom: 0.01rem; left: 0.01rem; position: absolute; transition: all var(--duration) ease-in-out; transition-delay: var(--duration); z-index: -1; } .my-list-toggle-button .icon-container::after { background: transparent; border-radius: 0.5rem; content: ''; display: block; top: 0.01rem; right: 0.01rem; bottom: 0.01rem; left: 0.01rem; position: absolute; transition: all var(--duration) ease-in-out; transition-delay: calc(var(--duration) / 1.5); z-index: -1; } .my-list-toggle-button .icon-container .icon { display: flex; font-size: 1.3rem; height: 1.3rem; width: 1.3rem; } .my-list-toggle-button .text-shadow { filter: drop-shadow(0 0 1px hsl(var(--gray80))); top: 0; right: 0; bottom: 0; left: 0; position: absolute; } .my-list-toggle-button .text-outer { bottom: 0; clip-path: inset(0 0 0 0 round 0.5rem); display: flex; font-size: 1rem; pointer-events: none; position: absolute; top: 0; } .my-list-toggle-button .text-inner { align-items: center; background: hsl(var(--gray98)); border-radius: 0.5rem; color: var(--heart-color); display: flex; position: relative; transition-delay: 0s; white-space: nowrap; } .my-list-toggle-button.expand-to-right .text-outer { left: 0; } .my-list-toggle-button.expand-to-right .text-inner { left: calc(-100% - 1pt); padding: 0 1rem 0 2.625rem; transition: all var(--duration) ease-in-out; } .my-list-toggle-button.expand-to-right.active .text-inner { left: 0; } @media (hover: hover) { .my-list-toggle-button.expand-to-right:hover .text-inner { left: 0; } } .my-list-toggle-button.expand-to-left .text-outer { right: 0; } .my-list-toggle-button.expand-to-left .text-inner { padding: 0 2.625rem 0 1rem; right: calc(-100% - 1pt); transition: all var(--duration) ease-in-out; } .my-list-toggle-button.expand-to-left.active .text-inner { right: 0; } @media (hover: hover) { .my-list-toggle-button.expand-to-left:hover .text-inner { right: 0; } } .my-list-toggle-button.active .icon-container { color: var(--heart-color) !important; } .my-list-toggle-button.active .icon-container { transition-delay: 0s; } .my-list-toggle-button.active .icon-container::before { background: transparent; box-shadow: 0 0 0 0 hsl(var(--gray70)); transition-delay: 0s; } .my-list-toggle-button.active .icon-container::after { background: hsl(var(--gray98)); transition-delay: 0s; } @media (hover: hover) { .my-list-toggle-button:hover .icon-container { color: var(--heart-color) !important; } .my-list-toggle-button:hover .icon-container { transition-delay: 0s; } .my-list-toggle-button:hover .icon-container::before { background: transparent; box-shadow: 0 0 0 0 hsl(var(--gray70)); transition-delay: 0s; } .my-list-toggle-button:hover .icon-container::after { background: hsl(var(--gray98)); transition-delay: 0s; } .my-list-toggle-button:hover .text-outer { pointer-events: auto; } .my-list-toggle-button:hover .text-inner { transition-delay: calc(var(--duration) / 1.5); } } .my-list-toggle-button .icon.hidden { display: none; } .my-list-toggle-button.added:not(.notify-change):hover .hidden.icon-unheart { display: block; } .my-list-toggle-button.added:not(.notify-change):hover .icon-heart-filled { display: none; } .component-notice-card { --notice-color: var(--alert-info-text); --notice-card-padding: calc(var(--notice-card-avatar-size, 2.5em) / 3); background: oklch(from hsl(var(--alert-info-text)) 0.95 0.04 h); background: oklch(from hsl(var(--notice-color)) 0.95 0.04 h); border: 1px solid oklch(from hsl(var(--alert-info-text)) 0.94 0.05 h); border: 1px solid oklch(from hsl(var(--notice-color)) 0.94 0.05 h); border-radius: 0.5em; padding: calc(2.5em / 3); padding: var(--notice-card-padding); } .component-notice-card.component-notice-card-success { --notice-color: var(--sufficient); } .component-notice-card.component-notice-card-warning { --notice-color: var(--warning); } .component-notice-card.component-notice-card-danger { --notice-color: var(--insufficient); } .component-notice-card.component-notice-card-compact { font-size: .9em; max-width: -moz-fit-content; max-width: fit-content; padding: 0.1em 0.75em 0.1em 0.1em; } .component-notice-card.component-notice-card-compact .component-notice-card-main { flex-wrap: nowrap; white-space: nowrap; } .component-notice-card > .component-notice-card-row { align-items: center; display: flex; flex-wrap: wrap; font-weight: 600; gap: 0.75em; } .component-notice-card > .component-notice-card-row > .component-notice-card-body { align-items: center; display: flex; flex: 1; flex-wrap: wrap; -moz-column-gap: 0.75em; column-gap: 0.75em; row-gap: .5em; justify-content: space-between; min-width: 0; } .component-notice-card > .component-notice-card-row > .component-notice-card-body > .ui-badge { flex-shrink: 0; } .component-notice-card .component-avatar { align-self: flex-start; box-shadow: 0 1px 2px oklch(from hsl(var(--notice-color)) 0.88 0.05 h); flex-shrink: 0; font-size: 1.2em; } .component-notice-card > .component-notice-card-footer { background: rgba(255, 255, 255, 0.8); background: hsl(var(display-p3 1.00000 1.00000 1.00000 / 0.8)); border: 1px solid oklch(from hsl(var(--notice-color)) 0.92 0.05 h); border-radius: 0.5em; font-size: 0.85em; margin-top: 1em; padding: 1em 1.25em; } .occurrence-with-parts-component { position: relative; } .occurrence-with-parts-component .occurrence-wrapper { background: white; border: 1px solid transparent; border-radius: 0.5rem; box-shadow: 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05); display: block; padding: 1.5rem 1.5rem 1.5rem 2rem; } .occurrence-with-parts-component .occurrence-wrapper:hover::before { background: hsl(var(--recourse-event-color)); } .occurrence-with-parts-component .occurrence-wrapper::before { background: hsl(var(--recourse-event-color)); border-radius: 0 10rem 10rem 0; bottom: 1.5rem; content: ""; display: block; left: 0; position: absolute; top: 1.5rem; width: 0.35rem; } .occurrence-with-parts-component .toggle-parts { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .occurrence-with-parts-component .occurrence-date { margin-bottom: 1px; } .occurrence-with-parts-component .occurrence-date .occurrence-year { font-size: 0.8rem; } .occurrence-with-parts-component .occurrence-date .occurrence-days-and-months { align-items: baseline; display: flex; font-size: 1.6rem; gap: 0.5rem; line-height: 1.2; } .occurrence-with-parts-component .occurrence-date .occurrence-day-and-month { align-items: baseline; display: flex; font-size: 1.6rem; font-weight: 700; gap: 0.25rem; line-height: 1.2; } .occurrence-with-parts-component .occurrence-date .occurrence-day-and-month .occurrence-month-name { font-size: 1.2rem; } .occurrence-with-parts-component .occurrence-participants { color: hsl(var(--gray60)); font-size: .85rem; text-align: right; width: -moz-max-content; width: max-content; } .occurrence-with-parts-component .occurrence-participants .occurrence-participants-bar { background: hsl(var(--gray90)); border-radius: .15rem; height: .6rem; overflow: hidden; position: relative; margin-bottom: .2rem; margin-left: auto; width: 6rem; } .occurrence-with-parts-component .occurrence-participants .occurrence-participants-bar::before { background: hsl(var(--recourse-event-color)); background: var(--bar-color, hsl(var(--recourse-event-color))); bottom: 0; content: ""; display: block; left: 0; position: absolute; top: 0; width: 0; width: var(--participants-percentage, 0); } .occurrence-with-parts-component .occurrence-title { -webkit-box-orient: vertical; display: -webkit-box; font-size: 1.2rem; -webkit-line-clamp: 2; line-height: 1.3; overflow: hidden; } .occurrence-with-parts-component .occurrence-part:not(:last-child) .occurrence-part-additional-information { margin-bottom: .5rem; } .occurrence-with-parts-component .occurrence-part-general-information { align-items: baseline; display: flex; flex-direction: column; margin-top: 1rem; } @media only screen and (min-width: 544px) { .occurrence-with-parts-component .occurrence-part-general-information { align-items: center; flex-direction: row; gap: 1rem; height: 2.2rem; margin-top: 0 } } .occurrence-with-parts-component .occurrence-part-additional-information { font-size: .85rem; } .occurrence-with-parts-component .re-occurrence-flex { align-items: center; display: flex; justify-content: space-between; } .occurrence-with-parts-component .re-occurrence-flex > div:first-child { overflow: hidden; } .occurrence-with-parts-component .occurrence-day-and-time { font-size: 1rem; white-space: nowrap; } .occurrence-with-parts-component .occurrence-day-and-time .occurrence-day-name { color: hsl(var(--recourse-event-color)); } .occurrence-with-parts-component .occurrence-day-and-time .occurrence-time { font-weight: 700; } .occurrence-with-parts-component .occurrence-location .icon { font-size: 1rem; } .occurrence-with-parts-component .occurrence-location, .occurrence-with-parts-component .occurrence-url { font-size: 1rem; overflow: hidden; text-overflow: ellipsis; width: 100%; } @media only screen and (min-width: 544px) { .occurrence-with-parts-component .occurrence-location, .occurrence-with-parts-component .occurrence-url { width: auto } } .occurrence-with-parts-component .occurrence-url { align-items: center; display: flex; gap: 0.4rem; } .occurrence-with-parts-component .occurrence-url .icon { font-size: 0.8rem; } .occurrence-with-parts-component .occurrence-full-month { font-weight: 700; } .position-card { --hover-transition: 0.08s ease; --position-color: 170 31% 42%; background-color: white; border-radius: var(--size-border-radius); box-shadow: var(--shadow-panel); color: white; display: inline-flex; flex-direction: column; font-size: var(--font-size-large); height: 250px; line-height: var(--line-height-medium); margin-bottom: 0.4em; margin-right: 0.2em; padding: calc(2 * var(--spacing-vertical)); position: relative; -webkit-text-decoration: none; text-decoration: none; text-shadow: 0 0 50px hsl(170, 31%, 42%); text-shadow: 0 0 50px hsl(var(--position-color)); transition: transform 0.08s ease; transition: transform var(--hover-transition); } .position-card.active, .position-card:hover { transform: scale(1.02); } .position-card.active .cover-image, .position-card:hover .cover-image { filter: blur(2px); transform: scale(1.05); } .position-name { align-items: center; display: flex; font-weight: bold; gap: 0.5em; margin-bottom: auto; overflow: hidden; position: relative; text-overflow: ellipsis; word-wrap: normal; } .position-icon { align-items: center; aspect-ratio: 1; background: white; border-radius: 0.3em; color: hsl(var(--position-color)); display: inline-flex; font-size: 1em; justify-content: center; padding: 0.25em; } .position-meta { color: hsl(var(--gray-light)); line-height: var(--line-height-medium); margin-top: var(--spacing-vertical); position: relative; } .position-hiring { align-items: center; background: hsl(var(--position-hiring-color)); border-radius: 1.5em; display: inline-flex; font-size: 0.75em; font-weight: bold; letter-spacing: 0.05em; padding: 0.25em 0.5em; position: absolute; right: 0.6em; text-transform: uppercase; top: 0.6em; z-index: 1; } .position-cover { border-radius: var(--size-border-radius); top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; position: absolute; } .position-cover::after { background: linear-gradient(to right, hsl(var(--position-color) / 90%), hsl(var(--position-color) / 60%)); bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; } .position-cover-image { height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; transition: filter var(--hover-transition), transform var(--hover-transition); width: 100%; } .course-header-image { background-blend-mode: luminosity; background-color: hsl(var(--theme-color-tertiary)); background-position: center; background-size: cover; color: hsl(var(--theme-color-contrast)); position: relative; top: 0; width: 100%; } .course-header-image-overlay { background: hsl(var(--theme-color)); background: linear-gradient(120deg, hsl(var(--theme-color)) 32%, hsl(var(--theme-color-hue-variant)) 110%); top: 0; right: 0; bottom: 0; left: 0; opacity: 0.75; position: absolute; } dialog .course-header-image, dialog .course-header-image-overlay { border-top-left-radius: inherit; border-top-right-radius: inherit; } .course-header-image-medium { background-color: color-mix(in hsl, hsl(var(--theme-color)) 40%, hsl(var(--theme-color-tertiary))); } .course-header-image-medium .course-header-image-overlay { background: linear-gradient(120deg, hsl(var(--theme-color)) 50%, color-mix(in hsl, hsl(var(--theme-color-hue-variant)) 90%, hsl(var(--theme-color))) 115%); } .recourse-order-summary { flex: 1 0 50%; } .recourse-order-summary .recourse-order-summary-course-header { margin: 0 3rem 2rem 0; } @media only screen and (min-width: 768px) { .recourse-order-summary .recourse-order-summary-course-header { margin: 2rem 0 3rem } } .recourse-order-summary .recourse-order-summary-course-header .course-title { -webkit-box-orient: vertical; display: -webkit-box; font-size: 1.25rem; font-weight: 700; -webkit-line-clamp: 2; line-height: 1.3; overflow: hidden; } .recourse-order-summary .recourse-order-summary-course-header .course-certified { opacity: 0.6; transform: scale(0.8); transition: opacity 0.1s ease, transform 0.1s ease; } .recourse-order-summary .recourse-order-summary-course-header .course-certified:hover { opacity: 0.8; transform: scale(0.9); } .recourse-order-summary .recourse-order-summary-course-header .course-image { align-items: center; border-radius: 0.5rem; display: flex; float: left; height: 3.2rem; justify-content: center; margin-right: 0.75rem; overflow: hidden; width: 3.2rem; } .recourse-order-summary .recourse-order-summary-course-header .order-summary-meta { color: hsl(var(--meta-light)); font-size: 0.9rem; margin-top: 0.3rem; width: 100%; } .recourse-order-summary .course-price { margin-bottom: 0 !important; } .recourse-order-summary .course-price { border-top: 1px solid hsl(var(--gray93)); padding: 1rem 0 1.8rem; text-align: right; } @media only screen and (min-width: 768px) { .recourse-order-summary .course-price { padding: 1rem 2rem 1.8rem } } .recourse-order-summary .inline-list { align-items: center; -moz-column-gap: 0.6rem; column-gap: 0.6rem; display: flex; font-size: 1rem; line-height: 1.4; list-style: none; margin: 0; padding: 0; } .recourse-order-summary .inline-list > li { align-items: center; -moz-column-gap: 0.6rem; column-gap: 0.6rem; display: flex; white-space: nowrap; } .recourse-order-summary .inline-list > li:not(:last-child)::after { color: hsl(var(--text) / 50%); content: "\2022"; } .recourse-dialog-course-header { padding: var(--spacing-vertical-large) var(--spacing-horizontal); } @media only screen and (min-width: 768px) {.recourse-dialog-course-header { padding: var(--spacing-vertical-large) var(--spacing-horizontal-large) } } .recourse-dialog-course-header-title { display: flex; font-size: 1.6rem; font-weight: 700; gap: 1rem; justify-content: space-between; line-height: 1.2; position: relative; } .recourse-dialog-course-header-subtitle { font-size: 1rem; margin: 0 0 0.5rem; } .recourse-learnable-counts { align-items: center; -moz-column-gap: 0.5rem; column-gap: 0.5rem; display: flex; flex-wrap: wrap; font-size: 1rem; line-height: 1.4; list-style: none; margin: 0; padding: 0; } .recourse-learnable-counts > li { align-items: center; color: hsl(var(--text) / 75%); -moz-column-gap: 0.5em; column-gap: 0.5em; display: flex; white-space: nowrap; } .recourse-learnable-counts > li:not(:last-child)::after { color: hsl(var(--text) / 30%); content: "\2022"; } .resources-component-list { list-style: none; margin: 0; padding: 0; } .resources-component-list > li { margin-bottom: 1rem; } .resources-component-resource { background-color: hsl(var(--gray99)); border: 1px solid hsl(var(--gray90)); border-radius: 0.5rem; font-size: 1rem; padding: 1rem; } a.resources-component-resource { color: inherit; display: block; -webkit-text-decoration: none; text-decoration: none; } a.resources-component-resource:hover { background-color: hsl(var(--gray98)); border-color: hsl(var(--gray85)); } .resources-component-resource-main { align-items: center; display: flex; gap: 1rem; } .resources-component-resource-icon { --icon-size: 1.6em; display: inline-block; height: 1.6em; height: var(--icon-size); width: 1.6em; width: var(--icon-size); } .resources-component-resource-icon::before { font-size: var(--icon-size); vertical-align: middle; } .resources-component-resource-title { font-size: 1.1em; font-weight: 600; margin: 0; } .resources-component-resource-description { color: hsl(var(--gray60)); margin: 1rem 0 0; } .resources-component-resource--file .resource-attachment-size { border: 1px solid hsl(var(--gray90)); border-radius: 1rem; color: hsl(var(--gray60)); font-size: 0.8em; margin-left: auto; padding: 0.2rem 0.4rem; } .resources-component-resource--link { --link-color: #0075ff; } .resources-component-resource--link .resources-component-resource-icon { color: var(--link-color); } .resources-component-resource--link .resources-component-resource-url { color: var(--link-color); margin: 1rem 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } a.resources-component-resource--link:hover .resources-component-resource-url { -webkit-text-decoration: underline; text-decoration: underline; } .recourse-rating { align-items: baseline; display: inline-flex; gap: 0.5rem; } a.recourse-rating { color: inherit; -webkit-text-decoration: none; text-decoration: none; } a.recourse-rating:hover .recourse-rating-count { -webkit-text-decoration: underline; text-decoration: underline; } .recourse-rating-stars { display: flex; gap: 0.2rem; position: relative; top: 1px; } .roccurrence-card-item { --card-border: inset 0 0 0 0 transparent; --color: var(--event); background: hsl(var(--white)); border-radius: 0.5rem; box-shadow: 0 0 0 rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 0 0 0 transparent; box-shadow: 0 0 0 rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.04), var(--card-border); color: hsl(var(--black)); display: flex; flex: 1; flex-direction: column; justify-content: flex-start; min-width: 30rem; overflow: hidden; padding: 1.5rem 1.5rem 1.5rem 2rem; position: relative; -webkit-text-decoration: none; text-decoration: none; transition: box-shadow 0.2s ease, filter 0.2s ease, opacity 0.2s ease; width: 100%; } .roccurrence-card-item::before { background: hsl(var(--color)); border-radius: 0 0.35rem 0.35rem 0; bottom: 1.5rem; content: ""; display: block; left: 0; position: absolute; top: 1.5rem; transition: background 0.2s ease; width: 0.35rem; z-index: 0; } .roccurrence-card-item.has-radio-button { cursor: pointer; } .roccurrence-card-item.has-radio-button::before { background: hsl(var(--gray85)); } .roccurrence-card-item.has-radio-button:hover { box-shadow: 0 0.5rem 1.2rem rgba(0, 0, 0, 0.04), 0 0 0.2rem rgba(0, 0, 0, 0.04); } .roccurrence-card-item.has-radio-button:has(:checked)::before { background: hsl(var(--color)); } .roccurrence-card-item.has-radio-button input { display: none; } .roccurrence-card-item.has-radio-button .roccurrence-card-item-date-time { margin-right: 2.75rem; } .roccurrence-card-item-radio-button { background-color: hsl(var(--gray80)); border-radius: 50%; box-shadow: 0 0 0 1px hsl(var(--gray80)); color: hsl(var(--white)); font-size: 1.3rem; height: 1.5rem; line-height: 1.5rem; position: absolute; right: 1.5rem; text-align: center; top: 1.5rem; transition: background 0.2s ease, box-shadow 0.2s ease; width: 1.5rem; z-index: 1; } .roccurrence-card-item-radio-button:has(:checked) { background-color: hsl(var(--event)); box-shadow: 0 0 0 1px hsl(var(--event)); } .roccurrence-card-item.teams { --color: 238 52% 62%; } .roccurrence-card-item.zoom { --color: 213 100% 59%; } .roccurrence-card-item.webex { --color: 207 100% 42%; } .roccurrence-card-item-date-time { align-items: baseline; display: flex; gap: 0.7rem; white-space: nowrap; } .roccurrence-card-item-date { align-items: center; display: inline-flex; font-size: 1.3rem; font-weight: bold; gap: 0.75rem; } .roccurrence-card-item-title { font-size: 1.1rem; line-height: 1.2; margin: 0 0 0.2rem; } .roccurrence-card-item-location { align-items: center; color: hsl(var(--color, var(--meta))); display: flex; font-size: 1rem; gap: 0.3rem; margin: 0.4rem 0 0; } .roccurrence-card-item-location .icon { font-size: 0.8em; } .roccurrence-card-item .enrolled-label { position: absolute; right: 1rem; top: 1rem; } .ui-badge { --badge-color: hsl(var(--alert-info-text)); align-items: center; background: hsl(var(--alert-info-text)); background: var(--badge-color); border-radius: 0.4em; color: white; display: inline-flex; font-size: 0.85em; font-weight: 600; line-height: 1.25; padding: 0.3em 0.8em; white-space: nowrap; } .ui-badge.ui-badge-pill { border-radius: 1.2em; } .ui-badge.ui-badge-has-icon-left { padding-left: 0; } .ui-badge.ui-badge-has-icon-right { padding-right: 0; } .ui-badge.ui-badge-success { --badge-color: hsl(var(--sufficient)); } .ui-badge.ui-badge-warning { --badge-color: hsl(var(--warning)); } .ui-badge.ui-badge-danger { --badge-color: hsl(var(--insufficient)); } .ui-badge.ui-badge-skill { --badge-color: hsl(var(--skill)); } .ui-badge.ui-badge-muted { --badge-color: hsl(0, 0%, 60%); } .ui-badge.ui-badge-light { background: oklch(from var(--badge-color) 0.98 calc(c * 0.25) h); color: oklch(from var(--badge-color) min(l, 0.55) c h); } .ui-badge.ui-badge-border { box-shadow: inset 0 0 0 1px oklch(from var(--badge-color) min(l, 0.65) c h / 0.3); } .ui-badge .icon { flex-shrink: 0; min-width: 2em; text-align: center; } .ui-button-flex { display: inline-flex; align-items: baseline; gap: .5em; } .ui-button { --button-background-color: var(--background-color, hsl(var(--primary))); --button-text-color: oklch(from var(--button-background-color) calc(clamp(0, (0.5 - l) * 999, 1)) 0 0); background: var(--background-color, hsl(var(--primary))); background: var(--button-background-color); color: oklch(from var(--background-color, hsl(var(--primary))) calc(clamp(0, (0.5 - l) * 999, 1)) 0 0); color: var(--button-text-color); border-radius: .55em; border: none; font-size: 1em; line-height: 1.2; padding: .66em 1em; -webkit-text-decoration: none; text-decoration: none; white-space: nowrap; cursor: pointer; transition: border var(--duration-shorter) ease, box-shadow var(--duration-shorter) ease, color var(--duration-shorter) ease, opacity var(--duration-shorter) ease; } .ui-button.ui-button-rounded { border-radius: 2em; } .ui-button.ui-button-small { padding: .35em .8em; } .ui-button .icon { display: inline-block; position: relative; height: .85em; width: .85em; } .ui-button .icon::before { position: absolute; left: 50%; transform: translateX(-50%); } .ui-button:hover { background: oklch(from var(--button-background-color) calc(l + (0.5 - l) * (1 - l) * 0.8) c h); } .ui-switch-label { --green: 151, 75%, 45%; --duration: 0.05s; --height: 1.125rem; --width: 2rem; --border-width: 2px; align-items: center; cursor: pointer; display: inline-flex; height: -moz-fit-content; height: fit-content; } .ui-switch-label .ui-switch { background-color: hsl(var(--gray93)); border-color: hsl(var(--gray75)); border-radius: var(--height); border-style: solid; border-width: 2px; cursor: pointer; display: inline-block; height: calc(var(--height) + 4px); margin-left: 0.5rem; min-width: calc(var(--width) + 4px); position: relative; transition: border-color var(--duration) linear; } .ui-switch-label .ui-switch::before { background-color: white; border-radius: var(--height); box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.15); content: ""; display: block; height: var(--height); margin-left: 0; position: absolute; transition: margin-left var(--duration) linear, box-shadow var(--duration) linear; width: var(--height); } .ui-switch-label .ui-switch::after { background-color: hsl(var(--green)); border-bottom-left-radius: calc(var(--height) / 2); border-top-left-radius: calc(var(--height) / 2); content: ""; display: block; height: var(--height); padding-left: calc(var(--height) / 2); transition: width var(--duration) linear; width: 0; } .ui-switch-label.ui-switch-label--off-red .ui-switch { background-color: hsl(var(--danger)); border-color: hsl(var(--danger)); } .ui-switch-label input[type=checkbox] { height: 0; opacity: 0; width: 0; } .ui-switch-label input[type=checkbox]:checked + .ui-switch { align-items: right; background-color: hsl(var(--green)); border-color: hsl(var(--green)); transition: border-color var(--duration) linear, background-color 0s var(--duration); } .ui-switch-label input[type=checkbox]:checked + .ui-switch::before { box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.1); margin-left: calc(var(--width) / 2 - 2px); } .ui-switch-label input[type=checkbox]:checked + .ui-switch::after { width: calc(var(--width) / 2); } .ui-switch-label input[type=checkbox]:focus-visible + .ui-switch { outline-color: hsl(var(--primary)); outline-offset: 3px; outline-style: auto; } .view-as-button { --gap: 0.375rem; --height: calc(1.75rem + 2 * 1px); --size: 0.875rem; align-self: flex-start; background-color: rgba(19,21,23,0.04); border-radius: .5rem; border: 1px solid; border-color: rgba(19,21,23,0); color: rgba(19,21,23,0.64); cursor: pointer; display: flex; font-size: 0.875rem; font-size: var(--size); font-weight: 500; gap: 0.375rem; gap: var(--gap); height: calc(1.75rem + 2 * 1px); height: var(--height); justify-content: center; max-width: 100%; outline-offset: .125rem; outline: 2px solid transparent; padding: 0.4375rem 0.625rem; position: relative; -webkit-text-decoration: none; text-decoration: none; transition: all 0.3s cubic-bezier(0.4,0,0.2,1); white-space: nowrap; width: -moz-fit-content; width: fit-content; } .view-as-button .view-as-button-label { line-height: 1; margin: -4px 0; padding: 4px 0; overflow: hidden; text-overflow: ellipsis; } .view-as-button svg { height: 1rem; stroke-width: 2px; width: 1rem; } .view-as-button:hover { color: #fff; background-color: rgba(19,21,23,0.64); border-color: rgba(19,21,23,0); } ._show_77119__assignment-container { margin: 0 auto; max-width: 50em; } ._show_77119__current-level-label { --badge-size: 26px; display: inline-flex; border-radius: var(--size-border-radius); color: hsl(var(--white)); font-size: var(--font-size-badge-small); font-weight: 600; line-height: 26px; line-height: var(--badge-size); padding: 0 0.5em; text-align: center; text-transform: uppercase; white-space: nowrap; } ._show_77119__current-level-label._show_77119__level-1 { background-color: hsl(var(--epa-level1)); } ._show_77119__current-level-label._show_77119__level-2 { background-color: hsl(var(--epa-level2)); } ._show_77119__current-level-label._show_77119__level-3 { background-color: hsl(var(--epa-level3)); } ._show_77119__current-level-label._show_77119__level-4 { background-color: hsl(var(--epa-level4)); } ._show_77119__current-level-label._show_77119__level-5 { background-color: hsl(var(--epa-level5)); } ._show_77119__type-assignment { font-size: var(--font-size-base); font-weight: bold; margin: 1em 0 0.5em; } ._show_77119__attempt-container, ._show_77119__assignment { margin: 0 auto; max-width: 50em; } ._show_77119__breadcrumbs { margin-top: 2rem; } ._show_77119__breadcrumbs li { display: block; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ._show_77119__assignment { margin-bottom: 2rem; } ._show_77119__assignment-title { font-size: 2em; font-weight: bold; margin-bottom: 0.5rem; } ._show_77119__assignment-description { line-height: 1.4; } ._show_77119__attempt-container.collapsed ._show_77119__content, ._show_77119__attempt-container.collapsed ._show_77119__attempt-feedback { display: none; } ._show_77119__you-are-assessing { align-items: center; display: flex; font-size: 1.1rem; margin-top: 0.5rem; } ._show_77119__assessed-user { align-items: center; border: 1px solid hsl(var(--border-alpha)); border-radius: var(--size-border-radius); display: flex; font-weight: bold; margin-left: 1rem; padding: 0.5rem; } ._show_77119__avatar { margin-right: 0.5rem; } ._show_77119__feedback-title { font-weight: bold; } ._show_77119__feedback-form { margin: 1em; } @media only screen and (min-width: 768px) { ._show_77119__feedback-form { margin: 2em } } ._show_77119__feedback-form ._show_77119__label { margin: 0 1em 0 0.5em; } ._show_77119__feedback-form ._show_77119__feedback-message { margin: 1em 0; } ._show_77119__feedback-form ._show_77119__feedback-message textarea { border: 1px solid hsl(var(--border-alpha)); border-radius: var(--size-border-radius); padding: 1em; width: 100%; } ._show_77119__feedback-assessment { align-items: center; display: flex; } ._show_77119__submit { margin-left: auto; } ._collapsible_list_d80f4__collapsible-list { background: hsl(var(--white)); border-radius: var(--size-border-radius); box-shadow: var(--shadow-panel); list-style: none; margin: 0; padding: 0; } ._collapsible_list_d80f4__item { border-top: 1px solid hsl(var(--border-alpha)); position: relative; } ._collapsible_list_d80f4__item:first-of-type { border-top: 0; } ._collapsible_list_d80f4__item-collapsed { border-top: 0; max-height: 0; opacity: 0; position: relative; transform: scaleY(0); transform-origin: top; transition: opacity var(--duration-long) ease, transform var(--duration-long) ease, max-height var(--duration-long) ease; } ._collapsible_list_d80f4__expanded ._collapsible_list_d80f4__item-collapsed { border-top: 1px solid hsl(var(--border-alpha)); opacity: 1; transform: scaleY(1); transition: all var(--duration-long) ease; } ._collapsible_list_d80f4__more-button { margin-bottom: var(--spacing-vertical-small); position: relative; } ._collapsible_list_d80f4__more-button::before, ._collapsible_list_d80f4__more-button::after { background: hsl(var(--white)); border-radius: 0 0 var(--size-border-radius) var(--size-border-radius); box-shadow: var(--shadow-panel); content: ""; display: block; height: 10px; transform-origin: top; transition: opacity var(--duration-long) ease, transform var(--duration-long) ease; width: 100%; } ._collapsible_list_d80f4__more-button::before { opacity: 0.7; transform: scaleX(0.96) scaleY(1) translateY(0%); } ._collapsible_list_d80f4__more-button::after { opacity: 0.5; transform: scaleX(0.92) scaleY(1) translateY(0%); } ._collapsible_list_d80f4__expanded ._collapsible_list_d80f4__more-button::before { opacity: 0; transform: scaleX(0.98) scaleY(0) translateY(-100%); } ._collapsible_list_d80f4__expanded ._collapsible_list_d80f4__more-button::after { opacity: 0; transform: scaleX(0.98) scaleY(0.5) translateY(-300%); } ._collapsible_list_d80f4__has-one-collapsed ._collapsible_list_d80f4__more-button::before { opacity: 0.5; } ._collapsible_list_d80f4__has-one-collapsed ._collapsible_list_d80f4__more-button::after { display: none; } ._collapsible_list_d80f4__label { background: rgba(0, 0, 0, 0.4); border-radius: 8px; color: hsl(var(--white)); cursor: pointer; font-size: var(--font-size-tiny); left: 50%; line-height: 16px; padding: 0 8px; position: absolute; text-align: center; top: 8px; transform: translateX(-50%); z-index: 2; } ._topic_form_675be__input-field { margin-bottom: 1.6rem; } ._topic_form_675be__graphic-radio { --illustration-size: 3rem; cursor: pointer; display: flex; flex-direction: column; gap: 0.35rem; } ._topic_form_675be__graphic-radio input[type="radio"] { height: 0; visibility: hidden; width: 0; } ._topic_form_675be__graphic-radio:has(input[type="radio"]:checked)::after { background-color: hsl(var(--primary)); border-radius: 4px; content: ""; height: 4px; margin: 0 auto; width: 65%; } ._topic_form_675be__item { --illustration-size: 3rem; align-items: center; background-color: #f0f0f0; border: 1px solid #e0e0e0; border-radius: 0.5rem; color: var(--primary-color); display: flex; flex-direction: row; font-size: 1rem; gap: 1rem; hyphens: auto; line-height: 1.4; max-width: 100%; min-width: 10rem; word-wrap: break-word; padding: 1rem; text-align: left; -webkit-text-decoration: none; text-decoration: none; transition: background-color 0.3s ease; white-space: normal; width: -moz-fit-content; width: fit-content; word-break: normal; } ._topic_form_675be__item span { flex: 1; font-weight: 600; line-height: 1.3; min-width: 0; white-space: normal; word-break: break-word; } ._topic_form_675be__item img, ._topic_form_675be__item svg { border-radius: 0.5rem; flex-shrink: 0; } ._topic_form_675be__item:hover { background-color: #e0e0e0; } ._topic_form_675be__description-input-set ._topic_form_675be__description-error { margin-top: -2.5rem; margin-bottom: 1rem; } ._topic_form_675be__description-input-set { display: flex; flex-direction: column; gap: 0.5rem; } ._quiz_game_ef48d__quiz-game { --option-a: var(--capp-blue); --option-b: var(--green); --option-c: var(--yellow); --option-d: var(--capp-pink); --padding: max(10px, min(min(2vw, 2vh), 24px)); background-color: hsl(var(--background)); color: hsl(var(--text)); font-family: var(--font-family-base); font-size: 1rem; font-weight: 400; height: 100dvh; margin: 0; padding: max(10px, min(min(2vw, 2vh), 24px)) max(10px, min(min(2vw, 2vh), 24px)) calc(max(10px, min(min(2vw, 2vh), 24px)) + var(--size-progress-bar-height) + 0.5rem); padding: var(--padding) var(--padding) calc(var(--padding) + var(--size-progress-bar-height) + 0.5rem); } ._quiz_game_ef48d__quiz-game h1, ._quiz_game_ef48d__quiz-game h2, ._quiz_game_ef48d__quiz-game h3, ._quiz_game_ef48d__quiz-game h4, ._quiz_game_ef48d__quiz-game h5, ._quiz_game_ef48d__quiz-game h6 { font-weight: 600; line-height: var(--line-height-medium); margin: 0.5em 0; text-align: center; width: 100%; } ._quiz_game_ef48d__quiz-game h1 { font-size: var(--font-size-heading-large); } ._quiz_game_ef48d__quiz-game h2 { font-size: var(--font-size-heading-medium); } ._quiz_game_ef48d__quiz-game h3 { font-size: var(--font-size-heading-small); } /* --- Loading / Waiting --- */ @keyframes _quiz_game_ef48d__spin { to { transform: rotate(360deg); } } @keyframes _quiz_game_ef48d__pulse { 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } } ._quiz_game_ef48d__status { animation: _quiz_game_ef48d__pulse 2s infinite; color: hsl(var(--meta)); font-size: var(--font-size-large); font-weight: 400; margin: 0 0 1em; text-align: center; } ._quiz_game_ef48d__loading { border: 3px solid hsl(var(--gray90)); border-radius: 50%; border-top-color: hsl(var(--capp-blue)); height: 3rem; width: 3rem; margin: 2rem auto; animation: _quiz_game_ef48d__spin 0.8s linear infinite; } ._quiz_game_ef48d__poll-icon { margin: auto; max-width: max(30vw, 10rem); top: -1.5em; position: relative; } ._quiz_game_ef48d__poll-icon path { fill: hsl(var(--capp-blue)) !important; } ._quiz_game_ef48d__poll-icon path:first-child { fill: hsl(var(--gray90)) !important; } /* --- Progress Bar --- */ ._quiz_game_ef48d__quiz-game-progress { background: hsl(var(--gray90)); border-radius: 999px; height: var(--size-progress-bar-height); top: auto; right: var(--padding); bottom: calc(var(--padding) / 2); left: var(--padding); overflow: hidden; position: fixed; z-index: 1000; } ._quiz_game_ef48d__quiz-game-progress-fill { background: hsl(var(--capp-blue)); border-radius: inherit; height: 100%; transition: width 0.4s ease; } /* --- Main Screen Layout --- */ ._quiz_game_ef48d__quiz-participant-screen { display: flex; flex-direction: column; gap: 1em; height: 100%; justify-content: center; margin: auto; max-width: 40rem; width: 100%; } /* --- Header --- */ ._quiz_game_ef48d__game-header { align-items: center; display: flex; font-size: 1rem; justify-content: space-between; padding: 10px 0; } ._quiz_game_ef48d__player-info { align-items: center; display: flex; gap: 10px; } ._quiz_game_ef48d__player-score { font-weight: 600; } /* --- Question --- */ ._quiz_game_ef48d__question { color: hsl(var(--text-dark)); font-size: var(--font-size-heading-medium); font-weight: 600; margin: 0.75em 0; text-align: center; } ._quiz_game_ef48d__question-container { align-self: flex-start; font-size: 1em; position: relative; text-align: center; } ._quiz_game_ef48d__question-container ._quiz_game_ef48d__answer-input { background: hsl(var(--white)); border: 1px solid hsl(var(--border)); border-radius: var(--size-border-radius); display: block; font-family: var(--font-family-base); font-size: 1rem; height: 6em; margin-top: 1em; outline: none; overflow: hidden; padding: 0.8em 3em 0.8em 0.8em; resize: none; transition: border-color var(--duration-default) ease; width: 100%; } ._quiz_game_ef48d__question-container ._quiz_game_ef48d__answer-input::-moz-placeholder { color: hsl(var(--form-input-placeholder)); } ._quiz_game_ef48d__question-container ._quiz_game_ef48d__answer-input::placeholder { color: hsl(var(--form-input-placeholder)); } ._quiz_game_ef48d__question-container ._quiz_game_ef48d__answer-input:focus { border-color: hsl(var(--capp-blue)); box-shadow: 0 0 0 3px hsl(var(--capp-blue) / 0.15); } ._quiz_game_ef48d__question-image { border-radius: var(--size-border-radius); flex-shrink: 1; height: auto; margin: auto; max-height: 100%; max-width: 100%; min-height: 0; width: auto; } ._quiz_game_ef48d__answer-form { max-width: 40rem; position: relative; width: 100%; z-index: 99; } /* --- Answer Options (Vertical Card List) --- */ ._quiz_game_ef48d__answer-grid { display: flex; flex-direction: column; gap: 0.75rem; max-width: 40rem; position: relative; width: 100%; z-index: 99; } ._quiz_game_ef48d__answer-button { align-items: center; background: hsl(var(--white)); border: 1px solid hsl(var(--border)); border-left: 4px solid hsl(var(--color)); border-radius: var(--size-border-radius); box-shadow: var(--shadow-panel); cursor: pointer; display: flex; font-family: var(--font-family-base); font-size: 1rem; gap: 0.75em; justify-content: flex-start; padding: 1em 1.2em; text-align: left; transition: box-shadow var(--duration-default) ease, border-color var(--duration-default) ease, background-color var(--duration-default) ease; } ._quiz_game_ef48d__answer-button:hover { box-shadow: var(--shadow-hover); } ._quiz_game_ef48d__answer-button >span { color: hsl(var(--text)); font-weight: 400; position: relative; z-index: 1; } ._quiz_game_ef48d__answer-button svg { display: none; } ._quiz_game_ef48d__answer-button._quiz_game_ef48d__option-a { --color: var(--capp-blue); } ._quiz_game_ef48d__answer-button._quiz_game_ef48d__option-b { --color: var(--green); } ._quiz_game_ef48d__answer-button._quiz_game_ef48d__option-c { --color: var(--yellow); } ._quiz_game_ef48d__answer-button._quiz_game_ef48d__option-d { --color: var(--capp-pink); } ._quiz_game_ef48d__answer-letter { align-items: center; background: hsl(var(--color) / 0.12); border-radius: 50%; color: hsl(var(--color)); display: flex; flex-shrink: 0; font-size: var(--font-size-small); font-weight: 600; height: 2em; justify-content: center; width: 2em; } /* --- Selected & Answered States --- */ ._quiz_game_ef48d__quiz-participant-screen[data-answered] ._quiz_game_ef48d__answer-button[data-selected] { background: hsl(var(--capp-blue) / 0.08); border-color: hsl(var(--capp-blue)); border-left-color: hsl(var(--capp-blue)); border-left-width: 4px; box-shadow: 0 0 0 3px hsl(var(--capp-blue) / 0.12); } ._quiz_game_ef48d__quiz-participant-screen[data-answered] ._quiz_game_ef48d__answer-button:not([data-selected]) { opacity: 0.5; } ._quiz_game_ef48d__shape { display: none; } /* --- Open Question Submit Button --- */ ._quiz_game_ef48d__open-question-answer-button { align-items: center; background-color: hsl(var(--capp-blue)); border: none; border-radius: 3px; color: hsl(var(--white)); cursor: pointer; display: flex; gap: 0.5em; height: calc(1rem + 1.25em); top: auto; right: 0.5rem; bottom: 0.5rem; left: auto; justify-content: center; position: absolute; transition: opacity var(--duration-default) ease; width: calc(1rem + 1.25em); } ._quiz_game_ef48d__open-question-answer-button ._quiz_game_ef48d__icon { display: block; fill: currentColor; height: 1.25em; width: 1.25em; } ._quiz_game_ef48d__open-question-answer-button:hover { box-shadow: 0 1000px 0 rgba(0, 0, 0, 0.06) inset; } ._quiz_game_ef48d__open-question-answer-button:disabled { cursor: not-allowed; opacity: 0.5; } /* --- Footer --- */ ._quiz_game_ef48d__game-footer { font-size: var(--font-size-small); padding: 15px; text-align: center; color: hsl(var(--meta)); } /* --- LEADERBOARD --- */ ._quiz_game_ef48d__leaderboard { margin-top: 1.5rem; max-width: 40rem; width: 100%; } ._quiz_game_ef48d__leaderboard h2 { font-size: var(--font-size-heading-medium); font-weight: 600; margin-bottom: 1rem; text-align: center; } ._quiz_game_ef48d__scores-table { background-color: hsl(var(--white)); border-radius: var(--size-border-radius); border-spacing: 0; box-shadow: var(--shadow-panel); margin: 0 auto; overflow: hidden; width: 100%; } ._quiz_game_ef48d__scores-table thead { background-color: hsl(var(--gray97)); } ._quiz_game_ef48d__scores-table th { border-bottom: 1px solid hsl(var(--border)); color: hsl(var(--meta)); font-size: var(--font-size-small); font-weight: 600; letter-spacing: 0.03em; padding: 0.75rem 1rem; text-align: center; text-transform: uppercase; } ._quiz_game_ef48d__scores-table td { font-size: 1em; font-weight: 400; padding: 0.75rem 1rem; text-align: center; } ._quiz_game_ef48d__rank-column { width: 15%; } ._quiz_game_ef48d__name-column { width: 55%; } ._quiz_game_ef48d__score-column { width: 30%; } ._quiz_game_ef48d__participant-row { border-bottom: 1px solid hsl(var(--gray94)); transition: background-color var(--duration-default) ease; } ._quiz_game_ef48d__participant-row:last-child { border-bottom: none; } ._quiz_game_ef48d__participant-row:hover { background-color: hsl(var(--gray99)); } ._quiz_game_ef48d__participant-row._quiz_game_ef48d__top-three { background-color: hsl(var(--gray99)); } ._quiz_game_ef48d__rank { font-size: 1em; } ._quiz_game_ef48d__rank-badge { align-items: center; border-radius: 50%; display: inline-flex; font-size: var(--font-size-small); font-weight: 600; height: 1.8em; justify-content: center; width: 1.8em; } ._quiz_game_ef48d__rank-badge._quiz_game_ef48d__rank-1 { background: hsl(var(--gold) / 0.15); color: hsl(var(--gold-dark)); } ._quiz_game_ef48d__rank-badge._quiz_game_ef48d__rank-2 { background: hsl(var(--gray85) / 0.5); color: hsl(var(--gray40)); } ._quiz_game_ef48d__rank-badge._quiz_game_ef48d__rank-3 { background: hsl(var(--orange) / 0.15); color: hsl(var(--orange)); } ._quiz_game_ef48d__rank-number { color: hsl(var(--meta)); font-weight: 400; } ._quiz_game_ef48d__name { font-weight: 600; text-align: left; } ._quiz_game_ef48d__score { font-weight: 600; } /* --- Responsive --- */ @media (max-width: 768px) { ._quiz_game_ef48d__game-header, ._quiz_game_ef48d__game-footer { font-size: var(--font-size-small); padding: 8px 0; } ._quiz_game_ef48d__player-info { gap: 8px; } } /* --- Disconnection Overlay --- */ .phx-disconnected ._quiz_game_ef48d__quiz-game::before { background-color: rgba(0, 0, 0, 0.5); content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; position: fixed; z-index: 9999; } .phx-disconnected ._quiz_game_ef48d__quiz-game::after { animation: _quiz_game_ef48d__pulse 2s infinite; background-color: var(--dark-gray); border-radius: 1rem; color: white; content: "Reconnecting..."; font-size: 1.2rem; left: 50%; padding: 1rem 2rem; position: fixed; top: 50%; transform: translate(-50%, -50%); z-index: 10000; } /* --- Answer Submission Feedback --- */ ._quiz_game_ef48d__answer-button[data-submitting="true"] { animation: _quiz_game_ef48d__pulse 0.5s infinite; } ._quiz_game_ef48d__answer-button[data-submitting="failed"] { outline: 3px solid orange; outline-offset: -3px; } ._event_component_db0f0__event { margin-bottom: var(--spacing-vertical-large); } ._event_component_db0f0__event-content { display: flex; } ._event_component_db0f0__event-icon { align-items: center; border: 2px solid hsl(var(--event) / 25%); border-radius: var(--size-border-radius); box-sizing: border-box; color: hsl(var(--event)); display: flex; font-size: var(--font-size-extra-large); height: 40px; justify-content: center; letter-spacing: -0.12em; margin-right: var(--spacing-horizontal-small); text-align: center; width: 40px; } ._event_component_db0f0__event-info { width: 100%; } ._event_component_db0f0__event-title { font-weight: 600; margin: 0.2em 0; } ._event_component_db0f0__event-summary { margin: 0; } ._event_component_db0f0__occurrences { margin-top: var(--spacing-vertical); } ._event_component_db0f0__event-panel { margin-bottom: 0; } ._event_component_db0f0__notify-me { align-items: center; display: flex; } ._event_component_db0f0__notify-me-padding { padding: var(--spacing-vertical) var(--spacing-horizontal) 0; } ._event_component_db0f0__notify-me-text { font-size: var(--font-size-small); margin-left: var(--spacing-horizontal-small); } ._occurrence_component_bfd5f__location-or-url { color: hsl(var(--meta)); margin-right: 1em; } ._occurrence_component_bfd5f__location-or-url ._occurrence_component_bfd5f__location, ._occurrence_component_bfd5f__location-or-url ._occurrence_component_bfd5f__url { align-items: center; display: flex; } ._occurrence_component_bfd5f__location-or-url ._occurrence_component_bfd5f__url [data-link] { color: currentColor; } ._occurrence_component_bfd5f__occurrence { --parts-background: 240 60% 99%; --parts-background-enrolled: 120 50% 99%; } ._occurrence_component_bfd5f__occurrence ._occurrence_component_bfd5f__checkbox { display: none; } ._occurrence_component_bfd5f__occurrence ._occurrence_component_bfd5f__checkbox-label { border: 1px solid transparent; border-radius: var(--size-border-radius); display: block; position: relative; transition: border var(--duration-extra-short) ease-out; } ._occurrence_component_bfd5f__occurrence._occurrence_component_bfd5f__multipart ._occurrence_component_bfd5f__checkbox-label { transition-duration: var(--duration-short); } ._occurrence_component_bfd5f__occurrence:not(._occurrence_component_bfd5f__enrolled):not(._occurrence_component_bfd5f__full) ._occurrence_component_bfd5f__occurrence-main:hover ._occurrence_component_bfd5f__occurrence-icon { color: hsl(var(--purple-dark)); transition-duration: var(--duration-extra-short); } ._occurrence_component_bfd5f__occurrence._occurrence_component_bfd5f__full:not(._occurrence_component_bfd5f__enrolled) ._occurrence_component_bfd5f__checkbox-label { background-image: linear-gradient( -45deg, transparent 45%, hsl(var(--black) / 7%) 50%, transparent 55%, transparent 100% ); background-size: 8px 8px; background-color: hsl(var(--disabled-item-background)); color: hsl(var(--meta)); cursor: not-allowed; } ._occurrence_component_bfd5f__occurrence:not(._occurrence_component_bfd5f__enrolled) ._occurrence_component_bfd5f__checkbox:checked+._occurrence_component_bfd5f__checkbox-label { border-color: hsl(var(--royal-blue)); box-shadow: 0 0 5px hsl(var(--royal-blue) / 40%); z-index: 1; } ._occurrence_component_bfd5f__occurrence:not(._occurrence_component_bfd5f__enrolled) ._occurrence_component_bfd5f__checkbox:checked+._occurrence_component_bfd5f__checkbox-label ._occurrence_component_bfd5f__occurrence-icon { color: hsl(var(--purple-dark)); } ._occurrence_component_bfd5f__occurrence._occurrence_component_bfd5f__enrolled ._occurrence_component_bfd5f__checkbox-label { border-color: hsl(var(--green)); box-shadow: 0 0 5px hsl(var(--green) / 40%); cursor: default; z-index: 1; } ._occurrence_component_bfd5f__occurrence._occurrence_component_bfd5f__enrolled ._occurrence_component_bfd5f__checkbox-label ._occurrence_component_bfd5f__occurrence-icon { color: hsl(var(--green)); position: relative; top: 0.1em; transform: scale(1.4); } ._occurrence_component_bfd5f__occurrence-main { align-items: center; display: flex; min-height: 46px; padding: var(--spacing-vertical-small) var(--spacing-horizontal-small); } ._occurrence_component_bfd5f__occurrence-icon { color: hsl(var(--purple-dark) / 40%); margin-right: 1em; transition: color var(--duration-extra-short) ease-out; } ._occurrence_component_bfd5f__multipart ._occurrence_component_bfd5f__occurrence-icon { transition-duration: var(--duration-short); } ._occurrence_component_bfd5f__occurrence-date { margin-right: 1em; } ._occurrence_component_bfd5f__occurrence-parts { display: inline-flex; margin-right: 1em; } ._occurrence_component_bfd5f__occurrence-title-and-location { align-items: center; display: flex; flex-wrap: wrap; min-width: 0; } ._occurrence_component_bfd5f__occurrence-title-and-location ._occurrence_component_bfd5f__location-or-url { font-size: var(--font-size-small); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ._occurrence_component_bfd5f__occurrence-title { margin-right: 1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ._occurrence_component_bfd5f__occurrence-capacity { font-weight: bold; margin-left: auto; } ._occurrence_component_bfd5f__occurrence-capacity-warning { color: hsl(var(--warning)); } ._occurrence_component_bfd5f__occurrence-capacity-full { color: hsl(var(--danger)); } @media only screen and (min-width: 544px) { ._occurrence_component_bfd5f__occurrence-date, ._occurrence_component_bfd5f__occurrence-parts, ._occurrence_component_bfd5f__occurrence-capacity { white-space: nowrap; } } ._occurrence_component_bfd5f__part-list { background: hsl(var(--parts-background)); border-radius: 0 0 var(--size-border-radius) var(--size-border-radius); border-top: 1px solid hsl(var(--border-alpha)); display: none; list-style: none; margin: 0; padding: 0; } ._occurrence_component_bfd5f__enrolled ._occurrence_component_bfd5f__part-list { background: hsl(var(--parts-background-enrolled)); display: block; } ._occurrence_component_bfd5f__part { align-items: center; display: flex; font-size: 0.9em; padding: var(--spacing-vertical-small) var(--spacing-horizontal-small); padding-left: 45px; position: relative; } ._occurrence_component_bfd5f__part:not(:last-child)::before { background: hsl(var(--royal-blue-lighter)); content: ""; height: 100%; left: 21px; position: absolute; top: 50%; transform: translateX(-50%); width: 2px; } ._occurrence_component_bfd5f__enrolled ._occurrence_component_bfd5f__part:not(:last-child)::before { background: hsl(var(--green-light)); } ._occurrence_component_bfd5f__part::after { background: hsl(var(--royal-blue-lighter)); border: 2px solid hsl(var(--parts-background)); border-radius: 50%; content: ""; height: 6px; left: 21px; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 6px; } ._occurrence_component_bfd5f__enrolled ._occurrence_component_bfd5f__part::after { background: hsl(var(--green-light)); border-color: hsl(var(--parts-background-enrolled)); } ._occurrence_component_bfd5f__part-date { margin-right: 1em; } ._events_modal_9c385__modal { background: hsl(var(--background)); } ._events_modal_9c385__header { background-blend-mode: luminosity; background-position: center; background-size: cover; padding: var(--spacing-vertical) var(--spacing-horizontal); position: relative; } @media only screen and (min-width: 768px) { ._events_modal_9c385__header { padding: var(--spacing-vertical) var(--spacing-horizontal-large) } } ._events_modal_9c385__header h1 { margin: 0; } ._events_modal_9c385__header ._events_modal_9c385__overlay { bottom: 0; left: 0; opacity: 0.6; position: absolute; right: 0; top: 0; } ._events_modal_9c385__header ._events_modal_9c385__inner { position: relative; } ._events_modal_9c385__content { padding: var(--spacing-vertical) var(--spacing-horizontal); } @media only screen and (min-width: 768px) { ._events_modal_9c385__content { padding: var(--spacing-vertical-large) var(--spacing-horizontal-large); padding-bottom: 0 } } ._events_modal_9c385__event-list { list-style: none; padding: 0; } ._events_modal_9c385__footer { background: hsl(var(--background)); border-top: 1px solid hsl(var(--border)); bottom: 0; padding: var(--spacing-vertical) 0; position: sticky; z-index: 3; } ._events_modal_9c385__footer ._events_modal_9c385__primary-button { margin-left: var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { ._events_modal_9c385__footer::before, ._events_modal_9c385__footer::after { background: hsl(var(--background)); bottom: 0; content: ""; position: absolute; top: 0; width: 30px; } ._events_modal_9c385__footer::before { right: 100%; } ._events_modal_9c385__footer::after { left: 100%; } ._events_modal_9c385__footer ._events_modal_9c385__panel-inner { display: flex; justify-content: space-between; padding: var(--spacing-vertical-small) 0; } ._events_modal_9c385__footer ._events_modal_9c385__primary-button { margin-left: auto; } } ._cards_f7411__container { margin: var(--spacing-vertical-large) auto; } @media only screen and (max-width: 767px) {._cards_f7411__container { padding: 0 var(--spacing-horizontal-small) } } ._cards_f7411__card { background-color: hsl(var(--white)); border-radius: var(--size-border-radius); box-shadow: 0 2px 3px hsl(var(--shadow)); display: flex; justify-content: center; margin-bottom: var(--spacing-vertical-large); } ._cards_f7411__card-content { flex-grow: 1; } ._cards_f7411__title { font-size: var(--font-size-heading-medium); margin: 0 0 0.3em; } @media only screen and (min-width: 768px) { ._cards_f7411__title { font-size: var(--font-size-heading-large) } } ._cards_f7411__meta { color: hsl(var(--meta)); font-size: var(--font-size-tiny); margin: 0 0 1em; } ._cards_f7411__no-cards { margin: var(--spacing-vertical-extra-large) 0; text-align: center; } ._cards_f7411__no-cards-message { font-size: var(--font-size-extra-large); font-weight: 300; margin: 0 0 var(--spacing-vertical-large); } ._cards_f7411__cards-items { grid-gap: 1.8rem; grid-template-rows: auto; margin: 2rem auto; max-width: 151.8rem; padding: 0; list-style: none; } @media (max-width: 51.8rem) { ._cards_f7411__cards-items { display: flex; flex-direction: column; } ._cards_f7411__cards-items ._cards_f7411__cards-item { margin: 0 auto; max-width: 30rem; width: 100%; } } @media screen and (min-width: 51.8rem) { ._cards_f7411__cards-items { display: grid; grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 76.8rem) { ._cards_f7411__cards-items { display: grid; grid-template-columns: repeat(3, 1fr); } } ._cards_f7411__cards-item { margin-bottom: 0; min-width: 0; position: relative; } ._cards_f7411__qr-card-component { font-size: 1rem; } ._cards_f7411__qr-card-component-container { background: hsl(var(--white)); border-radius: 10px; box-shadow: 0 0 0 1px rgba(128,128,218,0.1), 0 0 0 0 rgba(128,128,218,0); display: block; overflow: hidden; position: relative; } ._cards_f7411__qr-card-component-container:link { color: hsl(var(--text)); -webkit-text-decoration: none; text-decoration: none; transition: box-shadow 0.1s ease; } ._cards_f7411__qr-card-component-container:link:hover { box-shadow: 0 0 0 1px rgba(128,128,218,0.2), 0 0.5rem 1rem 0 rgba(128,128,218,0.1); } ._cards_f7411__qr-card-component-image { align-items: center; background-position: center; background-size: cover; display: flex; justify-content: center; position: relative; width: 100%; height: 15rem; } ._cards_f7411__qr-card-component-image > ._cards_f7411__icon { height: 65%; max-width: 65%; width: auto; } ._cards_f7411__qr-card-component-label { backdrop-filter: blur(5px); background: rgba(0, 0, 0, 0.2); border-radius: 1rem; color: white; font-size: 0.75rem; font-weight: bold; padding: 0.2rem 0.5rem; position: absolute; right: 0.5rem; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); top: 1rem; } ._cards_f7411__qr-card-component-text { padding: 1rem; } ._cards_f7411__qr-card-component-type { align-items: center; color: hsl(var(--text)); display: flex; margin-bottom: 0.3rem; opacity: 0.75; } ._cards_f7411__qr-card-component-type ._cards_f7411__icon { height: 1rem; margin-right: 0.3rem; width: 1rem; } ._cards_f7411__qr-card-component-title { color: hsl(var(--text)); font-size: 1rem; font-weight: bold; } ._cards_f7411__gradient::after { background: linear-gradient(to right, transparent 0%, #666 100%); content: ""; top: 0; right: 0; bottom: 0; left: 0; mix-blend-mode: overlay; position: absolute; } ._cards_f7411__gradient > ._cards_f7411__icon { fill: white; mix-blend-mode: overlay; opacity: 0.5; } ._cards_f7411__gradient._cards_f7411__gradient7 > ._cards_f7411__icon { opacity: 0.65; } ._cards_f7411__gradient0 { background-color: #e57373 } ._cards_f7411__gradient1 { background-color: #f06292 } ._cards_f7411__gradient2 { background-color: #9575cd } ._cards_f7411__gradient3 { background-color: #90caf9 } ._cards_f7411__gradient4 { background-color: #4db6ac } ._cards_f7411__gradient5 { background-color: #81c784 } ._cards_f7411__gradient6 { background-color: #dce775 } ._cards_f7411__gradient7 { background-color: #fff176 } ._cards_f7411__gradient8 { background-color: #ffb74d } ._cards_f7411__gradient9 { background-color: #ff8a65 } ._index_d57b4__container { margin: var(--spacing-vertical-large) auto; } @media only screen and (max-width: 767px) {._index_d57b4__container { padding: 0 var(--spacing-horizontal-small) } } ._index_d57b4__search { display: block; margin-top: 1em; } ._index_d57b4__no-spaces { margin: var(--spacing-vertical-extra-large) 0; text-align: center; } ._index_d57b4__no-spaces-message { font-size: var(--font-size-extra-large); font-weight: 300; margin: 0 0 var(--spacing-vertical-large); } ._questions_50cc8__container { margin: var(--spacing-vertical-large) auto; } @media only screen and (max-width: 767px) {._questions_50cc8__container { padding: 0 var(--spacing-horizontal-small) } } ._questions_50cc8__question { background-color: hsl(var(--white)); border-radius: var(--size-border-radius); box-shadow: 0 2px 3px hsl(var(--shadow)); display: flex; justify-content: center; margin-bottom: var(--spacing-vertical-large); } ._questions_50cc8__avatar { display: none; } @media only screen and (min-width: 768px) { ._questions_50cc8__avatar { --icon-size: 50px; background-position: center; background-size: 50px; background-size: var(--icon-size); border-radius: 50%; box-sizing: content-box; color: hsl(var(--white)); display: block; font-family: monospace; font-size: var(--font-size-heading-medium); height: 50px; height: var(--icon-size); line-height: 50px; line-height: var(--icon-size); margin-right: var(--spacing-horizontal); min-width: 50px; min-width: var(--icon-size); overflow: hidden; text-align: center; text-transform: uppercase; width: 50px; width: var(--icon-size) } } ._questions_50cc8__question-content { flex-grow: 1; } ._questions_50cc8__title { font-size: var(--font-size-heading-medium); margin: 0 0 0.3em; } @media only screen and (min-width: 768px) { ._questions_50cc8__title { font-size: var(--font-size-heading-large) } } ._questions_50cc8__title-link { color: inherit; } ._questions_50cc8__title-link:hover { color: hsl(var(--primary)); } ._questions_50cc8__meta { color: hsl(var(--meta)); font-size: var(--font-size-tiny); margin: 0 0 1em; } ._questions_50cc8__answer-counter { border: 1px solid hsl(var(--gray70)); border-radius: calc(var(--size-border-radius) * 0.6); color: hsl(var(--gray50)); height: 100%; margin-left: var(--spacing-horizontal); padding-top: 5px; text-align: center; -webkit-text-decoration: none; text-decoration: none; transition: background-color var(--duration-default) linear, border-color var(--duration-default) linear, color var(--duration-default) linear; } ._questions_50cc8__answer-counter:hover { border-color: hsl(var(--gray35)); color: hsl(var(--gray25)); } ._questions_50cc8__answer-counter:hover ._questions_50cc8__solved-label { background-color: hsl(var(--green-shade25)); } ._questions_50cc8__answer-counter >span { display: block; padding: 0 5px; white-space: nowrap; } ._questions_50cc8__answer-counter ._questions_50cc8__answer-count { font-size: var(--font-size-heading-large); font-weight: 700; line-height: var(--line-height-small); } ._questions_50cc8__answer-counter ._questions_50cc8__answer-label { font-size: var(--font-size-tiny); margin-bottom: 6px; } ._questions_50cc8__answer-counter ._questions_50cc8__solved-label { background-color: hsl(var(--green)); color: hsl(var(--white)); font-size: var(--font-size-medium); font-weight: 700; transition: background-color var(--duration-default) linear; } ._questions_50cc8__solved ._questions_50cc8__answer-counter { border-color: hsl(var(--green)); color: hsl(var(--green)); } ._questions_50cc8__solved ._questions_50cc8__answer-counter:hover { border-color: hsl(var(--green-shade25)); color: hsl(var(--green-shade25)); } ._questions_50cc8__no-questions { margin: var(--spacing-vertical-extra-large) 0; text-align: center; } ._questions_50cc8__no-questions-message { font-size: var(--font-size-extra-large); font-weight: 300; margin: 0 0 var(--spacing-vertical-large); } @keyframes _show_7e9d0__assessment-request-slide-in { 0% { opacity: 0; transform: translateY(-3em); } 100% { opacity: 1; transform: translateY(0); } } @keyframes _show_7e9d0__assessment-request-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes _show_7e9d0__assessment-request-connect { 0% { height: var(--connect-width); opacity: 0; } 100% { height: var(--connect-height); opacity: 1; } } ._show_7e9d0__container { margin-top: 3em; max-width: 680px; } ._show_7e9d0__panel { border-radius: 1.3rem; padding: 1em; } @media only screen and (min-width: 544px) { ._show_7e9d0__panel { padding: 1.5em } } ._show_7e9d0__slide-in { animation: _show_7e9d0__assessment-request-slide-in 0.4s ease-out; animation-delay: 0.5s; animation-fill-mode: forwards; opacity: 0; } ._show_7e9d0__connect { --connect-width: 0.4em; --connect-height: 2em; --connect-padding: 1.2em; --connect-animation-duration: 0.4s; --connect-animation-delay: 0s; margin: 1rem 0; padding: calc(2em + 1.2em) 0; padding: calc(var(--connect-height) + var(--connect-padding)) 0; position: relative; text-align: center; } ._show_7e9d0__connect > * { animation-delay: calc(var(--connect-animation-duration) * 1.5 + var(--connect-animation-delay)); animation-duration: var(--connect-animation-duration); animation-fill-mode: forwards; animation-name: _show_7e9d0__assessment-request-fade-in; animation-timing-function: ease-out; opacity: 0; } ._show_7e9d0__connect > h4 { color: hsl(var(--meta) / 50%); font-size: var(--font-size-capitalized-medium); font-weight: 700; letter-spacing: 0.1em; margin: 0; text-transform: uppercase; } ._show_7e9d0__connect::before, ._show_7e9d0__connect::after { background: hsl(var(--border-alpha)); border-radius: calc(var(--connect-width) / 2); content: ""; height: var(--connect-height); left: 50%; position: absolute; transform: translateX(-50%); width: var(--connect-width); } ._show_7e9d0__connect-animate::before, ._show_7e9d0__connect-animate::after, ._show_7e9d0__connect-before-animate::before, ._show_7e9d0__connect-after-animate::after { animation-delay: var(--connect-animation-delay); animation-duration: var(--connect-animation-duration); animation-fill-mode: forwards; animation-name: _show_7e9d0__assessment-request-connect; animation-timing-function: linear; opacity: 0; } ._show_7e9d0__connect::before { top: 0; } ._show_7e9d0__connect::after { animation-delay: calc(var(--connect-animation-delay) + 0.5s); top: calc(100% - var(--connect-height)); } ._show_7e9d0__connect-before::after { display: none; } ._show_7e9d0__connect-delay { --connect-animation-delay: 0.5s; } ._show_7e9d0__assessment-request { margin: 0 auto; text-align: center; } ._show_7e9d0__assessment-request ._show_7e9d0__meta { align-items: center; display: flex; gap: 0.25em; justify-content: center; margin-bottom: 2rem; } ._show_7e9d0__assessment-request ._show_7e9d0__meta > * { align-items: center; display: flex; gap: 0.25em; } ._show_7e9d0__assessment-request ._show_7e9d0__meta > *:not(:last-child)::after { content: "\2022"; font-size: 1.2em; margin: 0 0.2em; opacity: 0.5; } ._show_7e9d0__assessment-request ._show_7e9d0__meta ._show_7e9d0__status { font-size: 0.63em; letter-spacing: 0.1em; text-transform: uppercase; } ._show_7e9d0__assessment-request ._show_7e9d0__skill { --image-size: 66px; align-items: center; display: flex; gap: 1em; text-align: left; } ._show_7e9d0__assessment-request ._show_7e9d0__skill-image { align-items: center; /* background: color(--green); */ background: hsl(146, 60%, 45%); border-radius: 1rem; display: flex; flex: 0 0 var(--image-size); justify-content: center; min-height: var(--image-size); } ._show_7e9d0__assessment-request ._show_7e9d0__skill-content { flex: 1; } ._show_7e9d0__assessment-request ._show_7e9d0__skill-icon { --icon-size: 50px; border: 0; } ._show_7e9d0__assessment-request ._show_7e9d0__skill-icon::before { background: hsl(var(--white) / 0.75); } ._show_7e9d0__assessment-request ._show_7e9d0__skill-title { font-size: 1.3em; font-weight: 700; margin: 0.4em 0 0; } ._show_7e9d0__assessment-request ._show_7e9d0__message { background: white; color: hsl(var(--text-light)); margin: 1em 0 0; padding: 1em; text-align: left; } ._show_7e9d0__assessment-form ._show_7e9d0__assessment-date { align-items: center; display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1rem; } ._show_7e9d0__assessment-form ._show_7e9d0__assessment-date-options { border: 1px solid hsl(var(--border)); border-radius: 0.5rem; display: flex; flex: 1; flex-direction: column; overflow: hidden; } @media only screen and (min-width: 544px) { ._show_7e9d0__assessment-form ._show_7e9d0__assessment-date-options { flex-direction: row } } ._show_7e9d0__assessment-form ._show_7e9d0__assessment-date-option { display: flex; flex: 1; height: 48px; position: relative; } ._show_7e9d0__assessment-form ._show_7e9d0__assessment-date-option:last-child { border: solid hsl(var(--border)); border-width: 1px 0 0; } @media only screen and (min-width: 544px) { ._show_7e9d0__assessment-form ._show_7e9d0__assessment-date-option:last-child { border-width: 0 0 0 1px } } ._show_7e9d0__assessment-form ._show_7e9d0__assessment-date-option > input { height: 48px; left: 15px; position: absolute; } ._show_7e9d0__assessment-form ._show_7e9d0__assessment-date-option > input:checked + label { background: hsl(var(--white)); } ._show_7e9d0__assessment-form ._show_7e9d0__assessment-date-option > label { align-items: center; background: hsl(var(--gray97)); color: hsl(var(--meta)); cursor: pointer; display: flex; flex: 1; gap: 0.5em; height: 48px; line-height: 48px; padding: 0 5px 0 40px; white-space: nowrap; } @media only screen and (min-width: 768px) { ._show_7e9d0__assessment-form ._show_7e9d0__assessment-date-option { gap: 1em } } ._show_7e9d0__assessment-form ._show_7e9d0__assessment-date-input { background: hsl(var(--gray97)); border: 0; border-radius: 0.4rem; margin-left: auto; outline: none; padding: 0.4em; pointer-events: all; } ._show_7e9d0__assessment-form ._show_7e9d0__assessment-date-input::-webkit-datetime-edit-day-field:focus, ._show_7e9d0__assessment-form ._show_7e9d0__assessment-date-input::-webkit-datetime-edit-month-field:focus, ._show_7e9d0__assessment-form ._show_7e9d0__assessment-date-input::-webkit-datetime-edit-year-field:focus { background-color: hsl(var(--form-input-focus)); } @media only screen and (min-width: 768px) { ._show_7e9d0__assessment-form ._show_7e9d0__assessment-date-input { flex-basis: 50% } } ._show_7e9d0__assessment-form ._show_7e9d0__assessment-date-input:disabled { opacity: 0.5; pointer-events: none; } ._edit_6fbed__attachment-controller { align-items: center; box-sizing: border-box; display: flex; font-size: 1rem; gap: 0.75em; line-height: normal; min-height: 50px; padding: 0.5em 0.75em; } ._edit_6fbed__attachment-icon { --icon-size: 1.8em; --icon-color: hsl(var(--primary) / 75%); } ._edit_6fbed__attachment-title { flex: 1; font-weight: 600; } ._edit_6fbed__attachment-title > a { color: hsl(var(--text)); -webkit-text-decoration: none; text-decoration: none; } ._edit_6fbed__attachment-options { align-items: center; display: flex; } ._edit_6fbed__attachment-options select { background-color: #fff; border: 1px solid hsl(var(--border)); border-radius: 5px; padding: 0.25em 0.5em; } ._edit_6fbed__attachment-size { color: hsl(var(--meta)); font-size: 0.9em; white-space: nowrap; } /* DEBUGGING */ /* .attachment-controller { &:has(pre) { flex-wrap: wrap; } pre { background-color: color(--background, 0.75); border: 1px solid color(--border-alpha); display: inline-block; font-size: 0.8em; margin: 0; padding: 2px; color: color(--meta); flex-basis: 100%; } } */ ._show_96519__attachment { --background-color: hsl(var(--gray99)); align-items: center; background-color: hsl(var(--gray99)); background-color: var(--background-color); border: 2px solid #ededed; border-radius: 5px; display: flex; font-size: 1rem; gap: 0.75em; line-height: normal; min-height: 50px; padding: 0.5em 0.75em; position: relative; -webkit-text-decoration: none; text-decoration: none; transition: background-color 0.2s, border-color 0.2s, color 0.2s; } ._show_96519__attachment:hover { background-color: hsl(var(--primary) / 0.025); border-color: #ccc; border-color: hsl(var(--primary) / 0.25); } ._show_96519__attachment:hover ._show_96519__attachment-title { color: hsl(var(--black)); } ._show_96519__attachment-icon { --icon-size: 1.8em; --icon-color: hsl(var(--primary) / 75%); } ._show_96519__attachment-title { color: hsl(var(--text)); flex: 1; font-weight: 600; } ._show_96519__attachment-size { color: hsl(var(--meta)); font-size: 0.9em; white-space: nowrap; } ._show_16418__campaign-container { --hero-color: rgb(200, 247, 204); --title-color: rgb(27, 112, 203); --button-color: rgb(72, 149, 231); --button-text-color: white; --sans-serif: "Inter", "Noto Sans",-apple-system,system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif,BlinkMacSystemFont,"San Francisco","Segoe UI",Roboto,"Helvetica Neue",sans-serif; } @supports (font-variation-settings: normal) { ._show_16418__campaign-container { --sans-serif: "InterVariable", "Noto Sans",-apple-system,system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif,BlinkMacSystemFont,"San Francisco","Segoe UI",Roboto,"Helvetica Neue",sans-serif; } } ._show_16418__campaign-container { display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: var(--sans-serif); } ._show_16418__campaign-container h1, ._show_16418__campaign-container h2, ._show_16418__campaign-container h3, ._show_16418__campaign-container h4, ._show_16418__campaign-container h5, ._show_16418__campaign-container h6, ._show_16418__campaign-container a, ._show_16418__campaign-container button { font-family: var(--sans-serif) !important; } ._show_16418__manage-card { backdrop-filter: blur(8px); border-radius: .75rem; position: absolute; right: 1rem; top: 1rem; z-index: 1; } ._show_16418__manage-button { background-color: rgba(255, 255, 255, 0.18); border-radius: calc(1.75rem + 2 * 1px); border: 1px solid color-mix(in srgb, var(--background-color) 65%, hsl(var(--gray60))); color: hsl(var(--meta)); cursor: pointer; display: flex; gap: .2rem; padding: 0.5rem 0.875rem; -webkit-text-decoration: none; text-decoration: none; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; white-space: nowrap; } ._show_16418__manage-button svg { stroke-width: 2.5; width: 1rem; } ._show_16418__manage-button:hover { background-color: rgba(255, 255, 255, 0.38); border-color: color-mix(in srgb, var(--background-color) 92%, black); } ._show_16418__campaign-row { padding: 3rem 0 5rem; background: var(--background-color); width: 100%; } ._show_16418__campaign-row-title { color: var(--title-color); font-size: 32px; font-weight: 600; } ._show_16418__campaign-row-content { display: flex; gap: 1rem; font-size: 18px; font-weight: 400; } ._show_16418__occurrence-link { -webkit-text-decoration: none; text-decoration: none; display: inline-flex; width: 100%; } /* Certificate toast */ ._certificate_toast_ec0a6__root { position: fixed; bottom: 1.5rem; right: 1.5rem; z-index: 9999; display: flex; flex-direction: column-reverse; gap: 0.75rem; pointer-events: none; } ._certificate_toast_ec0a6__toast { position: relative; display: flex; align-items: flex-start; gap: 1.25rem; padding: 1.5rem 1.5rem 2rem; min-width: 400px; max-width: 460px; background: #fff; border: 1px solid rgba(46, 184, 138, 0.12); border-radius: 16px; overflow: visible; opacity: 0; transform: translateX(120%) scale(0.95); animation: _certificate_toast_ec0a6__cert-toast-enter 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; box-shadow: 0 4px 32px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(46, 184, 138, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.8); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; pointer-events: all; } ._certificate_toast_ec0a6__top-line { position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient( 90deg, transparent, rgba(46, 184, 138, 0.2), transparent ); } ._certificate_toast_ec0a6__hex-clip { position: absolute; width: 0; height: 0; } ._certificate_toast_ec0a6__hex-badge { position: relative; flex-shrink: 0; width: 64px; height: 64px; z-index: 1; } ._certificate_toast_ec0a6__hex-outer { position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px; clip-path: url(#cert-hex-clip); background: rgba(0, 200, 130, 0.08); z-index: 0; pointer-events: none; } ._certificate_toast_ec0a6__hex-border { position: absolute; top: -3px; right: -3px; bottom: -3px; left: -3px; clip-path: url(#cert-hex-clip); overflow: hidden; z-index: 1; } ._certificate_toast_ec0a6__hex-border-gradient { position: absolute; top: -50%; right: -50%; bottom: -50%; left: -50%; background: conic-gradient( from 0deg, #2eb88a 0%, #2eb88a 5%, #6ee7b7 10%, #a7f3d0 15%, #6ee7b7 20%, #2eb88a 28%, #2eb88a 33%, #6ee7b7 40%, #d1fae5 48%, #d1fae5 52%, #6ee7b7 60%, #2eb88a 68%, #2eb88a 100% ); animation: _certificate_toast_ec0a6__cert-hex-spin 5s linear infinite; } ._certificate_toast_ec0a6__hex-fill { position: absolute; top: 0; right: 0; bottom: 0; left: 0; clip-path: url(#cert-hex-clip); background: #d1fae5; z-index: 2; display: flex; align-items: center; justify-content: center; } ._certificate_toast_ec0a6__hex-icon { width: 32px; height: 32px; opacity: 0; transform: scale(0.3) rotate(-20deg); animation: _certificate_toast_ec0a6__cert-icon-pop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s forwards; } ._certificate_toast_ec0a6__particles { position: absolute; top: 50%; left: 50%; width: 0; height: 0; pointer-events: none; z-index: 4; transition: opacity 0.4s ease-out; } ._certificate_toast_ec0a6__content { flex: 1; min-width: 0; z-index: 1; } ._certificate_toast_ec0a6__label { margin: 0; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #2eb88a; opacity: 0; animation: _certificate_toast_ec0a6__cert-text-reveal 0.3s ease 0.15s forwards; } ._certificate_toast_ec0a6__title { margin: 6px 0 0; font-size: 1.05rem; font-weight: 600; color: #1e222b; line-height: 1.3; opacity: 0; animation: _certificate_toast_ec0a6__cert-text-reveal 0.3s ease 0.15s forwards; } ._certificate_toast_ec0a6__description { margin: 4px 0 0; font-size: 0.8rem; color: #64748b; line-height: 1.4; opacity: 0; animation: _certificate_toast_ec0a6__cert-text-reveal 0.3s ease 0.15s forwards; } ._certificate_toast_ec0a6__actions { display: flex; gap: 0.5rem; margin-top: 1.125rem; opacity: 0; animation: _certificate_toast_ec0a6__cert-text-reveal 0.3s ease 0.15s forwards; } ._certificate_toast_ec0a6__btn-view { display: inline-flex; align-items: center; background: #2eb88a; color: #fff; -webkit-text-decoration: none; text-decoration: none; font-weight: 600; font-size: 0.78rem; padding: 9px 20px; border-radius: 8px; transition: all 0.2s ease; font-family: inherit; line-height: 1; border: none; cursor: pointer; } ._certificate_toast_ec0a6__btn-view:hover { background: hsl(var(--green) / 0.85); box-shadow: 0 4px 16px hsl(var(--green) / 0.3); transform: translateY(-1px); } ._certificate_toast_ec0a6__btn-view:active { transform: translateY(0); } ._certificate_toast_ec0a6__btn-dismiss { background: rgba(0, 0, 0, 0.04); border: 1px solid rgba(0, 0, 0, 0.08); cursor: pointer; color: rgba(0, 0, 0, 0.45); font-size: 0.78rem; font-weight: 600; padding: 9px 20px; border-radius: 8px; transition: all 0.2s ease; font-family: inherit; line-height: 1; } ._certificate_toast_ec0a6__btn-dismiss:hover { background: rgba(0, 0, 0, 0.07); color: rgba(0, 0, 0, 0.7); border-color: rgba(0, 0, 0, 0.12); } ._certificate_toast_ec0a6__defacto-badge { position: absolute; bottom: -1px; left: 0; right: 0; background: linear-gradient(135deg, #fbbf24, #f59e0b); padding: 0.1875rem 1rem; display: flex; align-items: center; justify-content: center; border-radius: 0 0 16px 16px; } ._certificate_toast_ec0a6__defacto-badge-text { color: #000 !important; } ._certificate_toast_ec0a6__defacto-badge-text { font-size: 0.625rem; font-weight: 600; letter-spacing: 0.02em; } /* No-animate: applied by JS on reconnect to skip all entrance animations */ ._certificate_toast_ec0a6__no-animate { animation: none !important; opacity: 1 !important; transform: translateX(0) scale(1) !important; } ._certificate_toast_ec0a6__no-animate ._certificate_toast_ec0a6__label, ._certificate_toast_ec0a6__no-animate ._certificate_toast_ec0a6__title, ._certificate_toast_ec0a6__no-animate ._certificate_toast_ec0a6__description, ._certificate_toast_ec0a6__no-animate ._certificate_toast_ec0a6__actions { animation: none !important; opacity: 1 !important; } ._certificate_toast_ec0a6__no-animate ._certificate_toast_ec0a6__hex-icon { animation: none !important; opacity: 1 !important; transform: scale(1) rotate(0deg) !important; } /* Keyframes (global — referenced by scoped classes and by JS) */ @keyframes _certificate_toast_ec0a6__cert-toast-enter { 0% { opacity: 0; transform: translateX(120%) scale(0.95); } 100% { opacity: 1; transform: translateX(0) scale(1); } } @keyframes _certificate_toast_ec0a6__cert-toast-exit { 0% { opacity: 1; transform: translateX(0) scale(1); } 100% { opacity: 0; transform: translateX(60%) scale(0.95); } } @keyframes _certificate_toast_ec0a6__cert-hex-spin { to { transform: rotate(360deg); } } @keyframes _certificate_toast_ec0a6__cert-icon-pop { to { opacity: 1; transform: scale(1) rotate(0deg); } } @keyframes _certificate_toast_ec0a6__cert-text-reveal { to { opacity: 1; } } @keyframes _certificate_toast_ec0a6__cert-gentle-drift { 0% { translate: -8px -6px; translate: var(--do0, -8px) var(--do1, -6px); } 33% { translate: 5px 8px; translate: var(--do2, 5px) var(--do3, 8px); } 66% { translate: -6px -4px; translate: var(--do4, -6px) var(--do5, -4px); } 100% { translate: 7px -7px; translate: var(--do6, 7px) var(--do7, -7px); } } @keyframes _certificate_toast_ec0a6__cert-dot-fade { 0%, 100% { opacity: calc(0.4 * 0.7); opacity: calc(var(--max-o, 0.4) * 0.7); } 50% { opacity: 0.4; opacity: var(--max-o, 0.4); } } @keyframes _certificate_toast_ec0a6__cert-x-spin { to { rotate: 360deg; } } /* JS-created particle classes, scoped through the toast root */ ._certificate_toast_ec0a6__toast [data-particle-type="dot"][data-floating="true"] { animation: _certificate_toast_ec0a6__cert-gentle-drift 6s ease-in-out infinite alternate, _certificate_toast_ec0a6__cert-dot-fade 8s ease-in-out infinite; animation: _certificate_toast_ec0a6__cert-gentle-drift var(--dd, 6s) ease-in-out infinite alternate, _certificate_toast_ec0a6__cert-dot-fade var(--fd, 8s) ease-in-out infinite; } ._certificate_toast_ec0a6__toast [data-particle-type="x"][data-floating="true"] { animation: _certificate_toast_ec0a6__cert-gentle-drift 7s ease-in-out infinite alternate, _certificate_toast_ec0a6__cert-dot-fade 8s ease-in-out infinite, _certificate_toast_ec0a6__cert-x-spin 12s linear infinite; animation: _certificate_toast_ec0a6__cert-gentle-drift var(--dd, 7s) ease-in-out infinite alternate, _certificate_toast_ec0a6__cert-dot-fade var(--fd, 8s) ease-in-out infinite, _certificate_toast_ec0a6__cert-x-spin var(--sd, 12s) linear infinite; } ._certificate_toast_ec0a6__toast [data-particle-type="x"]::before, ._certificate_toast_ec0a6__toast [data-particle-type="x"]::after { content: ""; position: absolute; top: 50%; left: 50%; width: 100%; height: 1.5px; background: #059669; border-radius: 1px; } ._certificate_toast_ec0a6__toast [data-particle-type="x"]::before { transform: translate(-50%, -50%) rotate(45deg); } ._certificate_toast_ec0a6__toast [data-particle-type="x"]::after { transform: translate(-50%, -50%) rotate(-45deg); } /* JS-added exit state, scoped through the toast root */ ._certificate_toast_ec0a6__toast[data-exiting="true"] ._certificate_toast_ec0a6__particles { opacity: 0; } @keyframes _show_dad29__tilt-shaking { 0%, 5%, 10%, 15% { transform: rotate(0deg); } 1.25%, 6.25%, 11.25% { transform: rotate(0.25deg); } 2.5%, 7.5%, 12.5% { transform: rotate(0deg); } 3.75%, 8.75%, 13.75% { transform: rotate(-0.25deg); } } ._show_dad29__bolletje { border-radius: 50%; display: inline-block; height: 0.6em; margin-right: 0.2em; overflow: hidden; text-indent: 100%; width: 0.6em; } ._show_dad29__container { display: flex; gap: 2rem; margin: 0 auto; max-width: 65rem; padding-top: 2rem; } ._show_dad29__main-content { flex: 1; min-width: 0; } ._show_dad29__sidebar { flex-shrink: 0; width: 200px; } ._show_dad29__sidebar-title { color: hsl(var(--gray50)); font-size: 0.9em; font-weight: 600; margin: 0 0 1rem; } ._show_dad29__certificate-header-wrapper { margin-bottom: 1em; } ._show_dad29__certificate-header-wrapper ._show_dad29__required-banner, ._show_dad29__certificate-header-wrapper ._show_dad29__achieved-banner, ._show_dad29__certificate-header-wrapper ._show_dad29__warning-banner, ._show_dad29__certificate-header-wrapper ._show_dad29__suspended-banner { border-radius: 0.3rem 0.3rem 0 0; font-size: 0.9em; padding: 0.75em 1.5em; } ._show_dad29__certificate-header-wrapper ._show_dad29__required-banner { background: hsl(var(--pink) / 15%); color: hsl(var(--pink-shade25)); } ._show_dad29__certificate-header-wrapper ._show_dad29__achieved-banner { background: hsl(var(--extreen) / 15%); color: hsl(var(--extreen-shade25)); } ._show_dad29__certificate-header-wrapper ._show_dad29__warning-banner { align-items: center; background: hsl(var(--warning) / 15%); color: hsl(var(--text-light)); display: flex; gap: 0.5em; } ._show_dad29__certificate-header-wrapper ._show_dad29__warning-banner ._show_dad29__warning-icon { color: hsl(var(--orange)); flex-shrink: 0; font-size: 1.2em; } ._show_dad29__certificate-header-wrapper ._show_dad29__suspended-banner { background: hsl(var(--suspended) / 15%); color: hsl(var(--suspended-shade25)); font-weight: 600; } ._show_dad29__certificate-header-wrapper ._show_dad29__suspended-banner ._show_dad29__suspended-subtext { display: block; font-size: 0.85em; font-weight: normal; margin-top: 0.3em; opacity: 0.8; } ._show_dad29__certificate-header-wrapper ._show_dad29__required-banner + ._show_dad29__certificate-header, ._show_dad29__certificate-header-wrapper ._show_dad29__achieved-banner + ._show_dad29__certificate-header, ._show_dad29__certificate-header-wrapper ._show_dad29__warning-banner + ._show_dad29__certificate-header, ._show_dad29__certificate-header-wrapper ._show_dad29__suspended-banner + ._show_dad29__certificate-header { border-radius: 0 0 0.3rem 0.3rem; } ._show_dad29__certificate-header { background: white; border-radius: 0.3rem; box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 1px rgba(0, 0, 0, 0.025); padding: 1em 1.5em; } ._show_dad29__certificate-header._show_dad29__certified ._show_dad29__bolletje { background: hsl(var(--green)); } ._show_dad29__certificate-header._show_dad29__not-certified ._show_dad29__bolletje { background: hsl(var(--pink)); } ._show_dad29__certificate-header._show_dad29__suspended ._show_dad29__bolletje { background: hsl(var(--suspended) / 50%); } ._show_dad29__certificate-header ._show_dad29__certificate-header-top { align-items: center; border-bottom: 1px solid hsl(var(--gray93)); display: flex; justify-content: space-between; margin-bottom: 1em; padding-bottom: 1em; } ._show_dad29__certificate-header ._show_dad29__certificate-title { font-size: 1.2em; font-weight: bold; margin: 0; } ._show_dad29__certificate-header ._show_dad29__certificate-category-label { background: hsl(var(--blue) / 10%); border-radius: 5px; color: hsl(var(--blue)); font-size: 0.9em; padding: 0.3em 0.8em; } ._show_dad29__certificate-header ._show_dad29__certificate-meta { display: flex; justify-content: space-between; white-space: nowrap; } ._show_dad29__certificate-header ._show_dad29__certificate-meta ._show_dad29__certificate-meta-item { flex-basis: calc(33.3% - 0.66em); margin-right: 1em; } ._show_dad29__certificate-header ._show_dad29__certificate-meta ._show_dad29__certificate-meta-item:last-child { margin-right: 0; } ._show_dad29__certificate-header ._show_dad29__certificate-meta ._show_dad29__certificate-meta-item-label { color: hsl(var(--gray50)); font-size: 0.9em; margin-bottom: 0.4em; } ._show_dad29__certificate-description-box { background: white; border-radius: 0.3rem; box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 1px rgba(0, 0, 0, 0.025); margin-bottom: 1em; padding: 1.5em; } ._show_dad29__certificate-description-box ._show_dad29__certificate-description { color: hsl(var(--text)); line-height: 1.6; } ._show_dad29__certificate-description-box ._show_dad29__certificate-description h2 { margin-top: 0; margin-bottom: 1rem; font-weight: 600; } ._show_dad29__pathway-section { margin-bottom: 1.5em; } ._show_dad29__pathway-title { color: hsl(var(--text)); font-size: 1.1em; font-weight: 600; margin: 0 0 0.75em; } ._show_dad29__pathway-block { background: white; border-left: 3px solid hsl(var(--blue)); border-radius: 0.3rem; box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 1px rgba(0, 0, 0, 0.025); padding: 1em 1.25em; } ._show_dad29__pathway-label { color: hsl(var(--gray50)); font-size: 0.85em; margin-bottom: 0.25em; } ._show_dad29__pathway-clause-title { color: hsl(var(--text)); font-size: 1.05em; font-weight: 600; } ._show_dad29__pathway-meta { color: hsl(var(--gray50)); font-size: 0.85em; margin-top: 0.5em; } ._show_dad29__requirements-badge { border-color: hsl(var(--border)); margin-left: 0.5em; } ._show_dad29__requirements-tooltip-list { list-style: none; margin: 0; padding: 0.5em; padding-left: 1.5em; } ._show_dad29__requirements-tooltip-list >li { margin: 0.3em 0; position: relative; } ._show_dad29__requirements-tooltip-list >li::before { content: "·"; font-size: 1.5em; margin-right: 0.3em; opacity: 0.5; position: absolute; right: 100%; top: -0.35em; vertical-align: middle; } ._show_dad29__requirements-tooltip-trigger { cursor: text; } ._show_dad29__box { background: #fff; border-radius: 0.3rem; box-shadow: 0 0 0 transparent, 0 0 0 1px rgba(0,0,0,.025); margin: 1px 1px 1em; padding: 1em; position: relative; } ._show_dad29__box h1, ._show_dad29__box h2 { margin: 0; } ._show_dad29__clause { padding: 0; } ._show_dad29__clause ._show_dad29__clause-title { font-size: 1.2em; margin: 0 auto 0 0; } ._show_dad29__clause ._show_dad29__clause-head { border-bottom: 1px solid hsl(var(--gray93)); padding: 1rem 1.5rem; } ._show_dad29__clause ._show_dad29__clause-head ._show_dad29__bottom { margin: 0.2rem 0 0 0; } ._show_dad29__clause ._show_dad29__clause-condition { border-bottom: 1px solid hsl(var(--gray93)); cursor: pointer; padding: 1.5rem; position: relative; transition: background 0.2s ease-in-out; } ._show_dad29__clause ._show_dad29__clause-condition:last-child { border-bottom: 0; border-radius: 0 0 0.3rem 0.3rem; } ._show_dad29__clause ._show_dad29__clause-condition ._show_dad29__clause-condition-content { align-items: center; display: flex; gap: 1.5rem; } ._show_dad29__clause ._show_dad29__clause-condition h4 { font-size: 1.2rem; font-weight: normal; margin: 0 0 0.5rem; } ._show_dad29__clause ._show_dad29__clause-condition h4 strong { font-weight: 600; } ._show_dad29__clause ._show_dad29__clause-condition ._show_dad29__completion-label { background: hsl(var(--green) / 0.5); border-radius: 1rem; color: #fff; font-weight: bold; padding: 0.1rem 0.4rem 0.2rem; position: relative; top: 0.05rem; } ._show_dad29__clause ._show_dad29__clause-condition._show_dad29__completed { background: hsl(var(--extreen) / 0.03); } ._show_dad29__clause ._show_dad29__clause-condition._show_dad29__completed::before { background: hsl(var(--green) / 0.7); } ._show_dad29__clause ._show_dad29__clause-condition._show_dad29__completed ._show_dad29__bottom { color: hsl(var(--green-shade10) / 0.6); } ._show_dad29__clause ._show_dad29__clause-condition._show_dad29__completed h4 { color: hsl(var(--green-shade25)); } ._show_dad29__clause ._show_dad29__clause-condition._show_dad29__completed:hover { background: hsl(var(--extreen) / 0.08); } ._show_dad29__clause ._show_dad29__clause-condition._show_dad29__completed:hover ._show_dad29__bottom { color: hsl(var(--green-shade10)); } ._show_dad29__clause ._show_dad29__clause-condition._show_dad29__completed:hover h4 { color: hsl(var(--green-shade10)); } ._show_dad29__clause ._show_dad29__clause-condition:hover { background: hsl(var(--gray99)); } ._show_dad29__clause ._show_dad29__clause-condition:hover ._show_dad29__bottom { color: hsl(var(--gray20)); } ._show_dad29__clause ._show_dad29__clause-condition:hover ._show_dad29__icon-info { fill: hsl(var(--gray50)); } ._show_dad29__clause ._show_dad29__icon-info { fill: hsl(var(--gray80)); height: 1.5rem; position: absolute; right: 0.5rem; top: 0.5rem; transition: fill 0.2s ease-in-out; width: 1.5rem; } ._show_dad29__clause ._show_dad29__icon-info:hover { fill: hsl(var(--blue)); } ._show_dad29__clause ._show_dad29__icon-learnable-type { flex-shrink: 0; height: 3.5rem; width: 3.5rem; } ._show_dad29__clause ._show_dad29__nudge { animation: _show_dad29__tilt-shaking 3.5s ease-in-out infinite; background-color: hsl(var(--yellow) / 0.1); border: 1px solid hsl(var(--yellow) / 0.15); border-radius: 0.25rem; font-size: 0.9rem; line-height: 1.2; margin: 1.5rem auto 0; padding: 0.5rem 1rem; width: -moz-fit-content; width: fit-content; } ._show_dad29__bottom { align-items: center; color: hsl(var(--gray60)); display: flex; font-size: 0.9rem; gap: 1rem; transition: color 0.2s ease-in-out; width: 100%; } ._show_dad29__bottom strong { font-weight: 600; } section > h3 { margin: 2rem 0 1rem; } ._show_dad29__certificate-managers ._show_dad29__certificate-managers-list { display: flex; flex-direction: column; gap: 1rem; } ._show_dad29__certificate-managers ._show_dad29__certificate-manager-card { --user-card-size: 32px; } ._show_dad29__clauses-nav { align-items: stretch; display: flex; gap: 1rem; margin-bottom: 2rem; -webkit-user-select: none; -moz-user-select: none; user-select: none; } ._show_dad29__clauses-nav ._show_dad29__clause-head { cursor: pointer; } ._show_dad29__clauses-nav ._show_dad29__clause-title { font-size: 1.2em; } ._show_dad29__clauses-nav ._show_dad29__clause-nav-item { flex: 1; margin: 0; transition: background 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } ._show_dad29__clauses-nav ._show_dad29__clause-nav-item:hover { box-shadow: 0 1px 4px rgba(0,0,0,.05), 0 5px 10px rgba(0,0,0,.05); } ._show_dad29__clauses-nav ._show_dad29__clause-nav-item ._show_dad29__bottom { margin: 0.2rem 0 0 0; transition: color 0.2s ease-in-out; } ._show_dad29__clauses-nav ._show_dad29__clause-nav-item ._show_dad29__clause-title { transition: color 0.2s ease-in-out; } ._show_dad29__clauses-nav ._show_dad29__clause-nav-item::after { background: #9b82ba; border-radius: 50%; bottom: -1.25rem; content: ''; height: 0.5rem; left: 50%; opacity: 0; position: absolute; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; width: 0.5rem; transform: translateX(-50%) scale(0); } ._show_dad29__clauses-nav ._show_dad29__clause-nav-item.active { background: #9b82ba; box-shadow: 0 1px 4px rgba(0,0,0,.05), 0 5px 10px rgba(0,0,0,.05); } ._show_dad29__clauses-nav ._show_dad29__clause-nav-item.active ._show_dad29__clause-title { color: white; } ._show_dad29__clauses-nav ._show_dad29__clause-nav-item.active ._show_dad29__bottom { color: hsl(var(--white) / 0.6); } ._show_dad29__clauses-nav ._show_dad29__clause-nav-item.active::after { opacity: 1; transform: translateX(-50%) scale(1); } ._show_dad29__clauses-nav ._show_dad29__clause-nav-item ._show_dad29__clause-conditions { display: none; } ._show_dad29__actions-wrapper { position: relative; } ._show_dad29__actions-wrapper._show_dad29__suspended ._show_dad29__actions { filter: blur(2px); opacity: 0.5; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } ._show_dad29__suspended-label { background: hsl(var(--suspended)); border-radius: 0.25rem; color: white; font-size: 0.9em; font-weight: 600; left: 50%; padding: 0.5em 1em; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 1; } ._show_dad29__no-clauses-message { color: hsl(var(--gray50)); padding: 2em; text-align: center; } ._show_dad29__clauses { overflow: hidden; } ._show_dad29__clauses ._show_dad29__clauses-wrapper { align-items: flex-start; display: flex; gap: 1px; padding: 1px; transition: transform 0.2s ease-in-out; } ._show_dad29__clauses ._show_dad29__clause { flex: 1; height: 0; margin: 0; opacity: 0; transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out; } ._show_dad29__clauses ._show_dad29__clause.active { height: auto; opacity: 1; } ._show_dad29__inline-condition ._show_dad29__condition-prompt { font-size: 1.5rem; font-weight: 700; line-height: 1.2; margin-bottom: 1rem; } ._show_dad29__inline-condition ._show_dad29__validity { color: hsl(var(--gray60)); font-size: 0.85em; margin: 0.75rem 0 0 0; } ._show_dad29__renewal-context { color: hsl(var(--gray50)); font-size: 1rem; margin: 2rem 0 0 0; } ._show_dad29__renewal-context._show_dad29__warning { color: hsl(var(--yellow-dark)); } ._show_dad29__renewal-context + ._show_dad29__condition-prompt { margin-top: 0.25rem; } ._show_dad29__condition-prompt { font-size: 1.4rem; font-weight: 600; line-height: 1.3; margin-bottom: 0.25rem; margin-top: 2rem; } ._show_dad29__validity-message { color: hsl(var(--gray40)); font-size: 0.95rem; margin: 0 0 1.5rem 0; } .certificate-elearning-tile { box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 2rem 2rem -3rem rgba(0, 0, 0, 0.3); cursor: pointer; } .certificate-elearning-tile .flex { display: flex; margin-top: 1rem; } .certificate-elearning-tile .certificate-start-btn { align-items: center; background: #c678a6; border-radius: 2rem; color: #fff; display: inline-flex; font-size: 1.1rem; font-weight: 700; gap: 0.6rem; justify-content: center; padding: 0.7rem 1.6rem; -webkit-text-decoration: none; text-decoration: none; transition: background 0.08s ease-in-out, box-shadow 0.06s ease-out; white-space: nowrap; } .certificate-elearning-tile .certificate-start-btn:hover { background: #b56a96; } .certificate-elearning-tile .certificate-start-btn .icon { font-size: 1.2rem; } ._show_dad29__start-button { background: hsl(var(--blue)); border: none; border-radius: 0.5rem; color: hsl(var(--white)); cursor: pointer; display: inline-block; font-size: 1rem; margin-top: 1rem; padding: 0.8rem; text-align: center; -webkit-text-decoration: none; text-decoration: none; transition: background 0.08s ease-in-out; } ._show_dad29__start-button:hover, ._show_dad29__start-button:active { background: hsl(var(--blue-darker)); } ._show_dad29__start-button-wide { width: 100%; } /* Checklist styles */ ._show_dad29__checklist { list-style: none; margin: 0; padding: 0.5rem 1.5rem 1rem; } ._show_dad29__checklist-item { align-items: center; border-bottom: 1px solid hsl(var(--gray93)); display: flex; gap: 1rem; padding: 1rem 0; } ._show_dad29__checklist-item:last-child { border-bottom: none; } ._show_dad29__checklist-item._show_dad29__completed ._show_dad29__checklist-title { color: hsl(var(--gray50)); } ._show_dad29__checklist-item._show_dad29__completed ._show_dad29__checklist-checkbox { background: hsl(var(--green)); border-color: hsl(var(--green)); } ._show_dad29__checklist-checkbox { align-items: center; border: 2px solid hsl(var(--gray80)); border-radius: 0.25rem; color: white; display: flex; flex-shrink: 0; height: 1.5rem; justify-content: center; width: 1.5rem; } ._show_dad29__checklist-checkbox ._show_dad29__icon { font-size: 0.9rem; } ._show_dad29__checklist-content { flex: 1; min-width: 0; } ._show_dad29__checklist-link { align-items: center; color: inherit; display: flex; gap: 0.75rem; -webkit-text-decoration: none; text-decoration: none; transition: opacity 0.1s ease-in-out; } ._show_dad29__checklist-link:hover { opacity: 0.8; } ._show_dad29__checklist-link._show_dad29__nolink { cursor: pointer; } ._show_dad29__checklist-avatar { flex-shrink: 0; } ._show_dad29__checklist-text { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; } ._show_dad29__checklist-title { font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ._show_dad29__checklist-subtitle { color: hsl(var(--gray50)); font-size: 0.85em; } ._show_dad29__checklist-enrollment-status { color: hsl(var(--link)); font-size: 0.85em; display: block; } ._show_dad29__checklist-item._show_dad29__pending { background: hsl(var(--warning-lighter)); border-radius: 0.5rem; margin: 0 -1rem; padding: 1rem; border-bottom: none; } ._show_dad29__checklist-item._show_dad29__pending + ._show_dad29__checklist-item { border-top: none; } ._show_dad29__checklist-pending-badge { align-items: center; background: hsl(var(--warning)); border-radius: 1rem; color: white; display: flex; flex-shrink: 0; font-size: 0.8rem; font-weight: 500; gap: 0.35rem; padding: 0.35rem 0.75rem; } ._show_dad29__checklist-pending-badge ._show_dad29__icon { align-self: center; background-color: white; border-radius: 50%; color: hsl(var(--warning)); display: flex; font-weight: bold; height: 1rem; justify-content: center; overflow: hidden; width: 1rem; } ._show_dad29__checklist-pending-badge ._show_dad29__icon::before { content: "\2026"; line-height: 0.45; } ._show_dad29__checklist-assess-button { background: hsl(var(--blue)); border: none; border-radius: 1rem; color: white; cursor: pointer; flex-shrink: 0; font-size: 0.8rem; font-weight: 500; padding: 0.5rem 1rem; transition: background 0.1s ease-in-out; } ._show_dad29__checklist-assess-button:hover { background: hsl(var(--blue-darker)); } ._show_dad29__checklist-count { color: hsl(var(--gray50)); font-size: 0.85em; } ._show_dad29__checklist-checkbox._show_dad29__has-count { background: hsl(var(--gray96)); border-color: hsl(var(--gray80)); height: auto; min-height: 1.5rem; padding: 0.15rem 0.3rem; width: auto; min-width: 2.5rem; } ._show_dad29__checklist-progress { color: hsl(var(--gray40)); font-size: 0.85rem; font-weight: 600; white-space: nowrap; } /* Progress ring for count > 1 */ ._show_dad29__progress-ring-wrapper { align-items: center; display: flex; flex-shrink: 0; height: 3rem; justify-content: center; position: relative; width: 3rem; } ._show_dad29__progress-ring { height: 100%; transform: rotate(-90deg); width: 100%; } ._show_dad29__progress-ring-bg { fill: none; stroke: hsl(var(--gray90)); stroke-width: 2.5; } ._show_dad29__progress-ring-fill { fill: none; stroke: hsl(var(--green)); stroke-dashoffset: 0; stroke-linecap: round; stroke-width: 2.5; transition: stroke-dasharray 0.3s ease; } ._show_dad29__progress-ring-text { color: hsl(var(--gray40)); font-size: 0.7rem; font-weight: 600; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } ._show_dad29__progress-ring-icon { color: hsl(var(--warning)); font-size: 1.2rem; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } ._show_dad29__progress-ring-wrapper._show_dad29__pending ._show_dad29__progress-ring-bg { stroke: hsl(var(--warning) / 0.2); } ._show_dad29__progress-ring-wrapper._show_dad29__pending ._show_dad29__progress-ring-fill { stroke: hsl(var(--warning)); } ._show_dad29__progress-ring-wrapper._show_dad29__completed ._show_dad29__progress-ring-text { color: hsl(var(--extreen-shade25)); } ._show_dad29__progress-ring-wrapper._show_dad29__unavailable { opacity: 0.5; } ._show_dad29__progress-ring-wrapper._show_dad29__unavailable ._show_dad29__progress-ring-fill { stroke: hsl(var(--gray80)); } /* Unavailable condition styles */ ._show_dad29__checklist-item._show_dad29__unavailable { opacity: 0.6; } ._show_dad29__checklist-item._show_dad29__unavailable ._show_dad29__checklist-link { cursor: not-allowed; } ._show_dad29__checklist-item._show_dad29__unavailable ._show_dad29__checklist-link:hover { opacity: 1; } ._show_dad29__checklist-item._show_dad29__unavailable ._show_dad29__checklist-avatar { filter: grayscale(100%); } ._show_dad29__checklist-unavailable { color: hsl(var(--gray50)); font-size: 0.85em; font-style: italic; } /* Prior completion / Renewal clause styles */ ._show_dad29__prior-completion-section { padding: 0; } ._show_dad29__prior-completion-header { color: hsl(var(--gray50)); font-size: 0.7rem; font-weight: 600; letter-spacing: 0.05em; margin-bottom: 0.75rem; text-transform: uppercase; } ._show_dad29__prior-achievement-card { align-items: center; background: white; border: 2px solid hsl(var(--green)); border-radius: 0.5rem; display: flex; gap: 1rem; padding: 1rem 1.25rem; } ._show_dad29__prior-achievement-card._show_dad29__locked { border-color: hsl(var(--gray80)); } ._show_dad29__prior-achievement-icon { align-items: center; background: hsl(var(--green)); border-radius: 50%; color: white; display: flex; flex-shrink: 0; height: 2.5rem; justify-content: center; width: 2.5rem; } ._show_dad29__prior-achievement-icon ._show_dad29__icon { font-size: 1.25rem; } ._show_dad29__prior-achievement-card._show_dad29__locked ._show_dad29__prior-achievement-icon { background: hsl(var(--gray70)); } ._show_dad29__prior-achievement-content { display: flex; flex-direction: column; gap: 0.25rem; } ._show_dad29__prior-achievement-title { font-weight: 600; } ._show_dad29__prior-achievement-card._show_dad29__locked ._show_dad29__prior-achievement-title { color: hsl(var(--gray50)); } ._show_dad29__prior-achievement-meta { color: hsl(var(--gray50)); font-size: 0.9em; } ._show_dad29__prior-completion-connector { background: hsl(var(--green)); height: 1.25rem; margin-left: 2.25rem; width: 2px; } ._show_dad29__prior-completion-connector._show_dad29__locked { background: hsl(var(--gray80)); } ._show_dad29__renewal-card { background: white; border-radius: 0.5rem; box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 1px rgba(0, 0, 0, 0.025); padding: 1.25rem 1.5rem 0; } ._show_dad29__renewal-card ._show_dad29__condition-prompt { margin-top: 0.75rem; } ._show_dad29__renewal-card ._show_dad29__validity-message { margin-bottom: 0; } ._show_dad29__renewal-card ._show_dad29__checklist { padding-left: 0; padding-right: 0; } ._show_dad29__renewal-badge { align-items: center; background: #f0f0f0; border-radius: 1rem; color: #666; display: inline-flex; font-size: 0.7rem; font-weight: 600; gap: 0.3em; letter-spacing: 0.03em; padding: 0.35em 0.75em; text-transform: uppercase; } ._show_dad29__renewal-badge ._show_dad29__icon { font-size: 0.9em; } ._show_dad29__renewal-badge._show_dad29__unlocked { background: hsl(var(--green)); color: white; } /* Mate-in-1 styles: alternative condition layout without progress rings */ ._show_dad29__mate-in-1 { padding: 0.5rem 1.5rem 1rem; } ._show_dad29__mate-in-1-item { align-items: center; display: flex; gap: 1rem; padding: 0.5rem 0; } ._show_dad29__mate-in-1-item._show_dad29__pending { background: hsl(var(--warning-lighter)); border-radius: 0.5rem; margin: 0 -1rem; padding: 0.75rem 1rem; } ._show_dad29__mate-in-1-item._show_dad29__unavailable { opacity: 0.6; } ._show_dad29__mate-in-1-item._show_dad29__unavailable ._show_dad29__mate-in-1-avatar { filter: grayscale(100%); } ._show_dad29__mate-in-1-link { align-items: center; background: none; border: none; color: inherit; cursor: pointer; display: flex; flex: 1; font-family: inherit; font-size: inherit; gap: 0.75rem; min-width: 0; padding: 0; text-align: left; -webkit-text-decoration: none; text-decoration: none; transition: opacity 0.1s ease-in-out; } ._show_dad29__mate-in-1-link:hover { opacity: 0.8; } ._show_dad29__mate-in-1-label { align-items: center; display: flex; flex: 1; gap: 0.75rem; min-width: 0; } ._show_dad29__mate-in-1-avatar { flex-shrink: 0; } ._show_dad29__mate-in-1-text { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; } ._show_dad29__mate-in-1-title { font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ._show_dad29__mate-in-1-enrollment { color: hsl(var(--link)); font-size: 0.85em; } ._show_dad29__mate-in-1-unavailable { color: hsl(var(--gray50)); font-size: 0.85em; font-style: italic; } ._show_dad29__mate-in-1-separator { align-items: center; color: hsl(var(--gray60)); display: flex; font-size: 0.75em; font-weight: 500; gap: 0.5rem; padding: 0.25rem 0; text-transform: lowercase; } ._show_dad29__mate-in-1-separator::before, ._show_dad29__mate-in-1-separator::after { content: ""; border-top: 1px dashed hsl(var(--gray80)); flex: 1; } ._show_dad29__mate-in-1-pending-badge { align-items: center; background: hsl(var(--warning)); border-radius: 1rem; color: white; display: flex; flex-shrink: 0; font-size: 0.8rem; font-weight: 500; gap: 0.35rem; padding: 0.35rem 0.75rem; } ._show_dad29__mate-in-1-pending-badge ._show_dad29__icon { align-self: center; background-color: white; border-radius: 50%; color: hsl(var(--warning)); display: flex; font-weight: bold; height: 1rem; justify-content: center; overflow: hidden; width: 1rem; } ._show_dad29__mate-in-1-pending-badge ._show_dad29__icon::before { content: "\2026"; line-height: 0.45; } ._show_dad29__mate-in-1-assess-button { background: hsl(var(--blue)); border: none; border-radius: 1rem; color: white; cursor: pointer; flex-shrink: 0; font-size: 0.8rem; font-weight: 500; padding: 0.5rem 1rem; transition: background-color 0.1s ease-in-out; } ._show_dad29__mate-in-1-assess-button:hover { background: hsl(var(--link-hover)); } ._show_9913a__inactive { margin-left: 0.4em; vertical-align: middle; } ._show_9913a__explanation { color: hsl(var(--text) / 70%); font-size: var(--font-size-small); } /* Shared community styles live in channel/community/show/style.css; keep only index-specific differences here. */ .channel-community-index-view .content-width { container: item-grid / inline-size; } .channel-community-index-view .channel-tabs { margin-bottom: 1.5rem; margin-left: auto; margin-right: auto; max-width: calc(var(--main-content-width) * 0.5); } .channel-community-index-view .community-button-container { display: flex; flex-wrap: wrap; gap: 0.5rem; max-width: calc(var(--main-content-width) * 0.5); } .channel-community-index-view .community-post-button { background-color: hsl(var(--primary)); border: none; border-radius: 0.25rem; color: white; cursor: pointer; font-family: var(--font-family-base); font-size: var(--font-size-base); padding: 0.75em 1.25em; transform: scale(1); transition: transform 0.15s ease-in-out; } .channel-community-index-view .community-post-button:hover { transform: scale(1.05); } .channel-community-index-view .channel-button { color: hsl(var(--body)); cursor: pointer; font-family: var(--font-family-base); font-size: var(--font-size-large); line-height: 1; margin-right: auto; overflow: hidden; padding: calc(0.65em + 1px) calc(0.8em + 1px); position: relative; text-align: center; -webkit-text-decoration: none; text-decoration: none; } .channel-community-index-view .channel-button::before, .channel-community-index-view .channel-button::after { border-radius: 3px; content: ''; top: 0; right: 0; bottom: 0; left: 0; position: absolute; transition: opacity var(--duration-shorter) ease-in-out; z-index: -1; } .channel-community-index-view .channel-button::before { background-color: var(--channel-color); opacity: 0.05; } .channel-community-index-view .channel-button::after { box-shadow: 0 0 0 1px var(--channel-color) inset; opacity: 0.05; } .channel-community-index-view .channel-button:hover::before { opacity: 0.1; } .channel-community-index-view .channel-button .icon { font-size: 0.9em; } /* Shared community styles for index and show */ .channel-community-show-view, .channel-community-index-view { --main-content-width: 108rem; } .channel-community-show-view h2.community, .channel-community-index-view h2.community { font-size: var(--font-size-heading-large); margin: 0; width: -moz-fit-content; width: fit-content; } /* Community Message Styles */ .channel-community-show-view .community-message, .channel-community-index-view .community-message { margin: 2rem 0; max-width: calc(var(--main-content-width) * 0.5); position: relative; } .channel-community-show-view .community-message-box, .channel-community-index-view .community-message-box { background: hsl(var(--background-tint50)); border-radius: 0.5rem; box-shadow: 0 0 2rem hsl(var(--border) / 0.2), 0 0 0 1px rgba(0,0,0,0.03922); transition: box-shadow 0.1s ease-in-out; } .channel-community-show-view .community-message-box--clickable, .channel-community-index-view .community-message-box--clickable { cursor: pointer; } /* Hover effect unless hovering a child link or button */ .channel-community-show-view .community-message-box--clickable:hover:not(:has(a:hover, button:hover)), .channel-community-index-view .community-message-box--clickable:hover:not(:has(a:hover, button:hover)) { box-shadow: 0 0 2rem hsl(var(--border) / 0.5), 0 0 0 1px rgba(0,0,0,0.10196); } .channel-community-show-view .community-message-header, .channel-community-index-view .community-message-header { border-bottom: 1px solid hsl(var(--border-alpha)); color: hsl(var(--primary) / 0.75); padding: 0.8rem 1rem; } @media (max-width: 768px) { .channel-community-show-view .community-message-header, .channel-community-index-view .community-message-header { padding: 0.5rem 0.75rem } } .channel-community-show-view .community-message-meta, .channel-community-index-view .community-message-meta { align-items: center; color: hsl(var(--meta)); display: flex; flex-wrap: wrap; gap: 0.3em; width: 100%; padding-right: 1.75rem; } .channel-community-show-view .community-message-meta *, .channel-community-index-view .community-message-meta * { white-space: nowrap; } @media (max-width: 768px) { .channel-community-show-view .community-message-meta, .channel-community-index-view .community-message-meta { gap: 0.2em; padding-right: 1.6rem } } .channel-community-show-view .community-message-edited, .channel-community-index-view .community-message-edited { color: hsl(var(--meta) / 0.75); } .channel-community-show-view .community-message-time, .channel-community-index-view .community-message-time { color: hsl(var(--meta) / 0.75); margin-left: auto; } .channel-community-show-view .actions-toggle, .channel-community-index-view .actions-toggle { position: absolute; right: 0.5rem; z-index: 2; } @media (max-width: 768px) { .channel-community-show-view .actions-toggle, .channel-community-index-view .actions-toggle { top: 0.5rem } } .channel-community-show-view .actions-toggle-trigger, .channel-community-index-view .actions-toggle-trigger { opacity: 0.75; } .channel-community-show-view .community-message-type-icon, .channel-community-index-view .community-message-type-icon { align-items: center; border-radius: 50%; display: flex; height: 2rem; justify-content: center; margin-right: 0.5em; width: 2rem; } @media (max-width: 768px) { .channel-community-show-view .community-message-type-icon, .channel-community-index-view .community-message-type-icon { margin-right: 0.25em; height: 1.6rem; width: 1.6rem } } .channel-community-show-view .community-message-type-icon .icon, .channel-community-index-view .community-message-type-icon .icon { max-height: 1.2em; } @media (max-width: 768px) { .channel-community-show-view .community-message-type-icon .icon, .channel-community-index-view .community-message-type-icon .icon { max-height: 1em } } .channel-community-show-view .community-message-type-icon.type-announcement, .channel-community-index-view .community-message-type-icon.type-announcement { background: hsl(var(--primary) / 0.2); } .channel-community-show-view .community-message-type-icon.type-message, .channel-community-index-view .community-message-type-icon.type-message { background: hsl(var(--green) / 0.3); } .channel-community-show-view .community-message-type-icon.type-case, .channel-community-index-view .community-message-type-icon.type-case { background: hsl(var(--purple) / 0.3); } .channel-community-show-view .community-message-type-icon.type-idea, .channel-community-index-view .community-message-type-icon.type-idea { background: hsl(var(--blue) / 0.3); } .channel-community-show-view .community-message-type-icon.type-tip, .channel-community-index-view .community-message-type-icon.type-tip { background: hsl(var(--orange) / 0.3); } .channel-community-show-view .community-message-type-icon.type-question, .channel-community-index-view .community-message-type-icon.type-question { background: hsl(var(--yellow) / 0.3); } .channel-community-show-view .community-message-content, .channel-community-index-view .community-message-content { padding: 1.5rem 2rem; } @media (max-width: 768px) { .channel-community-show-view .community-message-content, .channel-community-index-view .community-message-content { padding: 1rem 1rem } } .channel-community-show-view .community-message-title, .channel-community-index-view .community-message-title { font-size: 1.3em; margin: 0 0 0.5rem; } @media (max-width: 768px) { .channel-community-show-view .community-message-title, .channel-community-index-view .community-message-title { font-size: 1.2em } } .channel-community-show-view .community-message-body, .channel-community-index-view .community-message-body { margin: 0; } .channel-community-show-view .community-message-body.narrow, .channel-community-index-view .community-message-body.narrow { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .channel-community-show-view .community-message-footer, .channel-community-index-view .community-message-footer { align-items: center; display: flex; gap: 0.8em; justify-content: end; margin: 0.8rem 0 0; padding-right: 0.5rem; width: 100%; } .channel-community-show-view .community-message-footer img, .channel-community-index-view .community-message-footer img { height: 1em; vertical-align: bottom; } .channel-community-show-view .community-message-reply-link, .channel-community-show-view .community-message-like-button, .channel-community-index-view .community-message-reply-link, .channel-community-index-view .community-message-like-button { background: none; border: none; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset; color: hsl(var(--text)); border-radius: 0.25rem; cursor: pointer; font-size: inherit; padding: 0.3rem 0.5rem; -webkit-text-decoration: none; text-decoration: none; transition: background 0.15s ease-in-out; } .channel-community-show-view .community-message-reply-link:hover, .channel-community-show-view .community-message-like-button:hover, .channel-community-index-view .community-message-reply-link:hover, .channel-community-index-view .community-message-like-button:hover { background: rgba(0, 0, 0, 0.04); } .channel-community-show-view .community-message-reply-link.liked, .channel-community-show-view .community-message-like-button.liked, .channel-community-index-view .community-message-reply-link.liked, .channel-community-index-view .community-message-like-button.liked { font-weight: bold; background: hsl(var(--primary) / 0.1); box-shadow: 0 0 0 1px hsl(var(--primary) / 0.1) inset; } /* Community Reply Styles */ .channel-community-show-view .community-reply, .channel-community-index-view .community-reply { margin: 1rem 0; max-width: calc(var(--main-content-width) * 0.5); position: relative; } .channel-community-show-view .community-reply-box, .channel-community-index-view .community-reply-box { background: hsl(var(--background-tint50)); border-radius: 0.5rem; box-shadow: 0 1rem 2rem hsl(var(--border) / 0.2), 0 0 0 1px rgba(0,0,0,0.03922); /* padding: 1.5rem; */ margin-left: 2rem; } @media (max-width: 768px) { .channel-community-show-view .community-reply-box, .channel-community-index-view .community-reply-box { margin-left: 1.5rem /* padding: 1rem; */ } } .channel-community-show-view .community-reply-header, .channel-community-index-view .community-reply-header { border-bottom: 1px solid hsl(var(--border-alpha)); color: hsl(var(--meta)); align-items: center; display: flex; flex-wrap: wrap; gap: 0.3em; position: relative; padding: 0.8rem 1rem; padding-right: 2.75rem; } @media (max-width: 768px) { .channel-community-show-view .community-reply-header, .channel-community-index-view .community-reply-header { padding-right: 2.6rem; gap: 0.2em } } .channel-community-show-view .community-reply-edited,.channel-community-index-view .community-reply-edited{ color: hsl(var(--meta) / 0.75); } .channel-community-show-view .community-reply-time, .channel-community-index-view .community-reply-time { margin-left: auto; color: hsl(var(--meta) / 0.75); } .channel-community-show-view .community-reply-icon, .channel-community-index-view .community-reply-icon { height: 1em; width: 1em; opacity: 0.75; } .channel-community-show-view .community-reply-content,.channel-community-index-view .community-reply-content{ padding: 0.8rem 1rem; } .channel-community-show-view .community-reply-footer, .channel-community-index-view .community-reply-footer { align-items: center; display: flex; gap: 0.8em; justify-content: end; margin: 0.8rem 0 0; padding-right: 0.5rem; width: 100%; } .channel-community-show-view .community-reply-footer img, .channel-community-index-view .community-reply-footer img { height: 1em; vertical-align: bottom; } /* Community Form Styles */ .channel-community-show-view .community-message-form .form-field, .channel-community-show-view .community-reply-form .form-field, .channel-community-index-view .community-message-form .form-field, .channel-community-index-view .community-reply-form .form-field { margin-bottom: 1rem; } .channel-community-show-view .community-message-form .form-field label, .channel-community-show-view .community-reply-form .form-field label, .channel-community-index-view .community-message-form .form-field label, .channel-community-index-view .community-reply-form .form-field label { display: block; margin-bottom: 0.25rem; } .channel-community-show-view .community-message-form .form-field input, .channel-community-show-view .community-message-form .form-field select, .channel-community-show-view .community-reply-form .form-field input, .channel-community-show-view .community-reply-form .form-field select, .channel-community-index-view .community-message-form .form-field input, .channel-community-index-view .community-message-form .form-field select, .channel-community-index-view .community-reply-form .form-field input, .channel-community-index-view .community-reply-form .form-field select { background-color: hsl(var(--form-input-background)); border: 1px solid hsl(var(--border)); border-radius: 0.25rem; box-sizing: border-box; font-family: var(--font-family-base); font-size: var(--font-size-base); line-height: 1.4; outline-color: hsl(var(--primary)); padding: 0.5rem; width: 100%; } .channel-community-show-view .community-message-form .form-field select, .channel-community-show-view .community-reply-form .form-field select, .channel-community-index-view .community-message-form .form-field select, .channel-community-index-view .community-reply-form .form-field select { height: auto; } .channel-community-show-view .community-message-form .form-field.form-field--inline label, .channel-community-show-view .community-reply-form .form-field.form-field--inline label, .channel-community-index-view .community-message-form .form-field.form-field--inline label, .channel-community-index-view .community-reply-form .form-field.form-field--inline label { display: inline-block; margin-bottom: 0; margin-right: 0.5em; } .channel-community-show-view .community-message-form .form-field.form-field--inline select, .channel-community-show-view .community-reply-form .form-field.form-field--inline select, .channel-community-index-view .community-message-form .form-field.form-field--inline select, .channel-community-index-view .community-reply-form .form-field.form-field--inline select { width: auto; } .channel-community-show-view .community-message-form trix-area, .channel-community-show-view .community-reply-form trix-area, .channel-community-index-view .community-message-form trix-area, .channel-community-index-view .community-reply-form trix-area { margin-bottom: 1rem; } .channel-community-show-view .community-message-form .form-actions, .channel-community-show-view .community-reply-form .form-actions, .channel-community-index-view .community-message-form .form-actions, .channel-community-index-view .community-reply-form .form-actions { display: flex; gap: 0.5rem; justify-content: flex-end; } .channel-community-show-view .community-reply-form, .channel-community-index-view .community-reply-form { border-radius: 0.25rem; margin: var(--spacing-vertical) 0; max-width: calc(var(--main-content-width) * 0.45); } .channel-community-show-view .community-reply-form trix-area, .channel-community-index-view .community-reply-form trix-area { background: hsl(var(--white)); } @media (max-width: 768px) { .channel-community-show-view .community-message, .channel-community-show-view .community-reply, .channel-community-index-view .community-message, .channel-community-index-view .community-reply { margin: var(--spacing-vertical-small) 0 var(--spacing-vertical-large); max-width: 100%; } .channel-community-show-view .community-reply-form, .channel-community-index-view .community-reply-form { max-width: 100%; } } .channel-community-show-view .channel-tabs { margin-bottom: 1.5rem; max-width: var(--main-content-width); margin-left: auto; margin-right: auto; } .channel-community-show-view .back-to-messages-link { align-items: center; border-radius: 0.375rem; color: hsl(var(--gray50)); display: inline-flex; font-size: 1rem; gap: 0.25rem; margin-bottom: 0.5rem; padding: 0.25rem 0.35rem; -webkit-text-decoration: none; text-decoration: none; } .channel-community-show-view .back-to-messages-link .icon { font-size: 0.75rem; } .channel-community-show-view .back-to-messages-link:hover { background-color: hsl(var(--gray93)); color: hsl(var(--primary)); } ._index_280a3__container-header { margin: var(--spacing-vertical) 0 var(--spacing-vertical-large); text-align: center; } @media only screen and (min-width: 768px) {._index_280a3__container-header { margin: var(--spacing-vertical-large) 0 var(--spacing-vertical) } } @media only screen and (max-width: 767px) {._index_280a3__container-header { margin: var(--spacing-vertical-large) 0 var(--spacing-vertical) } } h1._index_280a3__title { color: var(--primary-color); font-size: 2rem; font-weight: 600; line-height: 1.2; margin-top: 0; margin-bottom: .8rem; } ._index_280a3__icon { margin-right: 0.25em; } ._index_280a3__channels-list { display: grid; grid-gap: 1rem; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); } ._index_280a3__channel-link-panel { background-color: white; border-radius: var(--size-border-radius); box-shadow: var(--shadow-panel); color: hsl(var(--violet-dark)); display: inline-flex; flex-direction: column; font-size: var(--font-size-large); line-height: var(--line-height-medium); margin-bottom: 0.4em; margin-right: 0.2em; padding: calc(2 * var(--spacing-vertical)); position: relative; -webkit-text-decoration: none; text-decoration: none; transition: background-color 0.08s ease, color 0.08s ease; } ._index_280a3__channel-link-panel.active, ._index_280a3__channel-link-panel:hover { background-color: hsl(var(--violet-dark)); color: white; } ._index_280a3__unpublished { border: 3px solid red !important; } ._index_280a3__channel-image-container { align-items: center; border-radius: 50%; display: flex; height: 100px; justify-content: center; margin: 0 auto; margin-top: 1rem; overflow: hidden; width: 100px; } ._index_280a3__channel-name { margin-bottom: auto; overflow: hidden; text-overflow: ellipsis; word-wrap: normal; } ._index_280a3__channel-image { display: block; height: 100px; width: 100px } ._index_280a3__image-container img { max-height: 100%; max-width: 100%; } ._index_280a3__channel-image-fallback { align-items: center; background-color: rgb(51, 37, 37); border-radius: 50%; display: flex; height: 100px; justify-content: center; width: 100px; } ._index_280a3__channel-cta { margin-top: 1rem; text-align: center; } ._index_280a3__channel-cta button { border-radius: 50px; font-size: var(--font-size-small); } ._index_280a3__meta { color: hsl(var(--gray-light)); font-size: var(--font-size-small); line-height: var(--line-height-medium); margin-top: var(--spacing-vertical); text-align: center; } ._index_280a3__meta-info { font-size: var(--font-size-small); } ._index_280a3__pinstripe { bottom: 0; height: 5px; left: 0; position: absolute; width: 100%; } ._index_280a3__container { margin-top: var(--spacing-vertical-large); padding-left: var(--spacing-horizontal-small); padding-right: var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { ._index_280a3__container { padding-left: var(--spacing-horizontal); padding-right: var(--spacing-horizontal) } } ._index_280a3__title { font-size: var(--font-size-heading-large); font-weight: 300; margin: 0; } @media only screen and (min-width: 768px) { ._index_280a3__title { font-size: var(--font-size-heading-extra-large) } } ._index_280a3__filter { display: flex; flex-direction: column; } @media only screen and (min-width: 544px) { ._index_280a3__filter { flex-direction: row; justify-content: space-between; margin-bottom: var(--spacing-vertical-large) } } ._index_280a3__filter ._index_280a3__button-group { display: flex; margin-bottom: var(--spacing-vertical-large); order: 2; width: auto; } @media only screen and (min-width: 544px) { ._index_280a3__filter ._index_280a3__button-group { margin: auto 0; order: 1 } } ._index_280a3__filter ._index_280a3__button-group a { flex: 1 0 auto; align-items: center; display: flex; padding: .2rem 1rem; } ._index_280a3__filter ._index_280a3__button-group input { --input-height: 40px; margin-right: 1rem; } ._index_280a3__filter ._index_280a3__button { margin-bottom: var(--spacing-vertical); order: 1; width: 100%; } @media only screen and (min-width: 544px) { ._index_280a3__filter ._index_280a3__button { margin-bottom: 0; order: 2; width: auto } } ._index_280a3__filter a { align-items: center; display: flex; } ._index_919c9__hero { background-color: hsl(var(--violet-dark)); color: white; } @media only screen and (min-width: 544px) { ._index_919c9__hero ._index_919c9__hero-container { padding: var(--spacing-vertical-large) var(--spacing-horizontal-small) } } @media only screen and (min-width: 768px) { ._index_919c9__hero ._index_919c9__hero-container { padding: var(--spacing-vertical-large) var(--spacing-horizontal) } } ._index_919c9__container-header { margin: var(--spacing-vertical) 0 var(--spacing-vertical-large); text-align: center; } @media only screen and (min-width: 544px) { ._index_919c9__container-header { margin: var(--spacing-vertical-large) 0 var(--spacing-vertical-large) } } @media only screen and (min-width: 768px) { ._index_919c9__container-header { margin: var(--spacing-vertical-extra-large) 0 var(--spacing-vertical-extra-large) } } ._index_919c9__container { margin-top: var(--spacing-vertical-large); padding-left: var(--spacing-horizontal-small); padding-right: var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { ._index_919c9__container { padding-left: var(--spacing-horizontal); padding-right: var(--spacing-horizontal) } } ._index_919c9__title { display: inline-block; font-size: var(--font-size-heading-large); font-weight: 300; line-height: var(--line-height-medium); margin: 0; padding: var(--spacing-vertical) var(--spacing-horizontal-small); } @media only screen and (min-width: 544px) { ._index_919c9__title { padding: 0 } } @media only screen and (min-width: 768px) { ._index_919c9__title { font-size: var(--font-size-heading-extra-large) } } ._index_919c9__title::after { content: " "; display: inline-block; width: 0.3em; } ._index_919c9__channel-icon { display: inline-block; line-height: 0.8em; margin-right: 0.3em; } ._index_919c9__items-title { font-weight: 600; margin-bottom: var(--spacing-vertical); margin-top: var(--spacing-vertical-large); } @media only screen and (min-width: 544px) { ._index_919c9__items-title { margin-bottom: var(--spacing-vertical-large); margin-top: var(--spacing-vertical-extra-large) } } ._index_919c9__item-list { container: item-grid / inline-size; } ._index_919c9__course-item-set { position: relative; display: flex; flex-direction: column; flex-wrap: nowrap; min-width: 0; gap: 0.5rem; } ._index_919c9__course-item-set .sort-info { color: hsl(var(--meta)); font-size: var(--font-size-small); position: absolute; top: -1rem; opacity: 0; transition: opacity 0.2s ease; } ._index_919c9__course-item-set ._index_919c9__remove-item-button { top: -1rem; right: -1rem; opacity: 0; transition: opacity 0.2s ease; } ._index_919c9__course-item-set ._index_919c9__course-item { flex-grow: 1; } ._index_919c9__course-item-set:hover ._index_919c9__course-item { transform: none !important; } ._index_919c9__course-item-set:hover .sort-info, ._index_919c9__course-item-set:hover ._index_919c9__remove-item-button { opacity: 1; } ._index_919c9__date { color: hsl(var(--meta)); font-size: var(--font-size-small); margin-bottom: var(--spacing-vertical-small); } ._index_919c9__learnable-item h3 { margin-right: var(--spacing-horizontal-large); } ._index_919c9__item-grid { align-content: stretch; display: grid; justify-items: stretch; margin-bottom: 2rem; grid-gap: 1.5rem; grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); } @container item-grid (width < 900px) { ._index_919c9__item-grid { grid-gap: 1rem } } ._index_919c9__item { display: flex; position: relative; } ._index_919c9__item ._index_919c9__disabled { cursor: not-allowed; opacity: 0.5; } ._index_919c9__item ._index_919c9__remove-item-button { top: -1rem; right: -1rem; opacity: 0; transition: opacity 0.2s ease; } ._index_919c9__item .sort-info { color: hsl(var(--meta)); font-size: var(--font-size-small); position: absolute; top: -1rem; opacity: 0; transition: opacity 0.2s ease; } ._index_919c9__item:hover ._index_919c9__remove-item-button, ._index_919c9__item:hover .sort-info { opacity: 1; } .charts-css { --color-1: hsl(var(--capp-dark-blue) / 0.8) !important; --color-2: hsl(var(--capp-pink) / 0.8) !important; } .charts-css { /* Views color */ /* Subscriptions color */ } ._insights_59422__channel-insights { max-width: 900px; } ._insights_59422__channel-insights ._insights_59422__table-wrapper { display: flex; } ._insights_59422__channel-insights ._insights_59422__y-axis-labels { display: flex; flex-direction: column; justify-content: space-between; margin-bottom: calc(1.5rem - (1.5rem / 2)); margin-top: calc(-1 * (1.5rem / 2)); } ._insights_59422__channel-insights ._insights_59422__y-axis-labels span { align-items: center; display: flex; font-size: 0.8rem; height: 1.5rem; justify-content: flex-end; padding-right: 0.3rem; } ._insights_59422__channel-insights ul.legend { border-radius: 0.3rem; margin-top: 1rem; } /* Capitalize month labels for languages other than NL */ html:not([lang="nl-NL"]) ._insights_59422__channel-insights th[scope="row"] { text-transform: capitalize; } ._insights_59422__graph-header { align-items: center; display: flex; justify-content: space-between; } ._insights_59422__current-year { font-weight: 600; } ._ownership_dialog_3d2c3__hero { margin: 0 !important; } @media only screen and (min-width: 768px) {._ownership_dialog_3d2c3__hero { border-radius: 0.5rem 0.5rem 0 0 !important } } ._ownership_dialog_3d2c3__hero .hero-container { min-height: 0 !important; } ._manage_9e09f__channel-manager-labels { align-items: center; display: flex; gap: 0.3em; } ._manage_9e09f__channel-item-insights { --subject-padding: 1em; --subject-insights-height: 3em; } @media only screen and (min-width: 768px) { ._manage_9e09f__channel-item-insights { --subject-padding: 2em } } ._manage_9e09f__channel-item-insights { align-items: center; color: hsl(var(--text-light) / 0.5); display: flex; font-size: var(--font-size-small); gap: 0.75rem; height: var(--subject-insights-height); top: auto; right: 0; bottom: 0; left: 0; justify-content: flex-end; padding: 0 var(--subject-padding) 0; position: absolute; } .component-learnable-item:hover ._manage_9e09f__channel-item-insights { color: hsl(var(--text-light) / 0.75); } ._manage_9e09f__channel-item-insights >* { align-items: center; display: flex; gap: 0.5em; } ._manage_9e09f__channel-item-insights .icon { color: hsl(var(--text-light) / 0.5); font-size: 1.1em; } ._manage_9e09f__channel-item-insights-tooltip { padding: 0.75rem 1rem; } ._manage_9e09f__channel-item-insights-tooltip p { display: inline; margin: 0; } ._manage_9e09f__channel-item-actions { position: absolute; right: 0; top: 1.5rem; } .channel-manage-view .channel-item-messages-list { display: flex; flex-direction: column; gap: 2rem; max-width: 42rem; } .channel-manage-view .channel-item-messages-list .actions-toggle { position: absolute; right: 0.8rem; top: 1.6rem; } .channel-manage-view .channel-item-message { position: relative; } .channel-manage-view .channel-item-message::before { content: ""; display: block; background: hsl(var(--background)); border-radius: inherit; top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: -1; } .channel-manage-view .channel-item-message-content { padding-bottom: 3rem !important; } .channel-manage-view .message-dialog-button { margin-bottom: 1.5rem; } .channel-manage-view .channel-item-badge { align-items: center; border-radius: 1rem; display: inline-flex; font-size: 0.8rem; font-weight: bold; height: 1.3rem; line-height: 1.6; margin-left: 0.2rem; padding: 0 0.5rem; white-space: nowrap; } .channel-manage-view .channel-item-badge-warning { background: hsl(var(--warning)); color: black; } .channel-manage-view .channel-item-badge-warning .icon { margin-right: 0.1rem; } .channel-manage-view .channel-manage-form fieldset, .channel-manage-view .danger-zone-section { border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0.5rem; margin: 2rem 0; max-width: 50rem; padding: 1rem; } .channel-manage-view .channel-manage-form .form-hint, .channel-manage-view .channel-message-form .form-hint, .channel-manage-view .danger-zone-section .form-hint { line-height: 1.3; } .channel-manage-view .channel-manage-form label, .channel-manage-view .channel-message-form label, .channel-manage-view .danger-zone-section label { display: block; font-weight: bold; margin-bottom: 0.8rem; } .channel-manage-view .channel-manage-form label.radio-button, .channel-manage-view .channel-message-form label.radio-button, .channel-manage-view .danger-zone-section label.radio-button { font-weight: normal; } .channel-manage-view .channel-manage-form .input-group, .channel-manage-view .channel-message-form .input-group, .channel-manage-view .danger-zone-section .input-group { margin-bottom: 1.5rem; max-width: 42rem; } .channel-manage-view .channel-manage-form .input-group .message-submit-button, .channel-manage-view .channel-message-form .input-group .message-submit-button, .channel-manage-view .danger-zone-section .input-group .message-submit-button { display: flex; margin-left: auto; margin-top: 1rem; } .channel-manage-view .danger-zone-section { margin-bottom: 2rem; } .channel-manage-view .danger-zone-section .channel-manage-form { margin-bottom: 0; } .channel-manage-view .danger-zone-section .channel-manage-form button[type="submit"] { margin-top: 2rem; } .channel-manage-view .channel-message-form, .channel-manage-view .channel-manage-form { margin-bottom: 2rem; } .channel-manage-view .channel-message-form textarea, .channel-manage-view .channel-message-form input[type='text'], .channel-manage-view .channel-manage-form textarea, .channel-manage-view .channel-manage-form input[type='text'] { border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0.3rem; line-height: 1.4; max-width: 100%; padding: 0.5rem; width: 42rem; } .channel-manage-view .channel-message-form [data-max-length], .channel-manage-view .channel-manage-form [data-max-length] { outline-color: hsl(var(--royal-blue)); transition: outline-color 0.5s ease-in-out, color 0.5s ease-in-out, border-color 0.5s ease-in-out; } .channel-manage-view .channel-message-form [data-max-length]~.counter, .channel-manage-view .channel-manage-form [data-max-length]~.counter { transition: color 0.5s ease-in-out; } .channel-manage-view .channel-message-form textarea, .channel-manage-view .channel-manage-form textarea { min-height: 2.5rem; min-width: 15rem; } .channel-manage-view .channel-message-form input.error, .channel-manage-view .channel-message-form textarea.error, .channel-manage-view .channel-manage-form input.error, .channel-manage-view .channel-manage-form textarea.error { border-color: red; color: red; outline-color: red; transition: outline-color 0s ease-in-out, color 0s ease-in-out, border-color 0s ease-in-out; } .channel-manage-view .channel-message-form input.error~.counter, .channel-manage-view .channel-message-form textarea.error~.counter, .channel-manage-view .channel-manage-form input.error~.counter, .channel-manage-view .channel-manage-form textarea.error~.counter { color: red; transition: color 0s ease-in-out; } .channel-manage-view .channel-message-form .input-with-counter, .channel-manage-view .channel-manage-form .input-with-counter { display: inline-block; width: 100%; position: relative; } .channel-manage-view .channel-message-form .input-with-counter [data-max-length], .channel-manage-view .channel-manage-form .input-with-counter [data-max-length] { padding-right: 4rem; } .channel-manage-view .channel-message-form .input-with-counter .counter, .channel-manage-view .channel-manage-form .input-with-counter .counter { font-size: 0.8rem; opacity: 0.75; position: absolute; right: 0.5rem; top: 0.75rem; } .channel-manage-view .channel-message-form .help-block, .channel-manage-view .channel-manage-form .help-block { color: red; display: block; padding: 0.5rem 0; } .channel-manage-view .channel-message-form code, .channel-manage-view .channel-manage-form code { background: #dfdfdf; border-radius: 0.3rem; margin: 0 0.1rem; padding: 0.1rem 0.4rem; } .channel-manage-view .channel-message-form .button--danger, .channel-manage-view .channel-manage-form .button--danger { background: hsl(var(--gray94)); border: 1px solid hsl(var(--gray80)); border-radius: 0.3rem; color: hsl(var(--danger)); display: inline-block; padding: 0.5rem 0.7rem; -webkit-text-decoration: none; text-decoration: none; } .channel-manage-view .channel-message-form .channel-color-themes input[type='radio'], .channel-manage-view .channel-manage-form .channel-color-themes input[type='radio'] { height: 0; overflow: hidden; visibility: hidden; width: 0; } .channel-manage-view .channel-message-form input:checked~.channel-color-theme, .channel-manage-view .channel-manage-form input:checked~.channel-color-theme { box-shadow: 0 0 0 2px var(--channel-color) inset; } .channel-manage-view .channel-message-form .channel-color-themes:not(:hover) input:checked~.channel-color-theme-name, .channel-manage-view .channel-manage-form .channel-color-themes:not(:hover) input:checked~.channel-color-theme-name { opacity: 1; transform: translateX(-50%) translateY(120%); z-index: 2; } .channel-manage-view .channel-message-form { margin-bottom: 0; } .channel-manage-view .channel-message-form .input-group { margin: 0 1rem; } .channel-manage-view .channel-color-themes { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: flex-start; margin-bottom: 2.5rem; } .channel-manage-view .channel-color-themes >.radio-button { display: inline-flex; flex-direction: column; margin-bottom: 0; position: relative; text-align: center; } .channel-manage-view .channel-color-themes >.radio-button:hover .channel-color-theme-name { opacity: 1; transform: translateX(-50%) translateY(120%); z-index: 2; } .channel-manage-view .channel-color-theme { background-color: var(--channel-accent); border-radius: 0.3rem; cursor: pointer; height: 3rem; margin: 0 auto; position: relative; width: 3rem; } .channel-manage-view .channel-color-theme::before { background-color: var(--channel-color); border-radius: 50%; bottom: 20%; content: ""; display: block; left: 20%; position: absolute; right: 20%; top: 20%; } .channel-manage-view .channel-color-theme-name { background: hsl(var(--gray97)); border-radius: 0.45rem; bottom: 0; color: var(--channel-color); display: block; font-size: 0.84rem; font-weight: bold; left: 50%; opacity: 0; padding: 0.2rem 0.45rem 0.25rem; position: absolute; transform: translateX(-50%) translateY(100%); transition: transform 0.2s ease, opacity 0.2s ease; white-space: nowrap; z-index: -2; } .channel-manage-view .inline-inputs { align-items: center; display: flex; } .channel-manage-view .channel-manager-form { align-items: flex-end; display: flex; margin-bottom: 1.5rem; } .channel-manage-view .channel-manager-form-typeahead { margin-bottom: 0; min-width: 33rem; } .channel-manage-view .channel-manager-form-typeahead input, .channel-manage-view .channel-manager-form-typeahead li { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .channel-manage-view .channel-manager-form button[type="submit"] { align-items: center; border-bottom-left-radius: 0; border-top-left-radius: 0; display: flex; gap: 0.2rem; height: 50px; } .channel-manage-view .channel-manager-form button[type="submit"] .icon { font-size: 1rem; } /* sorting */ ._manage_9e09f__items-list { --draghandle-size: 22px; --draghandle-offset: 13px; --draghandle-padding: 10px; --draghandle-color: #e5e1de; --padding-left: 0.5rem; --padding-right: .5rem; list-style: none; margin: 0; padding: 0; line-height: 1.3; max-width: 50rem; } ._manage_9e09f__items-list:not(:has(li))::before { content: ""; display: block; height: 3.25rem; background: white; box-shadow: var(--shadow-panel); border-radius: var(--size-border-radius); margin: 0 2rem; } @media only screen and (min-width: 768px) { ._manage_9e09f__items-list >li { --padding-left: .75rem; --padding-right: 2rem; } } ._manage_9e09f__items-list >li { padding-left: calc(var(--draghandle-size) + var(--padding-left)); padding-right: var(--padding-right); position: relative; transition: opacity 0.2s; } ._manage_9e09f__items-list >li:not(:last-child)::before { content: ""; height: calc(100% - var(--draghandle-size) - var(--draghandle-padding) * 2); left: calc(var(--draghandle-size) / 2 - 0.5px); position: absolute; top: calc(var(--draghandle-offset) + var(--draghandle-size) + var(--draghandle-padding)); } ._manage_9e09f__items-list >li p { margin: .5rem 0 0.25rem; } ._manage_9e09f__items-list ._manage_9e09f__draghandle { align-items: center; aspect-ratio: 1; border-radius: 50%; cursor: grab; display: flex; justify-content: center; left: 0; position: absolute; top: var(--draghandle-offset); width: var(--draghandle-size); } ._manage_9e09f__items-list ._manage_9e09f__draghandle::before { aspect-ratio: 1; border: 2px solid var(--draghandle-color); border-radius: 50%; content: ""; opacity: 0; position: absolute; transition: background-color 0.2s, width 0.2s, opacity 0.2s; width: 80%; } ._manage_9e09f__items-list ._manage_9e09f__draghandle::after { aspect-ratio: 1; background-color: currentColor; color: hsl(var(--text)); content: ""; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='6.5' cy='9.5' r='1.5'/%3E%3Ccircle cx='6.5' cy='14.5' r='1.5'/%3E%3Ccircle cx='12.5' cy='9.5' r='1.5'/%3E%3Ccircle cx='12.5' cy='14.5' r='1.5'/%3E%3Ccircle cx='18.5' cy='9.5' r='1.5'/%3E%3Ccircle cx='18.5' cy='14.5' r='1.5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='6.5' cy='9.5' r='1.5'/%3E%3Ccircle cx='6.5' cy='14.5' r='1.5'/%3E%3Ccircle cx='12.5' cy='9.5' r='1.5'/%3E%3Ccircle cx='12.5' cy='14.5' r='1.5'/%3E%3Ccircle cx='18.5' cy='9.5' r='1.5'/%3E%3Ccircle cx='18.5' cy='14.5' r='1.5'/%3E%3C/svg%3E"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; transform: rotate(90deg); width: 80%; } ._manage_9e09f__items-list._manage_9e09f__sorting .component-learnable-item { opacity: 0.75; } ._manage_9e09f__items-list._manage_9e09f__sorting ._manage_9e09f__draghandle::after { opacity: 0.5; } ._manage_9e09f__items-list:not(._manage_9e09f__sorting) ._manage_9e09f__draghandle:hover::before { background-color: hsl(var(--background)); opacity: 1; width: 120%; } ._manage_9e09f__items-list:not(._manage_9e09f__sorting) ._manage_9e09f__draghandle:hover::after { color: hsl(var(--black)); } ._manage_9e09f__items-list .sortable-chosen ._manage_9e09f__draghandle { cursor: grabbing; } ._manage_9e09f__items-list .sortable-ghost ._manage_9e09f__draghandle { opacity: 1; } ._manage_9e09f__items-list .sortable-ghost ._manage_9e09f__draghandle::before { opacity: 1; width: 120%; } ._manage_9e09f__items-list .sortable-ghost ._manage_9e09f__draghandle::after { opacity: 0; } ._manage_9e09f__items-list .sortable-ghost .component-learnable-item { opacity: 0; } ._manage_9e09f__items-list .sortable-drag::before { display: none; } ._manage_9e09f__items-list .component-learnable-item { --subject-padding: 1em; --subject-insights-height: 3em; } @media only screen and (min-width: 768px) { ._manage_9e09f__items-list .component-learnable-item { --subject-padding: 2em } } ._manage_9e09f__items-list .component-learnable-item { padding: var(--subject-padding); padding-bottom: var(--subject-insights-height); position: relative; } ._manage_9e09f__items-list .component-learnable-item-summary { color: hsl(var(--text-light)); font-size: var(--font-size-small); -webkit-line-clamp: 2; margin: 0.5rem 0 0; } ._manage_9e09f__items-list .component-learnable-item-progress-bar { display: none; } /* slug input start */ ._manage_9e09f__url-prefix-wrapper { display: grid; flex-shrink: 0; } ._manage_9e09f__url-prefix-sizer { grid-area: 1 / 1; line-height: 1; padding-right: 1.3em; visibility: hidden; white-space: pre; } .url-without-slug { --input-height: 50px; background-color: hsl(var(--form-input-background)); border: 1px solid hsl(var(--border)); border-radius: 0.25rem; height: 50px; height: var(--input-height); line-height: var(--line-height-small); padding: 10px 0.75em; } .url-without-slug:disabled, .url-without-slug[readonly] { background-color: hsl(var(--form-input-disabled-background)); } .url-without-slug { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-right: 0 !important; color: hsl(var(--disabled-item-text)) !important; width: auto !important; padding-right: 0 !important; } .url-without-slug { grid-area: 1 / 1; } .url-slug { --input-height: 50px; background-color: hsl(var(--form-input-background)); border: 1px solid hsl(var(--border)); border-radius: 0.25rem; height: 50px; height: var(--input-height); line-height: var(--line-height-small); padding: 10px 0.75em; } .url-slug:disabled, .url-slug[readonly] { background-color: hsl(var(--form-input-disabled-background)); } .url-slug { border-radius: 0 0.3rem 0.3rem 0 !important; padding-left: .5em !important; } /* slug input end */ ._manage_9e09f__playlists-list { max-width: none; } /* Playlist styles */ ._manage_9e09f__playlist { background: white; border-radius: var(--size-border-radius); box-shadow: var(--shadow-panel); padding: 1rem; padding-right: var(--padding-right); margin-left: calc(var(--draghandle-size) + var(--padding-left)); position: relative; } ._manage_9e09f__playlist-header { align-items: center; display: flex; gap: 1rem; } ._manage_9e09f__playlist-draghandle { align-items: center; aspect-ratio: 1; border-radius: 50%; cursor: grab; display: flex; justify-content: center; left: calc(-1 * (var(--draghandle-size) + var(--padding-left))); position: absolute; top: calc(1rem + 0.3rem); width: var(--draghandle-size); } ._manage_9e09f__playlist-draghandle::before { aspect-ratio: 1; border: 2px solid var(--draghandle-color); border-radius: 50%; content: ""; opacity: 0; position: absolute; transition: background-color 0.2s, width 0.2s, opacity 0.2s; width: 80%; } ._manage_9e09f__playlist-draghandle::after { aspect-ratio: 1; background-color: currentColor; color: hsl(var(--text)); content: ""; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='6.5' cy='9.5' r='1.5'/%3E%3Ccircle cx='6.5' cy='14.5' r='1.5'/%3E%3Ccircle cx='12.5' cy='9.5' r='1.5'/%3E%3Ccircle cx='12.5' cy='14.5' r='1.5'/%3E%3Ccircle cx='18.5' cy='9.5' r='1.5'/%3E%3Ccircle cx='18.5' cy='14.5' r='1.5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='6.5' cy='9.5' r='1.5'/%3E%3Ccircle cx='6.5' cy='14.5' r='1.5'/%3E%3Ccircle cx='12.5' cy='9.5' r='1.5'/%3E%3Ccircle cx='12.5' cy='14.5' r='1.5'/%3E%3Ccircle cx='18.5' cy='9.5' r='1.5'/%3E%3Ccircle cx='18.5' cy='14.5' r='1.5'/%3E%3C/svg%3E"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; transform: rotate(90deg); width: 80%; } ._manage_9e09f__playlist-draghandle:hover::before { background-color: hsl(var(--primary) / 0.1); opacity: 1; width: 100%; } ._manage_9e09f__playlist-draghandle:hover::after { color: hsl(var(--primary)); } ._manage_9e09f__playlist-info { flex: 1; } ._manage_9e09f__playlist-title { font-size: 1.1rem; font-weight: 600; margin: 0; } ._manage_9e09f__playlist-count { color: var(--color-text-secondary); font-size: 0.875rem; margin: 0.25rem 0 0 0; } ._manage_9e09f__playlist-actions { flex-shrink: 0; } ._manage_9e09f__playlist-edit-button { cursor: pointer; } /* Playlist item sorting */ ._manage_9e09f__playlist-item-draghandle { align-items: center; color: hsl(var(--text-light) / 0.25); display: inline-flex; height: 1.75rem; justify-content: center; left: 0.5rem; pointer-events: none; position: absolute; top: 0.5rem; width: 1.25rem; z-index: 2; } ._manage_9e09f__playlist-item-draghandle::after { background-color: currentColor; content: ""; height: 100%; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='6.5' cy='9.5' r='1.5'/%3E%3Ccircle cx='6.5' cy='14.5' r='1.5'/%3E%3Ccircle cx='12.5' cy='9.5' r='1.5'/%3E%3Ccircle cx='12.5' cy='14.5' r='1.5'/%3E%3Ccircle cx='18.5' cy='9.5' r='1.5'/%3E%3Ccircle cx='18.5' cy='14.5' r='1.5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='6.5' cy='9.5' r='1.5'/%3E%3Ccircle cx='6.5' cy='14.5' r='1.5'/%3E%3Ccircle cx='12.5' cy='9.5' r='1.5'/%3E%3Ccircle cx='12.5' cy='14.5' r='1.5'/%3E%3Ccircle cx='18.5' cy='9.5' r='1.5'/%3E%3Ccircle cx='18.5' cy='14.5' r='1.5'/%3E%3C/svg%3E"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; transform: rotate(90deg); width: 100%; } .multi-select-selected-item:hover ._manage_9e09f__playlist-item-draghandle { color: hsl(var(--black)); z-index: 3; } ._manage_9e09f__playlist .multi-select-selected-item { cursor: grab; max-width: 25rem; position: relative; } ._manage_9e09f__playlist .multi-select-selected-item * { cursor: inherit; } ._manage_9e09f__playlist .multi-select-selected-item::before { background: rgba(255, 255, 255, 0.6); border-radius: inherit; content: ""; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; pointer-events: none; position: absolute; transition: opacity 0.15s; z-index: 1; } ._manage_9e09f__playlist .multi-select-selected-item:hover::before { opacity: 1; } .sortable-chosen._manage_9e09f__playlist .multi-select-selected-item { cursor: grabbing; } .ButtonCell { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border-radius: 3px; color: inherit; cursor: pointer; display: inline-block; font-family: var(--font-family-base); font-size: var(--font-size-medium); line-height: 1; padding: 0.65em 0.8em; text-align: center; -webkit-text-decoration: none; text-decoration: none; transition: border var(--duration-shorter) ease, box-shadow var(--duration-shorter) ease, color var(--duration-shorter) ease, opacity var(--duration-shorter) ease; -webkit-user-select: none; -moz-user-select: none; user-select: none; white-space: nowrap; } .ButtonCell:disabled, .ButtonCell[disabled] { cursor: not-allowed; opacity: 0.5; } .ButtonCell .icon { margin-right: 0.2em; } @supports (-ms-ime-align: auto) { .ButtonCell .icon-align-right::before { vertical-align: -18% !important } .ButtonCell .icon-align-right::before { line-height: 1 } } /* MS IE10+ icon vertical alignment fix */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .ButtonCell .icon-align-right::before { vertical-align: -18% !important } .ButtonCell .icon-align-right::before { line-height: 1 } } .ButtonCell .icon-align-right { margin-left: 0.4rem; margin-right: 0; } .ButtonCell .icon-only { margin: 0; } .ButtonCell.variant-ghost.variant-inherit { background: transparent; border: 0; color: inherit; position: relative; } .ButtonCell.variant-ghost.variant-inherit::before { border: 1px solid currentColor; border-radius: inherit; bottom: 0; content: ""; left: 0; opacity: 0.65; position: absolute; right: 0; top: 0; } .ButtonCell.variant-default, .ButtonCell.variant-secondary { background: hsl(var(--gray93)); border: 1px solid hsl(var(--gray93)); box-shadow: 0 1000px 0 rgba(0, 0, 0, 0) inset; color: hsl(var(--text)); } .ButtonCell.variant-default:not(:disabled):not([disabled]):hover, .ButtonCell.variant-secondary:not(:disabled):not([disabled]):hover { box-shadow: 0 1000px 0 rgba(0, 0, 0, 0.06) inset; } .ButtonCell.variant-default.variant-ghost, .ButtonCell.variant-secondary.variant-ghost { background: transparent; border-color: hsl(var(--gray93) / 0.7); color: hsl(var(--gray93)); } .ButtonCell.variant-default.variant-ghost:not(:disabled):not([disabled]):hover, .ButtonCell.variant-secondary.variant-ghost:not(:disabled):not([disabled]):hover { border-color: hsl(var(--gray93)); box-shadow: none; filter: brightness(0.9); } .ButtonCell.variant-default.variant-ghost, .ButtonCell.variant-secondary.variant-ghost { border-color: hsl(var(--gray80)); color: hsl(var(--gray40)); } .ButtonCell.variant-default.variant-ghost:hover, .ButtonCell.variant-secondary.variant-ghost:hover { border-color: hsl(var(--gray72)); } .ButtonCell.variant-white { background: hsl(var(--white)); border: 1px solid hsl(var(--white)); box-shadow: 0 1000px 0 rgba(0, 0, 0, 0) inset; color: hsl(var(--text)); } .ButtonCell.variant-white:not(:disabled):not([disabled]):hover { box-shadow: 0 1000px 0 rgba(0, 0, 0, 0.06) inset; } .ButtonCell.variant-white.variant-ghost { background: transparent; border-color: hsl(var(--white) / 0.7); color: hsl(var(--white)); } .ButtonCell.variant-white.variant-ghost:not(:disabled):not([disabled]):hover { border-color: hsl(var(--white)); box-shadow: none; filter: brightness(0.9); } .ButtonCell.variant-white.variant-ghost { border-color: hsl(var(--white) / 50%); color: hsl(var(--white)); } .ButtonCell.variant-white.variant-ghost:hover { border-color: hsl(var(--white) / 45%); } .ButtonCell.variant-primary { background: hsl(var(--primary)); border: 1px solid hsl(var(--primary)); box-shadow: 0 1000px 0 rgba(0, 0, 0, 0) inset; color: hsl(var(--white)); } .ButtonCell.variant-primary:not(:disabled):not([disabled]):hover { box-shadow: 0 1000px 0 rgba(0, 0, 0, 0.06) inset; } .ButtonCell.variant-primary.variant-ghost { background: transparent; border-color: hsl(var(--primary) / 0.7); color: hsl(var(--primary)); } .ButtonCell.variant-primary.variant-ghost:not(:disabled):not([disabled]):hover { border-color: hsl(var(--primary)); box-shadow: none; filter: brightness(0.9); } .ButtonCell.variant-primary.variant-ghost { border-color: hsl(var(--primary) / 0.7); } .ButtonCell.variant-primary.variant-ghost:hover { border-color: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) * 0.8), 1); } .ButtonCell.variant-red, .ButtonCell.variant-danger { background: hsl(var(--danger)); border: 1px solid hsl(var(--danger)); box-shadow: 0 1000px 0 rgba(0, 0, 0, 0) inset; color: hsl(var(--white)); } .ButtonCell.variant-red:not(:disabled):not([disabled]):hover, .ButtonCell.variant-danger:not(:disabled):not([disabled]):hover { box-shadow: 0 1000px 0 rgba(0, 0, 0, 0.06) inset; } .ButtonCell.variant-red.variant-ghost, .ButtonCell.variant-danger.variant-ghost { background: transparent; border-color: hsl(var(--danger) / 0.7); color: hsl(var(--danger)); } .ButtonCell.variant-red.variant-ghost:not(:disabled):not([disabled]):hover, .ButtonCell.variant-danger.variant-ghost:not(:disabled):not([disabled]):hover { border-color: hsl(var(--danger)); box-shadow: none; filter: brightness(0.9); } .ButtonCell.variant-green, .ButtonCell.variant-success { background: hsl(var(--green)); border: 1px solid hsl(var(--green)); box-shadow: 0 1000px 0 rgba(0, 0, 0, 0) inset; color: hsl(var(--white)); } .ButtonCell.variant-green:not(:disabled):not([disabled]):hover, .ButtonCell.variant-success:not(:disabled):not([disabled]):hover { box-shadow: 0 1000px 0 rgba(0, 0, 0, 0.06) inset; } .ButtonCell.variant-green.variant-ghost, .ButtonCell.variant-success.variant-ghost { background: transparent; border-color: hsl(var(--green) / 0.7); color: hsl(var(--green)); } .ButtonCell.variant-green.variant-ghost:not(:disabled):not([disabled]):hover, .ButtonCell.variant-success.variant-ghost:not(:disabled):not([disabled]):hover { border-color: hsl(var(--green)); box-shadow: none; filter: brightness(0.9); } .ButtonCell.variant-blue { background: hsl(var(--blue-darker)); border: 1px solid hsl(var(--blue-darker)); box-shadow: 0 1000px 0 rgba(0, 0, 0, 0) inset; color: hsl(var(--white)); } .ButtonCell.variant-blue:not(:disabled):not([disabled]):hover { box-shadow: 0 1000px 0 rgba(0, 0, 0, 0.06) inset; } .ButtonCell.variant-blue.variant-ghost { background: transparent; border-color: hsl(var(--blue-darker) / 0.7); color: hsl(var(--blue-darker)); } .ButtonCell.variant-blue.variant-ghost:not(:disabled):not([disabled]):hover { border-color: hsl(var(--blue-darker)); box-shadow: none; filter: brightness(0.9); } .ButtonCell.variant-small { font-size: var(--font-size-small); padding: 0.3em 0.5em; } .ButtonCell.variant-medium { padding: 0.5em; } .ButtonCell.variant-large { font-size: var(--font-size-large); } .ButtonCell.variant-wide { padding-left: 3em; padding-right: 3em; } .ButtonCell.variant-clear { background: hsla(0, 0%, 0%, 0); border: 1px solid hsla(0, 0%, 0%, 0); box-shadow: 0 1000px 0 rgba(0, 0, 0, 0) inset; color: hsl(var(--primary)); } .ButtonCell.variant-clear:not(:disabled):not([disabled]):hover { box-shadow: 0 1000px 0 rgba(0, 0, 0, 0.06) inset; } .ButtonCell.variant-clear.variant-ghost { background: transparent; border-color: hsla(0, 0%, 0%, 0); color: hsla(0, 0%, 0%, 0); } .ButtonCell.variant-clear.variant-ghost:not(:disabled):not([disabled]):hover { border-color: hsla(0, 0%, 0%, 0); box-shadow: none; filter: brightness(0.9); } .ButtonCell.variant-clear { padding-left: 0; padding-right: 0; } .ButtonCell.variant-clear:hover { box-shadow: none; color: hsl(var(--primary-h) var(--primary-s) 40%); } .ButtonCell.variant-clear_secondary { background: hsla(0, 0%, 0%, 0); border: 1px solid hsla(0, 0%, 0%, 0); box-shadow: 0 1000px 0 rgba(0, 0, 0, 0) inset; color: hsl(var(--gray40)); } .ButtonCell.variant-clear_secondary:not(:disabled):not([disabled]):hover { box-shadow: 0 1000px 0 rgba(0, 0, 0, 0.06) inset; } .ButtonCell.variant-clear_secondary.variant-ghost { background: transparent; border-color: hsla(0, 0%, 0%, 0); color: hsla(0, 0%, 0%, 0); } .ButtonCell.variant-clear_secondary.variant-ghost:not(:disabled):not([disabled]):hover { border-color: hsla(0, 0%, 0%, 0); box-shadow: none; filter: brightness(0.9); } .ButtonCell.variant-clear_secondary { padding-left: 0; padding-right: 0; } .ButtonCell.variant-clear_secondary:hover { box-shadow: none; color: hsl(var(--gray35)); } .ButtonCell.variant-link { background: hsla(0, 0%, 0%, 0); border: 1px solid hsla(0, 0%, 0%, 0); box-shadow: 0 1000px 0 rgba(0, 0, 0, 0) inset; color: hsl(var(--primary)); } .ButtonCell.variant-link:not(:disabled):not([disabled]):hover { box-shadow: 0 1000px 0 rgba(0, 0, 0, 0.06) inset; } .ButtonCell.variant-link.variant-ghost { background: transparent; border-color: hsla(0, 0%, 0%, 0); color: hsla(0, 0%, 0%, 0); } .ButtonCell.variant-link.variant-ghost:not(:disabled):not([disabled]):hover { border-color: hsla(0, 0%, 0%, 0); box-shadow: none; filter: brightness(0.9); } .ButtonCell.variant-link { padding: 0; -webkit-user-select: auto; -moz-user-select: auto; user-select: auto; } .ButtonCell.variant-link:hover { box-shadow: none; } .ButtonCell.variant-underline:hover { -webkit-text-decoration: underline; text-decoration: underline; } .channel-show-view { --main-content-width: 108rem; } .channel-show-view .item-grid { display: grid; grid-gap: 1.3rem; gap: 1.3rem; list-style: none; padding: 0; margin: 0; } @media only screen and (min-width: 768px) { .channel-show-view .item-grid { gap: 2rem; margin-bottom: var(--spacing-vertical-extra-large) } } .channel-show-view .item-grid.show-sort-info-date .sort-info-date, .channel-show-view .item-grid.show-sort-info-view-count .sort-info-view-count { display: block; height: 1rem; margin-bottom: 0.5rem; } @media only screen and (max-width: 1000px) { .channel-show-view:not(.sidebar-is-collapsed) .filters { justify-content: center; } .channel-show-view:not(.sidebar-is-collapsed) .sorting { margin-right: auto; } .channel-show-view:not(.sidebar-is-collapsed) .channel-search { flex: 1; min-width: 18rem; width: auto; } } .channel-show-view .item-grid { grid-gap: 1.5rem; grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); } @container item-grid (width < 900px) { .channel-show-view .item-grid { grid-gap: 1rem } } @container item-grid (width < 600px) { .channel-show-view .filters { justify-content: center; } } .unpublished-warning { max-width: var(--main-content-width); margin: 0 auto 1rem; display: block; } .channel-content { min-height: calc(100vh - var(--size-navigation-height)); position: relative; } .channel-content .channel-item { display: flex; flex-direction: column; position: relative; -webkit-text-decoration: none; text-decoration: none; } .channel-content .channel-item.hidden, .channel-content .channel-item.hidden-by-search { display: none; } .channel-content .channel-item .sort-info { color: rgba(0, 0, 0, 0.5); display: none; font-size: 0.9rem; text-align: center; } .channel-content .main-content { flex: 1; position: relative; } .channel-content .main-content >.content { padding: var(--spacing-vertical-large) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { .channel-content .main-content >.content { padding: var(--spacing-vertical-large) var(--spacing-horizontal-large) } } .channel-content .main-content >.content .content-width { margin: 0 auto; max-width: var(--main-content-width); } .channel-content .hero { background-color: hsl(var(--channel-color-hsl) / 50%); background-position: center; background-repeat: no-repeat; background-size: cover; color: var(--channel-text-color); display: flex; margin: calc(var(--spacing-vertical-large) * -1) calc(var(--spacing-horizontal-small) * -1) 1.5rem; max-width: var(--main-content-width); overflow: hidden; position: relative; } @media only screen and (min-width: 768px) { .channel-content .hero { border-radius: 0.5rem; margin: 0.5rem auto 2rem } } .channel-content .hero::before { background: linear-gradient(to right, var(--channel-color), hsl(var(--channel-color-hsl) / 30%)); bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; } .channel-content .hero .hero-container { display: flex; flex-direction: column; gap: 2rem; padding: 1.5rem var(--spacing-vertical) 1.75rem; width: 100%; } @media only screen and (min-width: 544px) { .channel-content .hero .hero-container { flex-direction: row } } @media only screen and (min-width: 768px) { .channel-content .hero .hero-container { padding: 1.5rem 2rem 2rem } } @media (max-width: 799px) { .channel-content .hero .hero-container { flex-wrap: wrap } } @media (min-width: 800px) { .channel-content .hero .hero-container { min-height: 15rem } } .channel-content .hero .hero-container a { color: inherit; } .channel-content .title-and-meta { display: flex; flex-direction: column; gap: 0.5rem; height: 100%; line-height: var(--line-height-medium); margin-right: auto; min-height: 2.6rem; position: relative; } @media only screen and (min-width: 544px) { .channel-content .title-and-meta { max-width: 45rem } } @media (max-width: 800px) { .channel-content .title-and-meta { height: auto } } .channel-content .title-and-meta .title { display: inline-block; font-size: 2rem; font-weight: 300; margin: 0; } @media only screen and (min-width: 544px) { .channel-content .title-and-meta .title { max-height: 4.8rem; overflow: hidden } } @media only screen and (min-width: 768px) { .channel-content .title-and-meta .title { font-size: 2.6rem; max-height: 6.2rem } } .channel-content .title-and-meta .title .icon-channel-subscribed { margin-right: 0.6rem; } .channel-content .title-and-meta .description { margin: 0; } .channel-content .title-and-meta .meta { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: auto; white-space: nowrap; } .channel-content .title-and-meta .meta-link { -webkit-text-decoration: underline; text-decoration: underline; } .channel-content .title-and-meta .meta-link:hover { -webkit-text-decoration: none; text-decoration: none; } .channel-content .title-and-meta .meta-info, .channel-content .title-and-meta .meta-link { border: none; display: inline-flex; line-height: 1rem; margin: 0; } .channel-content .title-and-meta .meta-info:not(:last-child)::after { content: "\2022"; font-size: 1.3em; margin: 0 0 0 0.5rem; opacity: 0.75; } .channel-content .title-and-meta .meta-info .icon { margin-right: 0.15rem; } .channel-content .title-and-meta .edit-channel-button { color: var(--channel-text-color); display: inline-block; opacity: 0.8; transform: opacity var(--duration-short) ease-in; } .channel-content .title-and-meta .edit-channel-button:hover { opacity: 1; } .channel-content .channel-tabs { padding-left: 0 !important; padding-right: 0 !important; } .channel-content .channel-tabs { margin-bottom: 1.5rem; max-width: var(--main-content-width); margin-left: auto; margin-right: auto; } .channel-content .filters { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-right: auto; } .channel-content .filters .filter { align-items: center; border: 2px solid hsl(var(--channel-color-hsl) / 30%); border-radius: 10rem; color: black; cursor: pointer; display: inline-flex; font-size: 1rem; gap: 0.2rem; line-height: 1rem; padding: 0.4rem 0.9rem 0.5rem; transition: background-color var(--duration-short) ease-in, color var(--duration-short) ease-in, border-color var(--duration-short) ease-in; } .channel-content .filters .filter:hover { border-color: var(--channel-color); } .channel-content .filters .filter.active { background: var(--channel-color); border-color: var(--channel-color); color: var(--channel-text-color); } .channel-content .filters .filter.active .icon { color: var(--channel-text-color); } .channel-content .filters .filter .icon { color: #f1b956; position: relative; top: 0.1rem; } .channel-content .sorting { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; } @media only screen and (max-width: 767px) { .channel-content .sorting { margin-right: auto } } .channel-content .sorting .sort-label { margin: 0.5rem 0.5rem 0.5rem 0; } .channel-content .sorting >div { display: flex; } .channel-content .sorting .sort { align-items: center; align-self: stretch; box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.08) inset, 0 1px 0 0 rgba(0, 0, 0, 0.08) inset, 0 -1px 0 0 rgba(0, 0, 0, 0.08) inset; color: #333; cursor: pointer; display: inline-flex; gap: 0.3rem; min-height: 2.2rem; padding: 0 0.75rem; transition: background-color 0.2s ease-in-out; } .channel-content .sorting .sort:hover { background-color: rgba(0, 0, 0, 0.04); } .channel-content .sorting .sort:hover .icon { opacity: 1; } .channel-content .sorting .sort:first-child { border-radius: 0.3rem 0 0 0.3rem; } .channel-content .sorting .sort:last-child { border-radius: 0 0.3rem 0.3rem 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset; } .channel-content .sorting .sort.active { color: black; font-weight: bold; } .channel-content .sorting .sort.active.sort-asc .icon-asc { display: inline; display: initial; } .channel-content .sorting .sort.active.sort-desc .icon-desc { display: inline; display: initial; } .channel-content .sorting .sort .icon { display: none; font-size: 1rem; opacity: 0.6; transition: opacity 0.2s ease-in-out; } .channel-content .channel-search { border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0.3rem; min-height: 2.2rem; min-width: 23rem; padding: 0 0.5rem; width: 23rem; } @media only screen and (max-width: 767px) { .channel-content .channel-search { flex: 1; min-width: 18rem; width: auto } } .channel-content .content-tools { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: flex-end; margin: 0 0 2rem; position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .channel-content .no-results { font-size: var(--font-size-medium); margin: var(--spacing-vertical) 0; } @media only screen and (min-width: 544px) { .channel-content .no-results { margin: 2.5em 0 } } .channel-content .channel-item-message-link { flex: 1; color: inherit; -webkit-text-decoration: none; text-decoration: none; } .channel-content .channel-item-message { background: rgba(0, 0, 0, 0.035); border-radius: 0.5rem; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.025) inset; display: flex; flex: 1; flex-direction: row; justify-content: stretch; height: 100%; position: relative; } .channel-content .channel-item-message-content { color: black; display: flex; flex: 1; flex-direction: column; font-size: 16px; justify-content: center; padding: 2rem; position: relative; -webkit-text-decoration: none; text-decoration: none; width: 100%; } .channel-content .channel-item-message-list-item .channel-item-message-content { padding: 1.5rem; } .channel-content .channel-item-message-author { align-items: center; color: rgba(0, 0, 0, 0.5); display: flex; gap: 0.5rem; line-height: 1.2rem; } .channel-content .channel-item-message-author b { color: black; } .channel-content .channel-item-message-message { line-height: 1.2rem; margin-bottom: 0; } .channel-content .channel-item-message-pinned { align-items: center; background: black; border: 3px solid hsl(var(--gray97)); border-radius: 10rem; display: flex; height: 2rem; position: absolute; right: -0.8rem; top: -0.8rem; width: 2rem; } .channel-content .channel-item-message-pinned .icon { color: white; font-size: 1.2rem; margin: 0 auto; } .channel-content .channel-item-message-pinned .icon::before { margin-left: 0.15rem; } .channel-content .channel-item .channel-item-message-message { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; } .channel-content .playlists-view, .channel-content .channel-home-view { margin-top: 1rem; } .channel-content .channel-home-view .channel-new-for-you-slider:has(.component-learnable-item-pinned) { transition: margin-top var(--duration-short) ease-out; } /* Give all items same padding when any item is pinned, for alignment */ .channel-content .channel-home-view .channel-new-for-you-slider:has(.component-learnable-item-pinned) .channel-slider-item { padding-top: 0.5rem; } /* Only apply margin when shimmer is stopped */ .channel-content .channel-home-view .channel-home-slider-section:has(.channel-section-header.stop-shimmer) .channel-new-for-you-slider:has(.component-learnable-item-pinned) { margin-top: calc(-3px + -0.5rem); } .channel-content .channel-home-view .channel-home-slider-section.animation-done .channel-slider-item > *, .channel-content .channel-home-view .channel-home-slider-section.animation-done .channel-section-header span { animation: none; opacity: 1; transform: none; } .channel-content .channel-section { margin-bottom: 2.5rem; } .channel-content .channel-section + .channel-section { border-top: 1px solid rgba(0, 0, 0, 0.08); padding-top: 2.5rem; } .channel-content .channel-section-header-row { align-items: center; display: flex; justify-content: space-between; margin: 1rem 0 1rem; } .channel-content .channel-section-header { align-items: center; display: flex; font-size: 1.4rem; font-weight: bold; gap: 0.4rem; margin: 0 0 1rem; } .channel-content .channel-section-header .icon { color: #f1b956; } .channel-content .playlist-link { color: inherit; -webkit-text-decoration: none; text-decoration: none; } .channel-content .playlist-link:hover { -webkit-text-decoration: underline; text-decoration: underline; } .channel-content .back-to-playlists { align-items: center; border-radius: 0.375rem; color: hsl(var(--gray50)); display: inline-flex; font-size: 1rem; gap: 0.25rem; margin-bottom: 0.5rem; padding: 0.25rem 0.35rem; -webkit-text-decoration: none; text-decoration: none; } .channel-content .back-to-playlists .icon { font-size: 0.75rem; } .channel-content .back-to-playlists:hover { background-color: hsl(var(--gray93)); color: hsl(var(--primary)); } .channel-content .playlist-show-title { font-size: 2rem; font-weight: bold; margin: 0 0 2rem; } .channel-content .playlist-item-grid { container-type: inline-size; container-name: item-grid; } .channel-content .playlist-stack-grid { display: grid; grid-gap: 1.5rem; grid-column-gap: .5rem; -moz-column-gap: .5rem; column-gap: .5rem; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); list-style: none; padding: 0; margin: 0; } .channel-content .channel-slider-item { display: flex; flex-direction: column; gap: 1.25rem; justify-content: stretch; min-width: 20rem; max-width: calc(25% - 0.75rem); } .channel-content .channel-slider-item > *[hidden] { display: none; } .channel-content .channel-slider-item .component-learnable-item, .channel-content .channel-slider-item .channel-item { flex: 1; height: 100%; } .channel-content .channel-slider-item .channel-item-message { flex: 1; height: 100%; } .channel-content .channel-slider-item:has(.component-learnable-item-pinned) { padding-top: 0.5rem; } .channel-content .message-modal { bottom: 0; left: 0; position: absolute; right: 0; } .channel-content .message-modal-container { background: white; border-radius: 0.5rem 0.5rem 0 0; bottom: 0; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.07); left: 0; margin: 0 auto; max-width: calc(var(--main-content-width) + 3rem); padding: 2rem 2rem 7rem; position: fixed; right: 0; z-index: 10; } @media only screen and (min-width: 768px) { .channel-content .message-modal-container { left: calc(var(--sidebar-width) + 1rem); padding-bottom: 2rem; right: 1rem } } .channel-content .message-modal-collapse-bar { height: 3rem; left: 0; position: absolute; top: 0; width: 100%; } .channel-content .message-modal-collapse-bar::before { background: hsl(var(--gray80)); border-radius: 0.25rem; content: ""; display: block; height: .3rem; left: calc(50% - 1.5rem); position: absolute; top: 0.6rem; width: 3rem; } .channel-content .message-modal-content { margin: 2rem auto; max-width: 40rem; } .channel-content .message-modal .button-close { align-items: center; background: transparent; border: none; cursor: pointer; display: flex; font-size: 1.2rem; height: 1.5rem; position: absolute; right: 1rem; text-align: center; top: 1rem; width: 1.5rem; } @media only screen and (min-width: 768px) { .channel-content .message-modal .button-close { right: 2rem; top: 2rem } } ._show_294d7__status { display: flex; gap: 2rem; } ._show_294d7__status ._show_294d7__current-status { align-items: center; background: white; display: flex; justify-content: space-between; padding: 1rem; width: 25rem; } ._show_294d7__status ._show_294d7__current-status ._show_294d7__current-rating { font-size: 2rem; font-weight: 600; text-align: center; } ._show_294d7__status ._show_294d7__current-status ._show_294d7__current-rating label { font-size: 1rem; font-weight: 400; display: block; margin-top: .5rem; } ._show_294d7__status ._show_294d7__current-status ._show_294d7__average-rating { display: flex; flex-direction: column; gap: 1rem; font-size: 1.2rem; font-weight: 600; } ._show_294d7__status ._show_294d7__current-status ._show_294d7__average-rating label { font-size: .875rem; font-weight: 400; display: block; margin-top: .4rem; } ._show_294d7__status ._show_294d7__rating-widget { background: white; display: flex; flex-direction: column; padding: 1rem; width: 20rem; } ._show_294d7__status ._show_294d7__rating-widget h2 { margin-top: 0; } ._show_294d7__assessments { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2rem; } ._show_294d7__assessment { align-items: center; background: hsl(var(--white)); border-radius: .2rem; display: flex; gap: 1rem; padding: 1rem; width: 55rem; } ._show_294d7__assessment ._show_294d7__rating { margin-left: auto; } ._show_294d7__assessment ._show_294d7__self-assessment { border: 1px solid hsl(var(--primary)); border-radius: .5rem; padding: .1rem .5rem; } [data-self-assessment="true"] { background: rgb(235, 237, 251); border: 1px dotted rgb(127, 127, 127); } ._show_294d7__assessment-history { background-image: repeating-linear-gradient(to bottom, transparent, transparent calc(100% - 1px), rgba(0, 0, 0, 0.1) calc(100% - 1px), rgba(0, 0, 0, 0.1) 100%); background-size: 100% 20%; border-radius: 0.5rem; border: 1px solid hsl(var(--border)); margin-bottom: 4rem; max-width: 900px; } ._show_294d7__assessment-history ._show_294d7__assessment-grid { display: flex; height: 250px; } ._show_294d7__assessment-history ._show_294d7__assessment-grid-labels { align-items: center; display: flex; flex-direction: column-reverse; justify-content: space-between; border-right: 1px solid hsl(var(--border)); } ._show_294d7__assessment-history ._show_294d7__assessment-grid-labels label { padding: 1rem; } ._show_294d7__assessment-history ._show_294d7__assessment-year { display: flex; width: 100%; } ._show_294d7__assessment-history ._show_294d7__assessment-quarter { display: flex; flex: 1; position: relative; gap: 0.5rem; padding: 0 0.5rem; border-right: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: -1px; } ._show_294d7__assessment-history ._show_294d7__assessment-quarter-label { left: 50%; margin-top: 1rem; position: absolute; top: 100%; transform: translateX(-50%); } ._show_294d7__assessment-history ._show_294d7__assessment-rating { align-self: flex-end; border-radius: 0.3rem 0.3rem 0 0; flex: 1; height: calc(20% * var(--rating) + 1px); padding: 3.5px; position: relative; text-align: center; } ._show_294d7__assessment-history ._show_294d7__avatar { border: 3px solid hsl(var(--background)); cursor: pointer; position: relative; z-index: 1; } ._courses_1af4a__container { margin-top: var(--spacing-vertical-large); } ._courses_1af4a__container ._courses_1af4a__title { margin-left: 2rem; } ._courses_1af4a__header { margin: 0 auto; margin-bottom: 0; max-width: none; max-width: var(--header-width, none); padding: 1.5rem 2rem 0; } @media only screen and (max-width: 767px) { ._courses_1af4a__header { padding: 1rem } } h1._courses_1af4a__title { color: var(--primary-color); font-size: 2rem; font-weight: 600; line-height: 1.2; margin-bottom: 0.8rem; margin-top: 0; } /* sections */ ._courses_1af4a__section { border-top: 1px solid hsl(var(--border-alpha)); margin: 2rem 2rem 4rem 2rem; } ._courses_1af4a__section-header { font-size: 1.6rem; font-weight: bold; margin: 2rem 0 1.5rem; } ._courses_1af4a__item-grid { max-width: 1375px; } ._e_learning_3bc83__container { margin-top: var(--spacing-vertical-large); } ._e_learning_3bc83__container ._e_learning_3bc83__title { margin-left: 2rem; } ._e_learning_3bc83__header { margin: 0 auto; margin-bottom: 0rem; max-width: none; max-width: var(--header-width, none); padding: 1.5rem 2rem 0; } @media only screen and (max-width: 767px) { ._e_learning_3bc83__header { padding: 1rem } } h1._e_learning_3bc83__title { color: var(--primary-color); font-size: 2rem; font-weight: 600; line-height: 1.2; margin-top: 0; margin-bottom: 0.8rem; } /* sections */ ._e_learning_3bc83__section { border-top: 1px solid hsl(var(--border-alpha)); container: item-grid / inline-size; margin: 2rem 2rem 4rem 2rem; } ._e_learning_3bc83__section-header { font-size: 1.6rem; font-weight: bold; margin: 2rem 0 1.5rem; } ._e_learning_3bc83__item-grid { align-content: stretch; display: grid; grid-gap: 1.5rem; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); justify-items: stretch; margin-bottom: 2rem; list-style: none; padding: 0; max-width: 1375px; } @container item-grid (width < 900px) { ._e_learning_3bc83__item-grid { grid-gap: 1rem } } /* LTI modules progress_card */ ._e_learning_3bc83__lti-item { height: auto; min-width: 16rem; position: relative; } ._e_learning_3bc83__lti-item-link { align-items: center; background: rgb(235, 229, 240); border-radius: 0.5rem 0.5rem 0.65rem 0.65rem; color: rgb(118, 52, 149); display: flex; flex-direction: column; height: 100%; justify-content: center; overflow: hidden; padding: 2rem 1.5rem; position: relative; text-align: center; -webkit-text-decoration: none; text-decoration: none; transition: box-shadow 0.2s ease, background 0.2s ease; } ._e_learning_3bc83__lti-item-link:hover ._e_learning_3bc83__continue-lti { background: rgb(118, 52, 149); color: hsl(var(--white)); transform: scale(1.04); } ._e_learning_3bc83__lti-item-type { font-size: 0.8rem; margin-bottom: 0.8rem; padding-bottom: 0.8rem; position: relative; text-transform: uppercase; } ._e_learning_3bc83__lti-item-type::after { background-color: currentColor; content: ""; display: block; height: 0.2rem; left: 50%; position: absolute; top: 100%; transform: translateX(-50%); width: 50%; } ._e_learning_3bc83__lti-item-title { font-size: 1.1rem; font-weight: bold; line-height: 1.2; margin: 0 0 1.3rem 0; position: relative; } ._e_learning_3bc83__lti-item-grade { background: rgba(118, 52, 149, 0.5); border-radius: 0.35rem; color: hsl(var(--white)); display: inline-block; padding: 0.4rem 0.5rem; position: absolute; right: 0.8rem; top: 0.8rem; } ._e_learning_3bc83__lti-item-grade-label { display: block; } ._e_learning_3bc83__lti-item ._e_learning_3bc83__continue-lti { background: hsl(var(--white)); border-radius: 10rem; bottom: 1rem; color: hsl(var(--black)); display: inline-flex; font-size: 1.1rem; justify-content: center; margin: auto auto 0; padding: 1rem 1.5rem; -webkit-text-decoration: none; text-decoration: none; transition: background 0.2s ease, transform 0.2s ease, color 0.2s ease; } ._e_learning_3bc83__lti-item ._e_learning_3bc83__continue-lti .icon { margin: 0.05rem -0.5rem 0 0.5rem; } ._e_learning_3bc83__lti-item-hide-from-continue-learning { display: none; position: absolute; right: 0; top: 0; } ._e_learning_3bc83__lti-item-hide-from-continue-learning a { border-top-right-radius: 0.5rem; color: hsl(var(--gray50)); display: block; overflow: hidden; padding: 1rem; -webkit-text-decoration: none; text-decoration: none; } ._e_learning_3bc83__lti-item-hide-from-continue-learning a .icon { background: rgb(235, 229, 240); border-radius: 50%; /* box-shadow: 0 0 1rem 1rem rgb(235, 229, 240); */ display: block; height: 1rem; width: 1rem; position: relative; z-index: 1; } ._e_learning_3bc83__lti-item-hide-from-continue-learning a::before { content: ''; display: block; position: absolute; top: 0; right: 0; border-top-right-radius: 0.5rem; height: 4rem; width: 5rem; background: radial-gradient(circle at 68% 35%, #ebe5f0 20%, transparent 100%); } ._e_learning_3bc83__lti-item:hover ._e_learning_3bc83__lti-item-hide-from-continue-learning { display: block; } ._index_28f68__course-content { margin: 0 var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) {._index_28f68__course-content { margin: 0 } } ._index_28f68__title { border-bottom: 1px solid hsl(var(--border)); } ._index_28f68__event { border-bottom: 1px solid hsl(var(--border)); } ._index_28f68__icon-holder { margin: var(--spacing-vertical) var(--spacing-horizontal) 0 0; text-align: center; } ._index_28f68__icon { align-items: center; border: 2px solid hsl(var(--event) / 25%); border-radius: var(--size-border-radius); color: hsl(var(--event)); display: flex; height: 40px; justify-content: center; width: 40px; } ._index_28f68__label { font-size: var(--font-size-tiny); font-weight: 600; margin-top: 0.25em; } ._index_28f68__content { display: flex; margin: 0 0 var(--spacing-vertical); } ._index_28f68__info { width: 100%; } ._index_28f68__event-title { font-weight: 600; margin-bottom: var(--spacing-vertical-small); } ._index_28f68__event-summary { margin: 0; } ._index_28f68__occurrences-table { margin-top: var(--spacing-vertical); } @media only screen and (min-width: 1200px) { ._index_28f68__occurrences-table { margin-left: 63px } } ._index_28f68__no-results { margin: var(--spacing-vertical) 0; } @media only screen and (min-width: 1200px) { ._index_28f68__no-results { margin-left: 63px } } ._show_5fb26__course-content { min-width: 0; } ._show_5fb26__intro-panel { padding-top: var(--spacing-vertical); } @media only screen and (min-width: 768px) { ._show_5fb26__intro-panel { margin-top: calc(-30px - var(--spacing-vertical)) } } ._show_5fb26__intro-panel ._show_5fb26__description { padding: var(--spacing-vertical) var(--spacing-horizontal-large); } ._show_5fb26__intro-panel ._show_5fb26__enroll { padding: var(--spacing-vertical) var(--spacing-horizontal); text-align: center; } ._show_5fb26__intro-panel ._show_5fb26__price { margin: var(--spacing-vertical) 0; } ._show_5fb26__add-channel-button { margin-left: var(--spacing-horizontal-tiny); } ._show_5fb26__events-notice { align-items: center; background: hsl(var(--event-light)); border: 1px solid hsl(var(--event) / 15%); display: flex; font-weight: 600; justify-content: center; } ._show_5fb26__events-notice-button { background: hsl(var(--event)); border: 1px solid hsl(var(--event)); box-shadow: 0 1000px 0 rgba(0, 0, 0, 0) inset; color: hsl(var(--white)); } ._show_5fb26__events-notice-button:not(:disabled):not([disabled]):hover { box-shadow: 0 1000px 0 rgba(0, 0, 0, 0.06) inset; } ._show_5fb26__events-notice-button._show_5fb26__variant-ghost { background: transparent; border-color: hsl(var(--event) / 0.7); color: hsl(var(--event)); } ._show_5fb26__events-notice-button._show_5fb26__variant-ghost:not(:disabled):not([disabled]):hover { border-color: hsl(var(--event)); box-shadow: none; filter: brightness(0.9); } ._show_5fb26__events-notice-button { font-weight: 400; margin-left: var(--spacing-horizontal-small); } ._show_5fb26__subject-list { list-style: none; margin: 0; padding: 0; } ._show_5fb26__subject-link { color: hsl(var(--text)); -webkit-text-decoration: none; text-decoration: none; } ._show_5fb26__questions-dialog, ._show_5fb26__questions-dialog-trigger { /* Used for JS */ } ._show_23dab__header { position: sticky; top: var(--application-top); transition: top var(--application-top-transition-duration) ease; z-index: 10; } ._show_23dab__course-preview ._show_23dab__header { top: var(--size-course-preview-header-height); } ._show_23dab__subject-content { padding: 0 var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { ._show_23dab__subject-content { margin: 0 auto; padding: 0 } } ._show_23dab__wizard-navigation { display: flex; margin: 0 var(--spacing-horizontal-small); } ._show_23dab__prev-navigation, ._show_23dab__next-navigation { border-top: 0; margin-top: 0; max-width: 50%; } ._show_23dab__prev-navigation > a, ._show_23dab__next-navigation > a { align-self: auto; } ._show_23dab__next-navigation { margin-left: auto; } ._show_23dab__completion { bottom: var(--spacing-vertical-small); left: 0; margin: var(--spacing-vertical-small) auto; max-width: 40rem; position: sticky; z-index: 2; } /* stylelint-disable selector-class-pattern */ ._show_23dab__lti_module ._show_23dab__subject-content, ._show_23dab__skill ._show_23dab__subject-content { max-width: 40rem; } ._show_23dab__event ._show_23dab__subject-content, ._show_23dab__lti_module ._show_23dab__subject-content, ._show_23dab__skill ._show_23dab__subject-content, ._show_23dab__video ._show_23dab__subject-content { margin: 1em auto; } /* stylelint-enable selector-class-pattern */ ._show_23dab__article { background: hsl(var(--white)); margin-bottom: -var(--spacing-vertical); padding-bottom: var(--spacing-vertical-large); } @keyframes delaySlide { 0% { height: auto; } 99% { height: auto; } 100% { height: 0; } } @keyframes _dashboard_997d2__rock-the-bells { 0%, 2%, 3%, 5%, 7%, 8%, 10% { transform: rotate(0deg); } 0.5%, 2%, 5.5%, 7% { transform: rotate(10deg); } 3%, 4.5%, 8%, 9.5% { transform: rotate(-10deg); } } /* Enrolled Course */ ._dashboard_997d2__dashboard ._dashboard_997d2__rock-the-bells { animation: _dashboard_997d2__rock-the-bells 4s ease infinite; transform-origin: top center; } ._dashboard_997d2__dashboard ._dashboard_997d2__enrolled-courses-item { max-width: 30rem; min-width: 20rem; } ._dashboard_997d2__dashboard ._dashboard_997d2__enrolled-courses-item:hover ._dashboard_997d2__enrolled-courses-mark-as-inactive { display: block; } ._dashboard_997d2__dashboard ._dashboard_997d2__enrolled-courses-item-link { background: hsl(var(--white)); border-radius: 0.5rem; box-shadow: 0 0 0 rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.02); color: hsl(var(--text)); display: flex; gap: 2rem; padding: 1.5rem; -webkit-text-decoration: none; text-decoration: none; transition: box-shadow 0.2s ease; width: 100%; } ._dashboard_997d2__dashboard ._dashboard_997d2__enrolled-courses-item-link:hover { box-shadow: 0 0.5rem 1.2rem rgba(0, 0, 0, 0.04), 0 0 0.2rem rgba(0, 0, 0, 0.04); } ._dashboard_997d2__dashboard ._dashboard_997d2__enrolled-courses-item-link:hover ._dashboard_997d2__enrolled-courses-item-go-to-course-icon { transform: translateX(0.25rem); } ._dashboard_997d2__dashboard ._dashboard_997d2__enrolled-courses-item-no-image, ._dashboard_997d2__dashboard ._dashboard_997d2__enrolled-courses-item-image { height: 10rem; width: 10rem; } ._dashboard_997d2__dashboard ._dashboard_997d2__enrolled-courses-item-no-image { align-items: center; display: flex; flex-direction: column; justify-content: center; position: relative; text-align: center; word-wrap: normal; } ._dashboard_997d2__dashboard ._dashboard_997d2__enrolled-courses-item-no-image::before { background: linear-gradient(-100deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); bottom: 0; content: ""; display: block; left: 0; mix-blend-mode: plus-darker; position: absolute; right: 0; top: 0; } ._dashboard_997d2__dashboard ._dashboard_997d2__enrolled-courses-item-no-image-type { font-size: 0.8rem; margin-bottom: 0.8rem; padding-bottom: 0.8rem; position: relative; text-transform: uppercase; } ._dashboard_997d2__dashboard ._dashboard_997d2__enrolled-courses-item-no-image-type::after { background-color: currentColor; content: ""; display: block; height: 0.2rem; left: 25%; position: absolute; top: 100%; width: 50%; } ._dashboard_997d2__dashboard ._dashboard_997d2__enrolled-courses-item-no-image-title { display: block; font-size: 0.85rem; font-weight: 500; line-height: 1.1; -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%); mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%); padding: 0.5rem; position: relative; width: 100%; } ._dashboard_997d2__dashboard ._dashboard_997d2__enrolled-courses-item-image { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } ._dashboard_997d2__dashboard ._dashboard_997d2__enrolled-courses-item-body { display: flex; flex: 1; flex-direction: column; min-width: 0; } ._dashboard_997d2__dashboard ._dashboard_997d2__enrolled-courses-item-title { -webkit-box-orient: vertical; display: -webkit-box; font-size: 1.3rem; font-weight: bold; -webkit-line-clamp: 4; margin: 0; overflow: hidden; word-wrap: break-word; } ._dashboard_997d2__dashboard ._dashboard_997d2__enrolled-courses-item-title-container { align-items: flex-end; display: flex; margin: 0 0 1.3rem 0; min-height: calc(1.3rem * 3); } ._dashboard_997d2__dashboard ._dashboard_997d2__enrolled-courses-item-progress-bar { align-items: center; background: hsl(var(--gray70) / 20%); border-radius: 0.1rem; display: flex; height: 0.3rem; overflow: hidden; width: 100%; } ._dashboard_997d2__dashboard ._dashboard_997d2__enrolled-courses-item-progress-bar-percentage { height: 100%; } ._dashboard_997d2__dashboard ._dashboard_997d2__enrolled-courses-item-go-to-course { border-radius: 0.3rem; color: hsl(var(--black)); display: inline-flex; font-size: 1.1rem; margin: 1.5rem 0 0 auto; } ._dashboard_997d2__dashboard ._dashboard_997d2__enrolled-courses-item-go-to-course-icon { margin: 0.05rem -0.5rem 0 0.5rem; transition: transform 0.2s ease; } ._dashboard_997d2__dashboard ._dashboard_997d2__enrolled-courses-mark-as-inactive { display: none; position: absolute; right: 0; top: 0; } ._dashboard_997d2__dashboard ._dashboard_997d2__enrolled-courses-mark-as-inactive a { border-top-right-radius: 0.5rem; color: hsl(var(--gray60)); display: block; overflow: hidden; padding: 1rem; -webkit-text-decoration: none; text-decoration: none; } ._dashboard_997d2__dashboard ._dashboard_997d2__enrolled-courses-mark-as-inactive a .icon { background: hsl(var(--white)); border-radius: 50%; box-shadow: 0 0 1rem 1rem hsl(var(--white)); display: block; height: 1rem; width: 1rem; } /* LTI modules in progress */ ._dashboard_997d2__dashboard ._dashboard_997d2__lti-item { height: auto; max-width: 18rem; min-width: 16rem; } ._dashboard_997d2__dashboard ._dashboard_997d2__lti-item-link { align-items: center; background: rgb(235, 229, 240); border-radius: 0.5rem 0.5rem 0.65rem 0.65rem; color: rgb(118, 52, 149); display: flex; flex-direction: column; height: 100%; justify-content: center; overflow: hidden; padding: 2rem 1.5rem; position: relative; text-align: center; -webkit-text-decoration: none; text-decoration: none; transition: box-shadow 0.2s ease, background 0.2s ease; } ._dashboard_997d2__dashboard ._dashboard_997d2__lti-item-link:hover ._dashboard_997d2__continue-lti { background: rgb(118, 52, 149); color: hsl(var(--white)); transform: scale(1.04); } ._dashboard_997d2__dashboard ._dashboard_997d2__lti-item-type { font-size: 0.8rem; margin-bottom: 0.8rem; padding-bottom: 0.8rem; position: relative; text-transform: uppercase; } ._dashboard_997d2__dashboard ._dashboard_997d2__lti-item-type::after { background-color: currentColor; content: ""; display: block; height: 0.2rem; left: 50%; position: absolute; top: 100%; transform: translateX(-50%); width: 50%; } ._dashboard_997d2__dashboard ._dashboard_997d2__lti-item-title { font-size: 1.1rem; font-weight: bold; line-height: 1.2; margin: 0 0 1.3rem 0; position: relative; } ._dashboard_997d2__dashboard ._dashboard_997d2__lti-item-grade { background: rgba(118, 52, 149, 0.5); border-radius: 0.35rem; color: hsl(var(--white)); display: inline-block; padding: 0.4rem 0.5rem; position: absolute; right: 0.8rem; top: 0.8rem; } ._dashboard_997d2__dashboard ._dashboard_997d2__lti-item-grade-label { display: block; } ._dashboard_997d2__dashboard ._dashboard_997d2__lti-item ._dashboard_997d2__continue-lti { background: hsl(var(--white)); border-radius: 10rem; bottom: 1rem; color: hsl(var(--black)); display: inline-flex; font-size: 1.1rem; justify-content: center; margin: auto auto 0; padding: 1rem 1.5rem; -webkit-text-decoration: none; text-decoration: none; transition: background 0.2s ease, transform 0.2s ease, color 0.2s ease; } ._dashboard_997d2__dashboard ._dashboard_997d2__lti-item ._dashboard_997d2__continue-lti .icon { margin: 0.05rem -0.5rem 0 0.5rem; } ._dashboard_997d2__dashboard ._dashboard_997d2__lti-item-hide-from-continue-learning { display: none; position: absolute; right: 0; top: 0; } ._dashboard_997d2__dashboard ._dashboard_997d2__lti-item-hide-from-continue-learning a { border-top-right-radius: 0.5rem; color: hsl(var(--gray50)); display: block; overflow: hidden; padding: 1rem; -webkit-text-decoration: none; text-decoration: none; } ._dashboard_997d2__dashboard ._dashboard_997d2__lti-item-hide-from-continue-learning a .icon { background: rgb(235, 229, 240); border-radius: 50%; /* box-shadow: 0 0 1rem 1rem rgb(235, 229, 240); */ display: block; height: 1rem; width: 1rem; position: relative; z-index: 1; } ._dashboard_997d2__dashboard ._dashboard_997d2__lti-item-hide-from-continue-learning a::before { content: ''; display: block; position: absolute; top: 0; right: 0; border-top-right-radius: 0.5rem; height: 4rem; width: 5rem; background: radial-gradient(circle at 68% 35%, #ebe5f0 20%, transparent 100%); } ._dashboard_997d2__dashboard ._dashboard_997d2__lti-item:hover ._dashboard_997d2__lti-item-hide-from-continue-learning { display: block; } /* Saved items */ ._dashboard_997d2__dashboard ._dashboard_997d2__saved-item { align-self: stretch; height: auto; margin-top: .5rem; max-width: 18rem; min-width: 16rem; } ._dashboard_997d2__dashboard ._dashboard_997d2__saved-item .component-learnable-item { height: 100%; } ._dashboard_997d2__dashboard ._dashboard_997d2__show-all { align-items: center; background: hsl(var(--gray90)); border-radius: 10rem; font-size: 0.9rem; font-weight: bold; color: hsl(var(--text)); display: inline-flex; gap: 0.5rem; padding: 0.8rem 1.4rem; -webkit-text-decoration: none; -webkit-text-decoration: none; text-decoration: none; transition: background 0.2s ease; } ._dashboard_997d2__dashboard ._dashboard_997d2__show-all:hover { background: hsl(var(--gray85)); } /* item grid (for campaigns) */ ._dashboard_997d2__dashboard ._dashboard_997d2__item-grid { align-content: stretch; display: grid; grid-gap: 1.5rem; grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr)); list-style: none; padding: 0; justify-items: stretch; margin: 0; } @media (max-width: 1200px) { ._dashboard_997d2__dashboard ._dashboard_997d2__item-grid { grid-gap: 1rem } } ._dashboard_997d2__dashboard ._dashboard_997d2__item-grid._dashboard_997d2__auto-fit { /* with one grid item */ grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr)); } ._dashboard_997d2__dashboard ._dashboard_997d2__item-grid._dashboard_997d2__auto-fit:has(li:nth-child(1)) >li { max-width: 54rem; } /* with two grid items */ @container item-grid (max-width: 545px) { ._dashboard_997d2__dashboard ._dashboard_997d2__item-grid._dashboard_997d2__auto-fit:has(li:nth-child(2)) { grid-template-columns: repeat(1, 1fr) } } @container item-grid (min-width: 1300px) { ._dashboard_997d2__dashboard ._dashboard_997d2__item-grid._dashboard_997d2__auto-fit:has(li:nth-child(2)) { grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr)) } } ._dashboard_997d2__dashboard ._dashboard_997d2__item-grid._dashboard_997d2__auto-fit:has(li:nth-child(2)) >li { max-width: 100%; } /* with three grid items */ ._dashboard_997d2__dashboard ._dashboard_997d2__item-grid._dashboard_997d2__auto-fit:has(li:nth-child(3)) { grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr)); } @container item-grid (max-width: 545px) { ._dashboard_997d2__dashboard ._dashboard_997d2__item-grid._dashboard_997d2__auto-fit:has(li:nth-child(3)) { grid-template-columns: repeat(1, 1fr) } } /* with three '.component-highlight-card' grid items */ @container item-grid (max-width: 980px) { ._dashboard_997d2__dashboard ._dashboard_997d2__item-grid._dashboard_997d2__auto-fit:has(li:nth-child(1) > a.component-highlight-card):has(li:nth-child(2) > a.component-highlight-card):has(li:nth-child(3) > a.component-highlight-card) >li { grid-column: span 2; max-width: 54rem; } } ._dashboard_997d2__dashboard ._dashboard_997d2__item-grid._dashboard_997d2__auto-fit >li>a { height: 100%; } /* end of item grid */ /* Global styling */ ._dashboard_997d2__dashboard { --spacing: 1.5rem; } ._dashboard_997d2__dashboard .section-title { color: hsl(var(--black)); font-size: 1.6rem; font-weight: bold; margin: 0 0 1.5rem; } ._dashboard_997d2__dashboard .section-title-sub { color: hsl(var(--black)); font-size: 1rem; font-weight: bold; margin: 1.5rem 0; } ._dashboard_997d2__dashboard .dash-section { margin: 3rem auto 2rem; max-width: 120rem; padding: 0 3rem; width: 100%; container: item-grid / inline-size; } @media (--tablet-only) { ._dashboard_997d2__dashboard .dash-section { margin: 2rem auto; padding: 0 2rem } } @media only screen and (max-width: 767px) { ._dashboard_997d2__dashboard .dash-section { margin: 2rem auto; padding: 0 1rem } } ._dashboard_997d2__dashboard .hero { color: hsl(var(--white)); margin: 0; padding: 2rem 1rem; } @media only screen and (max-width: 767px) { ._dashboard_997d2__dashboard .hero { padding: 1rem 0 } } ._dashboard_997d2__dashboard .hero.hero-version-1 { background: linear-gradient(137deg, hsl(var(--primary)) 13%, hsl(calc(var(--primary-h) + 20), calc(var(--primary-s) - 20%), calc(var(--primary-l) - 20%)) 100%); } ._dashboard_997d2__dashboard .hero.hero-version-2 { background: hsl(var(--primary)); position: relative; } ._dashboard_997d2__dashboard .hero.hero-version-2::after { background: linear-gradient(137deg, #fff 13%, #000 100%); content: ''; display: block; top: 0; right: 0; bottom: 0; left: 0; mix-blend-mode: overlay; opacity: 0.3; position: absolute; } ._dashboard_997d2__dashboard .hero.hero-version-3 { background: linear-gradient(180deg, hsl(var(--primary-h) calc(var(--primary-s) * 0.3) 98%) 0%, hsl(var(--primary-h) calc(var(--primary-s) * 0.2) 96%) 100% ); color: hsl(var(--text)); padding: 2rem 1rem 1.5rem; } @media only screen and (max-width: 767px) { ._dashboard_997d2__dashboard .hero.hero-version-3 { padding: 1.5rem 0.75rem 1rem } } @media only screen and (max-width: 767px) { ._dashboard_997d2__dashboard .hero.hero-version-3 .hero-section { margin: 0 auto; padding: 0 0.25rem } } ._dashboard_997d2__dashboard .hero.hero-version-3 .hero-title { margin: 0 0 0.3rem; } ._dashboard_997d2__dashboard .hero.hero-version-3 .hero-title .greeting { color: hsl(var(--primary)); font-size: 2.5rem; font-weight: 600; } @media only screen and (max-width: 767px) { ._dashboard_997d2__dashboard .hero.hero-version-3 .hero-title .greeting { font-size: 1.8rem } } ._dashboard_997d2__dashboard .hero.hero-version-3 .hero-requirements { color: hsl(var(--gray30)); font-size: 1.1rem; font-weight: 400; margin-bottom: 1rem; } ._dashboard_997d2__dashboard .hero.hero-version-3 .hero-requirements b { color: hsl(var(--primary)); } @media only screen and (max-width: 767px) { ._dashboard_997d2__dashboard .hero.hero-version-3 .hero-requirements { font-size: 1rem; margin-bottom: 0.8rem } } ._dashboard_997d2__dashboard .hero.hero-version-3 .hero-qp-link { border-bottom: 1px solid hsl(var(--primary) / 30%); color: inherit; } ._dashboard_997d2__dashboard .hero.hero-version-3 .hero-qp-link:hover { border-bottom-color: hsl(var(--primary)); } ._dashboard_997d2__dashboard .hero.hero-version-3 .qp-notifications { margin-bottom: 1rem; } @media only screen and (max-width: 767px) { ._dashboard_997d2__dashboard .hero.hero-version-3 .qp-notifications { margin-bottom: 0.8rem } } ._dashboard_997d2__dashboard .hero.hero-version-3 .qp-notifications .qp-no-notifications, ._dashboard_997d2__dashboard .hero.hero-version-3 .qp-notifications .qp-notifications-changes { background: hsl(var(--white)); border: 1px solid hsl(var(--gray85)); color: hsl(var(--text)); } ._dashboard_997d2__dashboard .hero.hero-version-3 .qp-notifications .qp-no-notifications:hover, ._dashboard_997d2__dashboard .hero.hero-version-3 .qp-notifications .qp-notifications-changes:hover { border-color: hsl(var(--primary) / 40%); } ._dashboard_997d2__dashboard .hero.hero-version-3 .qp-notifications .qp-notifications-change .icon { color: hsl(var(--primary)); } ._dashboard_997d2__dashboard .hero.hero-version-3 .qp-notifications .qp-notifications-change:not(:last-child) { border-right: 1px solid hsl(var(--gray85)); } ._dashboard_997d2__dashboard .hero.hero-version-3 .qp-notifications .qp-notifications-bell { background: hsl(var(--primary)); color: hsl(var(--white)); } ._dashboard_997d2__dashboard .hero.hero-version-3 .qp-notifications.no-notifications .qp-no-notifications { color: hsl(var(--gray50)); } ._dashboard_997d2__dashboard .hero.hero-version-3 .search { background: hsl(var(--white)); border: 1px solid hsl(var(--gray85)); color: hsl(var(--text)); outline: none; box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.05); height: 3.5rem; } @media only screen and (max-width: 767px) { ._dashboard_997d2__dashboard .hero.hero-version-3 .search { height: 3rem; font-size: 1.2rem } } ._dashboard_997d2__dashboard .hero.hero-version-3 .search ::-moz-placeholder { color: hsl(var(--gray50)); opacity: 1; } ._dashboard_997d2__dashboard .hero.hero-version-3 .search ::placeholder { color: hsl(var(--gray50)); opacity: 1; } ._dashboard_997d2__dashboard .hero.hero-version-3 .search:hover { border-color: hsl(var(--gray70)); box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.08); } ._dashboard_997d2__dashboard .hero.hero-version-3 .search:has(:focus) { border-color: hsl(var(--primary)); box-shadow: 0 0 0 3px hsl(var(--primary) / 15%); } ._dashboard_997d2__dashboard .hero.hero-version-3 .search .icon-cross { color: hsl(var(--gray50)); } ._dashboard_997d2__dashboard .hero.hero-version-3 .channel-items { margin: 0.8rem auto 0; max-width: 70rem; gap: 0.5rem; justify-content: center; } @media only screen and (max-width: 767px) { ._dashboard_997d2__dashboard .hero.hero-version-3 .channel-items { gap: 0.35rem 0.5rem; justify-content: flex-start; margin-top: 0.6rem } } ._dashboard_997d2__dashboard .hero.hero-version-3 .channel-item, ._dashboard_997d2__dashboard .hero.hero-version-3 .view-my-list { background: hsl(var(--white)); border: 1px solid hsl(var(--gray85)); border-radius: 3rem; box-shadow: none; color: hsl(var(--text)); font-size: 0.9rem; height: 2.5rem; padding: 0 1rem; } @media only screen and (max-width: 767px) { ._dashboard_997d2__dashboard .hero.hero-version-3 .channel-item, ._dashboard_997d2__dashboard .hero.hero-version-3 .view-my-list { background: transparent; border: none; border-bottom: 1px solid transparent; border-radius: 0; color: hsl(var(--gray30)); font-size: 0.85rem; height: auto; padding: 0.25rem 0.4rem } ._dashboard_997d2__dashboard .hero.hero-version-3 .channel-item .icon, ._dashboard_997d2__dashboard .hero.hero-version-3 .view-my-list .icon { color: hsl(var(--gray50)); font-size: 0.8em; } } ._dashboard_997d2__dashboard .hero.hero-version-3 .channel-item:hover, ._dashboard_997d2__dashboard .hero.hero-version-3 .view-my-list:hover { border-color: hsl(var(--primary) / 40%); transform: none; box-shadow: none; } @media only screen and (max-width: 767px) { ._dashboard_997d2__dashboard .hero.hero-version-3 .channel-item:hover, ._dashboard_997d2__dashboard .hero.hero-version-3 .view-my-list:hover { background: transparent; border-bottom-color: hsl(var(--primary)); color: hsl(var(--primary)) } ._dashboard_997d2__dashboard .hero.hero-version-3 .channel-item:hover .icon, ._dashboard_997d2__dashboard .hero.hero-version-3 .view-my-list:hover .icon { color: hsl(var(--primary)); } } ._dashboard_997d2__dashboard .hero.hero-version-3 .view-my-list { color: hsl(var(--pink)); } @media only screen and (max-width: 767px) { ._dashboard_997d2__dashboard .hero.hero-version-3 .view-my-list { color: hsl(var(--pink)) } ._dashboard_997d2__dashboard .hero.hero-version-3 .view-my-list .icon { color: hsl(var(--pink)); } } @media only screen and (max-width: 767px) { ._dashboard_997d2__dashboard .hero.hero-version-3 .view-my-list:hover { border-bottom-color: hsl(var(--pink)); color: hsl(var(--pink) / 80%) } ._dashboard_997d2__dashboard .hero.hero-version-3 .view-my-list:hover .icon { color: hsl(var(--pink) / 80%); } } ._dashboard_997d2__dashboard .hero.hero-version-3 .view-all-channels { background: hsl(var(--white)); border: 1px solid hsl(var(--gray85)); border-radius: 3rem; box-shadow: none; color: hsl(var(--text)); font-size: 0.9rem; height: 2.5rem; padding: 0 1rem; } @media only screen and (max-width: 767px) { ._dashboard_997d2__dashboard .hero.hero-version-3 .view-all-channels { background: transparent; border: 1px solid hsl(var(--gray70)); border-radius: 0.3rem; color: hsl(var(--gray30)); font-size: 0.8rem; height: auto; padding: 0.25rem 0.7rem } ._dashboard_997d2__dashboard .hero.hero-version-3 .view-all-channels .icon { font-size: 0.8em; } } ._dashboard_997d2__dashboard .hero.hero-version-3 .view-all-channels:hover { border-color: hsl(var(--primary) / 40%); transform: none; box-shadow: none; } @media only screen and (max-width: 767px) { ._dashboard_997d2__dashboard .hero.hero-version-3 .view-all-channels:hover { background: hsl(var(--gray95)); border-color: hsl(var(--gray60)); color: hsl(var(--text)) } } ._dashboard_997d2__dashboard .hero .qp-notifications { display: flex; justify-content: center; margin-bottom: 3rem; max-width: 50rem; position: relative; transition: border 0.2s ease; width: 100%; } ._dashboard_997d2__dashboard .hero .qp-notifications .qp-no-notifications, ._dashboard_997d2__dashboard .hero .qp-notifications-changes { align-items: center; border: 2px solid hsl(var(--white) / 20%); border-radius: 10rem; display: flex; margin: 0; min-height: 2.6rem; transition: border 0.2s ease; -webkit-user-select: none; -moz-user-select: none; user-select: none; } ._dashboard_997d2__dashboard .hero .qp-notifications.no-notifications .qp-notifications-changes, ._dashboard_997d2__dashboard .hero .qp-notifications.no-notifications .qp-notifications-bell, ._dashboard_997d2__dashboard .hero .qp-notifications.no-notifications .qp-dropdown-mark-as-read { display: none; } @media only screen and (max-width: 767px) { ._dashboard_997d2__dashboard .hero .qp-notifications .qp-notifications-bell { display: none; } } ._dashboard_997d2__dashboard .hero .qp-notifications:not(.no-notifications) .qp-no-notifications { display: none; } ._dashboard_997d2__dashboard .hero .qp-notifications .qp-no-notifications { padding: 0.5rem 1rem; text-align: center; } ._dashboard_997d2__dashboard .hero .qp-notifications-change { align-items: center; display: inline-flex; gap: 0.3rem; padding: 0 1rem; } ._dashboard_997d2__dashboard .hero .qp-notifications-change .icon { color: hsl(var(--white) / 50%); transition: color 0.2s ease; } ._dashboard_997d2__dashboard .hero .qp-notifications-change:not(:last-child) { border-right: 2px solid hsl(var(--white) / 20%); } @media only screen and (max-width: 767px) { ._dashboard_997d2__dashboard .hero .qp-notifications-change { font-size: 0.875rem } } ._dashboard_997d2__dashboard .hero .qp-notifications-bell { align-items: center; background: yellow; border-radius: 50%; color: black; display: flex; flex-shrink: 0; height: calc(2.2rem + 4px); justify-content: center; width: calc(2.2rem + 4px); } ._dashboard_997d2__dashboard .hero .qp-notifications-bell .icon { font-size: 1rem; } ._dashboard_997d2__dashboard .hero .qp-dropdown { background: hsl(var(--white)); border-radius: 1rem; box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.1), 0 0.1rem 0.5rem rgba(0, 0, 0, 0.1); color: hsl(var(--black)); height: 0; left: 0; opacity: 0; overflow: hidden; position: absolute; right: 0; top: calc(100% + 1rem); transform: translateY(-1rem); transition: transform 0.2s ease, opacity 0.2s ease; z-index: 10; } ._dashboard_997d2__dashboard .hero .qp-dropdown:not(.open) { animation: delaySlide 0.2s; } ._dashboard_997d2__dashboard .hero .qp-dropdown-toggle { align-items: center; cursor: pointer; display: inline-flex; gap: 1rem; } ._dashboard_997d2__dashboard .hero .qp-dropdown-toggle:hover .qp-no-notifications, ._dashboard_997d2__dashboard .hero .qp-dropdown-toggle:hover .qp-notifications-change, ._dashboard_997d2__dashboard .hero .qp-dropdown-toggle:hover .qp-notifications-changes { border-color: hsl(var(--white) / 40%); } ._dashboard_997d2__dashboard .hero .qp-dropdown-toggle:hover .qp-no-notifications .icon, ._dashboard_997d2__dashboard .hero .qp-dropdown-toggle:hover .qp-notifications-change .icon, ._dashboard_997d2__dashboard .hero .qp-dropdown-toggle:hover .qp-notifications-changes .icon { color: hsl(var(--white) / 80%); } ._dashboard_997d2__dashboard .hero .qp-dropdown-toggle.open .qp-no-notifications, ._dashboard_997d2__dashboard .hero .qp-dropdown-toggle.open .qp-notifications-change, ._dashboard_997d2__dashboard .hero .qp-dropdown-toggle.open .qp-notifications-changes { border-color: hsl(var(--white) / 60%); } ._dashboard_997d2__dashboard .hero .qp-dropdown-toggle.open .qp-no-notifications .icon, ._dashboard_997d2__dashboard .hero .qp-dropdown-toggle.open .qp-notifications-change .icon, ._dashboard_997d2__dashboard .hero .qp-dropdown-toggle.open .qp-notifications-changes .icon { color: hsl(var(--white)); } ._dashboard_997d2__dashboard .hero .qp-dropdown.open { height: auto; opacity: 1; transform: translateY(0); } ._dashboard_997d2__dashboard .hero .qp-dropdown-head { align-items: center; display: flex; gap: 1rem; height: 4rem; padding: 1.3rem 1rem; } ._dashboard_997d2__dashboard .hero .qp-dropdown-title { font-size: 1.2rem; font-weight: bold; margin: 0; } ._dashboard_997d2__dashboard .hero .qp-dropdown-mark-as-read { align-items: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: none; cursor: pointer; display: inline-flex; line-height: 1; margin-left: auto; text-align: center; transition: color 0.2s ease; white-space: nowrap; } ._dashboard_997d2__dashboard .hero .qp-dropdown-mark-as-read .icon { font-size: 1.5rem; } ._dashboard_997d2__dashboard .hero .qp-dropdown-mark-as-read:hover { color: hsl(var(--orange)); } ._dashboard_997d2__dashboard .hero .qp-dropdown-items { max-height: 50vh; overflow-y: auto; position: sticky; top: 2rem; } ._dashboard_997d2__dashboard .hero .qp-dropdown-item { border-top: 1px solid rgba(0, 0, 0, 0.05); color: inherit; display: flex; flex-direction: column; padding: 1.5rem 1rem 1.5rem 2.5rem; position: relative; text-decoration: inherit; transition: box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease; } ._dashboard_997d2__dashboard .hero .qp-dropdown-item.unread { background: hsl(var(--orange) / 10%); border-top: 1px solid hsl(var(--orange) / 15%); } ._dashboard_997d2__dashboard .hero .qp-dropdown-item.unread:hover { background: hsl(var(--orange) / 15%); } ._dashboard_997d2__dashboard .hero .qp-dropdown-item.unread +.read { border-top: 1px solid hsl(var(--orange) / 15%); } ._dashboard_997d2__dashboard .hero .qp-dropdown-item:hover { background-color: hsl(var(--primary) / 5%); } ._dashboard_997d2__dashboard .hero .qp-dropdown-item >* { align-items: center; display: flex; } ._dashboard_997d2__dashboard .hero .qp-dropdown-item-title { font-size: 1.15em; line-height: 1.3; margin: 0.2rem 0 0; } ._dashboard_997d2__dashboard .hero .qp-dropdown-item-date { color: hsl(var(--meta)); display: block; order: -1; white-space: normal; } ._dashboard_997d2__dashboard .hero .qp-dropdown-item-type { left: 1rem; position: absolute; top: 1.6rem; } ._dashboard_997d2__dashboard .hero .qp-dropdown-item-type-not-now { display: none; } ._dashboard_997d2__dashboard .hero .qp-dropdown-item-type-not-now, ._dashboard_997d2__dashboard .hero .qp-dropdown-item-type-now { border-radius: 0.5rem; height: 0.8rem; position: relative; text-indent: 1rem; width: 0.8rem; } ._dashboard_997d2__dashboard .hero .qp-dropdown-item-type-not-now.achieved, ._dashboard_997d2__dashboard .hero .qp-dropdown-item-type-now.achieved { background: #29e5ce; } ._dashboard_997d2__dashboard .hero .qp-dropdown-item-type-not-now.expired, ._dashboard_997d2__dashboard .hero .qp-dropdown-item-type-now.expired { background: #ff6993; } ._dashboard_997d2__dashboard .hero .qp-dropdown-item-type-not-now.new, ._dashboard_997d2__dashboard .hero .qp-dropdown-item-type-now.new { border: 2px solid hsl(var(--gray70)); } ._dashboard_997d2__dashboard .hero .flex-center { display: flex; justify-content: center; } ._dashboard_997d2__dashboard .hero-title { font-size: 1.6rem; margin: 1.5rem 0 1rem; text-align: center; } @media only screen and (max-width: 767px) { ._dashboard_997d2__dashboard .hero-title { margin: 0 } } ._dashboard_997d2__dashboard .hero-title .greeting { font-size: 3rem; } @media only screen and (max-width: 767px) { ._dashboard_997d2__dashboard .hero-title .greeting { font-size: 2rem } } ._dashboard_997d2__dashboard .hero-requirements { font-size: 1.4rem; font-weight: 100; margin-bottom: 1.5rem; text-align: center; } ._dashboard_997d2__dashboard .hero-requirements b { font-weight: bold; } @media only screen and (max-width: 767px) { ._dashboard_997d2__dashboard .hero-requirements { font-size: 1.2rem } } ._dashboard_997d2__dashboard .hero-qp-link { border-bottom: 1px solid hsl(var(--white) / 50%); color: inherit; display: inline-block; padding-bottom: 0.1em; -webkit-text-decoration: none; text-decoration: none; transition: border-bottom 0.2s ease; } ._dashboard_997d2__dashboard .hero-qp-link:hover { border-bottom: 1px solid hsl(var(--white) / 0%); } ._dashboard_997d2__dashboard .hero-section { position: relative; z-index: 10; } ._dashboard_997d2__dashboard .hero-section::before { background: linear-gradient(137deg, hsl(var(--primary)) 13%, hsl(calc(var(--primary-h) + 20), calc(var(--primary-s) - 20%), calc(var(--primary-l) - 20%)) 100%); bottom: 100%; content: ""; display: block; left: 0; opacity: 0; position: fixed; right: 0; top: 0; transition: opacity 0.2s ease; z-index: 1; } ._dashboard_997d2__dashboard .hero-section .search-results-overlay { display: none; } ._dashboard_997d2__dashboard .hero-section.focus::before { bottom: 0; opacity: 0.95; transition: opacity 0.2s ease; } ._dashboard_997d2__dashboard .hero-section.focus .search { box-shadow: 0 0.5rem 1.2rem rgba(0, 0, 0, 0.05), 0 0 0 2px hsl(var(--primary) / 0.6); transition: z-index 0 linear 0.2s; z-index: 10; } ._dashboard_997d2__dashboard .hero-section.focus .search-results-overlay { display: block; } ._dashboard_997d2__dashboard .channel-items { align-items: center; display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; margin: 1rem 0 0; padding: 0; } ._dashboard_997d2__dashboard li { list-style: none; } ._dashboard_997d2__dashboard .view-all-channels, ._dashboard_997d2__dashboard .channel-item, ._dashboard_997d2__dashboard .view-my-list { align-items: center; background: hsl(var(--white)); border-radius: 3rem; color: black; cursor: pointer; display: inline-flex; gap: 0.5rem; height: 3rem; overflow: hidden; padding: 0 1.5rem; -webkit-text-decoration: none; text-decoration: none; transition: all 0.2s ease; white-space: nowrap; } ._dashboard_997d2__dashboard .view-all-channels-name, ._dashboard_997d2__dashboard .channel-item-name, ._dashboard_997d2__dashboard .view-my-list-name { position: relative; } ._dashboard_997d2__dashboard .view-all-channels:hover, ._dashboard_997d2__dashboard .channel-item:hover, ._dashboard_997d2__dashboard .view-my-list:hover { transform: scale(1.1); } ._dashboard_997d2__dashboard .view-all-channels:hover::before, ._dashboard_997d2__dashboard .channel-item:hover::before, ._dashboard_997d2__dashboard .view-my-list:hover::before { opacity: 1; } ._dashboard_997d2__dashboard .view-all-channels .icon, ._dashboard_997d2__dashboard .channel-item .icon, ._dashboard_997d2__dashboard .view-my-list .icon { font-size: 0.85em; } @media only screen and (max-width: 767px) { ._dashboard_997d2__dashboard .view-all-channels, ._dashboard_997d2__dashboard .channel-item, ._dashboard_997d2__dashboard .view-my-list { font-size: 0.875rem; height: 2.5rem; padding: 0 1rem } } ._dashboard_997d2__dashboard .view-my-list { color: hsl(var(--pink)); } ._dashboard_997d2__dashboard .view-all-channels { background: black; color: white; } ._dashboard_997d2__dashboard .search { background: hsl(var(--black) / 10%); border-radius: 0.5rem; box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 1px rgba(0, 0, 0, 0.025); color: hsl(var(--white)); display: flex; font-size: 1.4rem; height: 4.2rem; margin: 0 auto; max-width: 70rem; outline: 2px solid hsl(var(--white) / 20%); position: relative; transition: outline 0.2s ease, box-shadow 0.2s ease; z-index: 2; } ._dashboard_997d2__dashboard .search .icon-cross { color: hsl(var(--white)); } ._dashboard_997d2__dashboard .search:has(:focus) { background: hsl(var(--white) / 95%); color: hsl(var(--black)); outline: 2px solid hsl(var(--white) / 40%); } ._dashboard_997d2__dashboard .search:has(:focus) ::-moz-placeholder { color: hsl(var(--black)); } ._dashboard_997d2__dashboard .search:has(:focus) ::placeholder { color: hsl(var(--black)); } ._dashboard_997d2__dashboard .search:has(:focus) .icon-cross { color: hsl(var(--black)); } ._dashboard_997d2__dashboard .search ::-moz-placeholder { color: hsl(var(--white)); opacity: 0.75; } ._dashboard_997d2__dashboard .search ::placeholder { color: hsl(var(--white)); opacity: 0.75; } ._dashboard_997d2__dashboard .search:hover { box-shadow: 0 0.5rem 1.2rem rgba(0, 0, 0, 0.05), 0 0 0.2rem rgba(0, 0, 0, 0.05); } ._dashboard_997d2__dashboard .search-input, ._dashboard_997d2__dashboard .search-submit { all: unset; padding: 0 1.5rem; } ._dashboard_997d2__dashboard .search-input { flex: 1; font-weight: 200; } @media only screen and (max-width: 767px) { ._dashboard_997d2__dashboard .event-items { background: hsl(var(--white)); border-radius: 0.5rem; box-shadow: 0 0 0 rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.02) } } @media only screen and (min-width: 768px) { ._dashboard_997d2__dashboard .event-items { align-items: stretch; display: flex; flex-wrap: wrap; gap: 1rem; justify-content: flex-start } } ._dashboard_997d2__dashboard .event-item { display: flex; flex-direction: column; justify-content: flex-start; position: relative; -webkit-text-decoration: none; text-decoration: none; transition: box-shadow 0.2s ease; } @media only screen and (max-width: 767px) { ._dashboard_997d2__dashboard .event-item { border-bottom: 1px solid hsl(var(--gray97)); padding: 1rem } ._dashboard_997d2__dashboard .event-item:last-child { border-bottom: none; } } @media only screen and (min-width: 768px) { ._dashboard_997d2__dashboard .event-item { background: hsl(var(--white)); border-radius: 0.5rem; box-shadow: 0 0 0 rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.02); flex: 1; max-width: 25rem; padding: 1.5rem 1.5rem 1.5rem 2rem; width: -moz-fit-content; width: fit-content } } @media only screen and (min-width: 768px) { ._dashboard_997d2__dashboard .event-item:hover { box-shadow: 0 0.5rem 1.2rem rgba(0, 0, 0, 0.04), 0 0 0.2rem rgba(0, 0, 0, 0.04) } } ._dashboard_997d2__dashboard .event-item::before { background: hsl(var(--event)); border-radius: 0 10rem 10rem 0; bottom: 1.5rem; content: ""; display: block; left: 0; position: absolute; top: 1.5rem; width: 0.35rem; } @media only screen and (max-width: 767px) { ._dashboard_997d2__dashboard .event-item::before { border-radius: 0 10rem 10rem 0; bottom: 1rem; left: 0; top: 1rem } } ._dashboard_997d2__dashboard .event-item-date-time { align-items: baseline; display: flex; gap: 0.7rem; white-space: nowrap; } ._dashboard_997d2__dashboard .event-item-date { color: hsl(var(--black)); font-size: 1.1rem; font-weight: bold; } ._dashboard_997d2__dashboard .event-item-time { color: hsl(var(--event)); } ._dashboard_997d2__dashboard .event-item-title { color: hsl(var(--black)); font-size: 1rem; line-height: 1.2; margin: 0.5rem 0 0; } ._dashboard_997d2__dashboard .event-item-title .small-title { display: block; margin: 0 0 0.4rem; } ._dashboard_997d2__dashboard .event-item.canceled { background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, hsl(var(--gray50) / 10%) 10px, hsl(var(--gray50) / 10%) 14px ); color: hsl(var(--gray50)); } @media only screen and (max-width: 767px) { ._dashboard_997d2__dashboard .event-item.canceled { box-shadow: 0 0 1rem 1rem white inset } } @media only screen and (min-width: 768px) { ._dashboard_997d2__dashboard .event-item.canceled { box-shadow: 0 0 0 rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.02), 0 0 1.5rem 1.5rem white inset } } @media only screen and (min-width: 768px) { ._dashboard_997d2__dashboard .event-item.canceled:hover { box-shadow: 0 0.5rem 1.2rem rgba(0, 0, 0, 0.04), 0 0 0.2rem rgba(0, 0, 0, 0.04), 0 0 2rem 2rem white inset } } ._dashboard_997d2__dashboard .event-item.canceled::before { background: hsl(var(--danger)); } ._dashboard_997d2__dashboard .event-item.canceled .event-item-date-time { margin-right: auto; position: relative; } ._dashboard_997d2__dashboard .event-item.canceled .event-item-date-time::before { border-top: 1px solid hsl(var(--gray50)); content: ""; display: block; left: 0; position: absolute; right: 0; top: 50%; } ._dashboard_997d2__dashboard .event-item.canceled .event-item-date, ._dashboard_997d2__dashboard .event-item.canceled .event-item-title { color: hsl(var(--gray50)); } ._dashboard_997d2__dashboard .event-item.canceled .event-item-label { border-radius: 1rem; box-shadow: inset 0 0 0 1px hsl(var(--danger)); color: hsl(var(--danger)); margin-left: 0.3rem; padding: 0 0.3rem; } ._dashboard_997d2__dashboard .event-item.canceled .event-item .small-title { display: block; margin: 0 0 0.4rem; } ._dashboard_997d2__dashboard .event-all-btn { display: inline-block; font-size: 1.2rem; margin-top: 1rem; -webkit-text-decoration: none; text-decoration: none; } ._dashboard_997d2__dashboard .last-visited-items { display: grid; grid-gap: 1rem; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); } ._dashboard_997d2__dashboard .last-visited-item { background: hsl(var(--white)); border-radius: 0.5rem; box-shadow: 0 0 0 rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.02); padding: 1.5rem; -webkit-text-decoration: none; text-decoration: none; transition: box-shadow 0.2s ease; } ._dashboard_997d2__dashboard .last-visited-item:hover { box-shadow: 0 0.5rem 1.2rem rgba(0, 0, 0, 0.04), 0 0 0.2rem rgba(0, 0, 0, 0.04); } ._dashboard_997d2__dashboard .last-visited-item-type { margin-bottom: 0.5rem; white-space: nowrap; } ._dashboard_997d2__dashboard .last-visited-item-type .type-icon { font-size: 16px; } ._dashboard_997d2__dashboard .last-visited-item-title { color: hsl(var(--black)); font-size: 1.1rem; font-weight: bold; line-height: 1.2; } ._index_50252__header { display: flex; padding: var(--spacing-vertical) var(--spacing-horizontal) calc(var(--spacing-vertical) * 1.5) calc(var(--spacing-horizontal) + 60px); position: relative; } ._index_50252__progress { font-size: var(--font-size-base); height: 60px; left: var(--spacing-vertical); line-height: 60px; position: absolute; text-align: center; top: var(--spacing-vertical); width: 60px; } ._index_50252__donut { left: 0; position: absolute; top: 0; } ._index_50252__percentage { position: relative; z-index: 1; } ._requirements_matrix_86d2c__legend { display: flex; justify-content: flex-end; padding-right: 50px; } ._requirements_matrix_86d2c__tooltip { display: flex; } ._requirements_matrix_86d2c__tooltip-trigger-icon { margin-right: 6px; } ._requirements_matrix_86d2c__legend-item { line-height: 2.5rem; padding: 0 1em; } ._requirements_matrix_86d2c__legend-item ._requirements_matrix_86d2c__icon { font-size: 1.2rem; margin-right: 0.2rem; vertical-align: middle; } ._requirements_matrix_86d2c__legend-item ._requirements_matrix_86d2c__certified-required, ._requirements_matrix_86d2c__legend-item ._requirements_matrix_86d2c__certified-not-required { color: hsl(var(--success)); } ._requirements_matrix_86d2c__legend-item ._requirements_matrix_86d2c__not-certified-required { color: hsl(var(--danger)); } ._requirements_matrix_86d2c__legend-item ._requirements_matrix_86d2c__not-certified-not-required { color: hsl(var(--gray70)); } ._error_19cd9__error-page { max-width: 600px; margin: 0 auto; padding: 4rem 2rem; } ._error_19cd9__error-content { text-align: center; padding: 2rem; } ._error_19cd9__error-icon { color: hsl(var(--gray70)); margin-bottom: 1.5rem; } ._error_19cd9__error-title { margin: 0 0 1rem 0; font-size: 1.5rem; font-weight: 600; color: hsl(var(--text)); } ._error_19cd9__error-message { margin: 0; font-size: 1rem; color: hsl(var(--meta)); } ._show_367b4__history-export { max-width: 800px; margin: 0 auto; padding: 2rem; } ._show_367b4__actions { display: flex; justify-content: flex-end; gap: 1.5rem; margin-bottom: 1rem; } ._show_367b4__user-profile { display: flex; align-items: center; gap: 1.5rem; padding: 1rem 0; } ._show_367b4__user-info { flex: 1; } ._show_367b4__user-name { margin: 0; font-size: 1.5rem; font-weight: 600; } ._show_367b4__anchor-nav { display: flex; align-items: center; gap: 1rem; margin-top: 1rem; padding: 0.75rem 1rem; background: hsl(var(--gray97)); border-radius: 4px; } ._show_367b4__anchor-nav-label { font-size: 0.875rem; color: hsl(var(--gray50)); } ._show_367b4__anchor-link { font-size: 0.875rem; color: hsl(var(--primary)); -webkit-text-decoration: none; text-decoration: none; } ._show_367b4__anchor-link:hover { -webkit-text-decoration: underline; text-decoration: underline; } ._show_367b4__section { margin-top: 2rem; } ._show_367b4__section-title { font-size: 1.25rem; font-weight: 600; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 1px solid hsl(var(--gray94)); } ._show_367b4__achievement-item { padding: 1rem; margin-bottom: 0.75rem; background: hsl(var(--gray97)); border-radius: 4px; } ._show_367b4__achievement-header { display: flex; justify-content: space-between; margin-bottom: 0.5rem; font-size: 0.875rem; color: hsl(var(--gray50)); } ._show_367b4__achievement-type { font-weight: 500; text-transform: capitalize; } ._show_367b4__achievement-title { margin: 0 0 0.25rem 0; font-size: 1rem; font-weight: 600; } ._show_367b4__achievement-description { margin: 0; font-size: 0.875rem; color: hsl(var(--gray50)); } ._show_367b4__enrollment-item { display: flex; justify-content: space-between; align-items: center; padding: 1rem; margin-bottom: 0.75rem; background: hsl(var(--gray97)); border-radius: 4px; } ._show_367b4__enrollment-info { flex: 1; } ._show_367b4__enrollment-title { margin: 0 0 0.25rem 0; font-size: 1rem; font-weight: 600; } ._show_367b4__enrollment-details { display: flex; gap: 1.5rem; font-size: 0.875rem; color: hsl(var(--gray50)); } ._show_367b4__enrollment-completed { color: hsl(var(--success)); } ._show_367b4__enrollment-status { flex-shrink: 0; } ._show_367b4__certificate-item { display: flex; justify-content: space-between; align-items: center; padding: 1rem; margin-bottom: 0.75rem; background: hsl(var(--gray97)); border-radius: 4px; } ._show_367b4__certificate-info { flex: 1; } ._show_367b4__certificate-title { margin: 0 0 0.25rem 0; font-size: 1rem; font-weight: 600; } ._show_367b4__certificate-details { font-size: 0.875rem; color: hsl(var(--gray50)); } ._show_367b4__certificate-count::after { content: " · "; } ._show_367b4__certificate-status { flex-shrink: 0; } ._show_367b4__result-item { display: flex; gap: 1rem; padding: 1rem; margin-bottom: 0.75rem; background: hsl(var(--gray97)); border-radius: 4px; } ._show_367b4__result-icon { display: flex; flex-direction: column; align-items: center; min-width: 60px; } ._show_367b4__result-type { font-size: 0.75rem; color: hsl(var(--gray50)); text-transform: capitalize; margin-top: 0.25rem; } ._show_367b4__result-info { flex: 1; display: flex; justify-content: space-between; align-items: flex-start; } ._show_367b4__result-text { flex: 1; } ._show_367b4__result-title { margin: 0 0 0.25rem 0; font-size: 1rem; font-weight: 600; } ._show_367b4__result-status { margin: 0; font-size: 0.875rem; color: hsl(var(--gray50)); } /* Print styles */ @media print { ._show_367b4__history-export { padding: 0; max-width: 100%; } ._show_367b4__achievement-item, ._show_367b4__certificate-item, ._show_367b4__enrollment-item, ._show_367b4__result-item { background: none; border: none; border-bottom: 1px solid hsl(var(--gray94)); border-radius: 0; padding: 0.5rem 0; margin-bottom: 0; } ._show_367b4__achievement-item:last-child, ._show_367b4__certificate-item:last-child, ._show_367b4__enrollment-item:last-child, ._show_367b4__result-item:last-child { border-bottom: none; } ._show_367b4__enrollment-details { flex-direction: column; gap: 0.25rem; } ._show_367b4__certificate-count::after { content: none; } ._show_367b4__certificate-validity { display: block; } ._show_367b4__result-info { display: block; } ._show_367b4__result-text { display: block; } ._show_367b4__result-title { margin: 0; display: inline; } ._show_367b4__result-status { display: inline; margin-left: 0.5rem; font-style: italic; } ._show_367b4__result-status::before { content: "— "; } } ._forbidden_2ac15__container { left: 50%; max-width: 1000px; position: fixed; text-align: center; top: 50%; transform: translate(-50%, -50%); width: 75%; } ._forbidden_2ac15__container ._forbidden_2ac15__error-message { line-height: 1.4; margin: 0 auto 2rem; } ._forbidden_2ac15__image { margin: 0 auto; max-width: 75%; } ._not_found_48a37__container { left: 50%; max-width: 1000px; position: fixed; text-align: center; top: 50%; transform: translate(-50%, -50%); width: 75%; } ._not_found_48a37__container ._not_found_48a37__error-message { line-height: 1.4; margin: 0 auto 2rem; } ._not_found_48a37__image { margin: 0 auto; max-width: 75%; } ._calendar_0eaaf__event-info { max-width: 0; width: 100%; } @media only screen and (min-width: 768px) { ._calendar_0eaaf__next-occurrence { min-width: 300px } } ._calendar_0eaaf__title, ._calendar_0eaaf__description { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ._calendar_0eaaf__title { margin: 0 0 0.5em; } ._calendar_0eaaf__description { margin: 0; } ._calendar_0eaaf__calendar-header { align-items: center; display: flex; padding: var(--spacing-vertical); } ._calendar_0eaaf__calendar-title { flex-grow: 1; margin: 0; } ._calendar_0eaaf__calendar-navigation { flex-grow: 0; flex-shrink: 0; } ._calendar_0eaaf__year { color: hsl(var(--gray75)); } ._calendar_0eaaf__previous, ._calendar_0eaaf__next { color: hsl(var(--gray50)); display: inline-block; margin-left: 10px; -webkit-text-decoration: none; text-decoration: none; vertical-align: bottom; } ._calendar_0eaaf__navigation-icon { top: 3px; } ._calendar_0eaaf__filter-bar { align-items: center; display: flex; gap: 1rem; justify-content: flex-end; } ._calendar_0eaaf__toggle { border: 1px solid hsl(var(--link)); border-right: none; border-radius: 3px; display: flex; list-style: none; margin-bottom: var(--spacing-vertical); padding: 0; } ._calendar_0eaaf__item { align-items: center; border-right: 1px solid hsl(var(--link)); display: flex; gap: .5rem; margin: 0; padding: .5rem; } ._calendar_0eaaf__item._calendar_0eaaf__active { background-color: hsl(var(--link)); color: hsl(var(--white)); } ._calendar_0eaaf__link { align-items: center; display: flex; gap: .2rem; -webkit-text-decoration: none; text-decoration: none; } ._index_be3ba__container { padding: 0 10px; } ._index_be3ba__filter-bar { align-items: center; display: flex; gap: 1rem; justify-content: flex-end; } ._index_be3ba__toggle { border: 1px solid hsl(var(--link)); border-right: none; border-radius: 3px; display: flex; list-style: none; margin-bottom: var(--spacing-vertical); padding: 0; } ._index_be3ba__item { align-items: center; border-right: 1px solid hsl(var(--link)); display: flex; gap: .5rem; margin: 0; padding: .5rem; } ._index_be3ba__item._index_be3ba__active { background-color: hsl(var(--link)); color: hsl(var(--white)); } ._index_be3ba__link { align-items: center; display: flex; gap: .2rem; -webkit-text-decoration: none; text-decoration: none; } ._index_be3ba__search-query { display: block; font-size: var(--font-size-extra-large); margin-bottom: 1em; } ._index_be3ba__no-results { padding: 1rem; } ._index_be3ba__event-title { align-items: center; display: flex; gap: 1rem; margin: 2rem 0 1rem; } ._index_be3ba__event-title h2 { margin: 0; } ._index_be3ba__cover-image { border-radius: .3rem; height: 4rem; width: 4rem; } ._index_be3ba__cover-image._index_be3ba__default { align-items: center; background: linear-gradient( 137deg, hsl(var(--primary)) 21%, hsl( calc(var(--primary-h) + 40), calc(var(--primary-s) - 40%), calc(var(--primary-l) - 20%) ) 100% ); color: white; display: flex; justify-content: center;; } ._index_be3ba__event-link-title { display: block; font-size: var(--font-size-heading-medium); font-weight: bold; line-height: 1.25em; -webkit-text-decoration: none; text-decoration: none; } ._index_be3ba__event-link-title a { color: hsl(var(--body)); } ._index_be3ba__event-link-title a:hover { color: hsl(var(--event)); } ._index_be3ba__event-link-title small { font-weight: normal; display: block; } ._index_be3ba__occurrence-card { display: block; -webkit-text-decoration: none; text-decoration: none; transition: box-shadow 0.2s ease; margin-bottom: 1rem; } ._index_be3ba__occurrence-card:hover { box-shadow: 0 0.5rem 1.2rem rgba(0, 0, 0, 0.04), 0 0 0.2rem rgba(0, 0, 0, 0.04) } ._index_e26f6__event-info { max-width: 0; width: 100%; } @media only screen and (min-width: 768px) { ._index_e26f6__occurrence-date { white-space: nowrap } } ._index_e26f6__title, ._index_e26f6__description { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ._index_e26f6__title { line-height: 1.25em; margin: 0 0 0.2em; } ._index_e26f6__description { margin: 0; } ._index_e26f6__no-results { margin-top: var(--spacing-vertical); } ._show_0f59c__tag { margin: 0 .3rem .3rem 0; } ._show_0f59c__left { display: flex; flex-direction: column; gap: 1rem; width: 20rem; } @media (max-width: 799px) { ._show_0f59c__left { display: contents } } ._show_0f59c__private-participation-tooltip { display: block; width: 100%; z-index: 1; } @media (max-width: 799px) { ._show_0f59c__private-participation-tooltip { grid-column: 1 / -1; grid-row: 2 } } ._show_0f59c__private-participation-trigger { cursor: pointer; display: block; width: 100%; } ._show_0f59c__right { display: flex; flex: 1; flex-direction: column; gap: 2rem; grid-column: 1 / -1; grid-row: 2; min-width: 0; } ._show_0f59c__wrapper:has(._show_0f59c__private-participation-tooltip) ._show_0f59c__right { grid-row: 3; } /* reusable, component styles, might move them to something like the .flex file? */ ._show_0f59c__btn._show_0f59c__round { border-radius: calc(1.75rem + 2 * 1px); } ._show_0f59c__btn svg { margin-left: 0.375rem; stroke-width: 2.5; width: 1rem; } ._show_0f59c__manage-button { background-color: var(--event-color); border: 1px solid var(--event-color); color: #fff; font-weight: 500; padding: 0.4375rem 0.625rem; -webkit-text-decoration: none; text-decoration: none; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; } ._show_0f59c__manage-button:hover { background: hsl(221, 53%, 40%); border-color: hsl(221, 53%, 40%); } ._show_0f59c__rounded { border-radius: 1rem; } /* Wrapper */ ._show_0f59c__wrapper { align-items: start; display: flex; gap: 2rem; margin: 0 auto; max-width: 70rem; padding: 2rem; } @media (max-width: 1000px) { ._show_0f59c__wrapper { gap: 1rem; padding: 1rem } } @media (max-width: 799px) { ._show_0f59c__wrapper { flex-direction: column; padding: 0 } } @media (max-width: 799px) { ._show_0f59c__wrapper { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; padding: 1rem 1rem 0; width: 100% } } @media (max-width: 549px) { ._show_0f59c__wrapper { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto } } @media (max-width: 419px) { ._show_0f59c__wrapper { grid-template-columns: 1fr; grid-template-rows: auto; padding: 0 } } /* Default Cover Image */ ._show_0f59c__cover { aspect-ratio: 1/1; border-radius: 0.5rem; position: relative; } @media (max-width: 799px) { ._show_0f59c__cover { aspect-ratio: auto 2/1; border-radius: 0; grid-column: 1 / -1; grid-row: 1; margin: -1rem -1rem 0; max-height: 20rem; pointer-events: none; width: calc(100% + 2rem) } } @media (max-width: 599px) { ._show_0f59c__cover { aspect-ratio: auto 3/2 } } @media (max-width: 419px) { ._show_0f59c__cover { margin: 0; width: 100% } } ._show_0f59c__cover._show_0f59c__hoverable ._show_0f59c__cover-image { box-shadow: 0 0 0 0 rgba(19, 21, 23, 0.1); transition: all 0.2s ease; } ._show_0f59c__cover._show_0f59c__hoverable:hover ._show_0f59c__cover-image { transform: scale(1.03); } ._show_0f59c__cover._show_0f59c__hoverable:hover ._show_0f59c__cover-image:not(._show_0f59c__cover-image-under) { box-shadow: 0 0.5rem 1rem rgba(19, 21, 23, 0.05); } ._show_0f59c__cover._show_0f59c__hoverable:hover ._show_0f59c__cover-image-under { filter: blur(30px); opacity: 0.5; } ._show_0f59c__default { background: linear-gradient(137deg, hsl(var(--primary)) 21%, hsl(calc(var(--primary-h) + 40), calc(var(--primary-s) - 40%), calc(var(--primary-l) - 20%)) 100%); color: color-mix(in srgb, #fff, hsl(var(--primary)) 10%); display: flex; flex-direction: column; font-size: 1.5rem; font-weight: 900; justify-content: center; line-height: 1.1; overflow: hidden; padding: 1rem; text-align: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; } ._show_0f59c__no-image { max-height: none; padding-bottom: 4rem; } @media (max-width: 799px) { ._show_0f59c__no-image { max-height: 24rem } } ._show_0f59c__has-image { padding-bottom: 0; } ._show_0f59c__cover-title { -webkit-box-orient: vertical; display: -webkit-box; font-size: 1.6rem; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; } ._show_0f59c__cover-image-under { filter: blur(24px); margin-top: 1rem; mix-blend-mode: hard-light; opacity: 0.25; } ._show_0f59c__cover-image { border-radius: inherit; height: 100%; top: 0; right: 0; bottom: 0; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; width: 100%; } ._show_0f59c__cover-image-text { -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.6)); mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.6)); } ._show_0f59c__cover-occurrences { font-size: 1.3rem; } ._show_0f59c__cover-title small { display: block; font-size: 1rem; font-weight: 400; margin: 0 auto 0.3rem; max-width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ._show_0f59c__cover-title-line { background: currentColor; border-radius: 2px; height: 3px; margin: 1rem auto; position: relative; width: 15%; } /* Single Location Map */ ._show_0f59c__single-location { min-width: 1px; } ._show_0f59c__single-location-map { aspect-ratio: 16/6; border-radius: 0.5rem; margin-top: 1rem; min-height: 0; padding: 0; } ._show_0f59c__single-location-details, ._show_0f59c__single-url-details { font-size: 0.9rem; margin-top: 0.3rem; } ._show_0f59c__single-location-details >a, ._show_0f59c__single-url-details >a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--event-color); -webkit-text-decoration: underline; text-decoration: underline; } ._show_0f59c__single-location-details >a:hover, ._show_0f59c__single-url-details >a:hover { -webkit-text-decoration: none; text-decoration: none; } ._show_0f59c__single-url { display: flex; flex-direction: column; justify-content: center; min-width: 0; } /* Enrollment Card */ ._show_0f59c__event-enrollment-card { background-color: hsl(var(--event) / 0.05); border: 1px solid hsl(var(--event) / 0.1); border-radius: 0.5rem; margin-bottom: 1rem; padding: 1rem; padding-top: 0; } ._show_0f59c__event-enrollment-card._show_0f59c__through_course { background: hsl(var(--background-tint40)); color: hsl(var(--text-light)); font-size: var(--font-size-small); padding-top: 1rem; } ._show_0f59c__event-enrollment-card._show_0f59c__through_course >div>form>button { border-color: hsl(var(--text-light)); color: hsl(var(--text-light)); } ._show_0f59c__enrollment-details { color: hsl(var(--meta)); font-size: var(--font-size-small); margin: 0; } ._show_0f59c__enrollment-details-separator { margin: 0 0.35rem; } ._show_0f59c__enroll-button { display: flex; flex-wrap: wrap; margin-top: 1rem; align-items: center; gap: 1rem; } ._show_0f59c__enroll-button form { flex: 1; } ._show_0f59c__enroll-button form button { width: 100%; } ._show_0f59c__enroll-button div { width: 100%; } ._show_0f59c__enroll-button div span { width: 100%; } ._show_0f59c__panel-alert { margin-bottom: 0; } ._show_0f59c__ics-button { align-items: center; background-color: var(--event-color); border: none; border-radius: 0.5rem; color: #fff; display: flex; justify-content: center; padding: 1rem 0.875rem; -webkit-text-decoration: none; text-decoration: none; transition: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out; width: 100%; } ._show_0f59c__submit-homework-button { border-radius: .5rem; color: var(--event-color); font-weight: 600; padding: 1rem 0.875rem; transition: box-shadow 0.2s ease-in-out, border 0.2s ease-in-out; } ._show_0f59c__submit-homework-button:hover { border: 1px dashed hsl(var(--gray80)); } /* Result feedback (rendered inside NoticeCard footer) */ ._show_0f59c__feedback-title { align-items: center; display: flex; font-weight: bold; line-height: var(--line-height-large); margin-top: 0; } ._show_0f59c__feedback-date { margin-left: auto; } ._show_0f59c__feedback { margin-top: 0.25em; } /* Comments */ ._show_0f59c__comments-container { margin: 0 auto; max-width: 40rem; } ._show_0f59c__comments-title { margin: 0 auto; margin-bottom: 2rem; margin-top: 2rem; max-width: 40rem; } /* Resources & Skills*/ ._show_0f59c__resource-tooltip-trigger >a, ._show_0f59c__skill-tooltip-trigger >a { border-bottom: 1px dotted currentColor !important; } ._show_0f59c__link-icon { font-size: 13px; margin-right: 3px; } ._show_0f59c__resources, ._show_0f59c__skills, ._show_0f59c__homework-submissions { list-style: none; margin: 0; padding: 0; } ._show_0f59c__homework-submissions a { color: hsl(var(--event)); font-weight: normal; -webkit-text-decoration: none; text-decoration: none; } ._show_0f59c__homework-submissions a:hover { -webkit-text-decoration: underline; text-decoration: underline; } ._show_0f59c__link-icon._show_0f59c__approved-submission { color: hsl(var(--success)); } ._show_0f59c__link-icon._show_0f59c__seen-submission { color: hsl(var(--gray60)); } ._show_0f59c__submission-comments { align-items: center; color: hsl(var(--gray60)); display: flex; font-size: .85rem; font-weight: normal; } ._table_8281d__container { padding: 0 10px; } ._table_8281d__filter-bar { align-items: center; display: flex; gap: 1rem; justify-content: flex-end; } ._table_8281d__toggle { border: 1px solid hsl(var(--link)); border-right: none; border-radius: 3px; display: flex; list-style: none; margin-bottom: var(--spacing-vertical); padding: 0; } ._table_8281d__item { align-items: center; border-right: 1px solid hsl(var(--link)); display: flex; gap: .5rem; margin: 0; padding: .5rem; } ._table_8281d__item._table_8281d__active { background-color: hsl(var(--link)); color: hsl(var(--white)); } ._table_8281d__link { align-items: center; display: flex; gap: .2rem; -webkit-text-decoration: none; text-decoration: none; } ._table_8281d__search-query { display: block; font-size: var(--font-size-extra-large); margin-bottom: 1em; } ._index_7e677__search-for-you-header { align-items: center; display: flex; gap: 2rem; margin-top: 0.5rem; } ._index_7e677__search-for-you-header .autocomplete-wrapper { flex: 1; width: 100%; } @media (max-width: 35rem) {._index_7e677__search-for-you-header { flex-direction: column; gap: 0 } } ._index_7e677__section { container: item-grid / inline-size; margin: 2rem 0; } ._index_7e677__section:has(._index_7e677__section-header) { border-top: 1px solid hsl(var(--border-alpha)); } ._index_7e677__section ._index_7e677__section-header { font-size: 1.6rem; font-weight: bold; margin: 2rem 0 1.5rem; } ._index_7e677__item-grid { align-content: stretch; display: grid; grid-gap: 1.5rem; grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr)); list-style: none; padding: 0; justify-items: stretch; margin-bottom: 2rem; } @media (max-width: 900px) { ._index_7e677__item-grid { grid-gap: 1rem } } ._index_7e677__item-grid._index_7e677__auto-fit { /* with one grid item */ grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr)); } /* with two grid items */ @container item-grid (max-width: 545px) { ._index_7e677__item-grid._index_7e677__auto-fit:has(li:nth-child(2)) { grid-template-columns: repeat(1, 1fr) } } @container item-grid (min-width: 1300px) { ._index_7e677__item-grid._index_7e677__auto-fit:has(li:nth-child(2)) { grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr)) } } /* with three grid items */ ._index_7e677__item-grid._index_7e677__auto-fit:has(li:nth-child(3)) { grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr)); } @container item-grid (max-width: 545px) { ._index_7e677__item-grid._index_7e677__auto-fit:has(li:nth-child(3)) { grid-template-columns: repeat(1, 1fr) } } /* with three '.component-highlight-card' grid items */ @container item-grid (max-width: 980px) { ._index_7e677__item-grid._index_7e677__auto-fit:has(li:nth-child(1) > a.component-highlight-card):has(li:nth-child(2) > a.component-highlight-card):has(li:nth-child(3) > a.component-highlight-card) > li { grid-column: span 2; max-width: 54rem; } } /* with four grid items */ @container item-grid (max-width: 1299px) { ._index_7e677__item-grid._index_7e677__auto-fit:has(li:nth-child(4)) { grid-template-columns: repeat(2, 1fr) } } @container item-grid (max-width: 980px) { ._index_7e677__item-grid._index_7e677__auto-fit:has(li:nth-child(4)) > li { grid-column: span 1 !important; } } @container item-grid (max-width: 545px) { ._index_7e677__item-grid._index_7e677__auto-fit:has(li:nth-child(4)) { grid-template-columns: repeat(1, 1fr) } } ._index_7e677__item-grid._index_7e677__auto-fit > li > a { height: 100%; } ._index_7e677__slider-item { display: flex; flex-direction: column; gap: 1.25rem; justify-content: stretch; min-width: 20rem; max-width: calc(25% - 0.75rem); } ._index_7e677__slider-item > *[hidden] { display: none; } ._index_7e677__channel-item { align-items: center; box-shadow: 0 0 1px 0 hsl(from hsl(var(--background)) h calc(s - 15) calc(l - 15)); background: white; border-radius: 2.5rem; color: black; cursor: pointer; display: inline-flex; gap: 0.5rem; font-size: 0.9rem; height: 2.5rem; overflow: hidden; padding: 0 1.2rem; -webkit-text-decoration: none; -webkit-text-decoration: none; text-decoration: none; transition: all 0.2s ease; white-space: nowrap; width: -moz-fit-content; width: fit-content; } ._index_7e677__channel-item:hover { transform: scale(1.04); } ._index_7e677__channel-item .icon { color: var(--channel-color); } ._index_7e677__show-all { align-items: center; background: hsl(var(--gray90)); border-radius: 10rem; font-size: 0.9rem; font-weight: bold; color: hsl(var(--text)); display: inline-flex; gap: 0.5rem; padding: 0.8rem 1.4rem; -webkit-text-decoration: none; text-decoration: none; transition: background 0.2s ease; } ._index_7e677__show-all:hover { background: hsl(var(--gray85)); } ._index_7e677__show-all .icon { width: 0.8rem; } ._index_7e677__tile-row { list-style: none; margin: 0; padding: 0; } .autocomplete-wrapper { --negative-inset: -1rem; margin: 1rem 0; max-width: 35rem; position: relative; z-index: 99; } .autocomplete-wrapper::before { content: ""; display: block; border-radius: 0.5rem; position: absolute; top: var(--negative-inset); right: var(--negative-inset); bottom: var(--negative-inset); left: var(--negative-inset); } .autocomplete-wrapper:focus-within::before { background-color: white; box-shadow: 0 0 0 99999rem rgba(0, 0, 0, 0.1); } .autocomplete-wrapper .aa-Form { --gap: 0.3rem; position: relative; width: 100%; height: 3.125rem; display: flex; gap: 0.3rem; gap: var(--gap); padding-left: 0.75rem; padding-right: 0.6rem; transition: all 0.12s ease-out; } .autocomplete-wrapper .aa-Form:has(.aa-Input:not(:-moz-placeholder-shown)) { flex-direction: row-reverse; z-index: 99; } .autocomplete-wrapper .aa-Form:has(.aa-Input:not(:placeholder-shown)) { flex-direction: row-reverse; z-index: 99; } .autocomplete-wrapper .aa-Form:has(.aa-Input:not(:-moz-placeholder-shown)) button:hover { background-color: #d1d1d1; cursor: pointer; } .autocomplete-wrapper .aa-Form:has(.aa-Input:not(:placeholder-shown)) button:hover { background-color: #d1d1d1; cursor: pointer; } .autocomplete-wrapper .aa-Form:has(.aa-Input:not(:-moz-placeholder-shown)) .aa-Input { padding: 0.5rem 5.5rem 0.5rem 1.5rem; } .autocomplete-wrapper .aa-Form:has(.aa-Input:not(:placeholder-shown)) .aa-Input { padding: 0.5rem 5.5rem 0.5rem 1.5rem; } .autocomplete-wrapper .aa-Input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2rem; padding: 0.5rem 1.5rem 0.5rem 3rem; line-height: 1.4; background: #ececec; border: 1px solid #ececec; width: 100%; transition: padding 0.12s ease-out; } .autocomplete-wrapper .aa-Input:focus { outline-offset: -2px; outline: 2px solid hsl(var(--primary)); } .autocomplete-wrapper .aa-Input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; display: none; } .autocomplete-wrapper .aa-Form button:not([hidden]), .autocomplete-wrapper .aa-LoadingIndicator:not([hidden]) { background: none; border: none; border-radius: 2rem; height: 2rem; width: 2rem; padding: 0; display: flex; align-items: center; justify-content: center; transition: background 0.08s ease-out; } .autocomplete-wrapper .aa-ClearButton { position: relative; } .autocomplete-wrapper .aa-ClearButton::after { content: ""; display: block; position: absolute; right: calc(0rem - var(--gap)); top: 0.25rem; bottom: 0.25rem; width: 0; border-right: 1px solid #cacaca; } .autocomplete-wrapper .aa-InputWrapperPrefix, .autocomplete-wrapper .aa-InputWrapperSuffix { height: 100%; display: flex; align-items: center; justify-content: center; z-index: 1; } #autocomplete-panel-container { background-color: white; border-radius: 0.5rem; left: var(--negative-inset); right: var(--negative-inset); padding: 0 calc(var(--negative-inset) * -1); position: absolute; z-index: 99; } #autocomplete-panel-container .aa-PanelLayout { padding: 0.75rem 0.5rem 1.5rem; } #autocomplete-panel-container .aa-Panel .aa-List { list-style: none; margin: 0; padding: 0; } #autocomplete-panel-container .aa-Item[aria-selected="true"] > * { background-color: hsla(var(--primary) / 0.05); } #autocomplete-panel-container .aa-Item > * { box-shadow: none; cursor: pointer; } #autocomplete-panel-container .aa-Item mark { background: none; font-weight: 300; -webkit-text-decoration: none; text-decoration: none; } .main-search-wrapper { display: flex; flex-direction: column; gap: 2rem; height: 100%; margin-left: auto; margin-right: auto; margin-bottom: 2rem; max-width: 1400px; position: relative; } .main-search-wrapper .facet-menus { flex: 0 0 auto; font-size: 0.9rem; margin: 0 1rem; width: 14rem; } .main-search-wrapper .facet-menus .ais-Menu { font-size: 0.8rem; margin-bottom: 1rem; } .main-search-wrapper .facet-menus .ais-Menu-list { list-style: none; padding: 0; } .main-search-wrapper .facet-menus .ais-Menu-item { margin-bottom: 8px; } .main-search-wrapper .facet-menus .ais-Menu-link { color: var(--dark-gray); -webkit-text-decoration: none; text-decoration: none; } .main-search-wrapper .facet-menus .ais-Menu-item--selected { font-weight: bold; } .main-search-wrapper .facet-menus .ais-Menu-count, .main-search-wrapper .facet-menus .ais-RefinementList-count { display: inline-block; background-color: rgba(197, 201, 224, 0.2); color: #848ab8; border-radius: 4px; margin-left: 8px; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; padding-right: 4px; font-size: 10px; letter-spacing: 1.3px; } .main-search-wrapper .hits-wrapper { flex: 1 1 auto; } .main-search-wrapper .main-search-hits .ais-Hits-list { list-style-type: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 1.5rem; } .main-search-wrapper .main-search-hits .ais-Hits--empty { padding: 1rem; text-align: center; } .main-search-wrapper .ais-SortBy { display: flex; } .main-search-wrapper .ais-SortBy-select { background-color: transparent; color: inherit; cursor: pointer; font-size: 0.8rem; line-height: 16px; margin-bottom: 0.5rem; margin-left: auto; } .main-search-wrapper .ais-Pagination-list { display: flex; gap: 1rem; list-style-type: none; justify-content: center; } .main-search-wrapper .ais-NumericMenu-list, .main-search-wrapper .ais-RefinementList-list { color: var(--dark-gray); list-style: none; padding: 0; } .main-search-wrapper .ais-NumericMenu-item, .main-search-wrapper .ais-RefinementList-item { margin-bottom: 8px; } .main-search-wrapper .ais-NumericMenu-labelText, .main-search-wrapper .ais-RefinementList-labelText { font-size: 0.9em; } .main-search-wrapper .ais-NumericMenu-link { color: var(--dark-gray); -webkit-text-decoration: none; text-decoration: none; } .main-search-wrapper .ais-NumericMenu-item--selected { font-weight: bold; } ._print_84d30__header-address, ._print_84d30__header-company, ._print_84d30__header-table { display: inline-block; } ._print_84d30__header-address h2, ._print_84d30__header-address h3, ._print_84d30__header-company h2, ._print_84d30__header-company h3, ._print_84d30__header-table h2, ._print_84d30__header-table h3 { font-weight: bold; } ._print_84d30__header-address h3, ._print_84d30__header-company h3, ._print_84d30__header-table h3 { font-size: var(--font-size-heading-medium); } ._print_84d30__address-container { display: inline-block; margin-bottom: var(--spacing-vertical-large); width: 50%; } ._print_84d30__address-container ._print_84d30__header-image { max-height: 100px; } ._print_84d30__header-address { margin-top: var(--spacing-vertical-large); } ._print_84d30__header-company { float: right; font-size: var(--font-size-small); margin-top: var(--spacing-vertical-small); text-align: right; } ._print_84d30__header-company-vat td, ._print_84d30__header-company-bank-name td, ._print_84d30__header-company-contact td { padding-top: var(--spacing-vertical-small); } ._print_84d30__header-company-bank-name td { border-bottom: 1px solid black; font-family: monospace; } ._print_84d30__header-company ._print_84d30__billing-title { font-weight: bold; margin-left: var(--spacing-horizontal-tiny); } ._print_84d30__header-table { margin: 0 0 var(--spacing-vertical-extra-large) 0; width: 100%; } ._print_84d30__header-table td { padding: 2px; vertical-align: top; } ._print_84d30__header-table td._print_84d30__narrow { width: 1px; white-space: nowrap; padding-right: var(--spacing-horizontal-small); } ._print_84d30__invoice-table { width: 100%; } ._print_84d30__invoice-table thead { border-radius: 5px; box-shadow: 0px 0px 0px 1px rgb(0, 0, 0); } ._print_84d30__invoice-table th:first-child, ._print_84d30__invoice-table td:first-child { padding-left: var(--spacing-horizontal-small); } ._print_84d30__invoice-table th, ._print_84d30__invoice-table td { padding: 10px 0; text-align: left; } tr._print_84d30__invoice-table-course-price { box-shadow: 0px 1px 0px 0px rgb(0, 0, 0); } tr._print_84d30__invoice-table-course-price td { padding-bottom: var(--spacing-vertical-large); } td._print_84d30__invoice-table-total, td._print_84d30__invoice-table-vat { padding-right: var(--spacing-horizontal-small); text-align: right; } .channel-root { padding-bottom: 0 !important; } .channel-root .channel-content { display: flex; flex-direction: column; } @media only screen and (min-width: 768px) { .channel-root .channel-content { flex-direction: row } } .channel-root .channel-icon { display: inline-block; font-size: 0.8em; line-height: 0.5em; } .channel-root .sidebar { --sidebar-sans-serif: "InterVariable", "Noto Sans", -apple-system, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, blinkmacsystemfont, "San Francisco", "Segoe UI", roboto, "Helvetica Neue", sans-serif; --active-background-color: oklch(from hsl(var(--violet)) .95 .01 h); background: hsl(var(--white)); font-family: "InterVariable", "Noto Sans", -apple-system, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, blinkmacsystemfont, "San Francisco", "Segoe UI", roboto, "Helvetica Neue", sans-serif; font-family: var(--sidebar-sans-serif); bottom: 0; box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.04); position: sticky; z-index: 20; } /* Prevent animations on initial page load */ .channel-root .sidebar:not(.ready) * { transition: none !important; } .channel-root .sidebar.ready { transition: padding .2s ease; } @media only screen and (min-width: 768px) { .channel-root .sidebar { box-shadow: 1px 0 0 0 hsl(var(--border-alpha)); order: -1; position: relative } } @media only screen and (min-width: 768px) { .channel-root .sidebar.collapsed .sidebar-content { width: 3rem } } .channel-root .sidebar.collapsed .sidebar-content-group { padding: 0; border-color: hsl(var(--border-alpha)); } .channel-root .sidebar.collapsed .sidebar-content-group-header-and-button { height: 0; } .channel-root .sidebar.collapsed .sidebar-link-oneliner { border-radius: 0; overflow: hidden; white-space: nowrap; } .channel-root .sidebar.collapsed .sidebar-link-oneliner:hover { width: -moz-max-content; width: max-content; } @media only screen and (min-width: 768px) { .channel-root .sidebar.collapsed .toggle-collapse { width: 0; padding: 0; opacity: 0; overflow: hidden } } @media only screen and (min-width: 768px) { .channel-root .sidebar.collapsed .toggle-expand { opacity: 1 } } .channel-root .sidebar .sidebar-content { position: sticky; top: var(--application-top); transition: top 0 ease, width .2s ease, padding .2s ease; transition: top var(--application-top-transition-duration, 0) ease, width .2s ease, padding .2s ease; } @media only screen and (min-width: 768px) { .channel-root .sidebar .sidebar-content { padding-bottom: 2rem } } .channel-root .sidebar .sidebar-content.scrolling { transition: none; } .channel-root .sidebar .sidebar-content { display: flex; flex-direction: row; justify-content: stretch; } @media only screen and (min-width: 768px) { .channel-root .sidebar .sidebar-content { flex-direction: column; justify-content: none; width: 19rem } } .channel-root .sidebar .icon { transition: margin .2s ease; } .channel-root .sidebar .sidebar-link { align-items: center; background-color: white; box-shadow: 0 10rem 0 0 transparent inset; color: black; display: flex; font-weight: 470; flex-flow: column; gap: 0.5rem; flex: 1; line-height: 1.3; overflow: hidden; padding: 0.9rem 0.4rem; -webkit-text-decoration: none; text-decoration: none; transition: all .2s ease; } @media only screen and (min-width: 768px) { .channel-root .sidebar .sidebar-link { flex-flow: row; padding: 0.9rem 1rem; text-align: left } } .channel-root .sidebar .sidebar-link .sidebar-link-label { overflow: hidden; text-align: center; text-overflow: ellipsis; transition: opacity .2s ease; white-space: nowrap; font-size: .9rem; } @media only screen and (min-width: 768px) { .channel-root .sidebar .sidebar-link .sidebar-link-label { opacity: 0 } } .channel-root .sidebar .sidebar-link .sidebar-link-count-badge { display: none; } @media only screen and (min-width: 768px) { .channel-root .sidebar .sidebar-link .sidebar-link-count-badge { display: flex; align-items: center; align-self: stretch; margin-left: auto; font-size: .75em; font-weight: 500; border-radius: .4em; padding: 0 .3em; background: hsl(var(--violet) / 10%); color: hsl(var(--violet)) } } .channel-root .sidebar .sidebar-link.subscribed-channel { display: none; } @media only screen and (min-width: 768px) { .channel-root .sidebar .sidebar-link.subscribed-channel { display: flex } } .channel-root .sidebar .sidebar-link.subscribed-channel .icon { color: var(--channel-color); } .channel-root .sidebar .sidebar-link.subscribed-channel .icon-channel-subscribed { display: none; } .channel-root .sidebar .sidebar-link.subscribed-channel.active .icon-channel { display: none; } .channel-root .sidebar .sidebar-link.subscribed-channel.active .icon-channel-subscribed { display: inline; } .channel-root .sidebar .sidebar-link .icon { color: black; display: block; } @media only screen and (min-width: 768px) { .channel-root .sidebar .sidebar-link .icon { display: inline-block } } .channel-root .sidebar .sidebar-link.active, .channel-root .sidebar .sidebar-link:hover, .channel-root .sidebar .sidebar-link:active { box-shadow: 0 10rem 0 0 var(--active-background-color) inset; } .channel-root .sidebar .sidebar-link.active { cursor: default; } .channel-root .sidebar .sidebar-link.active:not(.subscribed-channel), .channel-root .sidebar .sidebar-link.active:not(.subscribed-channel) .icon { color: hsl(var(--violet)) !important; } @media only screen and (min-width: 768px) { .channel-root .sidebar .sidebar-link:hover { display: inline-flex; overflow: visible; width: -moz-max-content; width: max-content } .channel-root .sidebar .sidebar-link:hover .sidebar-link-label { opacity: 1; } } .channel-root .sidebar .sidebar-link-oneliner { --avatar-size: 1.5em !important; } .channel-root .sidebar .sidebar-link-oneliner { padding: 0.85em 0.75em; } @media only screen and (min-width: 768px) { .channel-root .sidebar .sidebar-link-oneliner:hover { overflow: visible } .channel-root .sidebar .sidebar-link-oneliner:hover .component-oneliner-title { opacity: 1; } } @media only screen and (max-width: 767px) { .channel-root .sidebar .sidebar-link-oneliner { display: none } } .channel-root .sidebar .sidebar-link-oneliner .component-oneliner-title { opacity: 0; transition: opacity .2s ease; } .channel-root .sidebar .toggle-collapse { background: transparent; border: none; border-radius: var(--size-border-radius); cursor: w-resize; display: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; visibility: visible; width: 2.5rem; height: 2.5rem; align-self: stretch; transition: width .2s ease, padding .2s ease, opacity .12s ease; } @media only screen and (min-width: 768px) { .channel-root .sidebar .toggle-collapse { display: block } } .channel-root .sidebar .toggle-collapse:hover, .channel-root .sidebar .toggle-collapse:active { box-shadow: 0 10rem 0 0 var(--active-background-color) inset; } .channel-root .sidebar .toggle-collapse .icon-sidebar-hide { display: block; } .channel-root .sidebar .toggle-expand { background: transparent; border: none; cursor: e-resize; display: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; visibility: visible; width: 3rem; height: 3rem; opacity: 0; transition: opacity .12s ease, height .2s ease; } @media only screen and (min-width: 768px) { .channel-root .sidebar .toggle-expand { display: block } } .channel-root .sidebar .toggle-expand:hover, .channel-root .sidebar .toggle-expand:active { box-shadow: 0 10rem 0 0 var(--active-background-color) inset; } .channel-root .sidebar .toggle-expand .icon-sidebar-show { display: block; } .channel-root .sidebar .sidebar-content-group { border-top: 1px solid transparent; padding: 1rem 0 .5rem; transition: padding .2s ease, border-color .2s ease; } .channel-root .sidebar .sidebar-content-group:first-of-type { padding-top: 0; } .channel-root .sidebar .sidebar-content-group > ul { list-style: none; margin: 0; padding: 0; } .channel-root .sidebar .sidebar-content-group-header-and-button { height: 2.7rem; transition: height .2s ease; } @media only screen and (max-width: 767px) { .channel-root .sidebar .sidebar-content-group:not(.hide-on-phone), .channel-root .sidebar .sidebar-content-group:not(.hide-on-phone) > ul { display: contents } } @media only screen and (max-width: 767px) { .channel-root .sidebar .sidebar-content-group > ul > li { display: flex; flex: 1 } } .channel-root .sidebar .sidebar-content-group-header { display: none; align-self: flex-end; font-family: var(--sidebar-sans-serif); font-weight: 550; } @media only screen and (min-width: 768px) { .channel-root .sidebar .sidebar-content-group-header { background-color: transparent; color: transparent; display: block; height: 0; margin: 0; font-size: .9em; line-height: var(--line-height-medium); max-width: 100%; overflow: hidden; padding: 0 0.8rem; transition: color .2s ease, height .2s ease, padding .2s ease } } @media only screen and (min-width: 768px) { .channel-root .sidebar:not(.collapsed) { padding: .4rem .6rem .6rem } .channel-root .sidebar:not(.collapsed) .sidebar-content-group > ul > li { margin-bottom: .2rem; } .channel-root .sidebar:not(.collapsed) > li { margin-bottom: .2rem; } .channel-root .sidebar:not(.collapsed) .sidebar-content-group-header { color: hsl(var(--gray60)); height: 1.5em; } .channel-root .sidebar:not(.collapsed) .sidebar-link-oneliner { padding: 0.7em 0.75em; } .channel-root .sidebar:not(.collapsed) .sidebar-link-oneliner .component-oneliner-title { opacity: 1; } .channel-root .sidebar:not(.collapsed) .sidebar-link { border-radius: var(--size-border-radius); color: black; padding: .6667em .8em; text-overflow: ellipsis; } .channel-root .sidebar:not(.collapsed) .sidebar-link .sidebar-link-label { opacity: 1; } .channel-root .sidebar:not(.collapsed) .sidebar-link:hover { width: 100%; } .channel-root .sidebar:not(.collapsed) .toggle-expand { height: 0; opacity: 0; } } .channel-root .tabs { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.08) inset; display: flex; gap: 1.3rem; margin-bottom: 2rem; } .channel-root .tabs .tab { border-color: transparent; border-style: solid; border-width: 0 0 3px 0; color: rgba(0, 0, 0, 0.5); padding: 0.8rem 0.2rem; -webkit-text-decoration: none; text-decoration: none; transition: color .2s ease, border-color .2s ease; } .channel-root .tabs .tab:hover { border-color: hsl(var(--channel-color-hsl) / 50%); color: rgba(0, 0, 0, 0.75); } .channel-root .tabs .tab.active { border-color: var(--channel-color); color: black; } .channel-root .tabs .tab.danger-zone { margin-left: auto; } .channel-root .tabs .tab.danger-zone:hover { border-color: hsl(var(--danger)); } .channel-root .tabs .tab.danger-zone.active { border-color: hsl(var(--danger)); } .channel-root .tab-content:not(.active) { display: none; } .recourse { --background-h: 29; --background: var(--background-h) 45% 98%; --text-light: var(--background-h) 2% 60%; } .recourse dialog { /* Reset dialog styles/variables. */ --text: var(--text-base); --text-light: var(--text-light-base); } .recourse { background: hsl(var(--background)); } .recourse h2 { font-size: 1.5rem; font-weight: 700; line-height: 1.2; } .recourse h3 { font-weight: 700; } .recourse .bold-link { color: inherit; cursor: pointer; font-weight: bold; -webkit-text-decoration: none; text-decoration: none; } .recourse .bold-link:hover { -webkit-text-decoration: underline; text-decoration: underline; } .recourse .no-list-style { list-style: none; margin: 0; padding: 0; } .recourse .course-header { padding: 2.5rem 0 4rem; } @media only screen and (min-width: 544px) { .recourse .course-header { padding: 2.5rem 0 4rem } } @media only screen and (min-width: 768px) { .recourse .course-header { padding: 4rem 0 5rem } } .recourse .course-header .course-header-title { font-size: 2.25rem; font-weight: 700; line-height: 1.2; margin: 0.5em 0; } @media only screen and (min-width: 544px) { .recourse .course-header .course-header-title { font-size: 3rem } } .recourse .course-header .course-header-summary { margin: 1em 0; } .recourse .course-header .course-header-content { --text: var(--theme-color-contrast); color: hsl(var(--theme-color-contrast)); color: hsl(var(--text)); font-size: 1.25rem; line-height: 1.4; padding: 0 1rem; } @media only screen and (min-width: 544px) { .recourse .course-header .course-header-content { padding: 0 } } .recourse .course-header .course-header-content .course-header-meta { -moz-column-gap: 0.75rem; column-gap: 0.75rem; margin-top: 1.5rem; max-width: -moz-fit-content; max-width: fit-content; row-gap: 1rem; } @media only screen and (min-width: 544px) { .recourse .course-header .course-header-content .course-header-meta { margin-top: 2rem } } .recourse .course-header .course-header-content .course-header-meta .course-cta { max-width: -moz-fit-content; max-width: fit-content; } .recourse .course-header .course-header-content .inline-list { align-items: baseline; flex: 1; row-gap: 0.15rem; } .recourse .course-header .course-header-content .inline-list > li { align-items: baseline; } .recourse .course-header .container { position: relative; } .recourse .course-header .column-left { display: flex; flex-direction: column; justify-content: center; } .recourse .course-header .column-right { display: flex; flex-direction: column; justify-content: center; margin-top: 2rem; } @media only screen and (min-width: 990px) { .recourse .course-header .column-right { margin-left: 2rem; margin-top: 0 } } @media only screen and (min-width: 990px) { .recourse .sidebar-container { display: flex } } .recourse .column-left { flex: 2 2 66.6%; } @media only screen and (min-width: 544px) { .recourse .column-right { flex: 1 1 33.4% } } .recourse .max-width-50rem { max-width: 50rem; } .recourse .max-width-35rem { max-width: 35rem; } @media only screen and (min-width: 544px) { .recourse .max-width-35rem { margin-right: 2.5rem } } @media only screen and (min-width: 990px) { .recourse .max-width-35rem { margin-right: 4rem } } @media (min-width: 990px) { .recourse .hide-from-990 { display: none !important } } @media (max-width: 989px) { .recourse .hide-to-990 { display: none !important } } .recourse .white-bg { --background: var(--white); background: hsl(var(--white)); background: hsl(var(--background)); } .recourse .border-radius { border-radius: 1rem; } .recourse .inline-list { align-items: center; -moz-column-gap: 0.6rem; column-gap: 0.6rem; display: flex; flex-wrap: wrap; font-size: 1rem; line-height: 1.4; list-style: none; margin: 0; padding: 0; } .recourse .inline-list > li { align-items: center; -moz-column-gap: 0.6rem; column-gap: 0.6rem; display: flex; white-space: nowrap; } .recourse .inline-list > li:not(:last-child)::after { color: hsl(var(--text) / 50%); content: "\2022"; } .recourse .tags-and-actions { -moz-column-gap: 0.75rem; column-gap: 0.75rem; height: 2rem; justify-content: space-between; padding: 0 0 0 1rem; } @media only screen and (max-width: 767px) { .recourse .tags-and-actions { height: auto; margin-top: 1rem } } @media only screen and (min-width: 544px) { .recourse .tags-and-actions { padding: 0 } } .recourse .course-type-tags { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0 0 0 -1px; padding: 0; } .recourse .course-type-tags .tag { align-items: center; backdrop-filter: blur(2px); background: hsl(var(--theme-color-contrast-opposite-alpha)); border: 1px solid hsl(var(--theme-color-contrast-opposite-alpha-border)); border-radius: 2rem; display: inline-flex; font-size: 0.9rem; gap: 0.2rem; line-height: 1.25rem; padding: 0.2rem 0.8rem; white-space: nowrap; } .recourse .course-type-tags .tag.filled { background: hsl(var(--theme-color-contrast)); border-color: hsl(var(--theme-color-contrast)); color: hsl(var(--theme-color-contrast-opposite)); } .recourse .recourse-actions-wrapper { align-items: center; display: flex; gap: 1rem; z-index: 1; } .recourse .recourse-actions-wrapper .manage-card { margin: 0; } .recourse .course-managers ul { list-style: none; margin: 0; padding: 0; } .recourse .course-managers ul li { align-items: center; display: flex; gap: 0.7rem; line-height: 1.2; } .recourse .course-managers ul li:not(:last-child) { margin-bottom: 0.7rem; } .recourse .course-managers ul .course-manager-name { display: block; } .recourse .course-managers ul .course-manager-role { color: hsl(var(--text-light)); display: block; font-size: 0.9rem; } .recourse .course-supplied-by, .recourse .course-topic { margin: 2.5rem 0; } @media only screen and (min-width: 768px) { .recourse .course-supplied-by, .recourse .course-topic { margin: 2rem 0 2.5rem 0 } } @media only screen and (min-width: 990px) { .recourse .course-supplied-by, .recourse .course-topic { margin: 2rem 0 0 0 } } .recourse .course-supplied-by:hover .see-more-link, .recourse .course-topic:hover .see-more-link { -webkit-text-decoration: underline; text-decoration: underline; } .recourse .course-supplied-by:hover .see-more-link .icon, .recourse .course-topic:hover .see-more-link .icon { transform: translateX(0.2rem); } .recourse .course-supplied-by .course-supplier-wrapper, .recourse .course-topic .course-supplier-wrapper { color: hsl(var(--text-light)); min-width: 20rem; -webkit-text-decoration: none; text-decoration: none; width: 100%; } @media only screen and (min-width: 544px) { .recourse .course-supplied-by .course-supplier-wrapper, .recourse .course-topic .course-supplier-wrapper { width: -moz-max-content; width: max-content } } @media only screen and (min-width: 768px) { .recourse .course-supplied-by .course-supplier-wrapper, .recourse .course-topic .course-supplier-wrapper { width: 100% } } .recourse .course-supplied-by .course-supplier, .recourse .course-topic .course-supplier { background: hsl(var(--theme-color-h) calc(var(--theme-color-s) - 31%) 92%); border-radius: 0.9rem; gap: 0; padding: 1rem 1.75rem 1rem 1rem; } .recourse .course-supplied-by .see-more-link, .recourse .course-topic .see-more-link { display: block; font-size: 0.9rem; font-weight: 600; margin: 0 auto; padding: 0.7rem 0 0 0.15rem; text-align: right; -webkit-text-decoration: none; text-decoration: none; } .recourse .course-supplied-by .see-more-link .icon, .recourse .course-topic .see-more-link .icon { display: inline-block; font-size: 0.8rem; margin-left: 0.2rem; transition: transform 0.1s ease-in-out; } .recourse .events-included { margin: 2.5rem 0; } @media only screen and (min-width: 768px) { .recourse .events-included { margin: 0 } } .recourse .events-included .events-included-wrapper { color: hsl(var(--event)); cursor: pointer; display: block; min-width: 20rem; -webkit-text-decoration: none; text-decoration: none; width: 100%; } .recourse .events-included .events-included-wrapper:hover .see-more-link { -webkit-text-decoration: underline; text-decoration: underline; } .recourse .events-included .events-included-wrapper:hover .see-more-link .icon { transform: translateX(0.2rem); } @media only screen and (min-width: 544px) { .recourse .events-included .events-included-wrapper { width: -moz-max-content; width: max-content } } @media only screen and (min-width: 768px) { .recourse .events-included .events-included-wrapper { width: 100% } } .recourse .events-included .events-included-wrapper ul { font-weight: 700; line-height: 1.2; list-style: none; margin: 0; padding: 0; } .recourse .events-included .events-included-wrapper ul li { display: flex; gap: 0.5rem; } .recourse .events-included .events-included-wrapper ul li .icon { font-size: 0.9rem; margin-top: 2px; opacity: 0.4; } .recourse .events-included .events-included-wrapper ul li:not(:last-child) { margin-bottom: 0.7rem; } .recourse .events-included .events-included-box { background: hsl(var(--event-h) var(--event-s) 93%); border-radius: 0.9rem; display: block; padding: 1.75rem 2rem 2rem 2rem; } .recourse .events-included .plus-more { background: hsl(var(--event) / 65%); border-radius: 1rem; color: white; display: inline-block; font-size: 0.9rem; margin-left: 1.3rem; margin-top: 0.9rem; padding: 0.2rem 0.6rem; } .recourse .events-included .see-more-link { display: block; font-size: 0.9rem; margin: 0 auto; padding: 0.7rem 0 0 0.15rem; text-align: right; -webkit-text-decoration: none; text-decoration: none; } .recourse .events-included .see-more-link .icon { display: inline-block; font-size: 0.8rem; margin-left: 0.2rem; transition: transform 0.1s ease-in-out; } .recourse .box-with-graphics { --shadow-color: hsl(var(--background-h) 20% 60% / 20%); box-shadow: 0 0 2rem 0 hsl(var(--background-h) 20% 60% / 20%), 0 1rem 1rem -1rem hsl(var(--background-h) 20% 60% / 20%); box-shadow: 0 0 2rem 0 var(--shadow-color), 0 1rem 1rem -1rem var(--shadow-color); margin-bottom: 2.5rem; margin-top: -1.5rem; overflow: hidden; padding: 0 1.5rem; position: relative; } @media only screen and (min-width: 544px) { .recourse .box-with-graphics { margin-bottom: 3rem; padding: 0 2rem } } @media only screen and (min-width: 768px) { .recourse .box-with-graphics { padding: 1rem 2.5rem 1.5rem } } @media only screen and (min-width: 990px) { .recourse .box-with-graphics { margin-bottom: 3rem; padding: 3rem 6rem 5rem } } .recourse .box-with-graphics::before, .recourse .box-with-graphics::after { border-radius: 2rem; content: ""; display: block; height: 30rem; position: absolute; width: 35rem; } @media only screen and (min-width: 768px) { .recourse .box-with-graphics::before, .recourse .box-with-graphics::after { height: 60rem; width: 70rem } } .recourse .box-with-graphics::before { background: hsl(var(--theme-color-h) var(--theme-color-s) 50% / 5%); bottom: -10rem; left: -15rem; transform: rotate(16deg); } @media only screen and (min-width: 768px) { .recourse .box-with-graphics::before { bottom: auto; left: auto; right: -31rem; top: -17rem; transform: rotate(38deg) } } .recourse .box-with-graphics::after { background: hsl(var(--theme-color-h) var(--theme-color-s) 50% / 4%); bottom: -16rem; left: -13rem; transform: rotate(32deg); } @media only screen and (min-width: 768px) { .recourse .box-with-graphics::after { bottom: auto; left: auto; right: -34rem; top: -8rem; transform: rotate(22deg) } } .recourse .box-with-graphics .column-left, .recourse .box-with-graphics .column-right { position: relative; z-index: 1; } .recourse .sidebar-container-subjects { padding-bottom: 3rem; padding-left: 1.5rem; padding-right: 1.5rem; } @media only screen and (min-width: 544px) { .recourse .sidebar-container-subjects { padding-left: 2rem; padding-right: 0 } } @media only screen and (min-width: 768px) { .recourse .sidebar-container-subjects { padding-left: 2.5rem; padding-right: 2.5rem } } @media only screen and (min-width: 990px) { .recourse .sidebar-container-subjects { padding-left: 6rem; padding-right: 6rem } } @media only screen and (min-width: 990px) { .recourse .sidebar-container-subjects .subjects-left { margin-right: 4rem } } @media only screen and (min-width: 1200px) { .recourse .sidebar-container-subjects .subjects-left { margin-right: 6rem } } .recourse .sidebar-container-subjects .inline-list { margin-top: -0.5rem; } .recourse .subjects-list { margin: 1.5rem -1.5rem 1.5rem 0; padding: 0; } @media only screen and (min-width: 544px) { .recourse .subjects-list { margin: 2rem 0 } } @media only screen and (min-width: 990px) { .recourse .subjects-list { margin: 2rem 0 0 0 } } .recourse .subjects-list li { list-style: none; padding-bottom: 1rem; position: relative; } @media only screen and (min-width: 768px) { .recourse .subjects-list li { padding-bottom: 1.5rem } } .recourse .subjects-list li .icon-alert-success, .recourse .subjects-list li::before, .recourse .subjects-list li:not(:last-child)::after { content: ""; display: block; position: absolute; } .recourse .subjects-list li .icon-alert-success, .recourse .subjects-list li::before { background: hsl(var(--background-h) 12% 91%); border-radius: 50%; height: 0.6rem; left: -1.25rem; top: 2.25rem; width: 0.6rem; } @media only screen and (min-width: 544px) { .recourse .subjects-list li .icon-alert-success, .recourse .subjects-list li::before { left: -1.5rem } } @media only screen and (min-width: 768px) { .recourse .subjects-list li .icon-alert-success, .recourse .subjects-list li::before { left: -2rem } } @media only screen and (min-width: 990px) { .recourse .subjects-list li .icon-alert-success, .recourse .subjects-list li::before { left: -2.25rem } } .recourse .subjects-list li:not(:last-child)::after { background: hsl(var(--background-h) 12% 95%); height: calc(100% - 2rem); left: -1rem; top: 3.61rem; width: 0.1rem; } @media only screen and (min-width: 544px) { .recourse .subjects-list li:not(:last-child)::after { left: -1.25rem } } @media only screen and (min-width: 768px) { .recourse .subjects-list li:not(:last-child)::after { left: -1.75rem } } @media only screen and (min-width: 990px) { .recourse .subjects-list li:not(:last-child)::after { left: -2rem } } .recourse .subjects-list li.completed .icon-alert-success, .recourse .subjects-list li.previously-completed .icon-alert-success { background: white; border-radius: 50%; color: var(--completed-color); font-size: 1rem; height: 1rem; left: -1.45rem; top: 2.15rem; width: 1rem; } @media only screen and (min-width: 544px) { .recourse .subjects-list li.completed .icon-alert-success, .recourse .subjects-list li.previously-completed .icon-alert-success { left: -1.7rem } } @media only screen and (min-width: 768px) { .recourse .subjects-list li.completed .icon-alert-success, .recourse .subjects-list li.previously-completed .icon-alert-success { left: -2.2rem } } @media only screen and (min-width: 990px) { .recourse .subjects-list li.completed .icon-alert-success, .recourse .subjects-list li.previously-completed .icon-alert-success { left: -2.45rem } } .recourse .subjects-list li.enrolled::before { background: hsl(var(--event)); } .recourse .subjects-list li.completed .icon-alert-success { --completed-color: hsla(118, 78%, 40%, 0.6); } .recourse .subjects-list li.previously-completed .icon-alert-success { --completed-color: hsl(var(--gray60)); } ._heroku_deploy_bar_82cd7__Layout-HerokuDeployBarView { position: fixed; bottom: 0.5rem; left: 0.5rem; z-index: 9998; background: #1a1a2e; color: #fff; padding: 0.5rem 1rem; display: inline-flex; align-items: center; gap: 0.75rem; font-size: 0.8125rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif; border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18); width: auto; max-width: calc(100vw - 1rem); } @media (max-width: 900px) {._heroku_deploy_bar_82cd7__Layout-HerokuDeployBarView { display: none !important } } ._heroku_deploy_bar_82cd7__app-name { color: rgba(255, 255, 255, 0.9); } ._heroku_deploy_bar_82cd7__summary { display: none; align-items: center; gap: 0.45rem; white-space: nowrap; color: rgba(255, 255, 255, 0.95); } ._heroku_deploy_bar_82cd7__content { display: flex; align-items: center; gap: 0.75rem; min-width: 0; } ._heroku_deploy_bar_82cd7__dot { display: inline; color: #94a3b8; } ._heroku_deploy_bar_82cd7__status { color: rgba(255, 255, 255, 0.95); } ._heroku_deploy_bar_82cd7__toggle-wrapper { display: block; flex-shrink: 0; line-height: 0; } ._heroku_deploy_bar_82cd7__toggle-wrapper .ui-switch { margin-left: 0; } ._heroku_deploy_bar_82cd7__separator { color: rgba(255, 255, 255, 0.42); } ._heroku_deploy_bar_82cd7__hint { color: rgba(255, 255, 255, 0.84); font-style: italic; } ._heroku_deploy_bar_82cd7__collapse-btn { background: none; border: 1px solid rgba(255, 255, 255, 0.16); color: #fff; border-radius: 999px; padding: 0.2rem 0.55rem; cursor: pointer; font-size: 0.75rem; line-height: 1.2; flex-shrink: 0; display: inline-flex; align-items: center; gap: 0.35rem; } ._heroku_deploy_bar_82cd7__collapse-chevron { display: inline-flex; transition: transform 0.2s ease; } @media only screen and (min-width: 768px) {._re_course_bd52d__subject-container { display: flex } } ._re_course_bd52d__subject-header { --toggle-offset: 0.5rem; margin-bottom: 2rem; padding-right: 2rem; } @media only screen and (min-width: 768px) { ._re_course_bd52d__subject-header { padding-right: 3rem } } @media only screen and (min-width: 990px) { ._re_course_bd52d__subject-header { padding-right: 0 } } ._re_course_bd52d__subject-header-type { font-size: 1.1rem; font-weight: 700; opacity: 0.5; } ._re_course_bd52d__subject-header-title { font-weight: 700; line-height: 1.2; margin: 0; } ._re_course_bd52d__subject-content { background-color: white; box-shadow: 0 0 2rem hsl(var(--background-h) 12% 95%); flex: 1; line-height: 1.5; min-width: 0; } @media only screen and (min-width: 990px) { ._re_course_bd52d__subject-content { position: relative; z-index: 1 } } ._re_course_bd52d__subject-content-inner { /* Temporarily set height because layout is messed up */ min-height: calc(100vh - var(--size-navigation-height)); padding: 1rem 0; } @media only screen and (min-width: 1200px) { ._re_course_bd52d__subject-content-inner { padding: 2rem 0 } } ._re_course_bd52d__subject-content .subject-container { margin: 0 auto; max-width: 1000px; padding: 0 1rem; } @media only screen and (min-width: 1200px) { ._re_course_bd52d__subject-content .subject-container { padding: 0 2rem } } ._re_course_bd52d__subject-footer { align-items: center; border-top: 1px solid hsl(var(--background-h) 12% 88%); display: flex; gap: 0.3rem; margin-top: 4rem; padding: 2rem 0; } ._re_course_bd52d__subject-footer-next { margin-left: auto; } ._re_course_bd52d__subject-footer-button { align-items: center; border: none; border-radius: 0.5rem; display: flex; font-size: 1rem; gap: 0.5rem; justify-content: center; padding: 0.7em; } ._re_course_bd52d__subject-footer-button > svg { height: 1rem; transition: all 0.1s ease; width: 1rem; } ._re_course_bd52d__subject-footer-button:hover { box-shadow: 0 1000px 0 rgba(0, 0, 0, 0.05) inset; } ._re_course_bd52d__subject-footer-button:hover > svg { transform: scale(1.1); } ._re_course_bd52d__subject-footer-button:disabled { cursor: default; pointer-events: none; } ._re_course_bd52d__subject-footer-button:disabled > svg { opacity: 0.5; transform: scale(1.1); } ._re_course_bd52d__subject-completion { --completed-color: 118deg 78% 40%; align-items: center; display: flex; margin-left: auto; position: relative; } ._re_course_bd52d__subject-completion__complete { max-width: 100%; transition: opacity 0.5s ease, max-width 1ms ease 0.5s; } ._re_course_bd52d__subject-completion__complete-button { box-shadow: none; font-weight: 600; } ._re_course_bd52d__subject-completion__complete-button:hover { background: transparent; box-shadow: inset 0 0 0 2px hsl(var(--completed-color)); color: hsl(var(--meta)); } ._re_course_bd52d__subject-completion__complete-button:hover > svg { fill: hsl(var(--completed-color)); } ._re_course_bd52d__subject-completion__completed { --check-color: var(--completed-color); --check-size: 2em; --check-border: 0.16em; align-items: center; color: hsl(var(--completed-color)); color: hsl(var(--check-color)); display: flex; font-size: 1rem; font-weight: 600; gap: 0.3rem; opacity: 0; transition: opacity 0.5s ease 0.5s; } ._re_course_bd52d__subject-completion__completed-check { border-radius: 50%; box-shadow: 0 0 0 var(--check-border) hsl(var(--check-color) / 0.2) inset; height: var(--check-size); width: var(--check-size); } ._re_course_bd52d__subject-completion__completed-check svg { fill: none; height: var(--check-size); stroke: hsl(var(--check-color)); stroke-dasharray: 0 162.6 133 calc(162.6 - 133); stroke-dashoffset: calc(162.6 - 38); stroke-linecap: round; stroke-linejoin: round; stroke-width: var(--check-border); transition: all 1s ease 0.8s; width: var(--check-size); z-index: 1; } ._re_course_bd52d__subject-completion--is-completed ._re_course_bd52d__subject-completion__complete { max-width: 0; opacity: 0; pointer-events: none; } ._re_course_bd52d__subject-completion--is-completed ._re_course_bd52d__subject-completion__completed { opacity: 1; } ._re_course_bd52d__subject-completion--is-completed ._re_course_bd52d__subject-completion__completed-check svg { stroke-dasharray: 0 162.6 28 calc(162.6 - 28); stroke-dashoffset: 162.6; stroke-width: calc(var(--check-border) * 1.25); } ._re_course_bd52d__sidebar { --completed-color: hsla(118, 78%, 40%, 0.6); --uncompleted-color: hsl(var(--background-h) 12% 91%); --open-duration: 0.3s; --toggle-offset: 1rem; --toggle-hover-color: hsl(var(--recourse-event-color)); background: hsl(var(--background)); box-shadow: none; top: 0; right: 0; bottom: 0; left: auto; max-width: calc(100% - 3rem - 1rem); max-width: calc(100% - 3rem - var(--toggle-offset)); position: fixed; transform: translateX(100%); transition: 0.3s ease-out; transition: var(--open-duration) ease-out; transition-property: box-shadow, inset, transform; width: 100%; z-index: 999; } ._re_course_bd52d__sidebar::before { backdrop-filter: blur(5px); background: hsl(var(--black) / 0.25); content: ""; cursor: pointer; display: block; top: -50%; right: 100%; bottom: -50%; left: auto; opacity: 0; pointer-events: none; position: absolute; transition: var(--open-duration) ease-out; transition-property: inset, opacity; width: 100vh; } @media only screen and (min-width: 990px) { ._re_course_bd52d__sidebar { top: auto; right: auto; bottom: auto; left: auto; max-width: 30rem; position: static; transform: translateX(0); z-index: auto } ._re_course_bd52d__sidebar::before, ._re_course_bd52d__sidebar::after { display: none !important; } } ._re_course_bd52d__sidebar ._re_course_bd52d__sidebar-content { top: 0; right: 0; bottom: 0; left: 0; overflow-y: auto; padding: 2rem; padding-left: 3.5rem; padding-top: calc(var(--application-top) + 2rem); position: absolute; transition: padding var(--application-top-transition-duration) ease; } @media only screen and (min-width: 990px) { ._re_course_bd52d__sidebar ._re_course_bd52d__sidebar-content { top: auto; right: auto; bottom: auto; left: auto; max-height: calc(100vh - 0px); max-height: calc(100vh - var(--application-top, 0px)); overflow-y: auto; padding-top: 2rem; position: sticky; top: 0px; top: var(--application-top, 0px) } } ._re_course_bd52d__sidebar ._re_course_bd52d__sidebar-toggle { background-color: hsl(var(--background)); border-radius: 0.5rem; box-shadow: 0 0 0 0.1rem hsl(var(--gray94)); cursor: pointer; height: 3rem; position: absolute; right: calc(100% + var(--toggle-offset)); top: calc(var(--application-top) + var(--toggle-offset)); transition: var(--open-duration) ease-out, var(--open-duration) ease-out, var(--open-duration) ease-out, var(--application-top-transition-duration) ease; transition-property: border-radius, box-shadow, right, top; width: 3rem; } ._re_course_bd52d__sidebar ._re_course_bd52d__sidebar-toggle::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTIwIDRIMTBhMSAxIDAgMCAwIDAgMmgxMGExIDEgMCAwIDAgMC0yeiIgb3BhY2l0eT0iLjM1Ii8+PGNpcmNsZSBjeD0iNSIgY3k9IjUiIHI9IjIiLz48cGF0aCBkPSJNMjAgMTFIMTBhMSAxIDAgMCAwIDAgMmgxMGExIDEgMCAwIDAgMC0yeiIgb3BhY2l0eT0iLjM1Ii8+PGNpcmNsZSBjeD0iNSIgY3k9IjEyIiByPSIyIi8+PHBhdGggZD0iTTIwIDE4SDEwYTEgMSAwIDAgMCAwIDJoMTBhMSAxIDAgMCAwIDAtMnoiIG9wYWNpdHk9Ii4zNSIvPjxjaXJjbGUgY3g9IjUiIGN5PSIxOSIgcj0iMiIvPjwvc3ZnPg=="); background-position: 50%; background-repeat: no-repeat; background-size: 60%; content: ""; display: block; top: 0; right: 0; bottom: 0; left: 0; position: absolute; } ._re_course_bd52d__sidebar ._re_course_bd52d__sidebar-toggle:hover { background-color: var(--toggle-hover-color); } ._re_course_bd52d__sidebar ._re_course_bd52d__sidebar-toggle:hover::before { filter: invert(1); } @media only screen and (min-width: 990px) { ._re_course_bd52d__sidebar ._re_course_bd52d__sidebar-toggle { display: none !important } } ._re_course_bd52d__sidebar._re_course_bd52d__open { box-shadow: 0 0 5rem 2rem hsl(var(--black) / 0.25); transform: translateX(0); } ._re_course_bd52d__sidebar._re_course_bd52d__open::before { opacity: 1; pointer-events: auto; } ._re_course_bd52d__sidebar._re_course_bd52d__open ._re_course_bd52d__sidebar-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; box-shadow: none; right: 100%; } ._re_course_bd52d__sidebar._re_course_bd52d__open ._re_course_bd52d__sidebar-toggle::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTQuNzA3IDMuMjkzIDMuMjkzIDQuNzA3IDEwLjU4NiAxMmwtNy4yOTMgNy4yOTMgMS40MTQgMS40MTRMMTIgMTMuNDE0bDcuMjkzIDcuMjkzIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5My0xLjQxNC0xLjQxNEwxMiAxMC41ODYgNC43MDcgMy4yOTN6Ii8+PC9zdmc+"); background-size: 55%; opacity: 0.5; transition: opacity 0.15s ease; } ._re_course_bd52d__sidebar._re_course_bd52d__open ._re_course_bd52d__sidebar-toggle:hover { background-color: hsl(var(--background)); } ._re_course_bd52d__sidebar._re_course_bd52d__open ._re_course_bd52d__sidebar-toggle:hover::before { filter: none; opacity: 1; } ._re_course_bd52d__sidebar-title { border-top: 1px solid #e0e0e0; color: hsl(var(--meta-light)); font-size: 0.7rem; font-weight: 700; letter-spacing: 0.1em; margin: 1.5rem 0 1rem 0; padding: 1.5rem 0 0 0.75rem; text-transform: uppercase; } ._re_course_bd52d__sidebar-title:first-child { border-top: none; margin-top: 0; padding-top: 0; } ._re_course_bd52d__sidebar-list { list-style: none; margin: 0 0 3rem 0; padding: 0; } ._re_course_bd52d__sidebar-list > li._re_course_bd52d__current::after { background: hsl(var(--background-h) 12% 88%); } ._re_course_bd52d__sidebar-list > li._re_course_bd52d__completed::after { background: rgba(27, 180, 22, 0.5); } ._re_course_bd52d__sidebar ._re_course_bd52d__subject-list { list-style: none; margin: 0; padding: 0; } ._re_course_bd52d__sidebar ._re_course_bd52d__subject-list > li { position: relative; transition: box-shadow 0.2s ease; } /* Line */ ._re_course_bd52d__sidebar ._re_course_bd52d__subject-list > li::before { background: hsl(var(--background-h) 12% 95%); content: ""; display: block; height: calc(100% + 0.2rem); left: -1.35rem; position: absolute; top: 0; width: 0.1rem; } ._re_course_bd52d__sidebar ._re_course_bd52d__subject-list > li:first-child::before { height: calc(50% + 0.2rem); top: 50%; } ._re_course_bd52d__sidebar ._re_course_bd52d__subject-list > li:last-child::before { height: 50%; } ._re_course_bd52d__sidebar ._re_course_bd52d__subject-list > li:only-child::before { display: none; } /* Bullet */ ._re_course_bd52d__sidebar ._re_course_bd52d__subject-list > li::after { background: var(--uncompleted-color); border-radius: 50%; box-shadow: 0 0 0 0.8rem hsl(var(--background)); content: ""; display: block; height: 0.45rem; left: -1.3rem; position: absolute; top: calc(0.8rem + 0.375rem + 0.92rem / 2); transform: translate(-50%, 0); transition: width 0.2s ease, height 0.2s ease, background 0.2s ease; width: 0.45rem; } ._re_course_bd52d__sidebar ._re_course_bd52d__subject-list > li._re_course_bd52d__current::after { background: hsl(var(--background-h) 12% 80%); height: 0.55rem; width: 0.55rem; } ._re_course_bd52d__sidebar ._re_course_bd52d__subject-list > li._re_course_bd52d__enrolled::after { background: hsl(var(--event)); } ._re_course_bd52d__sidebar ._re_course_bd52d__subject-list > li._re_course_bd52d__completed::after { background: var(--completed-color); height: 0.55rem; width: 0.55rem; } ._re_course_bd52d__sidebar ._re_course_bd52d__resource-list { list-style: none; margin: 0; padding: 0; } ._re_course_bd52d__sidebar ._re_course_bd52d__subject { border-radius: 0.5rem; margin-bottom: 0.2rem; overflow: hidden; } ._re_course_bd52d__sidebar ._re_course_bd52d__subject:hover { background-color: hsl(var(--background-h) 12% 96%); } ._re_course_bd52d__sidebar ._re_course_bd52d__subject-item-link { align-items: center; background: none; border: none; color: inherit; cursor: pointer; display: flex; gap: 0.5rem; padding: 0.8rem; text-align: left; -webkit-text-decoration: none; text-decoration: none; width: 100%; } ._re_course_bd52d__sidebar ._re_course_bd52d__subject-item-content { display: flex; flex: 1; flex-direction: column; } ._re_course_bd52d__sidebar ._re_course_bd52d__subject-type { font-size: 0.75rem; font-weight: bold; margin-bottom: 0.3em; opacity: 0.5; } ._re_course_bd52d__sidebar ._re_course_bd52d__subject-title { font-size: 0.92rem; font-weight: 600; line-height: 1.2; opacity: 0.8; } ._re_course_bd52d__sidebar ._re_course_bd52d__subject-chevron { align-self: flex-start; padding-top: .75rem; align-items: center; color: rgba(0, 0, 0, 0.4); display: flex; flex-shrink: 0; height: 1.5rem; justify-content: center; transition: transform 0.2s ease; width: 1.5rem; } ._re_course_bd52d__sidebar ._re_course_bd52d__subject-chevron .icon { transition: transform 0.2s ease; } ._re_course_bd52d__sidebar ._re_course_bd52d__subject-item-link[aria-expanded="true"] ._re_course_bd52d__subject-chevron .icon { transform: rotate(-180deg); } ._re_course_bd52d__sidebar ._re_course_bd52d__subject-toc { padding: 0.5rem 0.8rem; background: hsl(var(--background)); } ._re_course_bd52d__sidebar ._re_course_bd52d__toc-list { list-style: none; margin: 0; padding: 0; } ._re_course_bd52d__sidebar ._re_course_bd52d__toc-item { margin: 0; padding-left: 1rem; position: relative; } ._re_course_bd52d__sidebar ._re_course_bd52d__toc-item._re_course_bd52d__toc-tag-h1 { padding-left: 0; } ._re_course_bd52d__sidebar ._re_course_bd52d__toc-item._re_course_bd52d__toc-tag-h2 { padding-left: 0.5rem; } ._re_course_bd52d__sidebar ._re_course_bd52d__toc-item._re_course_bd52d__toc-tag-h3 { padding-left: 1rem; } /* Adjust padding when TOC starts with h2 */ ._re_course_bd52d__sidebar ._re_course_bd52d__toc-starts-h2 ._re_course_bd52d__toc-item._re_course_bd52d__toc-tag-h2 { padding-left: 0; } ._re_course_bd52d__sidebar ._re_course_bd52d__toc-starts-h2 ._re_course_bd52d__toc-item._re_course_bd52d__toc-tag-h3 { padding-left: 0.5rem; } /* Adjust padding when TOC starts with h3 */ ._re_course_bd52d__sidebar ._re_course_bd52d__toc-starts-h3 ._re_course_bd52d__toc-item._re_course_bd52d__toc-tag-h3 { padding-left: 0; } ._re_course_bd52d__sidebar ._re_course_bd52d__toc-link { color: hsl(var(--meta)); display: block; font-size: 0.85rem; line-height: 1.3; padding: 0.25rem 0; -webkit-text-decoration: none; text-decoration: none; transition: color 0.15s ease; } ._re_course_bd52d__sidebar ._re_course_bd52d__toc-link:hover { color: hsl(var(--text)); } ._re_course_bd52d__sidebar ._re_course_bd52d__resource { border-radius: 0.5rem; color: inherit; display: block; margin-bottom: 0.2rem; padding: 0.8rem; -webkit-text-decoration: none; text-decoration: none; } ._re_course_bd52d__sidebar ._re_course_bd52d__resource:hover { background-color: hsl(var(--background-h) 12% 96%); } ._re_course_bd52d__sidebar ._re_course_bd52d__resource-type { font-size: 0.75rem; font-weight: bold; margin-bottom: 0.3em; opacity: 0.5; } ._re_course_bd52d__sidebar ._re_course_bd52d__resource-title { font-size: 0.92rem; font-weight: 600; line-height: 1.2; opacity: 0.8; } ._re_course_bd52d__sidebar li._re_course_bd52d__current > ._re_course_bd52d__subject { background-color: hsl(var(--background-h) 12% 95%); box-shadow: 0 0 0 1px hsl(var(--background-h) 12% 93%); } ._re_course_bd52d__sidebar li._re_course_bd52d__current > ._re_course_bd52d__subject ._re_course_bd52d__subject-title { opacity: 1; } ._re_course_bd52d__sidebar li._re_course_bd52d__current:hover ._re_course_bd52d__subject-title { opacity: 1; } ._re_course_bd52d__sidebar ._re_course_bd52d__resource-description { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1; line-height: 1.3; overflow: hidden; } ._re_course_bd52d__sidebar ._re_course_bd52d__resource:hover ._re_course_bd52d__sidebar ._re_course_bd52d__resource-description { -webkit-box-orient: vertical; display: block; -webkit-line-clamp: unset; overflow: visible; overflow: initial; } ._re_course_bd52d__course-header ._re_course_bd52d__course-title { display: flex; font-size: 1.25rem; font-weight: 700; gap: 0.25em; line-height: 1.3; margin-bottom: 0.5rem; } ._re_course_bd52d__course-header ._re_course_bd52d__course-title > a { color: inherit; -webkit-text-decoration: none; text-decoration: none; } ._re_course_bd52d__course-header ._re_course_bd52d__course-certified { opacity: 0.6; transform: scale(0.8); transition: opacity 0.1s ease, transform 0.1s ease; } ._re_course_bd52d__course-header ._re_course_bd52d__course-certified:hover { opacity: 0.8; transform: scale(0.9); } ._re_course_bd52d__course-header ._re_course_bd52d__course-image { align-items: center; border-radius: 0.5rem; display: flex; float: left; height: 3.2rem; justify-content: center; margin-right: 0.75rem; overflow: hidden; width: 3.2rem; } ._re_course_bd52d__course-header ._re_course_bd52d__course-image .icon { font-size: 1.2em; opacity: 0; position: relative; transition: opacity 0.1s ease, font-size 0.1s ease; } ._re_course_bd52d__course-header ._re_course_bd52d__course-image:hover .icon { font-size: 1.4em; opacity: 1; } ._re_course_bd52d__course-header ._re_course_bd52d__course-progress { align-items: center; display: flex; gap: 0.5rem; } ._re_course_bd52d__course-header ._re_course_bd52d__course-progress-tooltip, ._re_course_bd52d__course-header ._re_course_bd52d__course-progress-donut { display: flex; } ._re_course_bd52d__course-header ._re_course_bd52d__course-progress-donut circle:nth-child(2) { transition: stroke-dashoffset 0.2s ease; } ._re_course_bd52d__course-header ._re_course_bd52d__course-progress-text { color: hsl(var(--meta-light)); font-size: 0.9rem; } .course-finished-dialog { background: transparent; border: none; border-radius: 0.7rem; box-shadow: 0 0.2rem 3rem 0 hsl(var(--theme-color) / 0.2), 0 0.2rem 1.5rem 0 rgba(0, 0, 0, 0.2); top: 0; right: 0; bottom: 0; left: 0; opacity: 0; overflow: hidden; padding: 0; text-align: center; transform: translateY(100%); transition: transform 0.2s ease-in-out, opacity 0.4s ease-in-out; width: 24rem; } @media (max-width: 544px) { .course-finished-dialog { border-radius: 0.7rem 0.7rem 0 0; margin: auto 0 0 0; max-width: none; width: 100% } .course-finished-dialog .course-finished-dialog-content { border-radius: 0.7rem 0.7rem 0 0 !important; } } .course-finished-dialog::backdrop { background: rgba(0, 0, 0, 0.3); top: 0; right: 0; bottom: 0; left: 0; opacity: 0; transition: opacity 0.4s ease-in-out; } .course-finished-dialog .course-finished-dialog-header { margin-bottom: -0.5rem; padding: 2rem 2rem 7rem 2rem; } .course-finished-dialog .course-finished-dialog-header h3 { font-size: 1.2rem; font-weight: 700; margin: 0 0 0.5rem; position: relative; } .course-finished-dialog .course-finished-dialog-header p { margin: 0.5rem 0; position: relative; } .course-finished-dialog .course-header-image-overlay { background: linear-gradient( 120deg, hsl(var(--theme-color)) 53%, hsl(var(--theme-color-hue-variant)) 95% ); opacity: 0.85; } .course-finished-dialog .course-header-image-overlay .title { margin: 0; padding: 6rem 1rem 3rem; } .course-finished-dialog .course-finished-dialog-content { background: white; border-radius: 0.7rem; padding: 5rem 2.5rem 2.5rem; position: relative; } .course-finished-dialog .course-finished-dialog-content h3 { display: block; font-size: 1.4rem; font-weight: 700; line-height: 1.2; margin: 1rem 0 1rem; } .course-finished-dialog .course-finished-dialog-content b { color: hsl(var(--gray70)); margin: 1rem 0; } .course-finished-dialog .great-button { margin-top: 4rem !important; } .course-finished-dialog .great-button { font-size: 1.2rem; } .course-proof-circle { align-items: center; background: hsl(var(--theme-color)); background-position: center; background-size: cover; border-radius: 50%; display: flex; height: 8rem; left: calc(50% - 4rem); position: absolute; top: -4rem; width: 8rem; } .course-proof-circle .title-abbr { color: white; font-size: 3rem; margin: 0 auto; } .course-proof-circle .completion-indicator { align-items: center; background: hsl(var(--success)); border-radius: 50%; bottom: -0.1rem; box-shadow: 0 0 0 0.12rem hsl(var(--green-shade10)); color: white; display: flex; height: 2rem; justify-content: center; position: absolute; right: -0.1rem; transform: scale(0); transition: transform 0.45s ease-in-out; width: 2rem; } .course-proof-circle .completion-indicator .icon { font-size: 1.2rem; } .course-proof-circle-shadow-top { height: 4.7rem; left: 0; overflow: hidden; position: absolute; right: 0; top: -4.7rem; width: 100%; } .course-proof-circle-shadow-top::after { background: white; border-radius: 50%; content: ""; display: block; height: 9.4rem; margin: 0 auto; opacity: 0.25; position: relative; top: 0; width: 9.4rem; } .course-proof-circle-shadow-bottom { height: 4.7rem; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: 100%; } .course-proof-circle-shadow-bottom::after { border-radius: 50%; box-shadow: 0 -0.75rem 0.7rem 0 rgba(0, 0, 0, 0.2); content: ""; display: block; height: 9.4rem; margin: 0 auto; position: relative; top: -4.7rem; width: 9.4rem; } .course-finished-confetti { left: 50%; position: absolute; top: 0; transform: scale(1); transition: transform 0.3s 0.3s ease-in-out; } .course-finished-confetti .confetti { --delay: 0.3s; border-radius: 50%; left: 0; position: absolute; top: 0; transition: top 0.3s ease-out, left 0.3s ease-out; } .course-finished-confetti .confetti-1 { background: hsl(var(--theme-color-hue-variant)); height: 0.7rem; transition-delay: calc(var(--delay) + 0.1s); width: 0.7rem; } .course-finished-confetti .confetti-2 { color: hsl(var(--theme-color-contrast)); font-size: 1.5rem; transition-delay: calc(var(--delay) + 0.15s); } .course-finished-confetti .confetti-3 { background: hsl(var(--theme-color)); height: 0.3rem; transition-delay: calc(var(--delay) + 0.08s); width: 0.3rem; } .course-finished-confetti .confetti-4 { background: hsl(var(--theme-color-hue-variant)); height: 0.4rem; transition-delay: calc(var(--delay) + 0.05s); width: 0.4rem; } .course-finished-confetti .confetti-5 { color: hsl(var(--theme-color)); font-size: 1.2rem; font-weight: bold; transition-delay: calc(var(--delay) + 0.18s); } .course-finished-confetti .confetti-6 { color: hsl(var(--theme-color-contrast)); transition-delay: calc(var(--delay) + 0.04s); } .course-finished-confetti .confetti-7 { background: hsl(var(--theme-color)); height: 0.5rem; transition-delay: calc(var(--delay) + 0.12s); width: 0.5rem; } .course-finished-dialog.open { opacity: 1; transform: translateY(0); } .course-finished-dialog.open::backdrop { opacity: 1; } .course-finished-dialog.open .course-finished-confetti .confetti-1 { left: -10rem; top: 3rem; } .course-finished-dialog.open .course-finished-confetti .confetti-2 { left: -8rem; top: -6.5rem; } .course-finished-dialog.open .course-finished-confetti .confetti-3 { left: -6rem; top: 1rem; } .course-finished-dialog.open .course-finished-confetti .confetti-4 { left: 5rem; top: -5rem; } .course-finished-dialog.open .course-finished-confetti .confetti-5 { left: 8rem; top: 4rem; } .course-finished-dialog.open .course-finished-confetti .confetti-6 { left: 10rem; top: -2rem; } .course-finished-dialog.open .course-finished-confetti .confetti-7 { left: 7.25rem; top: -0.25rem; } .course-finished-dialog.open .completion-indicator { transform: scale(1); } .course-finished-dialog.transition .course-finished-confetti { transform: scale(1.1); } .course-subject-description { margin-bottom: 2rem; } /* Subjects background */ @media only screen and (min-width: 1200px) { .subject-bg .subject-container { max-width: 935px !important } } .subject-bg, .subject-bg-wide { border-radius: 0.5rem; margin: 3rem 0; position: relative; } @media only screen and (min-width: 768px) { .subject-bg, .subject-bg-wide { padding-left: 1rem; padding-right: 1rem } } @media only screen and (min-width: 1200px) { .subject-bg, .subject-bg-wide { padding-left: 2rem; padding-right: 2rem } } @media screen and (min-width: 1410px) { .subject-bg, .subject-bg-wide { border-radius: 0.5rem } } .subject-bg .subject-container, .subject-bg-wide .subject-container { padding-bottom: 2.5rem !important; padding-top: 2.5rem !important; } .subject-bg .subject-container, .subject-bg-wide .subject-container { background: hsl(var(--background-h) 33% 96%); } @media only screen and (min-width: 768px) { .subject-bg .subject-container, .subject-bg-wide .subject-container { padding-left: 2rem !important; padding-right: 2rem !important } .subject-bg .subject-container, .subject-bg-wide .subject-container { border-radius: 0.5rem } } .subject-bg .subject-container h2:first-child, .subject-bg-wide .subject-container h2:first-child { margin-top: 0; } @media screen and (min-width: 1500px) { .subject-bg-wide { background: hsl(var(--background-h) 33% 96%); margin-left: 1rem; margin-right: 1rem; max-width: 1200px } } @media screen and (min-width: 1710px) { .subject-bg-wide { margin-left: auto; margin-right: auto } } dialog ._re_course_bd52d__sidebar-toggle { display: none !important; } ._layout_18bfc__modal-root, ._layout_18bfc__app-root { padding-bottom: var(--spacing-vertical); } ._layout_18bfc__app-root { position: relative; z-index: 1; } ._layout_18bfc__app-root ._layout_18bfc__content { position: relative; z-index: 1; } ._layout_18bfc__modal-root { display: none; position: relative; z-index: 3; } @media only screen and (min-width: 768px) { ._layout_18bfc__modal-root { left: 0; position: absolute; right: 0; top: 0 } } ._layout_18bfc__search-root { left: 0; position: absolute; right: 0; width: 100%; z-index: 2; } ._layout_18bfc__flashes-root { position: relative; z-index: 3; } ._layout_18bfc__has-modal { background: white; } @media only screen and (min-width: 768px) { ._layout_18bfc__has-modal { background: hsl(var(--background)) } } ._layout_18bfc__has-modal ._layout_18bfc__app-root { display: none; } @media only screen and (min-width: 768px) { ._layout_18bfc__has-modal ._layout_18bfc__app-root { bottom: 0; display: block; left: 0; overflow: hidden; position: fixed; right: 0; top: 0 } } ._layout_18bfc__has-modal ._layout_18bfc__modal-root { display: block; } ._layout_18bfc__has-intercom ._layout_18bfc__modal-root, ._layout_18bfc__has-intercom ._layout_18bfc__app-root { padding-bottom: 80px; } @media print { ._layout_18bfc__no-print { display: none !important; } } ._layout_18bfc__josiens-jas { --background: 29 45% 98%; } ._show_7dbb1__Library-Article-ShowView { background: hsl(var(--white)); border-radius: var(--size-border-radius); box-shadow: var(--shadow-panel); max-width: 1400px; } @media only screen and (min-width: 1400px) {._show_7dbb1__Library-Article-ShowView { margin: 1rem } } ._index_0cdd1__container { margin-top: var(--spacing-vertical-large); } ._index_0cdd1__container ._index_0cdd1__title { margin-left: 2rem; } ._index_0cdd1__header { margin: 0 auto; margin-bottom: 0rem; max-width: none; max-width: var(--header-width, none); padding: 1.5rem 2rem 0; } @media only screen and (max-width: 767px) { ._index_0cdd1__header { padding: 1rem } } h1._index_0cdd1__title { color: var(--primary-color); font-size: 2rem; font-weight: 600; line-height: 1.2; margin-top: 0; margin-bottom: .8rem; } ._index_0cdd1__item-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); grid-gap: 1rem; gap: 1rem; margin: 2rem; max-width: 60rem; } ._index_0cdd1__item { align-items: center; background-color: #f0f0f0; border-radius: 0.5rem; border: 1px solid #e0e0e0; color: var(--primary-color); display: flex; flex-direction: column; font-size: 1rem; gap: 1rem; hyphens: auto; justify-content: space-between; line-height: 1.4; max-width: 100%; word-wrap: break-word; padding: 1rem; -webkit-text-decoration: none; text-decoration: none; text-align: left; transition: background-color 0.3s ease; white-space: normal; word-break: normal; } ._index_0cdd1__item span { min-width: 0; white-space: normal; word-break: break-word; font-weight: 600; line-height: 1.3; } ._index_0cdd1__item img, ._index_0cdd1__item svg { flex-shrink: 0; border-radius: 0.5rem; max-width: 8rem; max-height: 2rem; } ._index_0cdd1__item:hover { background-color: #e0e0e0; } ._index_0cdd1__portfolio-title { font-size: 1.6rem; font-weight: 600; line-height: 1.3; } ._index_0cdd1__item-count { background-color: #d1d5db; color: #111827; font-size: 0.75rem; font-weight: 600; padding: 0.1rem 0.4rem; border-radius: 9999px; line-height: 1; display: inline-block; margin-left: 0.5rem; } ._index_0cdd1__membership-badge { background-color: hsl(var(--success)); color: #ffffff; font-size: 0.75rem; font-weight: 600; padding: 0.1rem 0.4rem; border-radius: 9999px; line-height: 1; display: inline-block; } ._show_ad5e0__container { margin-top: var(--spacing-vertical-large); } ._show_ad5e0__container ._show_ad5e0__title { margin-left: 2rem; } ._show_ad5e0__header { margin: 0 auto; margin-bottom: 0rem; max-width: none; max-width: var(--header-width, none); padding: 1.5rem 2rem 0; } @media only screen and (max-width: 767px) { ._show_ad5e0__header { padding: 1rem } } ._show_ad5e0__membership-badge { background-color: hsl(var(--success)); color: #ffffff; font-size: .875rem; font-weight: 600; padding: 0.2rem 0.5rem; border-radius: 9999px; line-height: 1; display: inline-block; } ._show_ad5e0__manage-portfolio-button { color: hsl(var(--meta)); font-size: .875rem; margin-left: auto; margin-right: 2rem; } h1._show_ad5e0__title { color: var(--primary-color); font-size: 2rem; font-weight: 600; line-height: 1; margin-top: 0; margin-bottom: 0; } h4._show_ad5e0__event-title { font-size: 1.2rem; font-weight: bold; } ._show_ad5e0__event { display: flex; flex-wrap: wrap; gap: 1rem; max-width: 1400px; } ._show_ad5e0__event .roccurrence-card-item { width: auto; } ._show_ad5e0__occurrence-link { -webkit-text-decoration: none; text-decoration: none; display: inline-flex; width: 100%; } /* sections */ ._show_ad5e0__section { border-top: 1px solid hsl(var(--border-alpha)); container: item-grid / inline-size; margin: 2rem; padding-top: 2rem; } ._show_ad5e0__section._show_ad5e0__no-learnables { padding-top: 2rem; } ._show_ad5e0__portfolio-explanation { color: hsl(var(--meta)); display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem; } ._show_ad5e0__section-header { font-size: 1.6rem; font-weight: bold; margin: 2rem 0 1.5rem; } ._show_ad5e0__item-grid { align-content: stretch; display: grid; grid-gap: 1.5rem; grid-template-columns: repeat(auto-fill,minmax(20rem,1fr)); justify-items: stretch; margin-bottom: 2rem; max-width: 1400px; } @container item-grid (width < 900px) { ._show_ad5e0__item-grid { grid-gap: 1rem } } /* Occurrence items */ ._show_ad5e0__event-title { align-items: center; display: flex; gap: 1rem; margin: 0; } ._show_ad5e0__event-title h2 { margin: 0; } ._show_ad5e0__event-cover-image { border-radius: 0.3rem; height: 4rem; width: 4rem; } ._show_ad5e0__event-cover-image._show_ad5e0__default { align-items: center; background: linear-gradient( 137deg, hsl(var(--primary)) 21%, hsl( calc(var(--primary-h) + 40), calc(var(--primary-s) - 40%), calc(var(--primary-l) - 20%) ) 100% ); color: white; display: flex; justify-content: center; } ._show_ad5e0__event-link-title { display: block; font-size: var(--font-size-heading-medium); font-weight: bold; line-height: 1.25em; -webkit-text-decoration: none; text-decoration: none; } ._show_ad5e0__event-link-title a { color: hsl(var(--body)); } ._show_ad5e0__event-link-title a:hover { color: hsl(var(--event)); } ._show_ad5e0__event-link-title small { display: block; font-weight: normal; } ._show_ad5e0__occurrence-items { display: flex; flex-wrap: wrap; gap: 1rem; margin: 2rem 0; max-width: 1400px; } ._show_ad5e0__past-occurrences-count { color: hsl(var(--meta)); font-size: 0.875rem; margin-bottom: 2rem; } :root { --almost-black: rgb(19, 21, 23); --module: 281 48% 39%; } ._show_c2fb7__re-learning-container { margin: 0 auto; max-width: 55rem; padding: 1rem; } @media (max-width: 419px) { ._show_c2fb7__re-learning-container { padding: 0 } } ._show_c2fb7__manage-cards-container { max-width: 55rem; padding: 1rem 1rem 0 1rem; margin: 0 auto; } @media (max-width: 799px) { ._show_c2fb7__manage-cards-container { padding: 0 } } ._show_c2fb7__re-learning-panel { border-radius: 0 0 .5rem .5rem; } ._show_c2fb7__container { margin-top: var(--spacing-vertical-large); } ._show_c2fb7__container ._show_c2fb7__title { margin: var(--spacing-vertical-small) var(--spacing-horizontal-small) var(--spacing-vertical-small) 0; } ._show_c2fb7__container ._show_c2fb7__flex { align-items: center; display: flex; } ._show_c2fb7__container ._show_c2fb7__add-channel-item-button { margin-left: auto; } ._show_c2fb7__manage-cards { display: flex; justify-content: right; } ._show_c2fb7__manage-cards ._show_c2fb7__manage-card:first-child { border-top-left-radius: .75rem; border-bottom-left-radius: .75rem; } ._show_c2fb7__manage-cards ._show_c2fb7__manage-card:last-child { border-bottom-right-radius: .75rem; border-top-right-radius: .75rem; } ._show_c2fb7__manage-cards ._show_c2fb7__manage-card:nth-child(2) { border-left: none; } @media (max-width: 799px) { ._show_c2fb7__manage-cards { flex-direction: column; backdrop-filter: blur(8px); background: rgba(0, 0, 0, 0.5) } ._show_c2fb7__manage-cards ._show_c2fb7__manage-card { color: white; border-radius: 0; border: none; } ._show_c2fb7__manage-cards ._show_c2fb7__manage-card>div { flex: 1; text-align: center; } ._show_c2fb7__manage-cards ._show_c2fb7__manage-card:nth-child(2) { padding-top: 0; } } ._show_c2fb7__manage-card { align-items: center; background-color: hsla(281, 48%, 39%, 0.07); background-color: hsla(var(--module) / 0.07); border: 1px solid hsla(281, 48%, 39%, 0.07); border: 1px solid hsla(var(--module) / 0.07); color: hsl(281, 48%, 39%); color: hsl(var(--module)); display: flex; gap: 0.5rem; justify-content: space-between; padding: 0.75rem 0.875rem; } ._show_c2fb7__manage-button { align-items: center; background-color: hsl(281, 48%, 39%); background-color: hsl(var(--module)); border-radius: calc(1.75rem + 2 * 1px); border: 1px solid hsl(281, 48%, 39%); border: 1px solid hsl(var(--module)); color: #fff; display: flex; font-weight: 500; gap: 0.375rem; height: 2rem; padding: 0.4375rem 0.625rem; -webkit-text-decoration: none; text-decoration: none; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; white-space: nowrap; } ._show_c2fb7__manage-button svg { stroke-width: 2.5; width: 1rem; } ._show_c2fb7__manage-button:hover, ._show_c2fb7__add-to-channel-button:hover ._show_c2fb7__btn { background: color-mix(in hsl, hsl(281, 48%, 39%) 96%, white); background: color-mix(in hsl, hsl(var(--module)) 96%, white); border-color: color-mix(in hsl, hsl(281, 48%, 39%) 96%, white); border-color: color-mix(in hsl, hsl(var(--module)) 96%, white); } ._show_c2fb7__add-to-channel-button { padding: 0; background: transparent; border: none; } ._show_c2fb7__add-to-channel-button ._show_c2fb7__btn { cursor: pointer; align-items: center; background-color: hsl(281, 48%, 39%); background-color: hsl(var(--module)); border-radius: calc(1.75rem + 2 * 1px); border: 1px solid hsl(281, 48%, 39%); border: 1px solid hsl(var(--module)); color: #fff; display: flex; font-weight: 500; gap: 0.375rem; height: 2rem; padding: 0.4375rem 0.625rem; -webkit-text-decoration: none; text-decoration: none; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; white-space: nowrap; } ._show_c2fb7__module-title-wrapper { margin-bottom: .5rem; width: 100%; } ._show_c2fb7__module-title { color: rgb(19, 21, 23); color: var(--almost-black); font-size: 3rem; font-weight: 600; line-height: 1; margin: 0; word-break: break-word; } @media (max-width: 1000px) { ._show_c2fb7__module-title { font-size: 2.5rem } } @media (max-width: 799px) { ._show_c2fb7__module-title { font-size: 2rem } } /* Default Cover Image */ ._show_c2fb7__cover { aspect-ratio: 42/6; border-radius: .5rem .5rem 0 0; max-height: 200px; position: relative; } @media (max-width: 799px) { ._show_c2fb7__cover { aspect-ratio: auto 2/1; max-height: 200px; pointer-events: none; width: calc(100%) } } @media (max-width: 419px) { ._show_c2fb7__cover { border-radius: 0; margin: 0; width: 100% } } ._show_c2fb7__cover._show_c2fb7__hoverable ._show_c2fb7__cover-image { box-shadow: 0 0 0 0 rgba(19, 21, 23, 0.1); transition: all 0.2s ease; } ._show_c2fb7__cover._show_c2fb7__hoverable:hover ._show_c2fb7__cover-image { transform: scale(1.03); } ._show_c2fb7__cover._show_c2fb7__hoverable:hover ._show_c2fb7__cover-image:not(._show_c2fb7__cover-image-under) { box-shadow: 0 0.5rem 1rem rgba(19, 21, 23, 0.05); } ._show_c2fb7__cover._show_c2fb7__hoverable:hover ._show_c2fb7__cover-image-under { filter: blur(30px); opacity: 0.5; } ._show_c2fb7__default { background: linear-gradient(118deg, hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) + 20%)) 21%, hsl(calc(var(--primary-h) + 40), calc(var(--primary-s) - 20%), calc(var(--primary-l) - 5%)) 100%); color: color-mix(in srgb, #fff, hsl(var(--primary)) 10%); display: flex; flex-direction: column; font-size: 1.5rem; font-weight: 900; justify-content: center; line-height: 1.1; overflow: hidden; padding: 1rem; text-align: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; } ._show_c2fb7__no-image { max-height: 200px; padding-bottom: 4rem; width: 100%; } @media (max-width: 799px) { ._show_c2fb7__no-image { max-height: 100px } } ._show_c2fb7__has-image { padding-bottom: 0; } ._show_c2fb7__cover-title { -webkit-box-orient: vertical; display: -webkit-box; font-size: 1.6rem; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; } ._show_c2fb7__cover-image-under { filter: blur(24px); margin-top: 1rem; mix-blend-mode: hard-light; opacity: 0.25; } ._show_c2fb7__cover-image { border-radius: inherit; height: 100%; top: 0; right: 0; bottom: 0; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; width: 100%; } ._show_c2fb7__meta { align-items: baseline; } ._show_c2fb7__meta >span, ._show_c2fb7__meta ._show_c2fb7__external-portfolios-link { white-space: nowrap; } ._show_c2fb7__meta .flex-wrap { flex: 1; } ._show_c2fb7__meta ._show_c2fb7__external-portfolios-link { -webkit-text-decoration: none; text-decoration: none; padding: .3rem 0; margin-left: auto; } ._show_c2fb7__meta ._show_c2fb7__external-portfolios-link >span:not(.icon) { -webkit-text-decoration: underline; text-decoration: underline; } /* labels */ ._show_c2fb7__lti-module-heading { display: flex; gap: .5rem; } ._show_c2fb7__add-to-my-list { position: absolute; right: 1rem; top: 1rem; } ._show_c2fb7__add-to-my-list button { border-radius: .5rem; } ._show_c2fb7__tags { margin-bottom: 1rem; } @media screen and (max-width: 800px) { ._show_c2fb7__tags { flex-direction: column } ._show_c2fb7__tags ._show_c2fb7__audiences { justify-content: left; } } ._show_c2fb7__audiences { display: flex; flex-wrap: wrap; gap: .25rem; justify-content: right; } ._show_c2fb7__lead-time { margin-left: auto; margin-top: 0.5rem; } ._show_9bbec__breadcrumbs { margin-left: 2rem; } ._show_9bbec__container { margin-top: var(--spacing-vertical-large); } ._show_9bbec__container ._show_9bbec__title { margin-left: 2rem; } h1._show_9bbec__title { color: var(--primary-color); font-size: 2rem; font-weight: 600; line-height: 1.2; margin-top: 0; margin-bottom: 0.8rem; } /* sections */ ._show_9bbec__section { border-top: 1px solid hsl(var(--border-alpha)); container: item-grid / inline-size; margin: 2rem; } ._show_9bbec__section-header { font-size: 1.6rem; font-weight: bold; margin: 2rem 0 1.5rem; } ._show_9bbec__item-grid { align-content: stretch; display: grid; grid-gap: 1.5rem; grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); justify-items: stretch; margin-bottom: 2rem; } @container item-grid (width < 900px) { ._show_9bbec__item-grid { grid-gap: 1rem } } ._show_34739__breadcrumbs { margin-left: 2rem; } ._show_34739__container { margin-top: var(--spacing-vertical-large); } ._show_34739__container ._show_34739__title { margin-left: 2rem; } h1._show_34739__title { color: var(--primary-color); font-size: 2rem; font-weight: 600; line-height: 1.2; margin-top: 0; margin-bottom: 0.8rem; } /* sections */ ._show_34739__section { border-top: 1px solid hsl(var(--border-alpha)); container: item-grid / inline-size; margin: 2rem; } ._show_34739__section-header { font-size: 1.6rem; font-weight: bold; margin: 2rem 0 1.5rem; } ._show_34739__item-grid { align-content: stretch; display: grid; grid-gap: 1.5rem; grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); justify-items: stretch; margin-bottom: 2rem; } @container item-grid (width < 900px) { ._show_34739__item-grid { grid-gap: 1rem } } ._index_0d292__container ._index_0d292__title { margin-left: 2rem; } ._index_0d292__header { margin: 0 auto; margin-bottom: 0rem; max-width: none; max-width: var(--header-width, none); padding: 1.5rem 2rem 0; } @media only screen and (max-width: 767px) { ._index_0d292__header { padding: 1rem } } h1._index_0d292__title { color: var(--primary-color); font-size: 2rem; font-weight: 600; line-height: 1.2; margin-top: 0; margin-bottom: .8rem; } ._index_0d292__search-wrapper { margin: 0 2rem; max-width: 35rem; position: relative; } ._index_0d292__search-input { background: #e4e4e4; border: 1px solid #d8d8d8; border-radius: 2rem; font: inherit; line-height: 1.4; padding: 0.75rem 1.5rem 0.75rem 3rem; width: 100%; } ._index_0d292__search-input:focus { outline-offset: -2px; outline: 2px solid hsl(var(--primary)); } ._index_0d292__search-input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; display: none; } ._index_0d292__search-icon { color: #666; left: 1rem; pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%); } ._index_0d292__search-icon svg { display: block; height: 1.25rem; width: 1.25rem; } ._index_0d292__item-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); grid-gap: 1rem; gap: 1rem; margin: 2rem; max-width: 60rem; } ._index_0d292__item { align-items: center; background-color: #f0f0f0; border-radius: 0.5rem; border: 1px solid #e0e0e0; color: var(--primary-color); display: flex; font-size: 1rem; gap: 1rem; hyphens: auto; justify-content: space-between; line-height: 1.4; max-width: 100%; word-wrap: break-word; padding: 1rem; -webkit-text-decoration: none; text-decoration: none; text-align: left; transition: background-color 0.3s ease; white-space: normal; word-break: normal; } ._index_0d292__item span { min-width: 0; white-space: normal; word-break: break-word; font-weight: 600; line-height: 1.3; } ._index_0d292__item:hover { background-color: #e0e0e0; } ._index_0d292__tag-count { background-color: #d1d5db; color: #111827; font-size: 0.75rem; font-weight: 600; padding: 0.1rem 0.4rem; border-radius: 9999px; line-height: 1; display: inline-block; margin-left: 0.5rem; } ._show_ba7cf__container {} ._show_ba7cf__header { margin: 0 auto; margin-bottom: 0rem; max-width: none; max-width: var(--header-width, none); padding: 1.5rem 2rem 0; } @media only screen and (max-width: 767px) { ._show_ba7cf__header { padding: 1rem } } ._show_ba7cf__tag-header { margin: 0 2rem; } h1._show_ba7cf__title { color: var(--primary-color); font-size: 2rem; font-weight: 600; line-height: 1.2; margin-top: 0; margin-bottom: 0; } h4._show_ba7cf__event-title { font-size: 1.2rem; font-weight: bold; } ._show_ba7cf__event { display: flex; gap: 1rem; } ._show_ba7cf__occurrence-link { -webkit-text-decoration: none; text-decoration: none; display: inline-flex; width: 100%; } /* sections */ ._show_ba7cf__section { align-items: flex-start; border-top: 1px solid hsl(var(--border-alpha)); container: item-grid / inline-size; display: flex; gap: 4rem; margin: 2rem; } ._show_ba7cf__section-header { font-size: 1.6rem; font-weight: bold; margin: 2rem 0 1.5rem; } ._show_ba7cf__item-grid { align-content: stretch; display: grid; grid-gap: 1.5rem; flex: 1; justify-items: stretch; margin: 2rem 0; max-width: 65rem; } @container item-grid (width < 900px) { ._show_ba7cf__item-grid { grid-gap: 1rem } } ._show_ba7cf__filters { display: flex; flex-direction: column; margin-top: .5rem; } ._show_ba7cf__filters b { margin-bottom: 0.5rem; margin-top: 1.5rem; } ._show_ba7cf__tag { align-items: center; color: var(--meta); cursor: pointer; display: flex; gap: 0.5rem; font-size: 0.8rem; line-height: 1; padding: 0.3rem 0; -webkit-text-decoration: none; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; min-height: 1.5em; } ._show_ba7cf__tag input { vertical-align: middle; } ._show_ba7cf__tag:has(input:checked) { font-weight: bold; } ._show_ba7cf__tag:hover { color: black; } ._index_035ce__container { margin-top: var(--spacing-vertical-large); } ._index_035ce__container ._index_035ce__title { margin-left: 2rem; } ._index_035ce__header { margin: 0 auto; margin-bottom: 0rem; max-width: none; max-width: var(--header-width, none); padding: 1.5rem 2rem 0; } @media only screen and (max-width: 767px) { ._index_035ce__header { padding: 1rem } } h1._index_035ce__title { color: var(--primary-color); font-size: 2rem; font-weight: 600; line-height: 1.2; margin-top: 0; margin-bottom: .8rem; } ._index_035ce__item-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); grid-gap: 1rem; gap: 1rem; margin: 2rem; max-width: 60rem; } ._index_035ce__item { align-items: center; background-color: #f0f0f0; border-radius: 0.5rem; border: 1px solid #e0e0e0; color: var(--primary-color); display: flex; flex-direction: row; font-size: 1rem; gap: 1rem; hyphens: auto; line-height: 1.4; max-width: 100%; word-wrap: break-word; padding: 1rem; -webkit-text-decoration: none; text-decoration: none; text-align: left; transition: background-color 0.3s ease; white-space: normal; word-break: normal; } ._index_035ce__item span { flex: 1; min-width: 0; white-space: normal; word-break: break-word; font-weight: 600; line-height: 1.3; } ._index_035ce__item img, ._index_035ce__item svg { flex-shrink: 0; border-radius: 0.5rem; height: 3rem; width: 3rem; } ._index_035ce__item:hover { background-color: #e0e0e0; } ._show_fe56a__container { margin-top: var(--spacing-vertical-large); } ._show_fe56a__header { margin: 0 auto; margin-bottom: 0rem; max-width: none; max-width: var(--header-width, none); padding: 1.5rem 2rem 0; } @media only screen and (max-width: 767px) { ._show_fe56a__header { padding: 1rem } } ._show_fe56a__topic-header { --illustration-size: 3rem; display: flex; align-items: center; gap: 1rem; margin-left: 2rem; } h1._show_fe56a__title { color: var(--primary-color); font-size: 2rem; font-weight: 600; line-height: 1.2; margin-top: 0; margin-bottom: 0; } h4._show_fe56a__event-title { font-size: 1.2rem; font-weight: bold; } ._show_fe56a__event { display: flex; gap: 1rem; } /* sections */ ._show_fe56a__section { align-items: flex-start; border-top: 1px solid hsl(var(--border-alpha)); container: item-grid / inline-size; display: flex; gap: 4rem; margin: 2rem; } ._show_fe56a__section-header { font-size: 1.6rem; font-weight: bold; margin: 2rem 0 1.5rem; } ._show_fe56a__item-grid { align-content: stretch; display: grid; grid-gap: 1.5rem; flex: 1; justify-items: stretch; margin: 2rem 0; max-width: 65rem; } @container item-grid (width < 900px) { ._show_fe56a__item-grid { grid-gap: 1rem } } ._show_fe56a__filters { display: flex; flex-direction: column; margin-top: .5rem; } ._show_fe56a__filters b { margin-bottom: 0.5rem; margin-top: 1.5rem; } ._show_fe56a__tag { align-items: center; color: var(--meta); cursor: pointer; display: flex; gap: 0.5rem; font-size: 0.8rem; line-height: 1; padding: 0.3rem 0; -webkit-text-decoration: none; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; min-height: 1.5em; } ._show_fe56a__tag input { vertical-align: middle; } ._show_fe56a__tag:has(input:checked) { font-weight: bold; } ._show_fe56a__tag:hover { color: black; } ._show_9a63b__title-and-edit { display: block; margin: 10px 0; } @media only screen and (min-width: 768px) {._show_9a63b__title-and-edit { padding-left: var(--spacing-horizontal-small) } } ._show_9a63b__title-and-edit ._show_9a63b__title { display: inline; } ._show_9a63b__manage-video-link { display: inline; } ._markdown_guide_5e302__markdown-table { border-collapse: collapse; border-radius: 5px; /* hide standard table (collapsed) border */ border-style: hidden; /* this draws the table border */ box-shadow: 0 0 0 1px hsl(var(--gray94)); font-size: 14px; line-height: var(--base-line-height); margin-bottom: 40px; width: 100%; } ._markdown_guide_5e302__markdown-table * { line-height: 1.6; } ._markdown_guide_5e302__markdown-table h1, ._markdown_guide_5e302__markdown-table h2, ._markdown_guide_5e302__markdown-table h3 { font-weight: bold; margin: 0; } ._markdown_guide_5e302__markdown-table p { margin-bottom: 1.4em; } ._markdown_guide_5e302__markdown-table p:first-child { margin-top: 0; } ._markdown_guide_5e302__markdown-table ul, ._markdown_guide_5e302__markdown-table ol { margin: 0; } ._markdown_guide_5e302__markdown-table code { background: hsl(var(--background)); border: 1px solid hsl(var(--background-darker)); border-radius: 5px; padding: 0.15em 0.3em; } ._markdown_guide_5e302__markdown-table pre { margin: 0; white-space: pre-wrap; } ._markdown_guide_5e302__markdown-table pre code { display: block; overflow: auto; } ._markdown_guide_5e302__markdown-table table { border: 1px solid hsl(var(--border)); border-collapse: collapse; width: 100%; } ._markdown_guide_5e302__markdown-table table td, ._markdown_guide_5e302__markdown-table table th { border: 1px solid hsl(var(--border)); padding: 5px; } ._markdown_guide_5e302__markdown-table table td:nth-child(2), ._markdown_guide_5e302__markdown-table table th:nth-child(2) { text-align: center; } ._markdown_guide_5e302__markdown-table table td:nth-child(3), ._markdown_guide_5e302__markdown-table table th:nth-child(3) { text-align: right; } ._markdown_guide_5e302__markdown-table tbody>tr>td { padding: var(--spacing-vertical-small); text-align: left; vertical-align: top; } ._markdown_guide_5e302__markdown-table tbody>tr>td:first-child { padding-top: calc(var(--spacing-vertical-small) + 0.15em); width: 40%; } ._markdown_guide_5e302__markdown-table tr { border-bottom: 1px solid hsl(var(--gray94)); } ._markdown_guide_5e302__markdown-table > :first-child { margin-top: 0; } ._markdown_guide_5e302__markdown-table > :last-child { margin-bottom: 0; } ._markdown_guide_5e302__markdown-table script { display: block; } ._markdown_guide_5e302__table-title { font-size: 1em; } ._markdown_guide_5e302__info { margin: 0; } ._index_cfb6b__header { align-items: center; display: flex; } ._index_cfb6b__header ._index_cfb6b__unread { font-size: var(--font-size-small); margin-left: auto; } ._index_cfb6b__header ._index_cfb6b__unread-count { display: inline; } ._index_cfb6b__header ._index_cfb6b__mark-as-read { margin-left: 0.5em; } ._index_cfb6b__header .all-seen ._index_cfb6b__mark-as-read, ._index_cfb6b__header .all-seen ._index_cfb6b__unread-count { display: none; } ._index_cfb6b__header .zero-notifications ._index_cfb6b__delete-read-notifications { display: none; } ._index_cfb6b__notifications-list { list-style: none; margin: 0; padding: 0; } ._index_cfb6b__notification:not(:first-child) { border-top: 1px solid hsl(var(--border-alpha)); } ._index_cfb6b__notification:first-child { border-radius: var(--size-border-radius) var(--size-border-radius) 0 0; } ._index_cfb6b__notification:last-child { border-radius: 0 0 var(--size-border-radius) var(--size-border-radius); } ._modal_ccd09__wrapper { display: flex; flex-direction: column; height: 100%; max-height: 80vh; } ._modal_ccd09__occurrence-info { background-color: hsl(var(--gray98)); border-bottom: 1px solid hsl(var(--gray93)); padding: 1rem 1.5rem; } ._modal_ccd09__occurrence-title { font-size: var(--font-size-large); font-weight: 600; margin: 0 0 0.75rem; } ._modal_ccd09__occurrence-card { margin-bottom: 0.75rem; } ._modal_ccd09__capacity-info { align-items: center; color: hsl(var(--gray50)); display: flex; font-size: var(--font-size-small); gap: 0.375rem; margin: 0; } ._modal_ccd09__section { border-bottom: 1px solid hsl(var(--gray93)); padding: 1rem 1.5rem; } ._modal_ccd09__section-title { align-items: center; display: flex; font-size: var(--font-size-base); font-weight: 600; gap: 0.5rem; margin: 0 0 0.75rem; } ._modal_ccd09__section-title._modal_ccd09__muted { color: hsl(var(--gray50)); font-weight: 500; } ._modal_ccd09__count { background-color: hsl(var(--gray93)); border-radius: 999px; color: hsl(var(--gray50)); font-size: var(--font-size-small); font-weight: 500; padding: 0.125rem 0.5rem; } ._modal_ccd09__search-wrapper { margin-bottom: 0.75rem; } ._modal_ccd09__search-input { border: 1px solid hsl(var(--gray85)); border-radius: var(--size-border-radius); font-size: var(--font-size-base); padding: 0.5rem 0.75rem; width: 100%; } ._modal_ccd09__search-input:focus { border-color: hsl(var(--blue)); outline: none; } ._modal_ccd09__select-all-wrapper { align-items: center; border-bottom: 1px solid hsl(var(--gray93)); display: flex; gap: 0.75rem; justify-content: space-between; margin-bottom: 0.5rem; padding-bottom: 0.5rem; } ._modal_ccd09__select-all-label { align-items: center; cursor: pointer; display: flex; font-weight: 500; gap: 0.5rem; } ._modal_ccd09__selected-count { color: hsl(var(--gray50)); font-size: var(--font-size-small); } ._modal_ccd09__employee-list { list-style: none; margin: 0; max-height: 200px; overflow-y: auto; padding: 0; } ._modal_ccd09__employee-list._modal_ccd09__muted { opacity: 0.6; } ._modal_ccd09__employee-item { align-items: center; border-bottom: 1px solid hsl(var(--gray95)); display: flex; justify-content: space-between; padding: 0.5rem 0; } ._modal_ccd09__employee-item:last-child { border-bottom: 0; } ._modal_ccd09__employee-item._modal_ccd09__disabled { opacity: 0.5; } ._modal_ccd09__employee-label { align-items: center; cursor: pointer; display: flex; flex: 1; gap: 0.5rem; } ._modal_ccd09__employee-info { flex: 1; } ._modal_ccd09__employee-name { font-size: var(--font-size-base); } ._modal_ccd09__ineligible-badge { background-color: hsl(var(--gray93)); border-radius: var(--size-border-radius); color: hsl(var(--gray50)); font-size: var(--font-size-small); padding: 0.125rem 0.5rem; } ._modal_ccd09__unenroll-button { align-items: center; background-color: transparent; border: 1px solid hsl(var(--red)); border-radius: var(--size-border-radius); color: hsl(var(--red)); cursor: pointer; display: flex; font-size: var(--font-size-small); gap: 0.25rem; padding: 0.25rem 0.5rem; transition: background-color var(--duration-default) ease, color var(--duration-default) ease; } ._modal_ccd09__unenroll-button:hover { background-color: hsl(var(--red)); color: white; } ._modal_ccd09__unenroll-button:disabled { cursor: not-allowed; opacity: 0.5; } ._modal_ccd09__unenroll-button svg { flex-shrink: 0; } ._modal_ccd09__empty-state { color: hsl(var(--gray50)); padding: 2rem; text-align: center; } @media only screen and (min-width: 768px) {._profile_6b0d6__image { height: 100%; position: absolute; right: 0; top: 0; width: 50% } ._profile_6b0d6__image::after { background: url("/images/personalization-b4ee1c4ada92837e187871618e3c6691.png?vsn=d") left no-repeat; background-size: cover; bottom: 0; content: ""; left: 7px; position: absolute; right: -21px; top: 0; } } @media only screen and (min-width: 768px) {._edit_c8efe__image { background-color: #f7f2f9; height: 100%; position: absolute; right: 0; top: 0; width: 50% } ._edit_c8efe__image::after { background: url("/images/forgot-password-24878cc9acd74b21796f80c0615803f6.png?vsn=d") left no-repeat; background-size: contain; bottom: -44px; content: ""; display: block; left: -24px; position: absolute; right: 0; top: -22px; } } @media only screen and (min-width: 768px) {._new_5f111__image { background-color: #f7f2f9; height: 100%; position: absolute; right: 0; top: 0; width: 50% } ._new_5f111__image::after { background: url("/images/forgot-password-24878cc9acd74b21796f80c0615803f6.png?vsn=d") left no-repeat; background-size: contain; bottom: -44px; content: ""; display: block; left: -24px; position: absolute; right: 0; top: -22px; } } ._new_112b9__assessment-info { max-width: 55rem; } ._new_112b9__assessed-user { align-items: center; display: flex; gap: .5rem; max-width: 55rem; } ._new_112b9__no-self-assessment { line-height: 1.5; margin-bottom: 1rem; } ._new_112b9__share-assessment-link { margin-top: 1rem; max-width: 55rem; } ._new_112b9__competences-list { display: flex; flex-direction: column; gap: 1rem; flex-wrap: wrap; list-style: none; padding: 0; } ._new_112b9__competence-card { background: hsl(var(--white)); padding: 1rem; width: 55rem; } ._new_112b9__competence-card h3 { margin: 0; margin-bottom: 1rem; font-weight: 600; } ._new_112b9__competence-rating-divider { border-top: 1px solid hsl(var(--border)); margin: 1rem 0; width: 100%; } ._new_112b9__expertises-list { display: flex; gap: 1rem; flex-wrap: wrap; list-style: none; padding: 0; } ._new_112b9__expertise-card { background: hsl(var(--white)); border: 2px solid HSLA(var(--primary) / 10%); cursor: pointer; display: flex; padding: .5rem; transition: background box-shadow cubic-bezier(1, 0, 0, 1) 0.2s; } ._new_112b9__expertise-card h4 { align-items: center;; display: flex; margin: 0 1rem; font-weight: 600; } ._new_112b9__expertise-card:hover { box-shadow: 0 0 1px 1px hsl(var(--border)); } ._new_112b9__expertise-card span[data-experience-points] { align-items: center; background: linear-gradient(137deg, rgba(116,58,213,1) 30%, rgba(213,58,157,1) 100%); border-radius: .1rem; color: white; display: flex; font-size: .875rem; font-weight: 600; padding: 4px; } ._new_112b9__expertise-card[data-has-experience="true"] { border-image-slice: 1; border-width: 2px; border-image-source: linear-gradient(to left, #743ad5, #d53a9d); border-radius: .2rem; } ._new_112b9__expertise-description { margin: 0; font-size: 0.875rem; line-height: 1.5; max-width: 40rem; } ._competences_731aa__explanation { margin: 1rem; font-style: italic; line-height: 1.5; } ._competences_731aa__competences-list { display: flex; flex-direction: column; gap: 1rem; flex-wrap: wrap; list-style: none; padding: 0; } ._competences_731aa__competence-card { background: hsl(var(--white)); padding: 1rem; width: 55rem; } ._competences_731aa__competence-card h3 { margin: 0; margin-bottom: 1rem; font-weight: 600; } ._competences_731aa__competence-rating-divider { border-top: 1px solid hsl(var(--border)); margin: 1rem 0; width: 100%; } ._epas_06f31__level-label { --badge-size: 26px; border-radius: var(--size-border-radius); color: hsl(var(--white)); display: inline-block; font-size: var(--font-size-badge-small); font-weight: 600; line-height: 26px; line-height: var(--badge-size); padding: 0 0.5em; text-align: center; text-transform: uppercase; white-space: nowrap; } ._epas_06f31__level-1 { background: hsl(var(--epa-level1)); } ._epas_06f31__level-2 { background: hsl(var(--epa-level2)); } ._epas_06f31__level-3 { background: hsl(var(--epa-level3)); } ._epas_06f31__level-4 { background: hsl(var(--epa-level4)); } ._epas_06f31__level-5 { background: hsl(var(--epa-level5)); } ._epas_06f31__dot-flashing { --dot-flashing-color: hsl(var(--meta)); --dot-flashing-color-secondary: hsl(var(--meta) / 0.2); position: relative; width: 10px; height: 10px; border-radius: 5px; background-color: hsl(var(--meta)); background-color: var(--dot-flashing-color); color: hsl(var(--meta)); color: var(--dot-flashing-color); animation: _epas_06f31__dot-flashing .6s infinite linear alternate; animation-delay: 0.3s; margin: auto; } ._epas_06f31__dot-flashing::before, ._epas_06f31__dot-flashing::after { content: ""; display: inline-block; position: absolute; top: 0; } ._epas_06f31__dot-flashing::before { left: -15px; width: 10px; height: 10px; border-radius: 5px; background-color: var(--dot-flashing-color); color: var(--dot-flashing-color); animation: _epas_06f31__dot-flashing .6s infinite alternate; animation-delay: 0s; } ._epas_06f31__dot-flashing::after { left: 15px; width: 10px; height: 10px; border-radius: 5px; background-color: var(--dot-flashing-color); color: var(--dot-flashing-color); animation: _epas_06f31__dot-flashing .6s infinite alternate; animation-delay: .6s; } @keyframes _epas_06f31__dot-flashing { 0% { background-color: var(--dot-flashing-color); } 50%, 100% { background-color: var(--dot-flashing-color-secondary); } } ._expertises_f4446__expertises-list { display: flex; gap: 1rem; flex-wrap: wrap; list-style: none; padding: 0; } ._expertises_f4446__expertise-card { background: hsl(var(--white)); border: 2px solid HSLA(var(--primary) / 10%); cursor: pointer; display: flex; padding: .5rem; transition: background box-shadow cubic-bezier(1, 0, 0, 1) 0.2s; } ._expertises_f4446__expertise-card h4 { align-items: center;; display: flex; margin: 0 1rem; font-weight: 600; } ._expertises_f4446__expertise-card:hover { box-shadow: 0 0 1px 1px hsl(var(--border)); } ._expertises_f4446__expertise-card span[data-experience-points] { align-items: center; background: linear-gradient(137deg, rgba(116,58,213,1) 30%, rgba(213,58,157,1) 100%); border-radius: .1rem; color: white; display: flex; font-size: .875rem; font-weight: 600; padding: 4px; } ._expertises_f4446__expertise-card[data-has-experience="true"] { border-image-slice: 1; border-width: 2px; border-image-source: linear-gradient(to left, #743ad5, #d53a9d); border-radius: .2rem; } ._expertises_f4446__expertise-description { margin: 0; font-size: 0.875rem; line-height: 1.5; max-width: 40rem; } ._index_29f4c__container { --position-color: 170 31% 42%; --position-hiring-color: 352 78% 68%; } ._index_29f4c__positions-list { display: grid; grid-gap: 1rem; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); } ._index_29f4c__position-card { --hover-transition: 0.08s ease; background-color: white; border-radius: var(--size-border-radius); box-shadow: var(--shadow-panel); color: white; display: inline-flex; flex-direction: column; font-size: var(--font-size-large); height: 250px; line-height: var(--line-height-medium); margin-bottom: 0.4em; margin-right: 0.2em; padding: calc(2 * var(--spacing-vertical)); position: relative; -webkit-text-decoration: none; text-decoration: none; text-shadow: 0 0 50px hsl(var(--body)); transition: transform 0.08s ease; transition: transform var(--hover-transition); } ._index_29f4c__position-card.active, ._index_29f4c__position-card:hover { transform: scale(1.02); } ._index_29f4c__position-card.active ._index_29f4c__cover-image, ._index_29f4c__position-card:hover ._index_29f4c__cover-image { filter: blur(2px); transform: scale(1.05); } ._index_29f4c__position-cover { border-radius: var(--size-border-radius); top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; position: absolute; } ._index_29f4c__position-cover::after { background: linear-gradient( to right, hsl(var(--position-color) / 90%), hsl(var(--position-color) / 60%) ); bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; } ._index_29f4c__position-cover::after img { height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; transition: filter var(--hover-transition), transform var(--hover-transition); width: 100%; } ._index_29f4c__position-name { align-items: center; display: flex; font-weight: bold; gap: 0.5em; margin-bottom: auto; overflow: hidden; position: relative; text-overflow: ellipsis; word-wrap: normal; } ._index_29f4c__position-icon { align-items: center; aspect-ratio: 1; background: white; border-radius: 0.3em; color: hsl(var(--position-color)); display: inline-flex; font-size: 1em; justify-content: center; padding: 0.25em; } ._index_29f4c__position-meta { color: hsl(var(--gray-light)); line-height: var(--line-height-medium); margin-top: var(--spacing-vertical); position: relative; } ._index_29f4c__position-hiring { align-items: center; background: hsl(var(--position-hiring-color)); border-radius: 1.5em; display: inline-flex; font-size: 0.75em; font-weight: bold; letter-spacing: 0.05em; padding: 0.25em 0.5em; position: absolute; right: 0.6em; text-transform: uppercase; top: 0.6em; z-index: 1; } ._index_29f4c__filters { align-items: center; display: flex; flex-wrap: wrap; gap: 1em; justify-content: space-between; margin: 1em 0 2em; } ._index_29f4c__filters ._index_29f4c__filters-set { align-items: center; display: flex; flex-wrap: wrap; gap: 0.5em; } ._index_29f4c__filters ._index_29f4c__filters-set label { -webkit-user-select: none; -moz-user-select: none; user-select: none; } ._index_29f4c__filters ._index_29f4c__filters-set input[type="radio"] { display: none; } ._index_29f4c__filters ._index_29f4c__filters-set input[type="radio"] + label { align-items: center; border-radius: 1.5em; color: hsl(var(--text) / 70%); cursor: pointer; display: flex; font-weight: bold; gap: 0.3em; height: 2em; padding: 0 0.5em; -webkit-text-decoration: none; text-decoration: none; white-space: nowrap; } ._index_29f4c__filters ._index_29f4c__filters-set input[type="radio"] + label ._index_29f4c__filters-count { margin-right: -0.2em; } ._index_29f4c__filters ._index_29f4c__filters-set input[type="radio"]:checked + label { box-shadow: 0 0 0 2px hsl(var(--gray80)); color: hsl(var(--body)); } ._index_29f4c__filters ._index_29f4c__filters-count { align-items: center; background: hsl(var(--gray90)); border-radius: 1.5em; color: hsl(var(--text) / 80%); display: inline-flex; font-size: 0.85em; font-weight: 600; justify-content: center; line-height: 1.4em; min-width: 1.4em; padding: 0 0.3em; } ._index_29f4c__filters ._index_29f4c__filters-search { margin-left: auto; position: relative; } ._index_29f4c__filters ._index_29f4c__filters-search .icon { color: hsl(var(--gray75)); font-size: 1.1em; left: 0.5em; poitner-events: none; position: absolute; top: 50%; transform: translateY(-50%); } ._index_29f4c__filters ._index_29f4c__filters-search input[type="text"] { background-color: white; border: 0; border-radius: 1.5em; box-shadow: 0 0 0 2px hsl(var(--gray80)); height: 2em; min-width: 400px; outline: none; padding-left: 2.2em; } ._requirements_40b54__header { display: flex; padding: var(--spacing-vertical) var(--spacing-horizontal) calc(var(--spacing-vertical) * 1.5) calc(var(--spacing-horizontal) + 60px); position: relative; } ._show_4ff62__competences-list { display: flex; gap: 1rem; flex-wrap: wrap; list-style: none; padding: 0; } ._show_4ff62__competence-card { background: hsl(var(--white)); border-radius: .5rem; display: flex; flex-direction: column; padding: 1rem; transition: box-shadow cubic-bezier(1, 0, 0, 1) 0.2s; width: 20rem; } ._show_4ff62__competence-card h3 { margin: 0; margin-bottom: 1rem; font-weight: 600; } ._show_4ff62__competence-card >*:last-child { display: flex; flex: 1; } ._show_4ff62__competence-card._show_4ff62__show-all { align-items: center; display: flex; justify-content: center; } ._show_4ff62__competence-card._show_4ff62__show-all a { font-weight: 600; -webkit-text-decoration: none; text-decoration: none; } ._show_4ff62__competence-card._show_4ff62__show-all a:hover { -webkit-text-decoration: underline; text-decoration: underline; } ._show_4ff62__competence-card:hover { box-shadow: 0 0 1px 1px hsl(var(--border)); } ._show_4ff62__show-all-link { flex: initial !important; } ._show_4ff62__competence-rating-divider { border-top: 1px solid hsl(var(--border)); margin: 1rem 0; width: 100%; } ._show_4ff62__related-positions-list { display: grid; grid-gap: 1rem; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); } ._show_4ff62__position-card { --hover-transition: 0.08s ease; --position-color: 170 31% 42%; background-color: white; border-radius: var(--size-border-radius); box-shadow: var(--shadow-panel); color: white; display: inline-flex; flex-direction: column; font-size: var(--font-size-large); height: 250px; line-height: var(--line-height-medium); margin-bottom: 0.4em; margin-right: 0.2em; padding: calc(2 * var(--spacing-vertical)); position: relative; -webkit-text-decoration: none; text-decoration: none; text-shadow: 0 0 50px hsl(170, 31%, 42%); text-shadow: 0 0 50px hsl(var(--position-color)); transition: transform 0.08s ease; transition: transform var(--hover-transition); } ._show_4ff62__position-card.active, ._show_4ff62__position-card:hover { transform: scale(1.02); } ._show_4ff62__position-card.active ._show_4ff62__cover-image, ._show_4ff62__position-card:hover ._show_4ff62__cover-image { filter: blur(2px); transform: scale(1.05); } ._show_4ff62__position-name { align-items: center; display: flex; font-weight: bold; gap: 0.5em; margin-bottom: auto; overflow: hidden; position: relative; text-overflow: ellipsis; word-wrap: normal; } ._show_4ff62__position-icon { align-items: center; aspect-ratio: 1; background: white; border-radius: 0.3em; color: hsl(var(--position-color)); display: inline-flex; font-size: 1em; justify-content: center; padding: 0.25em; } ._show_4ff62__position-meta { color: hsl(var(--gray-light)); line-height: var(--line-height-medium); margin-top: var(--spacing-vertical); position: relative; } ._show_4ff62__cover { border-radius: var(--size-border-radius); top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; position: absolute; } ._show_4ff62__cover::after { background: linear-gradient(to right, hsl(var(--position-color) / 90%), hsl(var(--position-color) / 60%)); bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; } ._show_4ff62__cover-image { height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; transition: filter var(--hover-transition), transform var(--hover-transition); width: 100%; } ._courses_4d4fe__no-results { margin: var(--spacing-vertical-extra-large) 0; text-align: center; } ._courses_4d4fe__no-results-message { font-size: var(--font-size-extra-large); font-weight: 300; margin: 0 0 var(--spacing-vertical-large); } ._courses_4d4fe__profile { padding: var(--spacing-vertical) 0; text-align: center; } ._epas_16d9e__profile { padding: var(--spacing-vertical) 0; text-align: center; } ._epas_16d9e__epa-list { list-style: none; margin: 0; padding: 0; } ._epas_16d9e__epa-link { color: inherit; text-decoration: inherit; } ._epas_16d9e__title { font-size: 20px; font-weight: bold; line-height: var(--line-height-medium); } ._epas_16d9e__meta { align-items: center; color: hsl(var(--meta)); display: flex; } ._epas_16d9e__meta-item { margin-right: 20px; } ._epas_16d9e__meta-item:last-child { margin-right: 0; } ._epas_16d9e__code { align-items: center; color: hsl(var(--code)); gap: .5em; font-family: var(--font-family-monospace); font-size: var(--font-size-small); display: flex; text-transform: uppercase; white-space: nowrap; } ._epas_16d9e__code a { margin-bottom: .2em; -webkit-text-decoration: none; text-decoration: none; } ._epas_16d9e__status { font-weight: bold; margin-left: auto; } ._epas_16d9e__level { --badge-size: 26px; border-radius: var(--size-border-radius); color: hsl(var(--white)); display: flex; gap: .2em; font-size: var(--font-size-badge-small); font-weight: 600; line-height: 26px; line-height: var(--badge-size); padding: 0 0.5em; text-align: center; text-transform: uppercase; white-space: nowrap; } ._epas_16d9e__level-1 { background-color: hsl(var(--epa-level1)); } ._epas_16d9e__level-1._epas_16d9e__highlight { box-shadow: 0 0 10px hsl(var(--epa-level1)); } ._epas_16d9e__level-2 { background-color: hsl(var(--epa-level2)); } ._epas_16d9e__level-2._epas_16d9e__highlight { box-shadow: 0 0 10px hsl(var(--epa-level2)); } ._epas_16d9e__level-3 { background-color: hsl(var(--epa-level3)); } ._epas_16d9e__level-3._epas_16d9e__highlight { box-shadow: 0 0 10px hsl(var(--epa-level3)); } ._epas_16d9e__level-4 { background-color: hsl(var(--epa-level4)); } ._epas_16d9e__level-4._epas_16d9e__highlight { box-shadow: 0 0 10px hsl(var(--epa-level4)); } ._epas_16d9e__level-5 { background-color: hsl(var(--epa-level5)); } ._epas_16d9e__level-5._epas_16d9e__highlight { box-shadow: 0 0 10px hsl(var(--epa-level5)); } @media only screen and (max-width: 767px) { ._epas_16d9e__level { font-size: var(--font-size-badge-default); width: var(--badge-size) } ._epas_16d9e__level-text { display: none; } } ._external_achievements_bf254__profile { padding: var(--spacing-vertical) 0; text-align: center; } ._show_2d64b__profile { padding: var(--spacing-vertical) 0; text-align: center; } ._show_2d64b__result { background: hsl(var(--white)); display: flex; margin-bottom: var(--spacing-vertical-small); min-height: 105px; padding-left: calc((var(--spacing-horizontal) * 2) + 50px); position: relative; } ._show_2d64b__icon-holder { align-items: center; border-radius: var(--size-border-radius) 0 0 var(--size-border-radius); bottom: 0; display: flex; flex-direction: column; justify-content: center; left: 0; position: absolute; text-align: center; top: 0; width: calc((var(--spacing-horizontal) * 2) + 50px); } ._show_2d64b__icon-holder ._show_2d64b__label { display: block; font-size: var(--font-size-small); font-weight: 600; margin-top: 10px; text-align: center; white-space: nowrap; } ._show_2d64b__info { display: flex; justify-content: space-between; padding: var(--spacing-vertical-large) var(--spacing-horizontal); width: 100%; } ._show_2d64b__info ._show_2d64b__title { font-weight: bold; margin-bottom: var(--spacing-vertical); margin-top: 0; } ._show_2d64b__grade { align-items: center; display: flex; flex-shrink: 0; justify-content: center; } ._show_2d64b__assessment-type { margin-left: var(--spacing-horizontal-small); } ._show_2d64b__section-title { font-size: var(--font-size-large); font-weight: bold; margin-top: var(--spacing-vertical-large); margin-bottom: var(--spacing-vertical); } ._show_87be4__profile { padding: var(--spacing-vertical) 0; text-align: center; } ._show_87be4__email { color: hsl(var(--text-light)); } ._show_87be4__requirements { background: hsl(var(--white)); border-bottom: 1px solid hsl(var(--border-alpha)); border-radius: var(--size-border-radius); border-top: 1px solid hsl(var(--border-alpha)); box-shadow: 0 1px 2px 0 hsl(var(--shadow)); flex-grow: 1; } @media only screen and (min-width: 768px) { ._show_87be4__requirements { border-right: 1px solid hsl(var(--border-alpha)) } } ._show_87be4__is-index ._show_87be4__requirements { display: none; } @media only screen and (min-width: 768px) { ._show_87be4__is-index ._show_87be4__requirements { display: block } } ._show_87be4__divider { border-top: 1px solid hsl(var(--border-alpha)); color: hsl(var(--meta)); line-height: var(--size-navigation-height); padding: 0 var(--spacing-horizontal); text-transform: uppercase; } ._show_87be4__divider:first-child { border-top: 0; } ._show_87be4__title { font-size: var(--font-size-tiny); margin: 0; } ._show_87be4__summary { align-items: center; background-color: transparent; border-bottom: none; box-shadow: none; display: flex; justify-content: center; margin-bottom: 0; padding: var(--spacing-vertical-small) var(--spacing-horizontal-small) var(--spacing-vertical-large) var(--spacing-horizontal-small); width: 100%; } @media only screen and (min-width: 768px) { ._show_87be4__summary { border-bottom: 1px solid hsl(var(--border-alpha)); margin-bottom: var(--spacing-vertical-large) } } ._show_87be4__overall { display: none; height: 120px; margin-bottom: 50px; position: relative; text-align: center; width: 120px; } @media only screen and (min-width: 768px) { ._show_87be4__overall { display: flex; margin-bottom: 0; margin-right: 50px } } ._show_87be4__overall ._show_87be4__stats { left: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: 1; } ._show_87be4__overall ._show_87be4__relative { font-size: 30px; font-weight: 300; } ._show_87be4__overall ._show_87be4__absolute { font-size: var(--font-size-small); } ._qr_code_5c299__center { text-align: center; display: block; margin-top: 3rem; } ._index_dc6ae__container { margin-top: 4rem; } ._chosen_dates_preferences_dialog_0f04e__event { background: white; border-radius: 0.5rem; box-shadow: 0 0 0 1px hsla(var(--background-h) 20% 60% / 7.5%); padding: 2rem; } ._chosen_dates_preferences_dialog_0f04e__event:not(:last-child) { margin-bottom: 1.5rem; } ._chosen_dates_preferences_dialog_0f04e__event ._chosen_dates_preferences_dialog_0f04e__event-name { font-size: 1.3rem; margin: 0 0 1rem; } ._chosen_dates_preferences_dialog_0f04e__checkbox-table-cell { text-align: center; width: 0; } ._chosen_dates_preferences_dialog_0f04e__checkbox-table-cell > label { padding: 0.85rem 0 0 0.85rem !important; } ._chosen_dates_preferences_dialog_0f04e__occurrences { border-radius: 0.4rem; box-shadow: 0 0 0 1px hsla(var(--background-h) 20% 60% / 20%); line-height: 1; margin-bottom: 1rem; max-height: 20rem; overflow-y: auto; } ._chosen_dates_preferences_dialog_0f04e__occurrences tr[data-occurrence-selected='true'] { background: rgba(0,117,255,0.07059); } ._chosen_dates_preferences_dialog_0f04e__occurrences-table { border-collapse: collapse; width: 100%; } ._chosen_dates_preferences_dialog_0f04e__occurrences-table th, ._chosen_dates_preferences_dialog_0f04e__occurrences-table td { text-align: left; } ._chosen_dates_preferences_dialog_0f04e__occurrences-table th > label, ._chosen_dates_preferences_dialog_0f04e__occurrences-table td > label { display: block; padding: 0.8rem 1rem; } ._chosen_dates_preferences_dialog_0f04e__occurrences-table td { vertical-align: top; } ._chosen_dates_preferences_dialog_0f04e__occurrences-table tr:not(:first-child) th, ._chosen_dates_preferences_dialog_0f04e__occurrences-table tr._chosen_dates_preferences_dialog_0f04e__single-part:not(:first-child) td, ._chosen_dates_preferences_dialog_0f04e__occurrences-table tr._chosen_dates_preferences_dialog_0f04e__first-part:not(:first-child) td { border-top: 1px solid hsla(var(--background-h) 20% 60% / 20%); } ._chosen_dates_preferences_dialog_0f04e__occurrences-table tr._chosen_dates_preferences_dialog_0f04e__first-part:not(._chosen_dates_preferences_dialog_0f04e__last-part) td > label, ._chosen_dates_preferences_dialog_0f04e__occurrences-table tr._chosen_dates_preferences_dialog_0f04e__middle-part td > label { padding-bottom: 0; } ._chosen_dates_preferences_dialog_0f04e__occurrences-table tr._chosen_dates_preferences_dialog_0f04e__first-part ._chosen_dates_preferences_dialog_0f04e__dot::before { display: none; } ._chosen_dates_preferences_dialog_0f04e__occurrences-table tr._chosen_dates_preferences_dialog_0f04e__last-part ._chosen_dates_preferences_dialog_0f04e__dot::after { display: none; } ._chosen_dates_preferences_dialog_0f04e__occurrences-table ._chosen_dates_preferences_dialog_0f04e__occurrence-titles { border-right: 1px solid hsla(var(--background-h) 20% 60% / 20%); vertical-align: top; } ._chosen_dates_preferences_dialog_0f04e__occurrences-table ._chosen_dates_preferences_dialog_0f04e__locations { border-left: 1px solid hsla(var(--background-h) 20% 60% / 20%); } ._chosen_dates_preferences_dialog_0f04e__occurrences-table ._chosen_dates_preferences_dialog_0f04e__dots { border: none; overflow: hidden; position: relative; width: 1px; } ._chosen_dates_preferences_dialog_0f04e__occurrences-table ._chosen_dates_preferences_dialog_0f04e__dots > label { padding-right: 0; } ._chosen_dates_preferences_dialog_0f04e__occurrences-table ._chosen_dates_preferences_dialog_0f04e__datetime { border: none; white-space: nowrap; width: 1px; } ._chosen_dates_preferences_dialog_0f04e__occurrences-table ._chosen_dates_preferences_dialog_0f04e__datetime > label { padding-left: 0.6rem; padding-right: 0.6rem; } ._chosen_dates_preferences_dialog_0f04e__occurrences-table ._chosen_dates_preferences_dialog_0f04e__part-titles { padding-left: 0; } ._chosen_dates_preferences_dialog_0f04e__occurrence-title { font-size: 1.1rem; font-weight: bold; margin: 0; } ._chosen_dates_preferences_dialog_0f04e__location, ._chosen_dates_preferences_dialog_0f04e__part { display: block; height: 1rem; white-space: nowrap; } ._chosen_dates_preferences_dialog_0f04e__part-title { font-weight: bold; } ._chosen_dates_preferences_dialog_0f04e__multipart ._chosen_dates_preferences_dialog_0f04e__parts { align-items: center; display: grid; grid-gap: 0.6rem 0.8rem; gap: 0.6rem 0.8rem; grid-template-columns: 0.5rem min-content auto; } ._chosen_dates_preferences_dialog_0f04e__multipart ._chosen_dates_preferences_dialog_0f04e__parts ._chosen_dates_preferences_dialog_0f04e__part { display: contents; } ._chosen_dates_preferences_dialog_0f04e__dot { border-radius: 50%; box-shadow: inset 0 0 0 2px hsla(var(--background-h) 20% 60% / 30%); height: 0.5rem; margin-top: 0.3rem; width: 0.5rem; } ._chosen_dates_preferences_dialog_0f04e__dot::before, ._chosen_dates_preferences_dialog_0f04e__dot::after { background: hsla(var(--background-h) 20% 60% / 20%); content: ""; display: block; height: 5rem; position: absolute; right: calc(0.25rem - 1px); width: 2px; } ._chosen_dates_preferences_dialog_0f04e__dot::before { bottom: calc(100% - 0.9rem); } ._chosen_dates_preferences_dialog_0f04e__dot::after { top: 1.8rem; } ._chosen_dates_preferences_dialog_0f04e__no-title, ._chosen_dates_preferences_dialog_0f04e__no-location { font-style: italic; font-weight: normal; opacity: 0.5; } ._chosen_dates_preferences_dialog_0f04e__no-spots-tag { margin-bottom: -0.3rem; margin-top: -0.3rem; } ._chosen_dates_preferences_dialog_0f04e__inline-inputs { display: flex; flex-direction: column; } @media only screen and (min-width: 544px) { ._chosen_dates_preferences_dialog_0f04e__inline-inputs { flex-direction: row; gap: 0.5rem } } ._chosen_dates_preferences_dialog_0f04e__inline-inputs > div { min-width: 20.25rem; } ._chosen_dates_preferences_dialog_0f04e__inline-inputs > div > div:last-child { margin-bottom: 1.5rem; } ._chosen_dates_preferences_dialog_0f04e__inline-inputs .locked { pointer-events: none !important; } ._enrolled_76e8f__subjects-header { align-items: center; -moz-column-gap: 1rem; column-gap: 1rem; display: flex; flex-wrap: wrap; } ._enrolled_76e8f__subjects-header .recourse-learnable-counts { flex-basis: 100%; } @media only screen and (min-width: 544px) { ._enrolled_76e8f__course-actions { margin-right: -0.45rem } } ._enrolled_76e8f__course-actions-toggle { background: hsl(var(--theme-color-contrast-opposite-alpha)); box-shadow: 0 0 0.1rem 0 hsl(var(--theme-color-contrast-opposite-alpha-border)); color: inherit; height: 2rem; opacity: 1; width: 2rem; } ._enrolled_76e8f__course-actions-toggle:hover { background: hsl(var(--theme-color-contrast)); color: hsl(var(--theme-color)); } ._enrolled_76e8f__course-actions-dropdown { padding: 0.5rem; } ._enrolled_76e8f__course-actions-dropdown > a:hover, ._enrolled_76e8f__course-actions-dropdown > button:hover { background: hsl(var(--theme-color) / 15%); } @media only screen and (min-width: 768px) { ._enrolled_76e8f__unenroll-dialog { max-width: 720px } } ._enrolled_76e8f__course-progress { --completed-color: hsla(118, 78%, 40%, 0.6); --uncompleted-color: hsl(var(--background-h) 12% 91%); align-items: center; color: hsl(var(--meta-light)); display: flex; font-size: 0.9rem; gap: 0.5rem; margin-top: 0.3rem; } ._enrolled_76e8f__course-progress-tooltip, ._enrolled_76e8f__course-progress-donut { display: flex; } ._enrolled_76e8f__course-progress-donut circle:nth-child(2) { transition: stroke-dashoffset 0.2s ease; } ._enrolled_76e8f__course-progress-text { /* used in JS */ } .box-with-graphics .course-managers { padding-bottom: 3rem; } .recourse .learnable-item-continue-learning, .recourse .learnable-item-start-learning { box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 2rem 2rem -3rem rgba(0, 0, 0, 0.3); margin: 1rem 0 3.5rem; } @media only screen and (min-width: 768px) { .recourse .learnable-item-continue-learning, .recourse .learnable-item-start-learning { margin: 1rem 0 } } .recourse .learnable-item-continue-learning[href]:hover, .recourse .learnable-item-start-learning[href]:hover { box-shadow: 0 0 0.5rem 1px rgba(0, 0, 0, 0.05), 0 2rem 2rem -2rem rgba(0, 0, 0, 0.1); } .recourse .learnable-item-continue-learning .flex, .recourse .learnable-item-start-learning .flex { flex-direction: column; margin-top: 1rem; } .recourse .learnable-item-continue-learning .flex .course-cta, .recourse .learnable-item-start-learning .flex .course-cta { margin-left: auto; } .recourse .choose-dates-dialog { --background: var(--background-h) 33% 97%; --slider-button-size: 2rem; --slider-button-offset: -1rem; --slider-button-background: hsl(var(--white)); --slider-button-color: hsl(var(--text)); --slider-button-border: 1px solid hsl(var(--text) / 0.1); --slider-item-width: auto; background: hsl(var(--background-h) 33% 97%); background: hsl(var(--background)); max-width: calc(auto + 15rem); max-width: calc(var(--slider-item-width) + 15rem); } .recourse .choose-dates-dialog-text { margin: 0 auto; width: var(--slider-item-width); } .recourse .picked .event-item:not(:has(:checked)) { filter: grayscale(1); opacity: 0.5; } .recourse .event-item { align-items: stretch; display: flex; min-width: -moz-fit-content; min-width: fit-content; } .recourse .event-name { font-size: 1.2rem; margin: 1rem auto; max-width: var(--slider-item-width); } .recourse .event-name small { font-size: 1rem; white-space: nowrap; } ._enrolled_76e8f__course-instructions-box { border-radius: 0.5rem; display: block; flex: 1; font-size: 16px; min-height: 10rem; overflow-y: hidden; padding: 0; position: relative; -webkit-text-decoration: none; text-decoration: none; width: 100%; } ._enrolled_76e8f__course-instructions-box ._enrolled_76e8f__readmore-controls { align-items: center; bottom: 0; display: none; height: 4rem; justify-content: center; left: 0; position: absolute; width: 100%; z-index: 2; } ._enrolled_76e8f__truncated ._enrolled_76e8f__course-instructions-box ._enrolled_76e8f__readmore-controls { display: flex; } ._enrolled_76e8f__course-instructions-box ._enrolled_76e8f__readmore-button { background: rgb(122, 122, 122); border: 1px solid hsl(var(--border-alpha)); border-radius: 100px; color: white; cursor: pointer; font-size: var(--font-size-badge-small); letter-spacing: 1px; padding: 0.3em 0.6em; position: relative; text-transform: uppercase; transition: background 0.08s ease-in-out; } ._enrolled_76e8f__course-instructions-box ._enrolled_76e8f__readmore-button:hover { background: rgb(102, 102, 102); } @media only screen and (min-width: 990px) { ._enrolled_76e8f__course-instructions-container { display: flex; flex-direction: column; height: 100%; max-width: 35rem } } ._enrolled_76e8f__course-instructions { height: calc(248px - 4rem); overflow: hidden; position: relative; z-index: 1; } @media only screen and (min-width: 990px) { ._enrolled_76e8f__course-instructions { height: auto; top: 0; right: 0; bottom: 0; left: 0; position: absolute } } ._enrolled_76e8f__truncated ._enrolled_76e8f__course-instructions { -webkit-mask-image: linear-gradient(to top, transparent, transparent 2rem, black 66%); mask-image: linear-gradient(to top, transparent, transparent 2rem, black 66%); } ._enrolled_76e8f__course-instructions p { margin-top: 0; } ._enrolled_76e8f__course-instructions-header { padding: var(--spacing-vertical-large) var(--spacing-horizontal); } @media only screen and (min-width: 768px) { ._enrolled_76e8f__course-instructions-header { padding: var(--spacing-vertical-large) var(--spacing-horizontal-large) } } ._enrolled_76e8f__course-instructions-header-title { display: flex; font-size: 1.6rem; font-weight: 700; gap: 1rem; justify-content: space-between; line-height: 1.2; position: relative; } ._enrolled_76e8f__close-instructions-modal { margin: 0 auto; } ._enrolled_76e8f__complete-subject { display: none; height: 2.5rem; left: -3.25rem; position: absolute; top: 1.4rem; width: 2.5rem; } ._enrolled_76e8f__complete-subject ._enrolled_76e8f__complete-subject-trigger { height: 100%; width: 100%; } ._enrolled_76e8f__complete-subject ._enrolled_76e8f__complete-subject-trigger > button { background: transparent; border: none; cursor: pointer; height: 100%; width: 100%; } .subjects-list li.previously-completed ._enrolled_76e8f__complete-subject { display: block; } ._events_dialog_a088b__event { background: white; border-radius: 0.5rem; box-shadow: 0 0 0 1px hsla(var(--background-h) 20% 60% / 7.5%); padding: 2rem; } ._events_dialog_a088b__event:not(:last-child) { margin-bottom: 1.5rem; } ._events_dialog_a088b__event ._events_dialog_a088b__event-name { font-size: 1.3rem; margin: 0 0 1rem; } ._events_dialog_a088b__occurrences { border-radius: 0.4rem; box-shadow: 0 0 0 1px hsla(var(--background-h) 20% 60% / 15%); line-height: 1; margin-bottom: 1rem; max-height: 20rem; overflow-y: auto; } ._events_dialog_a088b__occurrences-table { border-collapse: collapse; width: 100%; } ._events_dialog_a088b__occurrences-table:not(:last-child) { margin-bottom: 1rem; } ._events_dialog_a088b__occurrences-table th, ._events_dialog_a088b__occurrences-table td { padding: 0.8rem 1rem; text-align: left; } ._events_dialog_a088b__occurrences-table td { vertical-align: middle; } ._events_dialog_a088b__occurrences-table tr:not(:first-child) th, ._events_dialog_a088b__occurrences-table tr._events_dialog_a088b__single-part:not(:first-child) td, ._events_dialog_a088b__occurrences-table tr._events_dialog_a088b__first-part:not(:first-child) td { border-top: 1px solid hsla(var(--background-h) 20% 60% / 15%); } ._events_dialog_a088b__occurrences-table tr._events_dialog_a088b__first-part:not(._events_dialog_a088b__last-part) td, ._events_dialog_a088b__occurrences-table tr._events_dialog_a088b__middle-part td { padding-bottom: 0; } ._events_dialog_a088b__occurrences-table tr._events_dialog_a088b__first-part ._events_dialog_a088b__dot::before { display: none; } ._events_dialog_a088b__occurrences-table tr._events_dialog_a088b__last-part ._events_dialog_a088b__dot::after { display: none; } ._events_dialog_a088b__occurrences-table ._events_dialog_a088b__occurrence-titles { border-right: 1px solid hsla(var(--background-h) 20% 60% / 15%); vertical-align: middle; } ._events_dialog_a088b__occurrences-table ._events_dialog_a088b__locations { border-left: 1px solid hsla(var(--background-h) 20% 60% / 15%); } ._events_dialog_a088b__occurrences-table ._events_dialog_a088b__instructors { padding-left: 0; white-space: nowrap; text-align: right; } ._events_dialog_a088b__occurrences-table ._events_dialog_a088b__dots { border: none; overflow: hidden; padding-right: 0; position: relative; width: 1px; } ._events_dialog_a088b__occurrences-table ._events_dialog_a088b__datetime { border: none; padding-left: 0.6rem; padding-right: 0.6rem; white-space: nowrap; width: 1px; } ._events_dialog_a088b__occurrences-table ._events_dialog_a088b__part-titles { padding-left: 0; } ._events_dialog_a088b__occurrence-title { font-size: 1.1rem; font-weight: bold; margin: 0; } ._events_dialog_a088b__location, ._events_dialog_a088b__part { display: block; height: 1rem; white-space: nowrap; } ._events_dialog_a088b__part-title { font-weight: bold; } ._events_dialog_a088b__multipart ._events_dialog_a088b__parts { align-items: center; display: grid; grid-gap: 0.6rem 0.8rem; gap: 0.6rem 0.8rem; grid-template-columns: 0.5rem min-content auto; } ._events_dialog_a088b__multipart ._events_dialog_a088b__parts ._events_dialog_a088b__part { display: contents; } ._events_dialog_a088b__dot { border-radius: 50%; box-shadow: inset 0 0 0 2px hsla(var(--background-h) 20% 60% / 30%); height: 0.5rem; margin-top: 0; width: 0.5rem; } ._events_dialog_a088b__dot::before, ._events_dialog_a088b__dot::after { background: hsla(var(--background-h) 20% 60% / 20%); content: ""; display: block; height: 5rem; position: absolute; right: calc(0.25rem - 1px); width: 2px; } ._events_dialog_a088b__dot::before { bottom: calc(100% - 2rem); } ._events_dialog_a088b__dot::after { top: 2.3rem; } ._events_dialog_a088b__no-title, ._events_dialog_a088b__no-location { font-style: italic; font-weight: normal; opacity: 0.5; } ._events_dialog_a088b__no-spots-tag { margin-bottom: -0.3rem; margin-top: -0.3rem; } ._finished_13a0d__existing-review { backdrop-filter: blur(5px); background: hsl(var(--background) / 0.5); border: 1px solid hsl(var(--border-alpha)); border-radius: 0.5rem; padding: 1rem 1.5rem; } @media only screen and (min-width: 1200px) {._finished_13a0d__existing-review { padding: 1rem 2rem } } ._finished_13a0d__existing-review-rating:not(:last-child) { border-bottom: 1px solid hsl(var(--border-alpha)); margin-bottom: 1rem; padding-bottom: 0.5rem; } ._finished_13a0d__existing-review h4 { font-weight: bold; margin: 0.5em 0; } ._finished_13a0d__existing-review p { line-height: 1.2; margin: 0 0 0.75em; } ._finished_13a0d__completed-courses-explanation { margin-top: 2rem; } ._finished_13a0d__recommended-courses { margin-top: 2rem; padding: 2rem; } ._finished_13a0d__recommended-courses-heading { font-size: 1.2rem; margin-bottom: 1rem; margin-top: 0; text-align: center; } ._finished_13a0d__recommended-courses-list { display: flex; flex-flow: row wrap; gap: 2rem; justify-content: center; } ._finished_13a0d__recommended-courses-list > div { max-width: 250px; min-width: 250px; } ._not_available_c4fd6__container { margin: 0 auto; max-width: 50rem; padding: var(--spacing-vertical-large) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) {._not_available_c4fd6__container { padding: var(--spacing-vertical-xlarge) var(--spacing-horizontal) } } ._not_available_c4fd6__not-available-message { background: hsl(var(--white)); border-radius: 8px; box-shadow: 0 2px 8px hsl(var(--shadow)); padding: var(--spacing-vertical-xlarge) var(--spacing-horizontal-large); text-align: center; } ._not_available_c4fd6__not-available-message h1 { color: hsl(var(--gray40)); font-size: var(--font-size-heading-large); margin: 0 0 var(--spacing-vertical); } ._not_available_c4fd6__not-available-message p { color: hsl(var(--gray60)); font-size: var(--font-size-large); line-height: var(--line-height-medium); margin: 0 0 var(--spacing-vertical-large); } ._not_available_c4fd6__explore-link { background: hsl(var(--primary)); border-radius: 4px; color: hsl(var(--white)); display: inline-block; font-weight: 600; padding: var(--spacing-vertical-small) var(--spacing-horizontal); -webkit-text-decoration: none; text-decoration: none; transition: background var(--duration-short) ease; } ._not_available_c4fd6__explore-link:hover { background: hsl(var(--primary-hover)); } ._order_questions_dialog_0f18c__question { display: block; margin: 1.5rem 0 1rem 0; } ._order_questions_dialog_0f18c__question h2 { font-size: 1.1em; margin: 0.5rem 0; } ._preview_dialog_4568b__preview-dialog-header { border-bottom: none !important; } ._preview_dialog_4568b__preview-dialog-header { position: sticky; top: 0; width: 100%; z-index: 2; } ._preview_dialog_4568b__preview-dialog-header:not(._preview_dialog_4568b__preview-dialog-actions) { height: 0; padding: 0; } ._preview_dialog_4568b__preview-dialog-header:not(._preview_dialog_4568b__preview-dialog-actions) button { background: hsl(var(--black) / 50%); border-radius: 2rem; height: auto; margin-right: 1rem; margin-top: 4.5rem; padding: 0.5rem; width: auto; } @media only screen and (max-width: 767px) { ._preview_dialog_4568b__preview-dialog-header:not(._preview_dialog_4568b__preview-dialog-actions) button { display: none } } ._preview_dialog_4568b__preview-dialog-header:not(._preview_dialog_4568b__preview-dialog-actions) button svg { fill: white; } ._preview_dialog_4568b__preview-dialog-content { max-width: 100%; min-width: -moz-fit-content; min-width: fit-content; padding: 0; pointer-events: none; width: 1760px; } ._preview_dialog_4568b__preview-dialog-actions { background: var(--almost-black); bottom: 0; color: white; padding-left: 0; padding-right: 0; position: sticky; z-index: 2; } ._preview_dialog_4568b__preview-dialog-actions .container { align-items: center; display: flex; flex-wrap: wrap; gap: 1rem; width: 100%; } @media only screen and (max-width: 1199px) { ._preview_dialog_4568b__preview-dialog-actions .container { align-items: flex-start } } @media only screen and (max-width: 767px) { ._preview_dialog_4568b__preview-dialog-actions .container { gap: 0.5rem } } ._preview_dialog_4568b__preview-dialog-actions .container ._preview_dialog_4568b__switch-context-container { align-items: center; display: flex; gap: 1rem; margin-right: auto; } @media only screen and (max-width: 1199px) { ._preview_dialog_4568b__preview-dialog-actions .container ._preview_dialog_4568b__switch-context-container { align-items: flex-start; flex-direction: column; gap: 0.8rem } ._preview_dialog_4568b__preview-dialog-actions .container ._preview_dialog_4568b__switch-context-container ._preview_dialog_4568b__context-description { margin-left: 1.15rem; } } @media only screen and (max-width: 767px) { ._preview_dialog_4568b__preview-dialog-actions .container ._preview_dialog_4568b__switch-context-container { width: 100% } ._preview_dialog_4568b__preview-dialog-actions .container ._preview_dialog_4568b__switch-context-container ._preview_dialog_4568b__switch-context { width: 100%; } ._preview_dialog_4568b__preview-dialog-actions .container ._preview_dialog_4568b__switch-context-container ._preview_dialog_4568b__switch-context label { flex: 0 1 50%; } } ._preview_dialog_4568b__preview-dialog-actions ._preview_dialog_4568b__switch-context { border: 2px solid hsl(var(--primary)); border-radius: 2rem; display: flex; } ._preview_dialog_4568b__preview-dialog-actions ._preview_dialog_4568b__switch-context input[type='radio'] { display: none; } @media only screen and (min-width: 544px) { ._preview_dialog_4568b__preview-dialog-actions ._preview_dialog_4568b__switch-context input[type='radio'] { bottom: 0; display: block; left: 0.8rem; margin: 0; position: absolute; top: 0 } } ._preview_dialog_4568b__preview-dialog-actions ._preview_dialog_4568b__switch-context label { cursor: pointer; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; position: relative; white-space: nowrap; } @media only screen and (min-width: 544px) { ._preview_dialog_4568b__preview-dialog-actions ._preview_dialog_4568b__switch-context label { padding-left: 2.2rem; padding-right: 1rem } } ._preview_dialog_4568b__preview-dialog-actions ._preview_dialog_4568b__switch-context label p { font-size: 0.875rem; line-height: 1.2; margin: 0.5rem 0 0 0; } ._preview_dialog_4568b__preview-dialog-actions ._preview_dialog_4568b__switch-context label:first-child { border-radius: 2rem 0 0 2rem; } ._preview_dialog_4568b__preview-dialog-actions ._preview_dialog_4568b__switch-context label:last-child { border-radius: 0 2rem 2rem 0; } ._preview_dialog_4568b__preview-dialog-actions ._preview_dialog_4568b__switch-context label:has(input[type='radio']:checked) { background: hsl(var(--primary) / 50%); } ._preview_dialog_4568b__preview-dialog-actions ._preview_dialog_4568b__switch-context ._preview_dialog_4568b__label { background: hsl(var(--primary) / 50%); border-radius: 2rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; white-space: nowrap; } ._preview_dialog_4568b__preview-dialog-actions ._preview_dialog_4568b__context-description { align-items: baseline; display: flex; opacity: 0.6; } @media only screen and (max-width: 767px) { ._preview_dialog_4568b__preview-dialog-actions ._preview_dialog_4568b__context-description { height: 0; opacity: 0; overflow: hidden; width: 0 } } ._preview_dialog_4568b__preview-dialog-actions ._preview_dialog_4568b__context-description p { margin: 0; } ._preview_dialog_4568b__preview-dialog-actions ._preview_dialog_4568b__context-description p._preview_dialog_4568b__hidden { height: 0; opacity: 0; overflow: hidden; width: 0; } ._preview_dialog_4568b__preview-dialog-actions ._preview_dialog_4568b__context-description .icon { margin-right: 0.4rem; } ._preview_dialog_4568b__preview-dialog-actions button { align-items: center; background: hsl(var(--white) / 10%); border-color: transparent; box-shadow: none; color: white; display: flex; gap: 0.5rem; } ._preview_dialog_4568b__subject-preview-container { align-items: center !important; } ._preview_dialog_4568b__subject-preview-container { max-width: 100%; padding: 0 1rem; } @media only screen and (min-width: 1200px) { ._preview_dialog_4568b__subject-preview-container { padding: 0 2rem } } ._index_cca9a__container { background-color: hsl(var(--background)); } ._index_cca9a__header { align-items: center; color: hsl(var(--theme-color-contrast)); display: flex; padding: var(--spacing-vertical-large) var(--spacing-horizontal); position: sticky; top: 0; z-index: 1; } @media only screen and (min-width: 768px) { ._index_cca9a__header { padding: var(--spacing-vertical-large) var(--spacing-horizontal-large) } } ._index_cca9a__header-title { font-size: 1.6rem; font-weight: 700; line-height: 1.2; position: relative; } ._index_cca9a__header [data-action="close"] { margin-left: auto; position: relative; } ._index_cca9a__back-to-course-button { background: hsl(var(--theme-color)); border: 1px solid hsl(var(--theme-color)); box-shadow: 0 1000px 0 rgba(0, 0, 0, 0) inset; color: hsl(var(--theme-color-contrast)); } ._index_cca9a__back-to-course-button:not(:disabled):not([disabled]):hover { box-shadow: 0 1000px 0 rgba(0, 0, 0, 0.06) inset; } ._index_cca9a__back-to-course-button._index_cca9a__variant-ghost { background: transparent; border-color: hsl(var(--theme-color) / 0.7); color: hsl(var(--theme-color)); } ._index_cca9a__back-to-course-button._index_cca9a__variant-ghost:not(:disabled):not([disabled]):hover { border-color: hsl(var(--theme-color)); box-shadow: none; filter: brightness(0.9); } ._index_cca9a__back-to-course-button { align-items: center; display: flex; gap: 0.2rem; } ._select_dates_dialog_c6fbd__event { background: white; border-radius: 0.5rem; box-shadow: 0 0 0 1px hsla(var(--background-h) 20% 60% / 7.5%); padding: 2rem; } ._select_dates_dialog_c6fbd__event:not(:last-child) { margin-bottom: 1.5rem; } ._select_dates_dialog_c6fbd__event ._select_dates_dialog_c6fbd__event-name { font-size: 1.3rem; margin: 0 0 1rem; } ._select_dates_dialog_c6fbd__checkbox-table-cell { text-align: center; width: 0; } ._select_dates_dialog_c6fbd__checkbox-table-cell > label { padding: 0.85rem 0 0 0.85rem !important; } ._select_dates_dialog_c6fbd__occurrences { border-radius: 0.4rem; box-shadow: 0 0 0 1px hsla(var(--background-h) 20% 60% / 20%); line-height: 1; margin-bottom: 1rem; max-height: 20rem; overflow-y: auto; } ._select_dates_dialog_c6fbd__occurrences tr[data-occurrence-selected="true"] { background: rgba(0,117,255,0.07059); } ._select_dates_dialog_c6fbd__occurrences-table { border-collapse: collapse; width: 100%; } ._select_dates_dialog_c6fbd__occurrences-table th, ._select_dates_dialog_c6fbd__occurrences-table td { text-align: left; } ._select_dates_dialog_c6fbd__occurrences-table th > label, ._select_dates_dialog_c6fbd__occurrences-table td > label { cursor: pointer; display: block; padding: 0.8rem 1rem; } ._select_dates_dialog_c6fbd__occurrences-table th > label input[type="checkbox"], ._select_dates_dialog_c6fbd__occurrences-table td > label input[type="checkbox"] { cursor: pointer; } ._select_dates_dialog_c6fbd__occurrences-table td { vertical-align: top; } ._select_dates_dialog_c6fbd__occurrences-table tr:not(:first-child) th, ._select_dates_dialog_c6fbd__occurrences-table tr._select_dates_dialog_c6fbd__single-part:not(:first-child) td, ._select_dates_dialog_c6fbd__occurrences-table tr._select_dates_dialog_c6fbd__first-part:not(:first-child) td { border-top: 1px solid hsla(var(--background-h) 20% 60% / 20%); } ._select_dates_dialog_c6fbd__occurrences-table tr._select_dates_dialog_c6fbd__first-part:not(._select_dates_dialog_c6fbd__last-part) td > label, ._select_dates_dialog_c6fbd__occurrences-table tr._select_dates_dialog_c6fbd__middle-part td > label { padding-bottom: 0; } ._select_dates_dialog_c6fbd__occurrences-table tr._select_dates_dialog_c6fbd__first-part ._select_dates_dialog_c6fbd__dot::before { display: none; } ._select_dates_dialog_c6fbd__occurrences-table tr._select_dates_dialog_c6fbd__last-part ._select_dates_dialog_c6fbd__dot::after { display: none; } ._select_dates_dialog_c6fbd__occurrences-table ._select_dates_dialog_c6fbd__occurrence-titles { border-right: 1px solid hsla(var(--background-h) 20% 60% / 20%); vertical-align: top; } ._select_dates_dialog_c6fbd__occurrences-table ._select_dates_dialog_c6fbd__locations { border-left: 1px solid hsla(var(--background-h) 20% 60% / 20%); } ._select_dates_dialog_c6fbd__occurrences-table ._select_dates_dialog_c6fbd__dots { border: none; overflow: hidden; position: relative; width: 1px; } ._select_dates_dialog_c6fbd__occurrences-table ._select_dates_dialog_c6fbd__dots > label { padding-right: 0; } ._select_dates_dialog_c6fbd__occurrences-table ._select_dates_dialog_c6fbd__datetime { border: none; white-space: nowrap; width: 1px; } ._select_dates_dialog_c6fbd__occurrences-table ._select_dates_dialog_c6fbd__datetime > label { padding-left: 0.6rem; padding-right: 0.6rem; } ._select_dates_dialog_c6fbd__occurrences-table ._select_dates_dialog_c6fbd__part-titles { padding-left: 0; } ._select_dates_dialog_c6fbd__occurrence-title { font-size: 1.1rem; font-weight: bold; margin: 0; } ._select_dates_dialog_c6fbd__location, ._select_dates_dialog_c6fbd__part { display: block; height: 1rem; white-space: nowrap; } ._select_dates_dialog_c6fbd__part-title { font-weight: bold; } ._select_dates_dialog_c6fbd__multipart ._select_dates_dialog_c6fbd__parts { align-items: center; display: grid; grid-gap: 0.6rem 0.8rem; gap: 0.6rem 0.8rem; grid-template-columns: 0.5rem min-content auto; } ._select_dates_dialog_c6fbd__multipart ._select_dates_dialog_c6fbd__parts ._select_dates_dialog_c6fbd__part { display: contents; } ._select_dates_dialog_c6fbd__dot { border-radius: 50%; box-shadow: inset 0 0 0 2px hsla(var(--background-h) 20% 60% / 30%); height: 0.5rem; margin-top: 0.3rem; width: 0.5rem; } ._select_dates_dialog_c6fbd__dot::before, ._select_dates_dialog_c6fbd__dot::after { background: hsla(var(--background-h) 20% 60% / 20%); content: ""; display: block; height: 5rem; position: absolute; right: calc(0.25rem - 1px); width: 2px; } ._select_dates_dialog_c6fbd__dot::before { bottom: calc(100% - 0.9rem); } ._select_dates_dialog_c6fbd__dot::after { top: 1.8rem; } ._select_dates_dialog_c6fbd__no-title, ._select_dates_dialog_c6fbd__no-location { font-style: italic; font-weight: normal; opacity: 0.5; } ._select_dates_dialog_c6fbd__no-spots-tag { margin-bottom: -0.3rem; margin-top: -0.3rem; } ._select_dates_dialog_c6fbd__inline-inputs { display: flex; flex-direction: column; } @media only screen and (min-width: 544px) { ._select_dates_dialog_c6fbd__inline-inputs { flex-direction: row; gap: 0.5rem } } ._select_dates_dialog_c6fbd__inline-inputs > div { min-width: 20.25rem; } ._select_dates_dialog_c6fbd__inline-inputs > div > div:last-child { margin-bottom: 1.5rem; } ._storefront_98f8e__events-dialog { --background: var(--background-h) 33% 97%; --slider-item-width: 30rem; background: hsl(var(--background-h) 33% 97%); background: hsl(var(--background)); max-width: 80rem; } .recourse .course-price { font-size: 1.3rem; margin-bottom: 1rem; } .recourse .course-price span { margin: 0; } .recourse .course-button { flex: 1; margin-top: 0; } .recourse .course-cta { align-items: center; background: hsl(var(--theme-color-secondary)); color: hsl(var(--theme-color-secondary-contrast)); display: inline-flex; font-size: 1.1rem; font-weight: 700; gap: 0.6rem; justify-content: center; line-height: 1.1; padding: 0.7rem 1.6rem; transition: background 0.08s ease-in-out, box-shadow 0.06s ease-out; white-space: nowrap; } @media only screen and (max-width: 390px) { .recourse .course-cta { padding: 0.7rem 1rem } } .recourse .course-cta.disabled { background: hsl(var(--gray90)); color: hsl(var(--text)); cursor: not-allowed; } .recourse .course-cta span { transition: transform 0.06s ease-out; } .recourse .course-cta:not(.disabled):hover, .recourse .course-cta:not(.disabled):active { background: hsl(var(--theme-color-secondary-h), calc(var(--theme-color-secondary-s) - 5%), calc(var(--theme-color-secondary-l) - 7%)); } .recourse .course-cta:not(.disabled):hover .icon-arrow-right, .recourse .course-cta:not(.disabled):active .icon-arrow-right { transform: translateX(0.1rem); } .recourse .course-cta:not(.disabled):active { box-shadow: inset 0 0.2rem hsl(var(--black) / 15%); } .recourse .course-cta:not(.disabled):active span { transform: translateY(0.1rem); } .recourse .course-cta .icon { font-size: 1.2rem; } .recourse .course-cta .icon-review { font-size: 1.4rem; } .recourse .course-cta .icon-print { font-size: 1.4rem; } .recourse .course-add-to-channel-button { background: transparent; border: 0; padding: 0; } .recourse .course-panel-wrapper { display: flex; flex-direction: column; gap: 1rem; } @media only screen and (min-width: 544px) { .recourse .course-panel-wrapper { min-width: 25rem; width: -moz-fit-content; width: fit-content } } @media only screen and (min-width: 1200px) { .recourse .course-panel-wrapper { margin-left: auto } } .recourse .course-panel { box-shadow: 0 0.15rem 0.8rem 0 hsl(var(--black) / 20%); color: hsl(var(--text)); overflow: hidden; padding: 1.75rem 0 1.75rem; } @media only screen and (max-width: 390px) { .recourse .course-panel .icon-service-bell { display: none; } } @media only screen and (min-width: 544px) { .recourse .course-panel { min-width: 25rem; overflow: visible; overflow: initial; padding: 2rem 0 2.5rem; width: -moz-fit-content; width: fit-content } } @media only screen and (min-width: 768px) { .recourse .course-panel { padding: 2.5rem 0 3rem } } @media only screen and (min-width: 1200px) { .recourse .course-panel { margin-left: auto } } .recourse .course-panel >* { padding: 0 1.5rem; } @media only screen and (min-width: 544px) { .recourse .course-panel >* { padding: 0 2rem } } @media only screen and (min-width: 768px) { .recourse .course-panel >* { padding: 0 2.5rem } } .recourse .course-panel .course-panel-buttons { -moz-column-gap: 0.75rem; column-gap: 0.75rem; margin-bottom: 1rem; } .recourse .course-enrollment-info { color: hsl(var(--gray60)); display: inline-block; line-height: 1.2; width: 100%; } @media only screen and (min-width: 544px) { .recourse .course-enrollment-info { font-size: 0.9rem } } .recourse .course-enrollment-info >span { display: block; } .recourse .course-enrollment-info >span:not(:last-child) { margin-bottom: 0.5rem; } .recourse .course-enrollment-info >span:not(:last-child)::after { border-top: 0.01rem solid hsl(var(--gray80)); content: ""; display: block; margin-top: 0.5rem; width: 2rem; } .recourse .course-enrollment-info >span a { color: inherit; } .recourse .course-enrollment-info-notice { border-radius: 0.5rem; display: block; margin-bottom: 1rem; width: 100%; } .recourse .course-enrollment-info-notice:last-child { margin-bottom: 0; } .recourse .course-nice-to-know { --text: var(--theme-color-contrast); } /* Hide when empty */ .recourse .course-nice-to-know:not(:has(*)) { display: none !important; } .recourse .course-nice-to-know { backdrop-filter: blur(16px); background: rgba(255, 255, 255, 0.1); bottom: 0; color: hsl(var(--text)); display: flex; flex-direction: column; gap: 0; line-height: 1.3; margin: 1.5rem 0 0; padding: 0 1.5rem; position: relative; } .recourse .course-nice-to-know dd { font-weight: normal; } @media only screen and (min-width: 544px) { .recourse .course-nice-to-know { flex-direction: row; margin: 2rem 0 0; padding: 1.75rem 0 } } @media only screen and (min-width: 768px) { .recourse .course-nice-to-know { padding: 2rem 0 } } @media only screen and (min-width: 768px) { .recourse .course-nice-to-know { margin: 3rem 0 0 } } .recourse .course-nice-to-know .item { display: flex; flex: 1; flex-direction: column; min-width: 33.33%; padding: 1.25rem 0; position: relative; } @media only screen and (min-width: 544px) { .recourse .course-nice-to-know .item { padding: 0 2rem } } @media only screen and (min-width: 768px) { .recourse .course-nice-to-know .item { padding: 0 2.5rem } } .recourse .course-nice-to-know .item:not(:last-child)::after { background: hsl(var(--white) / 35%); bottom: 0; content: ""; display: block; height: 1px; left: 0; position: absolute; right: 0; } @media only screen and (min-width: 544px) { .recourse .course-nice-to-know .item:not(:last-child) { border-right: 1px solid hsl(var(--white) / 35%) } .recourse .course-nice-to-know .item:not(:last-child)::after { display: none; } } .recourse .course-nice-to-know dt { font-size: 1.2rem; font-weight: 700; line-height: 1.3; margin: 0; } @media only screen and (min-width: 544px) { .recourse .course-nice-to-know dt { margin: 0 0 0.25rem } } .recourse .course-nice-to-know dt .icon { margin-right: 0.5rem; } .recourse .course-nice-to-know dt .icon-recommended { font-size: 1.4rem; } .recourse .course-nice-to-know dt .icon-certificate { font-size: 1.4rem; } .recourse .course-nice-to-know dd:not(:last-child) { margin: 0.25rem 0; } .recourse .course-nice-to-know dd:last-child { margin: 0.25rem 0 0; } .recourse .course-nice-to-know .achieve-certificates { display: flex; gap: 0.5rem; } @media only screen and (min-width: 768px) { .recourse .summary.sidebar-container { display: flex } } .recourse .about, .recourse .objectives, .recourse .course-managers, .recourse .instructions { line-height: 1.6; } .recourse .about { margin: 2rem 0; } @media only screen and (min-width: 768px) { .recourse .about { margin: 0 3rem 2rem 0 } } @media only screen and (min-width: 990px) { .recourse .about { margin: 0 3rem 0 0 } } .recourse .instructions { margin-bottom: 3rem; } .recourse .objectives { margin-bottom: 3rem; margin-right: 0; position: relative; } .recourse .objectives ul { padding-left: 2rem; } .recourse .objectives li { list-style-type: none; margin: 0.7rem 0; position: relative; } .recourse .objectives li .icon { left: -1.8rem; position: absolute; top: 0.3rem; } ._event_a53b7__event-image-column { display: flex; flex-direction: column; flex-shrink: 0; gap: .5em; margin: -1rem; width: calc(100% + 2rem); } @media only screen and (min-width: 768px) {._event_a53b7__event-image-column { margin: 0 1.5rem 0 0; width: 10rem } } @media only screen and (min-width: 1200px) {._event_a53b7__event-image-column { margin: 0 2rem 0 0; width: 12rem } } ._event_a53b7__private-participation-tooltip { display: none; width: 100%; z-index: 1; } @media (min-width: 1200px) { ._event_a53b7__private-participation-tooltip { display: block } } ._event_a53b7__private-participation-tooltip-mobile { display: block; margin-top: .5em; width: -moz-max-content; width: max-content; z-index: 1; } @media (min-width: 1200px) { ._event_a53b7__private-participation-tooltip-mobile { display: none } } ._event_a53b7__private-participation-trigger { cursor: pointer; display: block; width: 100%; } ._event_a53b7__subtitle { font-size: 1.1em; font-weight: 700; margin: 0.2em 0 0; } ._event_a53b7__tag { margin-left: .1rem; margin-bottom: -.15rem; } /* Cover Image */ @media screen and (max-width: 768px) { ._event_a53b7__event-image-intro-wrapper { flex-direction: column; gap: 2rem } } ._event_a53b7__event-image-wrapper { height: 6rem; position: relative; width: 100%; } @media only screen and (min-width: 768px) { ._event_a53b7__event-image-wrapper { border-radius: 0.5rem; height: 10rem } } @media only screen and (min-width: 1200px) { ._event_a53b7__event-image-wrapper { height: 12rem } } ._event_a53b7__cover-image { border-radius: inherit; height: 100%; top: 0; right: 0; bottom: 0; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; width: 100%; } ._event_a53b7__cover-image-text { color: white; font-size: 20px; height: 100%; line-height: 1.4; -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.8)); mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.8)); text-align: center; } ._event_a53b7__default { background: linear-gradient(137deg, hsl(var(--primary)) 21%, hsl(calc(var(--primary-h) + 40), calc(var(--primary-s) - 40%), calc(var(--primary-l) - 20%)) 100%); padding: 1rem; -webkit-user-select: none; -moz-user-select: none; user-select: none; } /* Occurrence detail */ ._event_a53b7__occurrence-detail { --navigation-height: 60px; } ._event_a53b7__occurrence-detail ._event_a53b7__navigation { --inset: 1rem; } @media only screen and (min-width: 1200px) { ._event_a53b7__occurrence-detail ._event_a53b7__navigation { --inset: 2rem } } ._event_a53b7__occurrence-detail ._event_a53b7__navigation { align-items: center; display: flex; flex-wrap: wrap; gap: 0.5rem; height: var(--navigation-height); margin-bottom: 1rem; position: sticky; top: 0; top: var(--application-top, 0); transition: top 0.3s ease; transition: top var(--application-top-transition-duration, 0.3s) ease; z-index: 1001; } ._event_a53b7__occurrence-detail ._event_a53b7__navigation::before { backdrop-filter: blur(5px); background-image: linear-gradient(180deg, hsl(var(--white)), hsl(var(--white) / 0.7)); content: ""; height: 100%; top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: -1; } ._event_a53b7__occurrence-detail ._event_a53b7__navigation ._event_a53b7__navigation-link { align-items: center; background-color: white; border: 0; height: 2.3rem; white-space: nowrap; border-radius: 5rem; box-shadow: inset 0 0 0 1px hsl(var(--recourse-event-color) / 0.4); color: hsl(var(--recourse-event-color) / 0.85); display: inline-flex; font-size: 1.1rem; font-weight: 600; gap: 0.2em; padding-left: 0.8em; padding-right: 0.8em; transition: box-shadow 0.15s ease-out, color 0.15s ease-out; } ._event_a53b7__occurrence-detail ._event_a53b7__navigation ._event_a53b7__navigation-link:hover { box-shadow: inset 0 0 0 1.6px hsl(var(--recourse-event-color) / 0.75) !important; } ._event_a53b7__occurrence-detail ._event_a53b7__navigation ._event_a53b7__navigation-link:hover { background: hsl(var(--white)); border: 0; color: hsl(var(--recourse-event-color)); filter: none; } ._event_a53b7__occurrence-detail ._event_a53b7__navigation ._event_a53b7__navigation-link .icon { font-size: 0.8em; margin-left: -0.1rem; opacity: 0.75; } ._event_a53b7__occurrence-detail ._event_a53b7__navigation ._event_a53b7__navigation-link .icon-attachment { font-size: 1.1em; margin-left: -0.4rem; margin-right: -0.05rem; } ._event_a53b7__occurrence-detail ._event_a53b7__navigation ._event_a53b7__navigation-link .icon-comment { font-size: 0.85em; margin-top: 0.1rem; } ._event_a53b7__occurrence-detail :target { scroll-margin-top: var(--navigation-height); } /* ics button */ ._event_a53b7__calendar { display: flex; justify-content: flex-end; margin-bottom: -2rem; } ._event_a53b7__ics-button { align-items: center; background-color: hsl(var(--event-color)); border: none; border-radius: 0.5rem; color: #fff; display: flex; padding: 1rem; justify-content: center; -webkit-text-decoration: none; text-decoration: none; transition: box-shadow .2s ease-in-out,border-color .2s ease-in-out; width: 100%; } @media only screen and (min-width: 768px) { ._event_a53b7__ics-button { padding: .7rem 1.5rem; width: auto } } /* Location map or URL */ ._event_a53b7__single-location-map { aspect-ratio: 16/6; border-radius: 0.5rem; margin-top: 1rem; min-height: 0; padding: 0; } ._event_a53b7__single-location-details, ._event_a53b7__single-url-details { font-size: 0.9rem; } ._event_a53b7__single-location-details { margin-top: 0.5rem; } ._event_a53b7__single-url { display: flex; flex-direction: column; justify-content: center; } ._event_a53b7__event-location-title { padding: 0 2rem; margin-top: 3rem; margin-bottom: -0.5rem; } /* 'Unable to attend' notice */ .re-event-link-unable-to-attend, .re-event-link-unenrollable { display: flex; flex-direction: column; font-size: .8rem; justify-content: center; margin: 1.5rem auto -1rem; text-align: center; } @media only screen and (min-width: 544px) { .re-event-link-unable-to-attend, .re-event-link-unenrollable { align-items: center; flex-direction: row; gap: .2rem } } .re-event-link-unable-to-attend button { color: hsl(var(--recourse-event-color)); -webkit-text-decoration: underline; text-decoration: underline; } .re-event-link-unenrollable .re-event-link-unenrollable-button { color: white; background: hsl(var(--recourse-event-color)); border: none; border-radius: 5rem; padding: .3rem .5rem; display: inline-block; } /* Uncouple Dialog */ ._event_a53b7__uncouple-enrollment-header { padding: var(--spacing-vertical-large) var(--spacing-horizontal); } @media only screen and (min-width: 768px) { ._event_a53b7__uncouple-enrollment-header { padding: var(--spacing-vertical-large) var(--spacing-horizontal-large) } } ._event_a53b7__uncouple-enrollment-header-title { display: flex; font-size: 1.6rem; font-weight: 700; gap: 1rem; justify-content: space-between; line-height: 1.2; position: relative; } ._event_a53b7__uncouple-dialog time { white-space: nowrap; } ._event_a53b7__uncouple-dialog ._event_a53b7__uncouple-notice-card { margin-top: 1rem; } ._event_a53b7__uncouple-dialog ._event_a53b7__uncouple-explanation { display: block; margin-top: 2rem; } /* Resources */ ._event_a53b7__resources { margin-top: 3rem; padding: 0 2rem; } /* Homework */ ._event_a53b7__homework-title { margin-bottom: 1rem; } ._event_a53b7__submit-homework-button { width: 400px; } ._event_a53b7__homework-list { display: flex; gap: 1rem; flex-wrap: wrap; justify-self: center; margin-top: 1rem; width: 400px } ._event_a53b7__homework-submissions { margin-top: 1rem; } ._event_a53b7__homework-submission { align-items: center; background: hsl(var(--white)); border-radius: 0.5rem; color: hsl(var(--text)); display: flex; font-weight: bold; gap: 1rem; padding: 1rem; -webkit-text-decoration: none; text-decoration: none; transition: box-shadow 0.15s ease-in-out; } ._event_a53b7__homework-submission:hover { box-shadow: var(--shadow-hover); } ._event_a53b7__link-icon._event_a53b7__approved-submission { color: hsl(var(--success)); } ._event_a53b7__link-icon._event_a53b7__seen-submission { color: hsl(var(--gray60)); } /* Comments */ ._event_a53b7__comments-title { margin-top: 0; margin-bottom: 2rem; } ._event_a53b7__comments-cell { max-width: 100%; } /* Subscription */ ._event_a53b7__subscription { background: hsl(var(--background-h) 33% 96%); padding: 0 2rem; text-align: center; } ._event_a53b7__subscription-title { margin: 0 0 var(--spacing-vertical); } ._event_a53b7__subscription-description { font-size: var(--font-size-default); } /* Canceled notice */ ._event_a53b7__canceled-notice { --status-color: var(--canceled); background: hsl(var(--canceled) / 0.11); background: hsl(var(--status-color) / 0.11); border: 1px solid hsl(var(--canceled) / 0.15); border: 1px solid hsl(var(--status-color) / 0.15); border-radius: 0.5rem; margin: 0 0 2rem; max-width: 1000px; padding: 1rem; } @media only screen and (max-width: 767px) { ._event_a53b7__canceled-notice { position: fixed; z-index: 10; top: calc(var(--application-top) + 1rem); left: 1rem; right: 5rem; margin: 0; transition: top 0.3s ease-out; background: color-mix(in srgb, hsl(var(--status-color)) 11%, hsl(var(--white))) } } ._event_a53b7__canceled-notice ._event_a53b7__canceled-notice-card { align-items: center; display: flex; flex-wrap: wrap; gap: 1rem; } @media only screen and (max-width: 767px) { ._event_a53b7__canceled-notice ._event_a53b7__canceled-notice-card { display: block } } ._event_a53b7__canceled-notice ._event_a53b7__canceled-notice-state { background: hsl(var(--status-color) / 0.1); border: 1px solid hsl(var(--status-color) / 0.1); border-radius: 0.5rem; color: hsl(var(--status-color)); display: flex; flex-direction: column; font-size: 1.4rem; font-weight: bold; justify-content: center; line-height: 1; min-height: 2.3rem; min-width: 2.3rem; padding: 0.3rem; text-align: center; } ._event_a53b7__canceled-notice ._event_a53b7__canceled-notice-state .icon::before { margin-right: -0.15rem; } @media only screen and (max-width: 767px) { ._event_a53b7__canceled-notice ._event_a53b7__canceled-notice-state { display: none } } @media only screen and (max-width: 767px) { ._event_a53b7__canceled-notice form { display: inline } } ._event_a53b7__canceled-notice ._event_a53b7__canceled-notice-button { color: hsl(var(--body)); font-weight: bold; -webkit-text-decoration: underline; text-decoration: underline; margin-left: -0.5rem; } ._event_a53b7__canceled-notice ._event_a53b7__canceled-notice-button:hover { -webkit-text-decoration: none; text-decoration: none; } @media only screen and (max-width: 767px) { ._event_a53b7__canceled-notice ._event_a53b7__canceled-notice-button { margin-left: 0 } } @media only screen and (max-width: 767px) { ._event_a53b7__canceled-notice ._event_a53b7__canceled-notice-message { display: inline } } /* Result & cards */ ._event_a53b7__card { --status-color: var(--gray94); background: hsl(var(--gray94) / 0.11); background: hsl(var(--status-color) / 0.11); border: 1px solid hsl(var(--gray94) / 0.15); border: 1px solid hsl(var(--status-color) / 0.15); border-radius: 0.5rem; margin-top: 2rem; padding: 1rem; } ._event_a53b7__card._event_a53b7__sufficient { --status-color: var(--sufficient); } ._event_a53b7__card._event_a53b7__insufficient { --status-color: var(--insufficient); } ._event_a53b7__card._event_a53b7__pending { --status-color: var(--warning); } ._event_a53b7__card._event_a53b7__pending ._event_a53b7__grade .icon { transform: scale(1.2); } ._event_a53b7__card._event_a53b7__canceled { --status-color: var(--canceled); } ._event_a53b7__card ._event_a53b7__card-card { align-items: center; display: flex; flex-wrap: wrap; gap: 1rem; } ._event_a53b7__card ._event_a53b7__state { background: hsl(var(--status-color) / 0.1); border: 1px solid hsl(var(--status-color) / 0.1); border-radius: 0.5rem; color: hsl(var(--status-color)); display: flex; flex-direction: column; font-size: 1.4rem; font-weight: bold; justify-content: center; line-height: 1; min-height: 2.3rem; min-width: 2.3rem; padding: 0.3rem; text-align: center; } ._event_a53b7__card ._event_a53b7__state .icon::before { margin-right: -0.15rem; } ._event_a53b7__card ._event_a53b7__state-message { font-weight: 600; } @media only screen and (max-width: 767px) { ._event_a53b7__card ._event_a53b7__state-message { order: 3; width: 100% } } ._event_a53b7__card ._event_a53b7__badge { margin-left: auto; } ._event_a53b7__badge { align-items: center; border-radius: 1rem; display: flex; font-size: 0.85rem; font-weight: bold; gap: 0.3rem; line-height: 1; padding: 0 0.5rem; } ._event_a53b7__badge._event_a53b7__sufficient, ._event_a53b7__badge._event_a53b7__insufficient, ._event_a53b7__badge._event_a53b7__pending, ._event_a53b7__badge._event_a53b7__canceled { border: 0.3rem solid; color: white; } ._event_a53b7__badge._event_a53b7__sufficient ._event_a53b7__icon, ._event_a53b7__badge._event_a53b7__sufficient .icon, ._event_a53b7__badge._event_a53b7__insufficient ._event_a53b7__icon, ._event_a53b7__badge._event_a53b7__insufficient .icon, ._event_a53b7__badge._event_a53b7__pending ._event_a53b7__icon, ._event_a53b7__badge._event_a53b7__pending .icon, ._event_a53b7__badge._event_a53b7__canceled ._event_a53b7__icon, ._event_a53b7__badge._event_a53b7__canceled .icon { margin-left: -0.5rem; } ._event_a53b7__badge._event_a53b7__sufficient { background: hsl(var(--sufficient)); border-color: hsl(var(--sufficient)); } ._event_a53b7__badge._event_a53b7__insufficient { background: hsl(var(--insufficient)); border-color: hsl(var(--insufficient)); } ._event_a53b7__badge._event_a53b7__pending { background: hsl(var(--warning)); border-color: hsl(var(--warning)); } ._event_a53b7__badge._event_a53b7__pending ._event_a53b7__icon { align-self: center; background-color: white; border-radius: 50%; color: hsl(var(--warning)); display: flex; font-weight: bold; height: 1rem; justify-content: center; overflow: hidden; width: 1rem; } ._event_a53b7__badge._event_a53b7__pending ._event_a53b7__icon::before { content: "\2026"; line-height: 0.45; } ._event_a53b7__badge._event_a53b7__canceled { background: hsl(var(--canceled)); border-color: hsl(var(--canceled)); } ._event_a53b7__feedback-title { align-items: center; display: flex; font-weight: bold; line-height: var(--line-height-large); margin-top: 0; } ._event_a53b7__feedback-date { margin-left: auto; } ._event_a53b7__feedback { margin-top: 0.25em; } .re-course-sticky-actions { margin-top: 0 !important; } .re-course-sticky-actions { align-items: center; background: hsl(var(--background-h) 33% 96%); bottom: 0; box-shadow: 0 0 0.5rem hsl(var(--background-h) 33% 96%); display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between; margin-bottom: 2rem; padding: 1rem; position: sticky; z-index: 99; } @media only screen and (min-width: 544px) { .re-course-sticky-actions { bottom: auto; margin-bottom: 0.5rem; padding: 1rem 4rem 1rem 3rem; top: 0; top: var(--application-top, 0); transition: top 0.3s ease; transition: top var(--application-top-transition-duration, 0.3s) ease } } @media only screen and (min-width: 768px) { .re-course-sticky-actions { padding-right: 2rem } } @media only screen and (min-width: 990px) { .re-course-sticky-actions { padding-right: 0 } } .re-course-sticky-actions h3 { margin: 0; } .re-occurrence-selection-form-flex { display: flex; flex-direction: column-reverse; } @media only screen and (min-width: 544px) { .re-occurrence-selection-form-flex { flex-direction: column; margin-top: -1.5rem } } .re-event-reset-button { display: none; padding: 0.5rem 1rem; } @media only screen and (min-width: 544px) { .re-event-reset-button { display: inline } } .re-event-reset-button.hidden { display: none; } .re-occurrence-list { display: flex; flex-direction: column; gap: 1rem; list-style: none; margin: 0 0 1rem 0; padding-left: 2rem; } @media only screen and (min-width: 544px) { .re-occurrence-list { margin: 0 0 3rem 0; padding-left: 3rem } } .re-occurrence-list .re-occurrence { position: relative; } .re-occurrence-list .re-occurrence label { background: white; border: 1px solid transparent; border-radius: 0.5rem; box-shadow: 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05); cursor: pointer; display: block; padding: 1.5rem 1.5rem 1.5rem 2rem; } .re-occurrence-list .re-occurrence label:hover::before { background: hsl(var(--recourse-event-color)); } .re-occurrence-list .re-occurrence label::before { background: hsl(212, 70%, 94%); border-radius: 0 10rem 10rem 0; bottom: 1.5rem; content: ""; display: block; left: 0; position: absolute; top: 1.5rem; width: 0.35rem; } .re-occurrence-list .re-occurrence input[type="radio"] { clip: rect(0 0 0 0); clip-path: inset(100%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .re-occurrence-list .re-occurrence .re-event-radio-button { left: -1.2rem; position: absolute; top: 50%; } @media only screen and (min-width: 544px) { .re-occurrence-list .re-occurrence .re-event-radio-button { left: -2rem } } .re-occurrence-list .re-occurrence .re-event-radio-button::before, .re-occurrence-list .re-occurrence .re-event-radio-button .icon-alert-success { height: 1.1rem; left: 0; position: absolute; top: 0; transform: translate(-50%, -50%); width: 1.1rem; } .re-occurrence-list .re-occurrence .re-event-radio-button::before { background: white; border-radius: 50%; box-shadow: 0 0 0.1rem 0.02rem hsl(var(--gray60)); content: ""; display: block; } .re-occurrence-list .re-occurrence .re-event-radio-button .icon-alert-success { color: hsl(var(--recourse-event-color)); display: none; } .re-occurrence-list .re-occurrence input[type="radio"]:checked + label { border: 1px solid hsl(var(--recourse-event-color)); box-shadow: inset 0 0 0.3rem hsl(var(--recourse-event-color) / 10%), 0 0 0.3rem hsl(var(--recourse-event-color) / 10%); } .re-occurrence-list .re-occurrence input[type="radio"]:checked + label::before { background: hsl(var(--recourse-event-color)); } .re-occurrence-list .re-occurrence input[type="radio"]:checked + label .re-event-radio-button::before { box-shadow: none; } .re-occurrence-list .re-occurrence input[type="radio"]:checked + label .re-event-radio-button .icon-alert-success { display: block; } .re-occurrence-list .re-occurrence .re-event-date { margin-bottom: 1px; } .re-occurrence-list .re-occurrence .re-event-date .re-event-year { font-size: 0.8rem; } .re-occurrence-list .re-occurrence .re-event-date .re-event-days-and-months { align-items: baseline; display: flex; font-size: 1.6rem; gap: 0.5rem; line-height: 1.2; } .re-occurrence-list .re-occurrence .re-event-date .re-event-day-and-month { align-items: baseline; display: flex; font-size: 1.6rem; font-weight: 700; gap: 0.25rem; line-height: 1.2; } .re-occurrence-list .re-occurrence .re-event-date .re-event-day-and-month .re-event-month-name { font-size: 1.2rem; } .re-occurrence-list .re-occurrence .re-event-participants { color: hsl(var(--gray60)); font-size: .85rem; text-align: right; width: -moz-max-content; width: max-content; } .re-occurrence-list .re-occurrence .re-event-participants .re-event-participants-bar { background: hsl(var(--background-h) 14% 92%); border-radius: .15rem; height: .6rem; overflow: hidden; position: relative; margin-bottom: .2rem; margin-left: auto; width: 6rem; } .re-occurrence-list .re-occurrence .re-event-participants .re-event-participants-bar::before { background: hsl(var(--recourse-event-color)); background: var(--bar-color, hsl(var(--recourse-event-color))); bottom: 0; content: ""; display: block; left: 0; position: absolute; top: 0; width: 0; width: var(--participants-percentage, 0); } .re-occurrence-list .re-occurrence .re-event-title { -webkit-box-orient: vertical; display: -webkit-box; font-size: 1.2rem; -webkit-line-clamp: 2; line-height: 1.3; overflow: hidden; } .re-occurrence-list .re-occurrence .re-event-part:not(:last-child) .re-event-part-additional-information { margin-bottom: .5rem; } .re-occurrence-list .re-occurrence .re-event-part-general-information { align-items: baseline; display: flex; flex-direction: column; margin-top: 1rem; } @media only screen and (min-width: 544px) { .re-occurrence-list .re-occurrence .re-event-part-general-information { align-items: center; flex-direction: row; gap: 1rem; height: 2.2rem; margin-top: 0 } } .re-occurrence-list .re-occurrence .re-event-part-additional-information { font-size: .85rem; } .re-occurrence-list .re-occurrence .re-occurrence-flex { align-items: center; display: flex; justify-content: space-between; } .re-occurrence-list .re-occurrence .re-occurrence-flex > div:first-child { overflow: hidden; } .re-occurrence-list .re-occurrence .re-event-day-and-time { font-size: 1rem; white-space: nowrap; } .re-occurrence-list .re-occurrence .re-event-day-and-time .re-event-day-name { color: hsl(var(--recourse-event-color)); } .re-occurrence-list .re-occurrence .re-event-day-and-time .re-event-time { font-weight: 700; } .re-occurrence-list .re-occurrence .re-event-location .icon { font-size: 1rem; } .re-occurrence-list .re-occurrence .re-event-location, .re-occurrence-list .re-occurrence .re-event-url { font-size: 1rem; overflow: hidden; text-overflow: ellipsis; width: 100%; } @media only screen and (min-width: 544px) { .re-occurrence-list .re-occurrence .re-event-location, .re-occurrence-list .re-occurrence .re-event-url { width: auto } } .re-occurrence-list .re-occurrence .re-event-url { align-items: center; display: flex; gap: 0.4rem; } .re-occurrence-list .re-occurrence .re-event-url .icon { font-size: 0.8rem; } .re-occurrence-list .re-occurrence .re-event-full-month { font-weight: 700; } ._skill_93976__assessment-buttons { border-top: 1px solid hsl(var(--border) / 0.5); display: flex; justify-content: center; margin-top: 2rem; padding-top: 1.5rem; } ._skill_93976__past-assessments > div { border: 1px solid hsl(var(--gray93)); } ._skill_93976__assessment-manager-grid { display: flex; flex-wrap: wrap; gap: 1rem; } ._skill_93976__assessment-manager-grid ._skill_93976__assessment-manager { background: white; border-radius: 0.5rem; box-shadow: 0 0 0.1rem 0.1rem hsl(var(--black) / 0.02); display: flex; flex: 1; gap: 1rem; padding: 1rem 1.25rem; } ._skill_93976__assessment-manager-grid ._skill_93976__assessment-manager ._skill_93976__manager-email-and-name { line-height: 1.4; margin-top: 0.4rem; min-width: 0; } ._skill_93976__assessment-manager-grid ._skill_93976__assessment-manager ._skill_93976__manager-email, ._skill_93976__assessment-manager-grid ._skill_93976__assessment-manager ._skill_93976__manager-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ._skill_93976__assessment-manager-grid ._skill_93976__assessment-manager ._skill_93976__manager-email .icon { color: hsl(var(--primary)); font-size: 0.85em; margin-left: 0.2em; opacity: 0.5; } ._unenroll_dialog_cddb2__approval-warning { padding-left: var(--spacing-horizontal-small); padding-right: var(--spacing-horizontal-small); } ._unenroll_dialog_cddb2__event-list { border: 1px solid hsl(var(--border)); border-radius: var(--size-border-radius); display: flex; flex-direction: column; list-style: none; margin: 0; overflow: hidden; padding: 0; } ._unenroll_dialog_cddb2__event-list li:not(:last-child) { border-bottom: 1px solid hsl(var(--border)); } ._unenroll_dialog_cddb2__event-list li > a { align-items: center; color: currentColor; display: flex; gap: var(--spacing-horizontal-small); padding: var(--spacing-vertical-small) var(--spacing-horizontal-tiny); -webkit-text-decoration: none; text-decoration: none; } ._unenroll_dialog_cddb2__event-list li > a:hover { background-color: hsl(var(--recourse-event-color) / 4%); } ._unenroll_dialog_cddb2__event-list li ._unenroll_dialog_cddb2__event-title { align-items: center; color: hsl(var(--recourse-event-color)); display: flex; font-weight: 600; gap: 0.5rem; } ._unenroll_dialog_cddb2__event-list li ._unenroll_dialog_cddb2__event-date { color: hsl(var(--gray50)); font-size: 0.9rem; margin-left: auto; } ._unenroll_dialog_cddb2__event-list-unenrollable li > a { background-image: linear-gradient( -45deg, transparent 45%, hsl(var(--black) / 7%) 50%, transparent 55%, transparent 100% ); background-size: 8px 8px; } ._unenroll_dialog_cddb2__event-list-unenrollable li > a ._unenroll_dialog_cddb2__event-title { color: hsl(var(--text) / 0.75); } ._unenroll_dialog_cddb2__unenroll-with-events-button { background: hsl(var(--recourse-event-color)); border: 1px solid hsl(var(--recourse-event-color)); box-shadow: 0 1000px 0 rgba(0, 0, 0, 0) inset; color: hsl(var(--white)); } ._unenroll_dialog_cddb2__unenroll-with-events-button:not(:disabled):not([disabled]):hover { box-shadow: 0 1000px 0 rgba(0, 0, 0, 0.06) inset; } ._unenroll_dialog_cddb2__unenroll-with-events-button._unenroll_dialog_cddb2__variant-ghost { background: transparent; border-color: hsl(var(--recourse-event-color) / 0.7); color: hsl(var(--recourse-event-color)); } ._unenroll_dialog_cddb2__unenroll-with-events-button._unenroll_dialog_cddb2__variant-ghost:not(:disabled):not([disabled]):hover { border-color: hsl(var(--recourse-event-color)); box-shadow: none; filter: brightness(0.9); } @media only screen and (min-width: 768px) {._new_cacfc__image { height: 100%; position: absolute; right: 0; top: 0; width: 50% } ._new_cacfc__image::after { background: url("/images/register-fba557e55f587eba64a7cf6e0a5be6c8.png?vsn=d") right no-repeat; background-size: cover; bottom: 0; content: ""; left: -10px; max-height: 610px; position: absolute; right: -19px; top: 0; } } ._new_62c05__sentiment { align-items: center; border-radius: 0.5rem; display: flex; gap: 0.5rem; justify-content: center; margin: 1rem 0 2.2rem; text-align: center; transition: background 3s cubic-bezier(0.075, 0.82, 0.165, 1); } ._new_62c05__sentiment svg { height: 2.5rem; margin-bottom: 0.6rem; transition: opacity 0.2s ease-in; width: 2.5rem; } ._new_62c05__sentiment label { align-items: center; cursor: pointer; display: flex; gap: 0.3rem; padding: 0.2rem; } ._new_62c05__sentiment label:hover svg { opacity: 1; } ._new_62c05__sentiment:hover svg { opacity: 0.4; } ._new_62c05__sentiment label[for="review_sentiment_negative"] { transform: rotate(180deg); } ._new_62c05__sentiment input[type="radio"] { accent-color: hsl(var(--primary)); pointer-events: none; } ._new_62c05__sentiment input[type="radio"]:checked + svg { opacity: 1; } ._new_62c05__sentiment._new_62c05__has-value label svg { fill: hsl(var(--primary)); } ._new_62c05__sentiment._new_62c05__has-value input[type="radio"]:not(:checked) + svg { opacity: 0.4; } ._new_62c05__sentiment._new_62c05__has-value input[type="radio"]:not(:checked) + svg:hover { opacity: 1; } ._new_62c05__highlight { animation: _new_62c05__shake 0.62s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; transition: background 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); } ._new_62c05__highlight svg { fill: hsl(var(--danger)); } ._new_62c05__sentiment-missing-tooltip { font-size: 1.1rem; font-weight: 600; padding: 0.5rem 1rem; } ._new_62c05__sentiment-missing-tooltip svg { height: 1.1em; margin: 0 0.2rem; vertical-align: middle; width: 1.1em; } ._new_62c05__sentiment-missing-tooltip svg._new_62c05__sentiment-negative { transform: rotate(180deg); } @keyframes _new_62c05__shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-3px); } 20%, 40%, 60%, 80% { transform: translateX(3px); } } .feedback { background: white; border: 1px solid hsl(var(--gray50) / 0.1); border-radius: 0.4rem; margin: 0 auto 2rem; max-width: 70rem; padding: 2rem 2rem 3.5rem; position: relative; } .feedback-container { margin: 0 auto; max-width: 40rem; text-align: center; } .feedback-comment { display: inline-block; } .feedback .review-anonymity-hint { max-width: 30rem; margin: 0 auto; } .feedback-comment-input > div { text-align: left; } .feedback-error { color: hsl(var(--danger)); } .feedback-additional { align-items: flex-start; background: hsl(var(--gray97)); border-radius: 1em; -webkit-box-align: start; box-shadow: 0 0 0 1px hsl(var(--gray50) / 0.1) inset; display: flex; -ms-flex-align: start; flex-wrap: wrap; margin: 0 auto 2rem; max-height: 500px; max-width: 70em; overflow: hidden; padding: 1rem 1rem 2.75rem; transition: padding 0.2s ease, max-height 0.2s ease; } .feedback-additional.hide { max-height: 0; padding: 0 1rem; transition: padding 0.2s ease 0.2s, max-height 0.2s ease 0.2s; } .feedback-additional.hide .feedback-additional-positive, .feedback-additional.hide .feedback-additional-negative { opacity: 0; transform: scale(0.95); transition: opacity 0.2s ease, transform 0.2s ease; } .feedback-additional-title { font-size: 1.2em; font-weight: bold; margin-bottom: 1rem; text-align: center; width: 100%; } .feedback-additional-positive, .feedback-additional-negative { -webkit-box-flex: 1; -webkit-box-pack: center; display: flex; flex: 1; -ms-flex-pack: center; flex-wrap: wrap; justify-content: center; opacity: 1; transform: scale(1); transition: opacity 0.2s ease 0.2s, transform 0.2s ease 0.2s; } .feedback-additional-positive-item, .feedback-additional-negative-item { align-items: center; line-height: 1; background: hsl(var(--gray50) / 0.1); border: 2px solid transparent; border-radius: 2em; -webkit-box-align: center; display: inline-flex; -ms-flex-align: center; margin: 0.3em; padding: 0.5em 1em; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .feedback-additional:not(.feedback-additional-disabled) .feedback-additional-positive-item, .feedback-additional:not(.feedback-additional-disabled) .feedback-additional-negative-item { cursor: pointer; } .feedback-additional-positive-item.active, .feedback-additional-negative-item.active { background: 0 0; } .feedback-additional:not(.feedback-additional-disabled) .feedback-additional-positive-item:hover, .feedback-additional:not(.feedback-additional-disabled) .feedback-additional-negative-item:hover { background: 0 0; } @media (hover: hover) { .feedback-additional:not(.feedback-additional-disabled) .feedback-additional-positive-item:hover { border-color: hsl(var(--success)); } } .feedback-additional-positive-item.active { border-color: hsl(var(--success)); } @media (hover: hover) { .feedback-additional:not(.feedback-additional-disabled) .feedback-additional-negative-item:hover { border-color: hsl(var(--danger)); } } .feedback-additional-negative-item.active { border-color: hsl(var(--danger)); } .feedback-additional input[type="checkbox"] { opacity: 0; position: fixed; width: 0; } ._show_2870b__sentiment { align-items: center; display: block; margin: 2.2rem 0; text-align: center; } ._show_2870b__sentiment label { opacity: 0.4; padding: 0.2rem; } ._show_2870b__sentiment label._show_2870b__active { opacity: 1; } ._show_2870b__sentiment label svg { fill: hsl(var(--primary)); height: 2.5rem; width: 2.5rem; } ._show_2870b__negative svg { transform: rotate(180deg); } .feedback-message { line-height: 1.4; } .feedback-comment { text-align: left; } .feedback-delete-link { align-items: center; color: hsl(var(--danger)); display: inline-flex; margin-left: 0.5rem; -webkit-text-decoration: none; text-decoration: none; } .feedback-delete-link:hover .feedback-delete-link-text { -webkit-text-decoration: underline; text-decoration: underline; } ._index_8c45b__container { margin-top: var(--spacing-vertical-extra-large); padding-left: var(--spacing-horizontal-small); padding-right: var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) {._index_8c45b__container { padding-left: var(--spacing-horizontal); padding-right: var(--spacing-horizontal) } } ._index_8c45b__results-title { font-size: var(--font-size-heading-large); margin: 1.5rem 0 2rem; } ._index_8c45b__query { font-size: 120%; } ._index_8c45b__query::before, ._index_8c45b__query::after { content: "'"; } ._index_8c45b__section { border-top: 1px solid hsl(var(--border-alpha)); container: item-grid / inline-size; margin: 2rem 0; } ._index_8c45b__section._index_8c45b__certificates ._index_8c45b__item-grid { grid-gap: 0 1.5rem; } @media only screen and (min-width: 1200px) { ._index_8c45b__section._index_8c45b__certificates ._index_8c45b__item-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) } } ._index_8c45b__section._index_8c45b__events ._index_8c45b__item-grid { grid-gap: 1.5rem; grid-template-columns: repeat(2, minmax(0, 1fr)); } @container item-grid (width < 1000px) { ._index_8c45b__section._index_8c45b__events ._index_8c45b__item-grid { grid-template-columns: 1fr } } ._index_8c45b__certificate { align-content: stretch; align-items: initial; display: flex; } ._index_8c45b__section-header { font-size: 1.6rem; font-weight: bold; margin: 2rem 0 1.5rem; } ._index_8c45b__item-grid { align-content: stretch; display: grid; grid-gap: 1.5rem; grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr)); list-style: none; padding: 0; justify-items: stretch; margin-bottom: 2rem; } @media (max-width: 900px) { ._index_8c45b__item-grid { grid-gap: 1rem } } ._index_8c45b__item-grid._index_8c45b__auto-fit { /* with one grid item */ grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr)); } /* with two grid items */ @container item-grid (max-width: 545px) { ._index_8c45b__item-grid._index_8c45b__auto-fit:has(li:nth-child(2)) { grid-template-columns: repeat(1, 1fr) } } @container item-grid (min-width: 1300px) { ._index_8c45b__item-grid._index_8c45b__auto-fit:has(li:nth-child(2)) { grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr)) } } /* with three grid items */ ._index_8c45b__item-grid._index_8c45b__auto-fit:has(li:nth-child(3)) { grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr)); } @container item-grid (max-width: 545px) { ._index_8c45b__item-grid._index_8c45b__auto-fit:has(li:nth-child(3)) { grid-template-columns: repeat(1, 1fr) } } /* with three '.component-highlight-card' grid items */ @container item-grid (max-width: 980px) { ._index_8c45b__item-grid._index_8c45b__auto-fit:has(li:nth-child(1) > a.component-highlight-card):has(li:nth-child(2) > a.component-highlight-card):has(li:nth-child(3) > a.component-highlight-card) > li { grid-column: span 2; max-width: 54rem; } } /* with four grid items */ @container item-grid (max-width: 1299px) { ._index_8c45b__item-grid._index_8c45b__auto-fit:has(li:nth-child(4)) { grid-template-columns: repeat(2, 1fr) } } @container item-grid (max-width: 980px) { ._index_8c45b__item-grid._index_8c45b__auto-fit:has(li:nth-child(4)) > li { grid-column: span 1 !important; } } @container item-grid (max-width: 545px) { ._index_8c45b__item-grid._index_8c45b__auto-fit:has(li:nth-child(4)) { grid-template-columns: repeat(1, 1fr) } } ._index_8c45b__item-grid._index_8c45b__auto-fit > li > a { height: 100%; } ._index_8c45b__slider-item { display: flex; flex-direction: column; gap: 1.25rem; justify-content: stretch; min-width: 20rem; max-width: calc(25% - 0.75rem); } ._index_8c45b__slider-item > *[hidden] { display: none; } ._index_8c45b__channel-item { align-items: center; box-shadow: 0 0 1px 0 hsl(from hsl(var(--background)) h calc(s - 15) calc(l - 15)); background: white; border-radius: 2.5rem; color: black; cursor: pointer; display: inline-flex; gap: 0.5rem; font-size: 0.9rem; height: 2.5rem; overflow: hidden; padding: 0 1.2rem; -webkit-text-decoration: none; -webkit-text-decoration: none; text-decoration: none; transition: all 0.2s ease; white-space: nowrap; width: -moz-fit-content; width: fit-content; } ._index_8c45b__channel-item:hover { transform: scale(1.04); } ._index_8c45b__channel-item .icon { color: var(--channel-color); } ._index_8c45b__course-created-by { align-items: center; display: flex; margin: 10px 0 20px; } ._index_8c45b__course-created-by ._index_8c45b__created-by { margin-right: 0.75em; } ._index_8c45b__course-created-by ._index_8c45b__remove-filter { margin-left: 0.75em; } ._index_8c45b__show-all { align-items: center; background: hsl(var(--gray90)); border-radius: 10rem; font-size: 0.9rem; font-weight: bold; color: hsl(var(--text)); display: inline-flex; gap: 0.5rem; padding: 0.8rem 1.4rem; -webkit-text-decoration: none; text-decoration: none; transition: background 0.2s ease; } ._index_8c45b__show-all:hover { background: hsl(var(--gray85)); } ._index_8c45b__show-all .icon { width: 0.8rem; } ._index_8c45b__cards-items { grid-gap: 1.8rem; grid-template-rows: auto; margin: 2rem auto; max-width: 151.8rem; padding: 0; list-style: none; } @media (max-width: 51.8rem) { ._index_8c45b__cards-items { display: flex; flex-direction: column; } ._index_8c45b__cards-items ._index_8c45b__cards-item { margin: 0 auto; max-width: 30rem; width: 100%; } } @media screen and (min-width: 51.8rem) { ._index_8c45b__cards-items { display: grid; grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 76.8rem) { ._index_8c45b__cards-items { display: grid; grid-template-columns: repeat(3, 1fr); } } ._index_8c45b__cards-item { margin-bottom: 0; min-width: 0; position: relative; } ._index_8c45b__qr-card-component { font-size: 1rem; } ._index_8c45b__qr-card-component-container { background: hsl(var(--white)); border-radius: 10px; box-shadow: 0 0 0 1px rgba(128, 128, 218, 0.1), 0 0 0 0 rgba(128, 128, 218, 0); display: block; overflow: hidden; position: relative; } ._index_8c45b__qr-card-component-container:link { color: hsl(var(--text)); -webkit-text-decoration: none; text-decoration: none; transition: box-shadow 0.1s ease; } ._index_8c45b__qr-card-component-container:link:hover { box-shadow: 0 0 0 1px rgba(128, 128, 218, 0.2), 0 0.5rem 1rem 0 rgba(128, 128, 218, 0.1); } ._index_8c45b__qr-card-component-image { align-items: center; background-position: center; background-size: cover; display: flex; justify-content: center; position: relative; width: 100%; height: 15rem; } ._index_8c45b__qr-card-component-image > ._index_8c45b__icon { height: 65%; max-width: 65%; width: auto; } ._index_8c45b__qr-card-component-label { backdrop-filter: blur(5px); background: rgba(0, 0, 0, 0.2); border-radius: 1rem; color: white; font-size: 0.75rem; font-weight: bold; padding: 0.2rem 0.5rem; position: absolute; right: 0.5rem; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); top: 1rem; } ._index_8c45b__qr-card-component-text { padding: 1rem; } ._index_8c45b__qr-card-component-type { align-items: center; color: hsl(var(--text)); display: flex; margin-bottom: 0.3rem; opacity: 0.75; } ._index_8c45b__qr-card-component-type ._index_8c45b__icon { height: 1rem; margin-right: 0.3rem; width: 1rem; } ._index_8c45b__qr-card-component-title { color: hsl(var(--text)); font-size: 1rem; font-weight: bold; } ._index_8c45b__audiences { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.75rem; } ._index_8c45b__gradient::after { background: linear-gradient(to right, transparent 0%, #666 100%); content: ""; top: 0; right: 0; bottom: 0; left: 0; mix-blend-mode: overlay; position: absolute; } ._index_8c45b__gradient > ._index_8c45b__icon { fill: white; mix-blend-mode: overlay; opacity: 0.5; } ._index_8c45b__gradient._index_8c45b__gradient7 > ._index_8c45b__icon { opacity: 0.65; } ._index_8c45b__gradient0 { background-color: #e57373; } ._index_8c45b__gradient1 { background-color: #f06292; } ._index_8c45b__gradient2 { background-color: #9575cd; } ._index_8c45b__gradient3 { background-color: #90caf9; } ._index_8c45b__gradient4 { background-color: #4db6ac; } ._index_8c45b__gradient5 { background-color: #81c784; } ._index_8c45b__gradient6 { background-color: #dce775; } ._index_8c45b__gradient7 { background-color: #fff176; } ._index_8c45b__gradient8 { background-color: #ffb74d; } ._index_8c45b__gradient9 { background-color: #ff8a65; } ._index_8c45b__matched-items-container { display: flex; gap: 0.5rem; flex-wrap: wrap; align-items: center; } ._index_8c45b__matched-items-overflow { display: none; gap: 0.5rem; flex-wrap: wrap; } ._index_8c45b__matched-items-container[data-expanded] ._index_8c45b__matched-items-overflow { display: contents; } ._index_8c45b__matched-items-toggle { align-items: center; background: hsl(var(--gray90)); border: none; border-radius: 10rem; color: hsl(var(--text)); cursor: pointer; font-size: 0.8rem; font-weight: bold; padding: 0.4rem 0.8rem; transition: background 0.2s ease; white-space: nowrap; } ._index_8c45b__matched-items-toggle:hover { background: hsl(var(--gray85)); } ._index_8c45b__toggle-label-less { display: none; } ._index_8c45b__matched-items-container[data-expanded] ._index_8c45b__toggle-label-more { display: none; } ._index_8c45b__matched-items-container[data-expanded] ._index_8c45b__toggle-label-less { display: inline; } ._index_8c45b__matched-item { display: inline-flex; padding: 0.5rem 1rem; border-radius: 0.5rem; } ._index_8c45b__matched-item > span { display: flex; align-items: center; gap: 0.25rem; } ._index_8c45b__matched-items { margin: 0.5rem 1rem; } ._index_8c45b__did-you-mean { margin: 0.5rem 1rem 1.5rem; font-style: italic; font-size: 0.9em; color: hsl(var(--meta)); } ._index_8c45b__did-you-mean a { color: hsl(var(--text)); } ._index_8c45b__ai-toggle-hint { display: flex; justify-content: flex-end; margin-bottom: 0.5rem; padding: 0.5rem 1rem; font-size: 0.85em; } ._index_8c45b__ai-toggle-hint__button { color: #6b7280; color: var(--color-text-muted, #6b7280); -webkit-text-decoration: underline; text-decoration: underline; } ._index_8c45b__ai-toggle-hint__button:hover { color: #4f46e5; color: var(--color-primary, #4f46e5); } @media only screen and (min-width: 768px) {._new_b153b__image { height: 100%; position: absolute; right: 0; top: 0; width: 50% } ._new_b153b__image::after { background: url("/images/sign-in-5fb8f6cd6df4a7afd9cd5b634eea7f25.png?vsn=d") right no-repeat; background-size: cover; bottom: -11px; content: ""; left: -13px; position: absolute; right: -15px; top: 0; } } ._index_f5087__actions { align-items: center; display: flex; gap: 1rem; margin-bottom: 1rem; } ._index_f5087__info-alert { flex: 1; margin: 0; } ._new_f0997__assessor { margin-bottom: 1rem; } ._new_f0997__assessor-radios { display: flex; flex-wrap: wrap; gap: 0.25rem 0.5rem; } ._new_f0997__assessor-radio { display: none; } ._new_f0997__assessor-label { border-radius: 0.3rem; cursor: pointer; padding: 0.5rem; -webkit-user-select: none; -moz-user-select: none; user-select: none; } ._new_f0997__assessor-label:hover { box-shadow: 0 0 0 1px hsl(var(--border) / 0.5); } ._new_f0997__assessor-radio:checked + ._new_f0997__assessor-label { background-color: hsl(var(--form-input-background)); box-shadow: 0 0 0 1px hsl(var(--border)); cursor: default; } ._new_f0997__no-assessors { margin: 0; } ._new_ecf8b__container { margin-top: var(--spacing-vertical-large); } ._index_826a0__has-feedback { color: hsl(var(--primary)); white-space: nowrap; } ._index_826a0__has-feedback:hover ._index_826a0__label { -webkit-text-decoration: underline; text-decoration: underline; } ._index_826a0__feedback-icon { vertical-align: middle; } ._index_826a0__no-feedback { color: hsl(var(--gray50)); white-space: nowrap; } ._index_be8c8__form { margin-bottom: var(--spacing-vertical-large); margin-top: var(--spacing-vertical-extra-large); } ._index_be8c8__search-icon { font-size: 24px; left: 14px; position: absolute; top: 14px; z-index: 0; } ._index_be8c8__submit { border-radius: 0 var(--size-border-radius) var(--size-border-radius) 0; } ._index_be8c8__input { background-color: transparent; padding-left: 50px; position: relative; z-index: 1; } ._index_be8c8__search-query { display: block; font-size: var(--font-size-extra-large); margin-bottom: 1em; } ._show_5dedd__skill-panel { background: white; border-radius: .5rem; margin-bottom: 1rem; padding: 1rem 2rem 2rem 2rem; } ._show_5dedd__skill-heading { margin: 0; position: relative; } ._show_5dedd__skill-labels { align-items: flex-start; display: flex; gap: .5rem; } @media screen and (max-width: 799px) { ._show_5dedd__skill-labels { margin: 1rem 0 } } ._show_5dedd__skill-actions { align-items: center; display: flex; gap: 1rem; margin-left: auto; } ._show_5dedd__checklist-title { font-weight: 600; } ._show_5dedd__assessment-buttons { align-items: center; background: white; border-top: 1px solid hsl(var(--border) / .5); bottom: 0; display: flex; gap: 1rem; justify-content: center; margin-bottom: -2rem; margin-top: 2rem; padding: 1rem 0; position: sticky; z-index: 100; } /* Skillslab Events */ ._show_5dedd__skillslab-events-section h3 { display: flex; flex-wrap: wrap; gap: 1rem 0; } ._show_5dedd__occurrences-count { background-color: hsl(var(--gray93)); margin-left: 0.25em; padding: 0 0.5em; } ._show_5dedd__available-toggle-active { cursor: disabled!important; } ._show_5dedd__available-toggle-active { background: gray; color: white; } ._show_5dedd__enrollable-toggle { margin-left: auto; } @media screen and (max-width: 420px){ ._show_5dedd__enrollable-toggle { display: flex; justify-content: stretch; width: 100% } } ._show_5dedd__enrollable-toggle a { border-radius: .3rem; cursor: pointer; flex-grow: 1; font-size: .8rem; padding: .3rem .6rem; text-align: center; } ._show_5dedd__skillslab-explanation { color: hsl(var(--meta)); } ._index_cef78__container { padding: 0 10px; } ._index_cef78__filter-bar { align-items: center; display: flex; gap: 1rem; justify-content: flex-end; } ._index_cef78__toggle { border: 1px solid hsl(var(--link)); border-right: none; border-radius: 3px; display: flex; list-style: none; margin-bottom: var(--spacing-vertical); padding: 0; } ._index_cef78__item { align-items: center; border-right: 1px solid hsl(var(--link)); display: flex; gap: .5rem; margin: 0; padding: .5rem; } ._index_cef78__item._index_cef78__active { background-color: hsl(var(--link)); color: hsl(var(--white)); } ._index_cef78__link { align-items: center; display: flex; gap: .2rem; -webkit-text-decoration: none; text-decoration: none; } ._index_cef78__search-query { display: block; font-size: var(--font-size-extra-large); margin-bottom: 1em; } ._index_cef78__no-results { padding: 1rem; } ._index_cef78__event-title { align-items: center; display: flex; gap: 1rem; margin: 2rem 0 1rem; } ._index_cef78__event-title h2 { margin: 0; } ._index_cef78__cover-image { border-radius: .3rem; height: 4rem; width: 4rem; } ._index_cef78__cover-image._index_cef78__default { align-items: center; background: linear-gradient( 137deg, hsl(var(--primary)) 21%, hsl( calc(var(--primary-h) + 40), calc(var(--primary-s) - 40%), calc(var(--primary-l) - 20%) ) 100% ); color: white; display: flex; justify-content: center;; } ._index_cef78__event-link-title { display: block; font-size: var(--font-size-heading-medium); font-weight: bold; line-height: 1.25em; -webkit-text-decoration: none; text-decoration: none; } ._index_cef78__event-link-title a { color: hsl(var(--body)); } ._index_cef78__event-link-title a:hover { color: hsl(var(--event)); } ._index_cef78__event-link-title small { font-weight: normal; display: block; } ._index_cef78__occurrence-card { display: block; -webkit-text-decoration: none; text-decoration: none; transition: box-shadow 0.2s ease; margin-bottom: 1rem; } ._index_cef78__occurrence-card:hover { box-shadow: 0 0.5rem 1.2rem rgba(0, 0, 0, 0.04), 0 0 0.2rem rgba(0, 0, 0, 0.04) } @media only screen and (min-width: 768px) {._new_98859__content { padding: 40px 60px } } @media only screen and (min-width: 768px) { ._new_98859__content ._new_98859__header { margin-bottom: var(--spacing-vertical-large) } } ._new_98859__content ._new_98859__terms-content { border: 1px solid hsl(var(--gray85)); border-radius: 5px; margin-bottom: var(--spacing-vertical-large); max-height: 300px; overflow-y: auto; padding: var(--spacing-vertical) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { ._new_98859__content ._new_98859__terms-content { margin-bottom: 30px; max-height: 600px } } @media only screen and (min-width: 768px) { ._new_98859__content ._new_98859__form { margin-bottom: var(--spacing-vertical) } } ._achievements_aa7e9__timeline { max-width: 1024px; padding: 0; } ._achievements_aa7e9__top-actions { align-items: stretch; display: flex; gap: 1rem; margin: 0 20px 1.5rem; } @media only screen and (min-width: 768px) { ._achievements_aa7e9__top-actions { margin: 0; padding: 0 0 0 130px } } ._achievements_aa7e9__top-actions form { flex: 1; } ._achievements_aa7e9__container { align-items: center; border: 1px solid #d7e1e3; border-radius: 5px; padding: 10px 15px; position: relative; } @media only screen and (min-width: 544px) { ._achievements_aa7e9__container { align-items: center; display: flex; padding: 20px 30px } } ._achievements_aa7e9__container::before { background-color: hsl(var(--text)); border: 3px solid hsl(var(--background)); border-radius: 50%; content: ""; display: block; height: 7px; left: -16px; position: absolute; top: -30px; width: 7px; } @media only screen and (min-width: 768px) { ._achievements_aa7e9__container::before { left: -26px; top: 50%; transform: translateY(-50%) } } @media only screen and (min-width: 768px) { ._achievements_aa7e9__container::after { background: inherit; border: 0; border-bottom: 1px solid hsl(var(--border)); border-left: 1px solid hsl(var(--border)); content: ""; height: 10px; left: 0; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 10px; z-index: 1 } } ._index_b256a__billing { border: 1px solid hsl(var(--border-alpha)); border-radius: var(--size-border-radius); display: flex; margin-top: var(--spacing-vertical-small); padding: var(--spacing-horizontal-small); } ._index_b256a__billing-actions { margin-left: auto; } ._index_b256a__billing-actions >a { display: block; margin: 0; -webkit-text-decoration: none; text-decoration: none; } @media only screen and (min-width: 768px) { ._index_b256a__content { max-width: 40rem } } ._index_1e2f2__achievements-filter { text-align: right; margin-bottom: 1rem; } ._index_1e2f2__achievement-toggle { background: none; border: none; border-radius: .3rem; cursor: pointer; font-size: .8rem; padding: .2rem .5rem; } ._index_1e2f2__active { background: hsl(var(--primary)); color: white; } ._print_0c047__container { border: 2px solid hsl(214, 10%, 85%); border-radius: 8px; clear: both; position: relative; text-align: center; top: 2em; } ._print_0c047__header { padding: var(--spacing-vertical) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { ._print_0c047__header { padding-left: var(--spacing-horizontal); padding-right: var(--spacing-horizontal); } } ._print_0c047__header { background: hsl(var(--background)); border-bottom: 2px solid hsl(214, 10%, 85%); border-radius: 8px 8px 0 0; } ._print_0c047__content { padding: var(--spacing-vertical) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { ._print_0c047__content { padding-left: var(--spacing-horizontal); padding-right: var(--spacing-horizontal); } } ._print_0c047__icon { background: white; margin-bottom: 2em; transform: scale(2) translateY(-20%); } ._print_0c047__certificate-text { font-family: serif; font-size: 1.5em; font-style: italic; opacity: 0.6; } ._print_0c047__title { font-size: 2em; } ._print_0c047__description { text-align: left; } ._print_0c047__user { font-family: serif; font-size: 2.6em; font-style: italic; } ._print_0c047__achieved { font-size: 1.5em; } ._print_0c047__expiration { font-size: 1.2em; } ._print_0c047__footer { font-size: 0.9em; opacity: 0.75; position: relative; text-align: center; margin-top: 3em; } ._print_0c047__company-logo { filter: grayscale(100%); height: 25px; } ._print_0c047__qr-code { margin-top: 1em; text-align: center; } ._print_0c047__qr-code canvas { margin: 0; } ._print_b2be3__container { border: 2px solid hsl(214, 10%, 85%); border-radius: 8px; clear: both; position: relative; text-align: center; top: 2em; } ._print_b2be3__header { padding: var(--spacing-vertical) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { ._print_b2be3__header { padding-left: var(--spacing-horizontal); padding-right: var(--spacing-horizontal); } } ._print_b2be3__header { background: hsl(var(--background)); border-bottom: 2px solid hsl(214, 10%, 85%); border-radius: 8px 8px 0 0; } ._print_b2be3__content { padding: var(--spacing-vertical) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { ._print_b2be3__content { padding-left: var(--spacing-horizontal); padding-right: var(--spacing-horizontal); } } ._print_b2be3__icon { background: white; margin-bottom: 2em; transform: scale(2) translateY(-20%); } ._print_b2be3__certificate-text { font-family: serif; font-size: 1.5em; font-style: italic; opacity: 0.6; } ._print_b2be3__title { font-size: 2em; } ._print_b2be3__description { text-align: left; } ._print_b2be3__user { font-family: serif; font-size: 2.6em; font-style: italic; } ._print_b2be3__achieved { font-size: 1.5em; } ._print_b2be3__expiration { font-size: 1.2em; } ._print_b2be3__footer { font-size: 0.9em; opacity: 0.75; position: relative; text-align: center; margin-top: 3em; } ._print_b2be3__company-logo { filter: grayscale(100%); height: 25px; } ._print_b2be3__qr-code { margin-top: 1em; text-align: center; } ._print_b2be3__qr-code canvas { margin: 0; } .course-proof-header-image { min-height: 30rem; position: absolute; } @media (max-width: 544px) { .course-proof-header-image { min-height: 25rem } } .course-proof-container { line-height: 1.3; margin-bottom: -7rem; max-width: 50rem; padding-bottom: 5rem; position: relative; top: 14rem; -webkit-print-color-adjust: exact; print-color-adjust: exact; } @media (max-width: 544px) { .course-proof-container { margin-bottom: -14rem; top: 9rem } } .course-proof-container .course-proof { background: white; border-radius: 0.7rem; box-shadow: 0 0.2rem 3rem 0 hsl(var(--theme-color) / 0.2), 0 0.2rem 1.5rem 0 rgba(0, 0, 0, 0.2); position: relative; } @media print { .course-proof-container .course-proof { border: 1px solid hsl(var(--gray94)); box-shadow: none } } .course-proof-container .course-proof-header { background: hsl(var(--gray98)); border-bottom: 1px solid hsl(var(--gray94)); border-radius: 0.7rem 0.7rem 0 0; padding: 5.5rem 2.5rem 2.5rem; width: 100%; } .course-proof-container .course-proof-header-title { margin: 0 auto; max-width: 36rem; } .course-proof-container .course-proof-header-title h1 { display: inline-block; font-size: 1.7rem; font-weight: 700; line-height: 1.2; margin: 0.25rem 0; } .course-proof-container .course-proof-header-title .last-visited-item-type { color: hsl(var(--gray50)); display: inline-block; } .course-proof-container .course-proof-content { padding: 2.5rem; text-align: center; } .course-proof-container .course-proof-content-username { font-family: serif; font-size: 2.6rem; font-style: italic; margin: 0 auto 0.5rem; max-width: 35rem; } .course-proof-container .course-proof-content-completed-at { color: hsl(var(--gray70)); font-weight: 700; margin: 0 auto 2rem; max-width: 35rem; } @media print { .course-proof-container .course-proof-content-completed-at { color: black } } .course-proof-container .company-info-footer { align-items: center; color: hsl(var(--gray75)); display: flex; flex-direction: column; font-size: 0.9rem; gap: 0.75rem; justify-content: center; margin: 1rem 0; } .course-proof-container .company-info-footer img { max-height: 2.5rem; max-width: 10rem; opacity: 0.7; } @media (max-width: 544px) { .course-proof-container .company-info-footer { flex-direction: column; gap: 0.5rem; text-align: center } .course-proof-container .company-info-footer span { margin-bottom: 0; } } .course-proof-container .course-proof-circle .completion-indicator { transform: scale(1); } .course-proof-container .course-proof .course-finished-confetti .confetti-1 { left: -10rem; top: 3rem; } .course-proof-container .course-proof .course-finished-confetti .confetti-2 { left: -8rem; top: -6.5rem; } .course-proof-container .course-proof .course-finished-confetti .confetti-3 { left: -6rem; top: 1rem; } .course-proof-container .course-proof .course-finished-confetti .confetti-4 { left: 5rem; top: -5rem; } .course-proof-container .course-proof .course-finished-confetti .confetti-5 { left: 8rem; top: 4rem; } .course-proof-container .course-proof .course-finished-confetti .confetti-6 { left: 10rem; top: -2rem; } .course-proof-container .course-proof .course-finished-confetti .confetti-7 { left: 7.25rem; top: -0.25rem; } .course-proof-container #print_proof { display: inline-flex; font-size: 1rem; padding: 0.6rem 1.2rem; } .course-proof-container #print_proof:hover, .course-proof-container #print_proof:active { background: hsl(var(--theme-color-h) var(--theme-color-s) calc(var(--theme-color-l) - 10%)); } .course-proof-container #print_proof:focus-visible { outline: none; } @media (max-width: 544px) { .course-proof-container #print_proof { align-items: center; flex-direction: column; gap: 0.5rem } } @media print { .course-proof-container .course-proof-circle, .course-proof-container .course-proof-circle-shadow-bottom::after { box-shadow: none; } .course-proof-container #print_proof { box-shadow: none; } } @media print { @page { margin: 0; } body { margin: 1.6cm; } } ._courses_1b5bd__no-results { margin: var(--spacing-vertical-extra-large) 0; text-align: center; } ._courses_1b5bd__no-results-message { font-size: var(--font-size-extra-large); font-weight: 300; margin: 0 0 var(--spacing-vertical-large); } ._index_9db4c__epa-list { list-style: none; margin: 0; padding: 0; } ._index_9db4c__epa-link { color: inherit; text-decoration: inherit; } ._index_9db4c__title { font-size: 20px; font-weight: bold; line-height: var(--line-height-medium); } ._index_9db4c__meta { align-items: center; color: hsl(var(--meta)); display: flex; } ._index_9db4c__meta-item { margin-right: 20px; } ._index_9db4c__meta-item:last-child { margin-right: 0; } ._index_9db4c__code { align-items: center; color: hsl(var(--code)); gap: .5em; font-family: var(--font-family-monospace); font-size: var(--font-size-small); display: flex; text-transform: uppercase; white-space: nowrap; } ._index_9db4c__code a { margin-bottom: .2em; -webkit-text-decoration: none; text-decoration: none; } ._index_9db4c__status { font-weight: bold; margin-left: auto; } ._index_9db4c__level { --badge-size: 26px; border-radius: var(--size-border-radius); color: hsl(var(--white)); display: flex; gap: .2em; font-size: var(--font-size-badge-small); font-weight: 600; line-height: 26px; line-height: var(--badge-size); padding: 0 0.5em; text-align: center; text-transform: uppercase; white-space: nowrap; } ._index_9db4c__level-1 { background-color: hsl(var(--epa-level1)); } ._index_9db4c__level-1._index_9db4c__highlight { box-shadow: 0 0 10px hsl(var(--epa-level1)); } ._index_9db4c__level-2 { background-color: hsl(var(--epa-level2)); } ._index_9db4c__level-2._index_9db4c__highlight { box-shadow: 0 0 10px hsl(var(--epa-level2)); } ._index_9db4c__level-3 { background-color: hsl(var(--epa-level3)); } ._index_9db4c__level-3._index_9db4c__highlight { box-shadow: 0 0 10px hsl(var(--epa-level3)); } ._index_9db4c__level-4 { background-color: hsl(var(--epa-level4)); } ._index_9db4c__level-4._index_9db4c__highlight { box-shadow: 0 0 10px hsl(var(--epa-level4)); } ._index_9db4c__level-5 { background-color: hsl(var(--epa-level5)); } ._index_9db4c__level-5._index_9db4c__highlight { box-shadow: 0 0 10px hsl(var(--epa-level5)); } @media only screen and (max-width: 767px) { ._index_9db4c__level { font-size: var(--font-size-badge-default); width: var(--badge-size) } ._index_9db4c__level-text { display: none; } } ._show_84c36__history-export { max-width: 800px; margin: 0 auto; padding: 2rem; } ._show_84c36__actions { display: flex; justify-content: flex-end; gap: 1.5rem; margin-bottom: 1rem; } ._show_84c36__user-profile { display: flex; align-items: center; gap: 1.5rem; padding: 1rem 0; } ._show_84c36__user-info { flex: 1; } ._show_84c36__user-name { margin: 0; font-size: 1.5rem; font-weight: 600; } ._show_84c36__anchor-nav { display: flex; align-items: center; gap: 1rem; margin-top: 1rem; padding: 0.75rem 1rem; background: hsl(var(--gray97)); border-radius: 4px; } ._show_84c36__anchor-nav-label { font-size: 0.875rem; color: hsl(var(--gray50)); } ._show_84c36__anchor-link { font-size: 0.875rem; color: hsl(var(--primary)); -webkit-text-decoration: none; text-decoration: none; } ._show_84c36__anchor-link:hover { -webkit-text-decoration: underline; text-decoration: underline; } ._show_84c36__section { margin-top: 2rem; } ._show_84c36__section-title { font-size: 1.25rem; font-weight: 600; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 1px solid hsl(var(--gray94)); } ._show_84c36__achievement-item { padding: 1rem; margin-bottom: 0.75rem; background: hsl(var(--gray97)); border-radius: 4px; } ._show_84c36__achievement-header { display: flex; justify-content: space-between; margin-bottom: 0.5rem; font-size: 0.875rem; color: hsl(var(--gray50)); } ._show_84c36__achievement-type { font-weight: 500; text-transform: capitalize; } ._show_84c36__achievement-title { margin: 0 0 0.25rem 0; font-size: 1rem; font-weight: 600; } ._show_84c36__achievement-description { margin: 0; font-size: 0.875rem; color: hsl(var(--gray50)); } ._show_84c36__enrollment-item { display: flex; justify-content: space-between; align-items: center; padding: 1rem; margin-bottom: 0.75rem; background: hsl(var(--gray97)); border-radius: 4px; } ._show_84c36__enrollment-info { flex: 1; } ._show_84c36__enrollment-title { margin: 0 0 0.25rem 0; font-size: 1rem; font-weight: 600; } ._show_84c36__enrollment-details { display: flex; gap: 1.5rem; font-size: 0.875rem; color: hsl(var(--gray50)); } ._show_84c36__enrollment-completed { color: hsl(var(--success)); } ._show_84c36__enrollment-status { flex-shrink: 0; } ._show_84c36__certificate-item { display: flex; justify-content: space-between; align-items: center; padding: 1rem; margin-bottom: 0.75rem; background: hsl(var(--gray97)); border-radius: 4px; } ._show_84c36__certificate-info { flex: 1; } ._show_84c36__certificate-title { margin: 0 0 0.25rem 0; font-size: 1rem; font-weight: 600; } ._show_84c36__certificate-details { font-size: 0.875rem; color: hsl(var(--gray50)); } ._show_84c36__certificate-count::after { content: " · "; } ._show_84c36__certificate-status { flex-shrink: 0; } ._show_84c36__result-item { display: flex; gap: 1rem; padding: 1rem; margin-bottom: 0.75rem; background: hsl(var(--gray97)); border-radius: 4px; } ._show_84c36__result-icon { display: flex; flex-direction: column; align-items: center; min-width: 60px; } ._show_84c36__result-type { font-size: 0.75rem; color: hsl(var(--gray50)); text-transform: capitalize; margin-top: 0.25rem; } ._show_84c36__result-info { flex: 1; display: flex; justify-content: space-between; align-items: flex-start; } ._show_84c36__result-text { flex: 1; } ._show_84c36__result-title { margin: 0 0 0.25rem 0; font-size: 1rem; font-weight: 600; } ._show_84c36__result-status { margin: 0; font-size: 0.875rem; color: hsl(var(--gray50)); } /* Print styles */ @media print { ._show_84c36__history-export { padding: 0; max-width: 100%; } ._show_84c36__achievement-item, ._show_84c36__certificate-item, ._show_84c36__enrollment-item, ._show_84c36__result-item { background: none; border: none; border-bottom: 1px solid hsl(var(--gray94)); border-radius: 0; padding: 0.5rem 0; margin-bottom: 0; } ._show_84c36__achievement-item:last-child, ._show_84c36__certificate-item:last-child, ._show_84c36__enrollment-item:last-child, ._show_84c36__result-item:last-child { border-bottom: none; } ._show_84c36__enrollment-details { flex-direction: column; gap: 0.25rem; } ._show_84c36__certificate-count::after { content: none; } ._show_84c36__certificate-validity { display: block; } ._show_84c36__result-info { display: block; } ._show_84c36__result-text { display: block; } ._show_84c36__result-title { margin: 0; display: inline; } ._show_84c36__result-status { display: inline; margin-left: 0.5rem; font-style: italic; } ._show_84c36__result-status::before { content: "— "; } } ._print_593a0__container { border: 2px solid hsl(214, 10%, 85%); border-radius: 8px; clear: both; position: relative; text-align: center; top: 2em; } ._print_593a0__header { padding: var(--spacing-vertical) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { ._print_593a0__header { padding-left: var(--spacing-horizontal); padding-right: var(--spacing-horizontal); } } ._print_593a0__header { background: hsl(var(--background)); border-bottom: 2px solid hsl(214, 10%, 85%); border-radius: 8px 8px 0 0; } ._print_593a0__content { padding: var(--spacing-vertical) var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) { ._print_593a0__content { padding-left: var(--spacing-horizontal); padding-right: var(--spacing-horizontal); } } ._print_593a0__icon { background: white; margin-bottom: 2em; transform: scale(2) translateY(-20%); } ._print_593a0__certificate-text { font-family: serif; font-size: 1.5em; font-style: italic; opacity: 0.6; } ._print_593a0__title { font-size: 2em; } ._print_593a0__description { text-align: left; } ._print_593a0__user { font-family: serif; font-size: 2.6em; font-style: italic; } ._print_593a0__achieved { font-size: 1.5em; } ._print_593a0__expiration { font-size: 1.2em; } ._print_593a0__footer { font-size: 0.9em; opacity: 0.75; position: relative; text-align: center; margin-top: 3em; } ._print_593a0__company-logo { filter: grayscale(100%); height: 25px; } ._print_593a0__qr-code { margin-top: 1em; text-align: center; } ._print_593a0__qr-code canvas { margin: 0; } ._history_c19e9__User-HistoryView { --icon-size: 50px; } ._history_c19e9__result { background: hsl(var(--white)); display: flex; margin-bottom: var(--spacing-vertical-small); min-height: 105px; padding-left: calc((var(--spacing-horizontal) * 2) + var(--icon-size)); position: relative; } ._history_c19e9__icon-holder { align-items: center; border-radius: var(--size-border-radius) 0 0 var(--size-border-radius); bottom: 0; display: flex; flex-direction: column; justify-content: center; left: 0; position: absolute; text-align: center; top: 0; width: calc((var(--spacing-horizontal) * 2) + var(--icon-size)); } ._history_c19e9__icon-holder ._history_c19e9__label { display: block; font-size: var(--font-size-small); font-weight: 600; margin-top: 10px; text-align: center; white-space: nowrap; } ._history_c19e9__info { display: flex; justify-content: space-between; padding: var(--spacing-vertical-large) var(--spacing-horizontal); width: 100%; } ._history_c19e9__info ._history_c19e9__title { font-weight: bold; margin-bottom: var(--spacing-vertical); margin-top: 0; } ._history_c19e9__grade-cell { margin-top: 0.5rem; margin-left: auto; margin-right: 1rem; } ._history_c19e9__grade { align-items: center; display: flex; flex-shrink: 0; justify-content: center; } ._history_c19e9__feedback-button { margin-left: var(--spacing-horizontal-small); } ._history_c19e9__assessment-type { margin-left: var(--spacing-horizontal-small); } ._history_c19e9__filler { width: 1.5rem; } ._index_7903b__container { margin: 0 auto; max-width: 50rem; padding: 0 var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) {._index_7903b__container { padding: 0 var(--spacing-horizontal) } } ._index_7903b__header { align-items: center; border-bottom: 1px solid hsl(var(--border)); display: flex; gap: 1rem; margin-bottom: var(--spacing-vertical-large); padding-top: var(--spacing-vertical-small); } ._index_7903b__title { flex: 1; } ._index_7903b__meta { align-items: center; display: flex; margin-bottom: var(--spacing-vertical-small); flex-direction: column; gap: .5rem; } @media only screen and (min-width: 544px) { ._index_7903b__meta { flex-direction: row } } ._index_7903b__meta > div:first-child { display: flex; align-items: flex-start; margin-right: auto; } @media only screen and (min-width: 544px) { ._index_7903b__meta > div:first-child { align-items: center } } ._index_7903b__date { color: hsl(var(--meta)); font-size: var(--font-size-small); margin-right: auto; } @media only screen and (min-width: 544px) { ._index_7903b__date { margin-right: 0; margin-left: auto } } ._index_7903b__reference { font-weight: 600; margin-right: 0.5em; white-space: nowrap; } ._index_7903b__order-status { white-space: nowrap; } ._index_7903b__no-orders { text-align: center; } ._show_30b4f__container { max-width: var(--media-tablet); padding: 0 var(--spacing-horizontal-small); } @media only screen and (min-width: 768px) {._show_30b4f__container { padding: 0 var(--spacing-horizontal) } } ._show_30b4f__title { align-items: center; display: flex; } ._show_30b4f__order-status { font-size: 0.5em; margin-left: var(--spacing-horizontal-small); } ._show_30b4f__meta { color: hsl(var(--meta)); font-size: var(--font-size-small); margin-bottom: var(--spacing-vertical); } ._show_30b4f__meta > a { color: inherit; } ._show_30b4f__price { font-size: var(--font-size-extra-large); font-weight: 700; } ._show_30b4f__comment { margin-top: var(--spacing-vertical-large); position: relative; } ._show_30b4f__comment-form { margin-right: 75px; position: relative; } ._show_30b4f__comment-avatar { position: absolute; right: 0; right: -70px; top: 0; } ._show_30b4f__comment-input { margin: 0; } ._show_30b4f__comment-submit { display: block; margin: -0.5rem 0 0 auto; } ._show_30b4f__timeline { margin: 0 auto; } ._show_30b4f__timeline-title { text-align: center; } ._show_30b4f__questions-dialog ._show_30b4f__header-section { margin-bottom: var(--spacing-vertical-extra-large); } ._show_30b4f__questions-dialog ._show_30b4f__action-right { margin-left: auto; } ._show_30b4f__questions-dialog h1 { font-size: var(--font-size-heading-large); } ._show_30b4f__questions-dialog h2 { font-size: var(--font-size-heading-small); } ._show_30b4f__questions-dialog, ._show_30b4f__questions-dialog-trigger { /* Used for JS */ } ._requirements_7b80d__filters-form { align-items: center; display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between; margin: 1rem 0; } @media only screen and (min-width: 768px) {._requirements_7b80d__filters-form { justify-content: space-between } } ._requirements_7b80d__filters-form input[type="checkbox"], ._requirements_7b80d__filters-form input[type="radio"] { display: none; } ._requirements_7b80d__filters-form label { -webkit-user-select: none; -moz-user-select: none; user-select: none; } ._requirements_7b80d__filters-form ._requirements_7b80d__category-filters, ._requirements_7b80d__filters-form ._requirements_7b80d__compliant-filters, ._requirements_7b80d__filters-form ._requirements_7b80d__sort-filters { align-items: center; display: flex; flex-wrap: wrap; gap: 0.5em; } /* Filters */ ._requirements_7b80d__filters-form ._requirements_7b80d__category-filters input[type="checkbox"] +label, ._requirements_7b80d__filters-form ._requirements_7b80d__category-filters input[type="radio"] +label, ._requirements_7b80d__filters-form ._requirements_7b80d__compliant-filters input[type="checkbox"] +label, ._requirements_7b80d__filters-form ._requirements_7b80d__compliant-filters input[type="radio"] +label { align-items: center; background: hsl(var(--black) / 2%); border: 1px solid hsl(var(--black) / 4%); border-radius: 5px; cursor: pointer; display: flex; padding: 0.5em; -webkit-text-decoration: none; text-decoration: none; white-space: nowrap; } ._requirements_7b80d__filters-form ._requirements_7b80d__category-filters input[type="checkbox"]:checked+label, ._requirements_7b80d__filters-form ._requirements_7b80d__category-filters input[type="radio"]:checked+label, ._requirements_7b80d__filters-form ._requirements_7b80d__compliant-filters input[type="checkbox"]:checked+label, ._requirements_7b80d__filters-form ._requirements_7b80d__compliant-filters input[type="radio"]:checked+label { background: hsl(var(--link)); color: white; font-weight: bold; } ._requirements_7b80d__filters-form ._requirements_7b80d__category-filters { width: 100%; } ._requirements_7b80d__filters-form ._requirements_7b80d__filter-dropdowns { align-items: center; display: flex; gap: 0.5em; } @media only screen and (max-width: 767px) { ._requirements_7b80d__filters-form ._requirements_7b80d__filter-dropdowns { width: 100% } } ._requirements_7b80d__filters-form:has(._requirements_7b80d__filter-dropdowns) { flex-wrap: nowrap; } @media only screen and (max-width: 767px) { ._requirements_7b80d__filters-form:has(._requirements_7b80d__filter-dropdowns) { align-items: stretch; flex-direction: column; flex-wrap: wrap; gap: 0.75rem } } ._requirements_7b80d__filters-form:has(._requirements_7b80d__filter-dropdowns) ._requirements_7b80d__sort-filters { flex-wrap: nowrap; } @media only screen and (max-width: 767px) { ._requirements_7b80d__filters-form:has(._requirements_7b80d__filter-dropdowns) ._requirements_7b80d__sort-filters { gap: 0.4rem; width: 100% } } ._requirements_7b80d__filters-form:has(._requirements_7b80d__filter-dropdowns) ._requirements_7b80d__sort-filters input[name="sort"] +label { align-items: center; background: white; border: 1px solid transparent; border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); cursor: pointer; display: flex; min-height: 2.5rem; padding: 0.5em 0.75em; -webkit-text-decoration: none; text-decoration: none; transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease; } ._requirements_7b80d__filters-form:has(._requirements_7b80d__filter-dropdowns) ._requirements_7b80d__sort-filters input[name="sort"] +label:hover { border-color: hsl(var(--primary) / 20%); } ._requirements_7b80d__filters-form:has(._requirements_7b80d__filter-dropdowns) ._requirements_7b80d__sort-filters input[name="sort"]:checked+label { background: hsl(var(--primary) / 4%); border-color: hsl(var(--primary) / 25%); box-shadow: 0 0 0 1px hsl(var(--primary) / 10%); color: hsl(var(--primary)); font-weight: bold; } ._requirements_7b80d__filters-form ._requirements_7b80d__category-dropdown, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown { position: relative; } @media only screen and (max-width: 767px) { ._requirements_7b80d__filters-form ._requirements_7b80d__category-dropdown, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown { flex: 1 1 0; min-width: 0 } } ._requirements_7b80d__filters-form ._requirements_7b80d__category-dropdown-label, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown-label { /* dropdown trigger text */ } ._requirements_7b80d__filters-form ._requirements_7b80d__category-dropdown-trigger, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown-trigger { align-items: center; background: white; border: 1px solid hsl(var(--border)); border-radius: 0.5rem; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); color: hsl(var(--text)); cursor: pointer; display: flex; font-size: var(--font-size-medium); gap: 0.5em; min-height: 2.5rem; padding: 0.5em 0.9em; white-space: nowrap; transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease; } ._requirements_7b80d__filters-form ._requirements_7b80d__category-dropdown-trigger:hover, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown-trigger:hover { border-color: hsl(var(--primary)); box-shadow: 0 0 0 1px hsl(var(--primary) / 20%); } @media only screen and (max-width: 767px) { ._requirements_7b80d__filters-form ._requirements_7b80d__category-dropdown-trigger, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown-trigger { justify-content: space-between; width: 100% } } ._requirements_7b80d__filters-form ._requirements_7b80d__category-dropdown[data-open] ._requirements_7b80d__category-dropdown-trigger, ._requirements_7b80d__filters-form ._requirements_7b80d__category-dropdown[data-open] ._requirements_7b80d__status-dropdown-trigger, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown[data-open] ._requirements_7b80d__category-dropdown-trigger, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown[data-open] ._requirements_7b80d__status-dropdown-trigger, ._requirements_7b80d__filters-form ._requirements_7b80d__category-dropdown[data-selected] ._requirements_7b80d__category-dropdown-trigger, ._requirements_7b80d__filters-form ._requirements_7b80d__category-dropdown[data-selected] ._requirements_7b80d__status-dropdown-trigger, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown[data-selected] ._requirements_7b80d__category-dropdown-trigger, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown[data-selected] ._requirements_7b80d__status-dropdown-trigger { border-color: hsl(var(--primary) / 25%); background: hsl(var(--primary) / 4%); } ._requirements_7b80d__filters-form ._requirements_7b80d__category-dropdown[data-open] ._requirements_7b80d__category-dropdown-trigger, ._requirements_7b80d__filters-form ._requirements_7b80d__category-dropdown[data-open] ._requirements_7b80d__status-dropdown-trigger, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown[data-open] ._requirements_7b80d__category-dropdown-trigger, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown[data-open] ._requirements_7b80d__status-dropdown-trigger { box-shadow: 0 0 0 2px hsl(var(--primary) / 12%); } ._requirements_7b80d__filters-form ._requirements_7b80d__category-dropdown-arrow, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown-arrow { font-size: 0.85em; opacity: 0.5; transition: transform 0.2s ease; } ._requirements_7b80d__filters-form ._requirements_7b80d__category-dropdown-divider { border-top: 1px solid hsl(var(--border)); margin: 0.3em 1em; } ._requirements_7b80d__filters-form ._requirements_7b80d__category-dropdown-menu, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown-menu { background: white; border: 1px solid hsl(var(--border)); border-radius: 0.5rem; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04); display: none; flex-direction: column; left: 0; min-width: 220px; padding: 0.4em 0; position: absolute; top: calc(100% + 0.4em); z-index: 10; } ._requirements_7b80d__filters-form ._requirements_7b80d__category-dropdown-menu input[type="radio"], ._requirements_7b80d__filters-form ._requirements_7b80d__category-dropdown-menu input[type="checkbox"], ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown-menu input[type="radio"], ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown-menu input[type="checkbox"] { display: none; } ._requirements_7b80d__filters-form ._requirements_7b80d__category-dropdown-menu input[type="radio"] + label, ._requirements_7b80d__filters-form ._requirements_7b80d__category-dropdown-menu input[type="checkbox"] + label, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown-menu input[type="radio"] + label, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown-menu input[type="checkbox"] + label { align-items: center; cursor: pointer; display: flex; gap: 0.6em; padding: 0.5em 1em; transition: background-color 0.1s ease; } ._requirements_7b80d__filters-form ._requirements_7b80d__category-dropdown-menu input[type="radio"] + label::before, ._requirements_7b80d__filters-form ._requirements_7b80d__category-dropdown-menu input[type="checkbox"] + label::before, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown-menu input[type="radio"] + label::before, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown-menu input[type="checkbox"] + label::before { border: 2px solid hsl(var(--black) / 15%); border-radius: 3px; content: ""; display: block; flex-shrink: 0; height: 16px; transition: background 0.1s ease, border-color 0.1s ease; width: 16px; } ._requirements_7b80d__filters-form ._requirements_7b80d__category-dropdown-menu input[type="radio"] + label:hover, ._requirements_7b80d__filters-form ._requirements_7b80d__category-dropdown-menu input[type="checkbox"] + label:hover, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown-menu input[type="radio"] + label:hover, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown-menu input[type="checkbox"] + label:hover { background: hsl(var(--primary) / 5%); } ._requirements_7b80d__filters-form ._requirements_7b80d__category-dropdown-menu input[type="radio"]:checked + label, ._requirements_7b80d__filters-form ._requirements_7b80d__category-dropdown-menu input[type="checkbox"]:checked + label, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown-menu input[type="radio"]:checked + label, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown-menu input[type="checkbox"]:checked + label { color: hsl(var(--primary)); } ._requirements_7b80d__filters-form ._requirements_7b80d__category-dropdown-menu input[type="radio"]:checked + label::before, ._requirements_7b80d__filters-form ._requirements_7b80d__category-dropdown-menu input[type="checkbox"]:checked + label::before, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown-menu input[type="radio"]:checked + label::before, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown-menu input[type="checkbox"]:checked + label::before { background: hsl(var(--primary)); border-color: hsl(var(--primary)); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 11.5 3 8l1-1 2.5 2.5L12 4l1 1-6.5 6.5z'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: 14px; } ._requirements_7b80d__filters-form ._requirements_7b80d__category-dropdown-menu { min-width: 300px; } @media only screen and (max-width: 767px) { ._requirements_7b80d__filters-form ._requirements_7b80d__category-dropdown-menu { min-width: 0; width: -moz-max-content; width: max-content; max-width: min(320px, calc(100vw - 2rem)) } } ._requirements_7b80d__filters-form ._requirements_7b80d__compliant-filters ._requirements_7b80d__bolletje, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown-trigger ._requirements_7b80d__bolletje, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown-menu ._requirements_7b80d__bolletje { margin-right: 0.3em; } ._requirements_7b80d__filters-form ._requirements_7b80d__compliant-filters ._requirements_7b80d__bolletje._requirements_7b80d__certified, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown-trigger ._requirements_7b80d__bolletje._requirements_7b80d__certified, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown-menu ._requirements_7b80d__bolletje._requirements_7b80d__certified { background: hsl(var(--extreen)); } ._requirements_7b80d__filters-form ._requirements_7b80d__compliant-filters ._requirements_7b80d__bolletje._requirements_7b80d__not-certified, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown-trigger ._requirements_7b80d__bolletje._requirements_7b80d__not-certified, ._requirements_7b80d__filters-form ._requirements_7b80d__status-dropdown-menu ._requirements_7b80d__bolletje._requirements_7b80d__not-certified { background: hsl(var(--pink)); } /* Sorting */ ._requirements_7b80d__filters-form ._requirements_7b80d__sort-filters input[name="sort"] +label { align-items: center; border-radius: 5px; cursor: pointer; display: flex; padding: 0.5em; -webkit-text-decoration: none; text-decoration: none; } ._requirements_7b80d__filters-form ._requirements_7b80d__sort-filters input[name="sort"]:checked+label { background: hsl(var(--violet-dark) / 8%); font-weight: bold; } ._requirements_7b80d__filters-form ._requirements_7b80d__sort-filters ._requirements_7b80d__icon { display: none; font-size: 1.2em; margin-left: 0.2em; } @media only screen and (max-width: 767px) { ._requirements_7b80d__filters-form ._requirements_7b80d__sort-filters { align-items: center; display: grid; grid-gap: 0.4rem; gap: 0.4rem; grid-template-columns: repeat(2, minmax(0, 1fr)) } ._requirements_7b80d__filters-form ._requirements_7b80d__sort-filters b { grid-column: 1 / -1; } ._requirements_7b80d__filters-form ._requirements_7b80d__sort-filters label { justify-content: center; min-width: 0; } } ._requirements_7b80d__filters-form ._requirements_7b80d__sort-filters input[name="order"]:not(:checked)~label ._requirements_7b80d__icon-asc { display: block; } ._requirements_7b80d__filters-form ._requirements_7b80d__sort-filters input[name="order"]:checked~input[name="sort"]:not(:checked)+label ._requirements_7b80d__icon-asc, ._requirements_7b80d__filters-form ._requirements_7b80d__sort-filters input[name="order"]:checked~input[name="sort"]:checked+label ._requirements_7b80d__icon-desc { display: block; } ._requirements_7b80d__certificate-list { /* Used JS */ } ._requirements_7b80d__certificate { background: white; border-radius: 10px; box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 1px rgba(0, 0, 0, 0.025); color: inherit; display: block; margin-bottom: 1em; padding: 1em; position: relative; -webkit-text-decoration: none; text-decoration: none; transition: box-shadow 0.2s ease-in-out; } ._requirements_7b80d__certificate[hidden] { display: none; } ._requirements_7b80d__certificate[data-link]:hover { box-shadow: 0 0.5rem 1.2rem rgba(9, 9, 9, 0.05), 0 0 0.2rem rgba(0, 0, 0, 0.05); } @media only screen and (min-width: 768px) { ._requirements_7b80d__certificate { margin-bottom: 20px } } ._requirements_7b80d__certificate._requirements_7b80d__certified ._requirements_7b80d__bolletje { background: hsl(var(--extreen)); } ._requirements_7b80d__certificate._requirements_7b80d__not-certified ._requirements_7b80d__bolletje { background: hsl(var(--pink)); } ._requirements_7b80d__certificate._requirements_7b80d__suspended ._requirements_7b80d__bolletje { background: hsl(var(--suspended) / 50%); } ._requirements_7b80d__certificate._requirements_7b80d__exempted { opacity: 0.5; } ._requirements_7b80d__certificate-summary { align-items: center; border-bottom: 1px solid hsl(var(--gray93)); display: flex; gap: 0.75rem; margin-bottom: 1em; padding-bottom: 1em; } @media only screen and (max-width: 767px) { ._requirements_7b80d__certificate-summary { align-items: flex-start; flex-wrap: wrap; gap: 0.5rem } } ._requirements_7b80d__certificate-title { flex: 1; font-size: 1.1em; font-weight: bold; margin: 0 auto 0 0; } @media only screen and (max-width: 767px) { ._requirements_7b80d__certificate-title { flex-basis: 100% } } ._requirements_7b80d__certificate ._requirements_7b80d__boosted-badge { background: rgba(235, 64, 52, 0.06); border: 1px solid rgba(235, 64, 52, 0.35); border-radius: 999px; box-shadow: 0 1px 3px rgba(235, 64, 52, 0.12); color: #e04234; display: inline-flex; align-items: center; font-size: 0.75rem; font-weight: 600; gap: 0.2rem; line-height: 1; margin-left: 0.5rem; padding: 0.2rem 0.5rem; vertical-align: middle; white-space: nowrap; } ._requirements_7b80d__certificate ._requirements_7b80d__boosted-badge .icon svg { fill: currentColor; } ._requirements_7b80d__certificate-warning { align-items: center; display: flex; margin-right: 0.5em; white-space: nowrap; } @media only screen and (max-width: 767px) { ._requirements_7b80d__certificate-warning { flex-basis: 100%; margin: 0.5em 0 0 -0.3em; order: 9 } } ._requirements_7b80d__certificate ._requirements_7b80d__warning-icon { color: #ffd66b; font-size: 1.5em; margin-right: 0.1em; } ._requirements_7b80d__certificate ._requirements_7b80d__expires-label { display: inline-block; margin-right: 0.3em; } ._requirements_7b80d__certificate-category { border-radius: 5px; font-size: 0.9em; padding: 0.3em 0.8em; } ._requirements_7b80d__certificate-category-color-blue { background: hsl(var(--blue) / 10%); color: hsl(var(--blue)); } ._requirements_7b80d__certificate-meta { display: flex; gap: 1em; } @media only screen and (max-width: 767px) { ._requirements_7b80d__certificate-meta { display: grid; grid-gap: 1rem 0.75rem; gap: 1rem 0.75rem; grid-template-columns: repeat(2, minmax(0, 1fr)) } } ._requirements_7b80d__certificate-meta-item { flex-basis: calc(22% - 1em); } ._requirements_7b80d__certificate-meta-item:nth-child(3) { flex: 1; } @media only screen and (max-width: 767px) { ._requirements_7b80d__certificate-meta-item:nth-child(3) { grid-column: 1 / -1 } } @media only screen and (max-width: 767px) { ._requirements_7b80d__certificate-meta-item:nth-child(4) { grid-column: 1 / -1; } } ._requirements_7b80d__certificate-meta-item-label { color: hsl(var(--gray50)); font-size: 0.9em; margin-bottom: 0.4em; } ._requirements_7b80d__certificate-summary-badges { align-items: center; display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: flex-end; } @media only screen and (max-width: 767px) { ._requirements_7b80d__certificate-summary-badges { justify-content: flex-start; width: 100% } } ._requirements_7b80d__bolletje { border-radius: 50%; display: inline-block; height: 0.6em; margin-right: 0.2em; overflow: hidden; text-indent: 100%; width: 0.6em; } ._requirements_7b80d__new-exemption-button { /* Used in JS */ display: none; margin-top: 0.5rem; } ._requirements_7b80d__requirements-badge { border-color: hsl(var(--border)); margin-left: 0.5em; } ._requirements_7b80d__requirements-tooltip-list { list-style: none; margin: 0; padding: 0.5em; padding-left: 1.5em; } ._requirements_7b80d__requirements-tooltip-list >li { margin: 0.3em 0; position: relative; } ._requirements_7b80d__requirements-tooltip-list >li::before { content: "·"; font-size: 1.5em; margin-right: 0.3em; opacity: 0.5; position: absolute; right: 100%; top: -0.35em; vertical-align: middle; } ._requirements_7b80d__requirements-tooltip-trigger { cursor: text; } ._requirements_7b80d__recommendation-message { background: hsl(var(--primary) / 5%); border: 1px solid hsl(var(--primary) / 15%); border-radius: 10px; color: hsl(var(--text)); font-size: 0.95em; line-height: 1.5; margin: 0 0 1em; padding: 0.8em 1em; } @media only screen and (max-width: 767px) { ._requirements_7b80d__recommendation-message { font-size: 0.875rem; line-height: 1.45; padding: 0.75rem 0.85rem } } ._requirements_7b80d__recommendation-message[hidden] { display: none; } ._requirements_7b80d__recommendation-toggle { align-items: center; background: none; border: none; color: hsl(var(--text)); cursor: pointer; display: flex; gap: 0.5em; padding: 0; width: 100%; } ._requirements_7b80d__recommendation-toggle:hover { color: hsl(var(--primary)); } ._requirements_7b80d__recommendation-toggle-summary { flex: 1; font-size: 0.9em; text-align: left; } ._requirements_7b80d__recommendation-message[data-expanded] ._requirements_7b80d__recommendation-toggle-summary { margin-bottom: 0.5rem; } ._requirements_7b80d__recommendation-toggle-chevron { flex-shrink: 0; transition: transform 0.2s ease; } ._requirements_7b80d__recommendation-message[data-expanded] ._requirements_7b80d__recommendation-toggle-chevron { transform: rotate(90deg); } ._requirements_7b80d__recommendation-body { display: none; } ._requirements_7b80d__recommendation-message[data-expanded] ._requirements_7b80d__recommendation-body { display: block; } ._requirements_7b80d__recommendation-methodology { color: hsl(var(--text) / 70%); font-style: italic; margin: 0 0 0.75rem; } ._requirements_7b80d__recommendation-ai-header { align-items: center; color: #4f46e5; display: flex; font-size: 0.85em; font-weight: 600; gap: 0.4em; margin-bottom: 0.5em; } ._requirements_7b80d__recommendation-personalized { margin-top: 0.5em !important; } ._requirements_7b80d__recommendation-personalized strong { color: hsl(var(--primary)); } ._requirements_7b80d__recommendation-personalized p { margin-bottom: 12px; } ._requirements_7b80d__recommendation-personalized ul, ._requirements_7b80d__recommendation-personalized ol { margin: 12px 0; padding-left: 1.5em; } ._requirements_7b80d__recommendation-personalized li { margin-bottom: 6px; } ._requirements_7b80d__recommendation-opt-out { border-top: 1px solid hsl(var(--primary) / 15%); display: flex; justify-content: flex-end; margin-top: 0.8em; padding-top: 0.5em; } ._requirements_7b80d__recommendation-opt-out__button { color: hsl(var(--meta)); font-size: 0.85em; -webkit-text-decoration: underline; text-decoration: underline; } ._requirements_7b80d__smart-highlights { margin-bottom: 0.5rem; } /* --- Carousel header: tabs + dropdown --- */ ._requirements_7b80d__carousel-header { align-items: center; display: flex; gap: 0.5rem; justify-content: space-between; } ._requirements_7b80d__carousel-tabs { display: flex; flex-wrap: wrap; gap: 0.4rem; } /* --- Carousel dropdown: "More" menu --- */ ._requirements_7b80d__carousel-dropdown-wrap { position: relative; } ._requirements_7b80d__carousel-dropdown-trigger { align-items: center; background: none; border: 1px solid hsl(var(--black) / 10%); border-radius: 999px; color: hsl(var(--meta)); cursor: pointer; display: inline-flex; font-size: 0.85em; gap: 0.25em; padding: 0.45em 0.85em; transition: background 0.15s ease, border-color 0.15s ease; white-space: nowrap; } ._requirements_7b80d__carousel-dropdown-trigger:hover { background: hsl(var(--black) / 4%); border-color: hsl(var(--black) / 15%); } ._requirements_7b80d__carousel-dropdown-chevron { transition: transform 0.15s ease; } ._requirements_7b80d__carousel-dropdown-wrap[data-open] ._requirements_7b80d__carousel-dropdown-chevron { transform: rotate(90deg); } ._requirements_7b80d__carousel-dropdown-menu { background: white; border: 1px solid hsl(var(--black) / 10%); border-radius: 0.5rem; box-shadow: 0 4px 12px hsl(var(--black) / 10%); display: flex; flex-direction: column; min-width: 12rem; overflow: hidden; position: absolute; right: 0; top: calc(100% + 0.25rem); z-index: 10; } ._requirements_7b80d__carousel-dropdown-menu[hidden] { display: none; } ._requirements_7b80d__carousel-dropdown-item { align-items: center; background: none; border: none; cursor: pointer; display: flex; font-size: 0.85em; gap: 0.5em; justify-content: space-between; padding: 0.5em 0.75em; text-align: left; transition: background 0.1s ease; } ._requirements_7b80d__carousel-dropdown-item:hover { background: hsl(var(--black) / 4%); } ._requirements_7b80d__carousel-dropdown-item-empty { cursor: default; opacity: 0.45; } ._requirements_7b80d__carousel-dropdown-item-empty:hover { background: none; } ._requirements_7b80d__carousel-dropdown-item-empty-label { color: hsl(var(--meta)); font-size: 0.85em; } ._requirements_7b80d__carousel-dropdown-item-title { color: hsl(var(--text)); } ._requirements_7b80d__carousel-dropdown-item-count { align-items: center; background: hsl(var(--black) / 6%); border-radius: 999px; color: hsl(var(--meta)); display: inline-flex; font-size: 0.85em; font-weight: 600; height: 1.4em; justify-content: center; min-width: 1.4em; padding: 0 0.3em; } ._requirements_7b80d__carousel-tab { align-items: center; background: hsl(var(--black) / 4%); border: 1px solid hsl(var(--black) / 6%); border-radius: 999px; color: hsl(var(--text)); cursor: pointer; display: inline-flex; font-size: 0.85em; gap: 0.35em; padding: 0.45em 0.85em; transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; white-space: nowrap; } ._requirements_7b80d__carousel-tab:hover { background: hsl(var(--black) / 7%); border-color: hsl(var(--black) / 12%); } ._requirements_7b80d__carousel-tab[data-active] { background: hsl(var(--primary)); border-color: hsl(var(--primary)); color: white; font-weight: 600; } ._requirements_7b80d__carousel-tab-count { align-items: center; background: hsl(var(--black) / 8%); border-radius: 999px; display: inline-flex; font-size: 0.85em; font-weight: 600; height: 1.4em; justify-content: center; min-width: 1.4em; padding: 0 0.3em; } ._requirements_7b80d__carousel-tab[data-active] ._requirements_7b80d__carousel-tab-count { background: hsl(var(--white) / 25%); } /* --- Carousel slides --- */ ._requirements_7b80d__carousel-slides { margin-top: 1rem; position: relative; } ._requirements_7b80d__carousel-slide { left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: opacity 0.2s ease; width: 100%; } ._requirements_7b80d__carousel-slide[data-active] { opacity: 1; pointer-events: auto; position: relative; } ._requirements_7b80d__carousel-slide-title { font-size: 0.9em; font-weight: 600; margin: 0 0 0.75em; } ._requirements_7b80d__carousel-slide-descriptions { margin-bottom: 0.5rem; } ._requirements_7b80d__carousel-slide-description { color: hsl(var(--meta)); font-size: 0.85em; line-height: 1.4; margin: 0 0 0.3rem; } ._requirements_7b80d__carousel-slide-body { display: block; } ._requirements_7b80d__highlight-item { align-items: center; background: transparent; border: 1px solid hsl(var(--black) / 10%); border-radius: 0.5rem; color: hsl(var(--text)); cursor: pointer; display: flex; gap: 0.75em; margin-bottom: 0.4rem; padding: 0.5em 0.75em; -webkit-text-decoration: none; text-decoration: none; transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; } ._requirements_7b80d__highlight-item:hover { border-color: hsl(var(--black) / 18%); box-shadow: 0 1px 4px hsl(var(--black) / 6%); } ._requirements_7b80d__highlight-item-body { display: flex; flex: 1; flex-direction: column; gap: 0.15em; } ._requirements_7b80d__highlight-item-message { color: hsl(var(--meta)); font-size: 0.8em; line-height: 1.3; } ._requirements_7b80d__highlight-item-title { font-size: 0.9em; font-weight: 600; } ._requirements_7b80d__highlight-item-meta { align-items: center; display: flex; flex-shrink: 0; gap: 0.35em; } ._requirements_7b80d__highlight-badge { border: 1px solid; border-radius: 0.25em; font-size: 0.65em; font-weight: 700; letter-spacing: 0.04em; padding: 0.15em 0.5em; text-transform: uppercase; white-space: nowrap; } ._requirements_7b80d__highlight-badge-red { border-color: hsl(var(--pink)); color: hsl(var(--pink)); } ._requirements_7b80d__highlight-badge-green { border-color: hsl(var(--extreen)); color: hsl(var(--extreen)); } ._requirements_7b80d__highlight-badge-blue { border-color: hsl(var(--blue)); color: hsl(var(--blue)); } ._requirements_7b80d__highlight-badge-gray { border-color: hsl(var(--gray50)); color: hsl(var(--gray50)); } ._requirements_7b80d__highlight-badge-orange { border-color: hsl(var(--orange)); color: hsl(var(--orange)); } ._requirements_7b80d__highlight-badge-purple { border-color: hsl(var(--violet-dark)); color: hsl(var(--violet-dark)); } ._requirements_7b80d__highlight-item-arrow { color: hsl(var(--meta)); flex-shrink: 0; opacity: 0.4; } ._requirements_7b80d__highlight-item-progress { background: hsl(var(--gray90)); border-radius: 999px; height: 0.35rem; margin-top: 0.2em; overflow: hidden; width: 100%; } ._requirements_7b80d__highlight-item-progress-fill { background: hsl(var(--green)); border-radius: 999px; height: 100%; transition: width 0.3s ease; } ._requirements_7b80d__certificate-recommended-badge { background: hsl(var(--primary) / 10%); border-radius: 1em; color: hsl(var(--primary)); font-size: 0.8em; font-weight: bold; padding: 0.2em 0.8em; white-space: nowrap; } ._requirements_7b80d__certificate-recommended-badge-high { background: hsl(var(--pink) / 15%); color: hsl(var(--pink)); } ._requirements_7b80d__priority-tooltip { font-size: 0.8em; line-height: 1.4; padding: 0.3em 0.4em; text-align: left; } ._requirements_7b80d__priority-tooltip > div:first-child { font-weight: 600; margin-bottom: 0.15em; } ._requirements_7b80d__priority-tooltip > div:not(:first-child) { color: hsl(var(--gray50)); } ._requirements_7b80d__certificate-recommendation { border-top: 1px solid hsl(var(--gray93)); margin-top: 1em; padding-top: 1em; } ._requirements_7b80d__certificate-recommendation-header { align-items: baseline; display: flex; flex-wrap: wrap; gap: 0.5em; margin-bottom: 0.9em; } ._requirements_7b80d__certificate-recommendation-label { color: hsl(var(--text) / 75%); font-size: 0.95rem; font-weight: 500; } ._requirements_7b80d__certificate-recommendation-title { color: hsl(var(--text)); font-size: 0.95rem; font-weight: 700; } ._requirements_7b80d__certificate-recommendation-intro { color: hsl(var(--text) / 78%); font-size: 0.95rem; margin: 0 0 1rem; } ._requirements_7b80d__certificate-recommendation ._requirements_7b80d__clause-recommendation-reason { color: hsl(var(--meta)); display: block; font-size: 0.8rem; margin-bottom: 0.5em; } ._requirements_7b80d__certificate-recommendation ._requirements_7b80d__clause-recommendation-reason::first-letter { text-transform: uppercase; } ._requirements_7b80d__certificate-recommendation ._requirements_7b80d__clause-progress-bar { background: hsl(var(--gray90)); border-radius: 999px; height: 0.55rem; overflow: hidden; width: 100%; } ._requirements_7b80d__certificate-recommendation ._requirements_7b80d__clause-progress-fill { background: hsl(var(--green)); border-radius: 999px; height: 100%; transition: width 0.3s ease; } ._requirements_7b80d__certificate-recommendation ._requirements_7b80d__clause-progress-meta { align-items: baseline; display: flex; gap: 1rem; justify-content: space-between; margin-top: 0.65rem; } @media only screen and (max-width: 767px) { ._requirements_7b80d__certificate-recommendation ._requirements_7b80d__clause-progress-meta { align-items: flex-start; flex-direction: column; gap: 0.35rem } } ._requirements_7b80d__certificate-recommendation ._requirements_7b80d__clause-progress-text { color: hsl(var(--text) / 78%); display: block; flex-shrink: 0; font-size: 0.95rem; font-weight: 500; margin: 0; } ._requirements_7b80d__certificate-recommendation ._requirements_7b80d__clause-next-step { color: hsl(var(--text) / 78%); display: block; font-size: 0.95rem; margin: 0; } ._requirements_7b80d__certificate-recommendation ._requirements_7b80d__clause-other-toggle { margin-top: 0.75em; } ._requirements_7b80d__certificate-recommendation ._requirements_7b80d__clause-other-toggle [data-other-clauses] { margin-top: 0.9rem; } ._requirements_7b80d__certificate-recommendation ._requirements_7b80d__clause-other-toggle-btn { align-items: center; background: none; border: 1px dashed hsl(var(--gray80)); border-radius: 0.5rem; color: hsl(var(--meta)); cursor: pointer; display: flex; font-size: 0.85rem; gap: 0.25rem; justify-content: center; padding: 0.5rem; width: 100%; } ._requirements_7b80d__certificate-recommendation ._requirements_7b80d__clause-other-toggle-btn:hover { border-color: hsl(var(--primary)); color: hsl(var(--primary)); } ._requirements_7b80d__certificate-recommendation ._requirements_7b80d__clause-other-toggle-arrow { flex-shrink: 0; transition: transform 0.2s ease; } ._requirements_7b80d__certificate-recommendation ._requirements_7b80d__clause-other-toggle[data-expanded] ._requirements_7b80d__clause-other-toggle-arrow { transform: rotate(90deg); } ._requirements_7b80d__certificate-recommendation ._requirements_7b80d__clause-other-path { margin-top: 1rem; } ._requirements_7b80d__certificate-recommendation ._requirements_7b80d__clause-other-path-title { color: hsl(var(--text)); font-size: 1rem; font-weight: 700; margin: 0 0 0.7rem; } ._requirements_7b80d__certificate-recommendation ._requirements_7b80d__clause-validity-text { color: hsl(var(--meta)); display: block; font-size: 0.8rem; margin-bottom: 0.5rem; margin-top: 0.15rem; } ._requirements_7b80d__no-results { margin: 1em 0; } ._requirements_7b80d__no-results[hidden] { display: none; } ._QP_6ea92__header { padding: 3em 0; } ._QP_6ea92__header-version-1 { background: linear-gradient(137deg, hsl(var(--primary)) 13%, hsl(calc(var(--primary-h) + 20), calc(var(--primary-s) - 20%), calc(var(--primary-l) - 20%)) 100%); } ._QP_6ea92__header-version-2 { background: hsl(var(--primary)); position: relative; } ._QP_6ea92__header-version-2::after { background: linear-gradient(137deg, #fff 13%, #000 100%); content: ""; display: block; top: 0; right: 0; bottom: 0; left: 0; mix-blend-mode: overlay; opacity: 0.3; pointer-events: none; position: absolute; } ._QP_6ea92__header-content { align-items: center; display: flex; margin: 0 auto; position: relative; } @media only screen and (max-width: 767px) { ._QP_6ea92__header-content { align-items: center; flex-direction: column; justify-content: center; text-align: center } } ._QP_6ea92__header ._QP_6ea92__blobs { height: 120px; left: -15px; position: absolute; top: calc(50% - 60px); width: 220px; } @media only screen and (max-width: 767px) { ._QP_6ea92__header ._QP_6ea92__blobs { height: 96px; left: 50%; top: 0.4rem; transform: translateX(-50%); width: 190px } } ._QP_6ea92__header ._QP_6ea92__user-progress { height: 80px; position: relative; width: 80px; } @media only screen and (max-width: 767px) { ._QP_6ea92__header ._QP_6ea92__user-progress { height: 90px; margin: 0 auto 1rem; width: 90px } ._QP_6ea92__header ._QP_6ea92__user-progress svg { height: 90px; width: 90px; } } ._QP_6ea92__header ._QP_6ea92__avatar { left: 10px; position: absolute; top: 10px; z-index: 10; } @media only screen and (max-width: 767px) { ._QP_6ea92__header ._QP_6ea92__avatar { height: 70px; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 70px } } ._QP_6ea92__header ._QP_6ea92__data { color: hsl(var(--white)); } @media only screen and (max-width: 767px) { ._QP_6ea92__header ._QP_6ea92__data { align-items: center; display: flex; flex-direction: column; justify-content: center; width: 100% } } @media only screen and (min-width: 768px) { ._QP_6ea92__header ._QP_6ea92__data { display: flex } } @media only screen and (max-width: 767px) { ._QP_6ea92__header ._QP_6ea92__data-item { align-items: center; display: flex; flex-direction: column; margin: 0; width: 100% } ._QP_6ea92__header ._QP_6ea92__data-item:first-child { display: block; margin-bottom: 0.75rem; } ._QP_6ea92__header ._QP_6ea92__data-item:nth-child(n + 2) { flex-direction: row; gap: 0.45rem; justify-content: center; margin-top: 0.35rem; } } @media only screen and (min-width: 768px) { ._QP_6ea92__header ._QP_6ea92__data-item { margin-left: 4em } } ._QP_6ea92__header ._QP_6ea92__data-big { margin-bottom: 0.3em; } @media only screen and (max-width: 767px) { ._QP_6ea92__header ._QP_6ea92__data-big { font-size: 1.15rem; margin-bottom: 0.15rem; margin-right: 0 } } @media only screen and (min-width: 768px) { ._QP_6ea92__header ._QP_6ea92__data-big { font-size: 2.4em; font-weight: 100 } } @media only screen and (min-width: 768px) { ._QP_6ea92__header ._QP_6ea92__data-big small { font-size: 0.5em } } @media only screen and (max-width: 767px) { ._QP_6ea92__header ._QP_6ea92__data-small { font-size: 0.9rem; line-height: 1.35; opacity: 0.95 } } ._QP_6ea92__container { padding: 1em; } ._QP_6ea92__title { align-items: center; display: flex; flex-wrap: wrap; gap: 0.5em; } ._QP_6ea92__share-qp-button-inline { margin-left: auto; height: 3rem; } ._QP_6ea92__header-actions { align-items: flex-start; display: flex; flex-direction: column; gap: 0.25em; left: calc(100% + 1.5em); position: absolute; top: 50%; transform: translateY(-50%); white-space: nowrap; z-index: 1; } @media only screen and (max-width: 767px) { ._QP_6ea92__header-actions { align-items: center; flex-direction: row; flex-wrap: wrap; justify-content: center; left: auto; margin-top: 1rem; position: static; top: auto; transform: none; white-space: normal; width: 100% } } ._QP_6ea92__share-qp-button { /* needed for css module registration */ } ._QP_6ea92__title-actions { align-items: center; display: flex; gap: 0.5em; margin-left: auto; } @media only screen and (max-width: 767px) { ._QP_6ea92__title-actions { margin-left: 0 } } ._QP_6ea92__exemption-banner { bottom: 2em; left: 50%; opacity: 0; position: fixed; transform: translateX(-50%) translateY(100%); transition: transform 0.3s ease, opacity 0.3s ease; z-index: 100; } ._QP_6ea92__exemption-banner[hidden] { display: none; } ._QP_6ea92__exemption-banner-content { align-items: center; background: white; border: 1px solid hsl(var(--border)); border-radius: 0.75rem; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06); display: flex; gap: 1.5em; padding: 1em 1.5em; } @media only screen and (max-width: 767px) { ._QP_6ea92__exemption-banner-content { flex-direction: column; gap: 0.8em } } ._QP_6ea92__exemption-banner-text { font-weight: 500; margin: 0; white-space: nowrap; } ._QP_6ea92__exemption-banner-actions { align-items: center; display: flex; gap: 0.5em; } ._QP_6ea92__exemption-banner-action-primary { background: hsl(var(--primary)); border: none; border-radius: 0.4rem; color: white; cursor: pointer; font-size: 0.9em; font-weight: 500; padding: 0.5em 1em; transition: background 0.15s ease; white-space: nowrap; } ._QP_6ea92__exemption-banner-action-primary:hover { box-shadow: 0 1000px 0 rgba(0, 0, 0, 0.15) inset; } ._QP_6ea92__exemption-banner-action-dismiss { background: none; border: 1px solid hsl(var(--border)); border-radius: 0.4rem; color: hsl(var(--text)); cursor: pointer; font-size: 0.9em; padding: 0.5em 1em; transition: background 0.15s ease; white-space: nowrap; } ._QP_6ea92__exemption-banner-action-dismiss:hover { background: hsl(var(--black) / 3%); } ._QP_6ea92__exemption-banner-action-never { background: none; border: none; color: hsl(var(--meta)); cursor: pointer; font-size: 0.8em; padding: 0.5em; -webkit-text-decoration: underline; text-decoration: underline; white-space: nowrap; } ._QP_6ea92__exemption-banner-action-never:hover { color: hsl(var(--black) / 100%); } ._saved_events_a6de4__container { padding: 0 10px; } ._saved_events_a6de4__saved-event-item { align-items: center; display: flex; justify-content: space-between; } ._saved_events_a6de4__saved-event-item > :first-child { min-width: 48rem; width: 48rem; } ._saved_events_a6de4__saved-event-item .icon-heart-filled { font-size: 1.2em; } ._saved_events_a6de4__saved-event-actions { color: hsl(var(--gray40)); font-size: .9rem; gap: 1rem; padding: 0 1rem; text-align: center; width: 15rem; } ._saved_events_a6de4__saved-event-actions h3 { align-items: center; display: flex; font-weight: 600; gap: .3rem; justify-content: center; margin-bottom: .5rem; } ._saved_events_a6de4__subscribed {} ._saved_events_a6de4__subscribed-icon { color: hsl(var(--gold)); } ._saved_events_a6de4__notify-button { --event-color: 221 53% 59%; background-color: hsl(221, 53%, 59%); background-color: hsl(var(--event-color)); border-color: hsl(221, 53%, 59%); border-color: hsl(var(--event-color)); border-radius: 10rem; color: #fff; font-weight: 500; margin-top: 1rem; padding: 0.4375rem 0.625rem; text-align: center; -webkit-text-decoration: none; text-decoration: none; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; } ._saved_events_a6de4__notify-button:hover { background: hsl(221, 53%, 40%); border-color: hsl(221, 53%, 40%); } ._saved_events_a6de4__unnotify { background-color: hsl(var(--event-color)); border-color: hsl(var(--event-color)); } ._saved_events_a6de4__notify-button._saved_events_a6de4__unnotify:hover { background: hsl(var(--danger)); border-color: hsl(var(--danger)); } @media only screen and (min-width: 768px) {._edit_9836f__content { max-width: 40rem } } ._edit_9836f__submit-button { display: flex; margin-left: auto; } @media only screen and (min-width: 768px) {._show_59861__content { max-width: 40rem } } ._index_b7919__action { margin-left: auto; } ._index_b7919__portfolio-name { display: flex; align-items: center; gap: 0.5rem; } ._index_b7919__portfolio-image { height: 1.5rem; } ._new_86761__external-portfolio-select, ._new_86761__submit-button, ._new_86761__efn-input { /* Needed for JS */ } ._new_86761__external-person-id-input, ._new_86761__share-url-input { display: none; } ._show_45fc8__title-row { display: flex; align-items: center; gap: 0.75rem; } ._show_45fc8__portfolio-image { height: 2rem; } ._show_45fc8__settings-list { display: grid; grid-gap: 0.5rem 1rem; gap: 0.5rem 1rem; grid-template-columns: auto auto; margin: 0; } ._show_45fc8__settings-label { color: #555; padding: 0.4rem 0; } ._show_45fc8__settings-value { color: #333; font-weight: 600; margin: 0; padding: 0.4rem 0; } @media only screen and (min-width: 768px) {._edit_3bf47__content { max-width: 40rem } } ._edit_3bf47__checkbox-course-enrollment-notification { margin-top: 1em; } ._edit_3bf47__submit-button { display: flex; margin-left: auto; } @media only screen and (min-width: 768px) {._edit_60a03__content { max-width: 40rem } } ._edit_60a03__submit-button { display: flex; margin-left: auto; } ._show_d5b12__User-ShowView { height: calc(100vh - var(--size-navigation-height)); position: relative; } ._show_d5b12__background { background: hsl(var(--background)); height: 100%; overflow: hidden; position: fixed; top: 0; width: 100%; } ._show_d5b12__profile-color { height: 100%; opacity: 0.5; position: absolute; width: 100%; } ._show_d5b12__background-image { bottom: 0; display: block; height: 120%; left: -10%; position: absolute; right: -10%; top: -10%; width: 120%; z-index: 0; } ._show_d5b12__background-color { background: hsl(var(--white)); height: 100%; position: relative; z-index: 1; } @media only screen and (min-width: 768px) { ._show_d5b12__background-color { background: hsl(var(--background) / 70%) } } ._show_d5b12__foreground { padding: 0; position: relative; text-align: center; z-index: 1; } @media only screen and (min-width: 768px) { ._show_d5b12__foreground { align-items: center; display: flex; height: 100%; justify-content: center; padding: 50px var(--spacing-horizontal-small); text-align: left } } ._show_d5b12__profile { background: hsl(var(--white)); border-radius: var(--size-border-radius); } @media only screen and (min-width: 768px) { ._show_d5b12__profile { box-shadow: 0 20px 40px rgba(0, 0, 0, 0.17), 0 5px 10px rgba(0, 0, 0, 0.1); max-width: 480px } } ._show_d5b12__user { align-items: center; background: hsl(var(--background)); border-radius: var(--size-border-radius); display: flex; flex-direction: column; padding: 50px var(--spacing-horizontal) calc(var(--spacing-vertical-large) * 1.5); } ._show_d5b12__user ._show_d5b12__avatar { height: 140px; line-height: 140px; margin-bottom: var(--spacing-vertical-large); width: 140px; } ._show_d5b12__user ._show_d5b12__name { font-size: var(--font-size-heading-large); font-weight: 600; } ._show_d5b12__user._show_d5b12__has-extra-info { border-bottom: 1px solid hsl(var(--border)); border-radius: var(--size-border-radius) var(--size-border-radius) 0 0; } @media only screen and (min-width: 768px) { ._show_d5b12__user { border-radius: var(--size-border-radius) } ._show_d5b12__user:not(._show_d5b12__has-extra-info) { width: 480px; } } ._show_d5b12__extra-info { margin: 0 auto; max-width: 480px; padding: 0 var(--spacing-horizontal-large) var(--spacing-vertical-large); text-align: left; } @media only screen and (min-width: 768px) { ._show_d5b12__extra-info { margin: 0; padding: var(--spacing-vertical) calc(var(--spacing-horizontal-large) * 2) 40px } } ._show_d5b12__title { align-items: center; display: flex; font-size: var(--font-size-heading-medium); font-weight: 600; margin: var(--spacing-vertical-large) 0 var(--spacing-vertical); } ._show_d5b12__title ._show_d5b12__icon { color: hsl(var(--primary)); margin-right: 10px; } ._show_d5b12__employment-link { color: hsl(var(--text)); display: block; line-height: var(--base-line-height); margin: 0 0 var(--spacing-vertical-small) var(--spacing-horizontal-large); -webkit-text-decoration: none; text-decoration: none; } ._show_d5b12__employment-link:hover { color: hsl(var(--link)); } ._show_d5b12__employment-title { display: block; line-height: var(--base-line-height); margin: 0 0 var(--spacing-vertical-small) var(--spacing-horizontal-large); } ._show_d5b12__manage-card { backdrop-filter: blur(8px); border-radius: 0.75rem; position: absolute; right: 1rem; top: 1rem; z-index: 1; } ._show_d5b12__manage-button { background-color: rgba(255, 255, 255, 0.18); border-radius: calc(1.75rem + 2 * 1px); border: 1px solid color-mix(in srgb, var(--background-color) 65%, hsl(var(--gray60))); color: hsl(var(--meta)); cursor: pointer; display: flex; gap: 0.2rem; padding: 0.5rem 0.875rem; -webkit-text-decoration: none; text-decoration: none; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; white-space: nowrap; } ._show_d5b12__manage-button svg { stroke-width: 2.5; width: 1rem; } ._show_d5b12__manage-button:hover { background-color: rgba(255, 255, 255, 0.38); border-color: color-mix(in srgb, var(--background-color) 92%, black); }