html{color-scheme: light}@media (prefers-color-scheme: dark){html{color-scheme: dark}}[slot="drawer"]:is(header,footer){display: flex;align-items: center;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-s);box-sizing: border-box}[slot="drawer"]:is(header,footer):is(:empty){display: none}header[slot="drawer"]>vaadin-drawer-toggle{margin-inline-start: auto;--vaadin-button-padding: var(--vaadin-padding-block-container) var(--vaadin-padding-xs)}vaadin-app-layout[drawer-opened]:not([overlay]) [slot~="navbar"] vaadin-drawer-toggle{display: none}.skip-link:not(:focus){position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.skip-link:focus{position: absolute;inset-block-start: var(--vaadin-gap-s);inset-inline-start: var(--vaadin-gap-s);z-index: 1}[role="main"]:focus{outline: none}html{--vaadin-dialog-padding: var(--vaadin-padding-l)}@media (min-width: 750px){html{--vaadin-dialog-padding: var(--vaadin-padding-xl)}}vaadin-dialog:not([has-title])::part(header){padding-bottom: var(--vaadin-gap-l)}vaadin-grid-sorter::part(content){text-overflow: clip}vaadin-grid::part(last-header-row-cell){text-overflow: clip}vaadin-rich-text-editor::part(toolbar-button-image){display: none}.update-log vaadin-details-summary::part(content){width: 100%}@media (min-width: 750px){image-crop.upload-image-crop img{max-width: calc(100vw - 8rem);max-height: calc(100vh - 16rem)}}vaadin-grid{width: fit-content}vaadin-grid{--vaadin-grid-row-hover-background-color: var(--vaadin-background-container)}vaadin-grid::part(invoice-state-overdue),vaadin-grid::part(invoice-state-cancelled){--vaadin-grid-cell-background-color: color-mix(in srgb,var(--aura-red) 12%,transparent)}vaadin-grid::part(active),vaadin-grid::part(invoice-state-paid){--vaadin-grid-cell-background-color: color-mix(in srgb,var(--aura-green) 10%,transparent)}vaadin-grid::part(invoice-state-delivered){--vaadin-grid-cell-background-color: color-mix(in srgb,var(--aura-blue) 8%,transparent)}vaadin-grid::part(invoice-state-partially-paid){--vaadin-grid-cell-background-color: color-mix(in srgb,var(--aura-yellow) 15%,transparent)}vaadin-grid::part(font-semibold){font-weight: var(--aura-font-weight-semibold)}vaadin-grid::part(wrap-cell-content){white-space: normal}vaadin-grid::part(not-active){color: var(--vaadin-text-color-secondary)}vaadin-grid-sorter::part(indicators){min-width: 1.3em}vaadin-grid::part(error){--vaadin-grid-cell-background-color: color-mix(in srgb,var(--aura-red) 12%,transparent)}vaadin-grid::part(align-items-start){align-items: start}vaadin-grid::part(top-padding-s){padding-top: var(--vaadin-padding-s)}vaadin-grid::part(border-none){border: none !important}vaadin-grid::part(border-top-none){border-top: none !important}vaadin-grid::part(editable-cell){cursor: pointer;--vaadin-grid-cell-background-color: color-mix(in srgb,var(--aura-accent-color) 10%,transparent)}vaadin-grid::part(editable-cell-select)::before{content: '';order: 1;flex: none;width: var(--vaadin-icon-size,1lh);height: var(--vaadin-icon-size,1lh);margin-inline: auto var(--vaadin-padding-m);background-color: var(--vaadin-text-color-secondary);mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>') center / contain no-repeat}vaadin-grid::part(editable-cell-empty-input)::before{content: '';position: absolute;inset-inline: var(--vaadin-padding-m);top: calc(50% + 0.45em);border-top: 1px solid var(--vaadin-border-color)}.material-symbols-outlined[data-symbol]::before{content: attr(data-symbol)}vaadin-grid::part(dialog-open-on-row){--vaadin-grid-cell-background-color: color-mix(in srgb,var(--aura-accent-color) 20%,transparent);font-weight: var(--aura-font-weight-semibold)}vaadin-grid::part(context-menu-open-on-row){--vaadin-grid-row-highlight-background-color: var(--vaadin-grid-row-hover-background-color)}vaadin-grid::part(disabled-row){--vaadin-grid-cell-background-color: var(--vaadin-background-container)}.invoice-state-issued{color: var(--aura-blue-text)}.invoice-state-delivered{color: var(--aura-yellow-text)}.invoice-state-overdue,.invoice-state-cancelled{color: var(--aura-red-text)}.invoice-state-partially-paid{color: var(--aura-orange-text)}.invoice-state-paid{color: var(--aura-green-text)}.invoice-state-draft,.invoice-state-pending{color: var(--vaadin-text-color-disabled)}.vaadin-select-item-disabled-color-inherit vaadin-select-item[disabled]{color: inherit}vaadin-confirm-dialog.message-width-auto::part(message){width: auto}vaadin-app-layout header .studd-logo{width: 133px;height: 77px;background-repeat: no-repeat;background-position: center;background-size: 133px;background-image: url('images/studd.png')}html[theme~='dark'] vaadin-app-layout header .studd-logo{background-image: url('images/Studd_logo-hvit 1.svg')}.menu-icon{height: var(--vaadin-icon-size,1lh);width: var(--vaadin-icon-size,1lh);mask-repeat: no-repeat;mask-position: center;background-color: var(--vaadin-icon-color,currentColor)}vaadin-side-nav-item:not([current]) .menu-icon{opacity: 0.8}.menu-icon.dashboard{mask-image: url('images/mainmenu/dashboard-grey.svg')}.menu-icon.students{mask-image: url('images/mainmenu/graa-studenter.svg')}.menu-icon.messages{mask-image: url('images/mainmenu/grey-messages.svg')}.menu-icon.subject{mask-image: url('images/mainmenu/graa-fag.svg')}.menu-icon.studyprogram{mask-image: url('images/mainmenu/graa-studieprogram.svg')}.menu-icon.teachings{mask-image: url('images/mainmenu/graa-gjennomforinger.svg')}.menu-icon.admissions{mask-image: url('images/mainmenu/graa-opptak.svg')}.menu-icon.exams{mask-image: url('images/mainmenu/graa-eksamen.svg')}.menu-icon.grades{mask-image: url('images/mainmenu/graa-grades.svg')}.menu-icon.lecturers{mask-image: url('images/mainmenu/graa-laerere.svg')}.menu-icon.diploma{mask-image: url('images/mainmenu/graa-bookmark-added.svg')}.menu-icon.settings{mask-image: url('images/mainmenu/graa-oppsett.svg')}.menu-icon.admin{mask-image: url('images/mainmenu/graa-laerere.svg')}.menu-icon.integration{mask-image: url('images/mainmenu/graa-api.svg')}.menu-icon.payments{mask-image: url('images/mainmenu/graa-payments.svg')}.menu-icon.folder_open{mask-image: url('images/mainmenu/graa-folder_open.svg')}.menu-icon.studentid{mask-image: url('images/mainmenu/graa-badge.svg')}gsym.material-symbols-outlined{&.spin-slow{animation: spin 5s linear infinite}}@keyframes spin{0%{transform: rotate(0deg)}100%{transform: rotate(360deg)}}@media (prefers-reduced-motion: reduce){gsym.material-symbols-outlined.spin-slow{animation: none}}ul.strength{display: inline;list-style: none;padding: 0;vertical-align: 2px}.point{background-color: var(--vaadin-background-container-strong);border-radius: var(--vaadin-radius-s);display: inline-block;height: 5px;margin-right: var(--vaadin-gap-xs);width: 20px;&:last-child{margin: 0}}.point.level1{background-color: var(--aura-red)}.point.level2{background-color: var(--aura-orange)}.point.level3{background-color: var(--aura-yellow)}.point.level4{background-color: color-mix(in srgb,var(--aura-green) 60%,var(--aura-yellow))}.point.level5{background-color: var(--aura-green)}.smooth-panel-transition :is(vaadin-details,vaadin-accordion-panel){display: grid;grid-template-rows: min-content 0fr;transition: grid-template-rows 400ms}.smooth-panel-transition :is(vaadin-details,vaadin-accordion-panel)[opened]{grid-template-rows: min-content 1fr}.smooth-panel-transition :is(vaadin-details,vaadin-accordion-panel)::part(content){display: block;min-height: 0;transition: visibility 400ms,opacity 400ms}.smooth-panel-transition :is(vaadin-details,vaadin-accordion-panel):not([opened])::part(content){visibility: hidden;pointer-events: none;opacity: 0}@media (prefers-reduced-motion: reduce){.smooth-panel-transition :is(vaadin-details,vaadin-accordion-panel),.smooth-panel-transition :is(vaadin-details,vaadin-accordion-panel)::part(content){transition: none}}:root{--current-color-select-value: unset}.studd-messages{.messages-container{.messages{.message-list{.message-listing{--aura-surface-level: 4;--aura-surface-opacity: 0.7;&:hover:not(.active){background: linear-gradient(var(--vaadin-background-container),var(--vaadin-background-container)),var(--aura-surface-color) padding-box}&.active{outline: 1px solid var(--aura-accent-color);outline-offset: -1px;.creator-name{color: var(--aura-accent-text-color)}}&.not-read{box-shadow: inset 4px 0 0 0 var(--aura-accent-color);.creator-name{font-weight: var(--aura-font-weight-semibold)}}&:focus-visible{outline: var(--vaadin-focus-ring-width) solid var(--vaadin-focus-ring-color);outline-offset: 1px}}}}}.message-thread-accordion{vaadin-details{--aura-surface-level: 4;border-radius: var(--vaadin-radius-m);&::part(content){margin-inline-start: 0}vaadin-details-summary::part(content){flex: 1 1 auto;min-width: 0}&[opened]{vaadin-accordion-heading{pointer-events: none}}vaadin-details-summary{&::part(toggle){display: none}}}}}.message-content{line-height: var(--aura-base-line-height);:is(h1,h2,h3,h4,h5,h6){line-height: normal;text-wrap: wrap}}.message-tags-style{vaadin-multi-select-combo-box-chip::part(label){display: flex;align-items: center}}.message-tags-style vaadin-multi-select-combo-box-chip[slot="chip"]::part(label)::before,.message-tags-style-overlay vaadin-multi-select-combo-box-scroller .tag-icon-svg{content: '';display: inline-block;margin-right: var(--vaadin-gap-xs);width: 22px;height: 13px;mask-image: url('images/message-tag.svg');mask-repeat: no-repeat;mask-size: contain}vaadin-rich-text-editor::part(toolbar-button-attachment)::before{mask-image: url('images/file-ic-attachment-copy.svg');mask-size: auto var(--vaadin-icon-visual-size,100%)}.message-tags-style-overlay vaadin-combo-box .tag-icon-svg{width: 1.5rem;height: 1rem;mask-image: url('images/message-tag.svg');mask-repeat: no-repeat;mask-size: contain}vaadin-combo-box.message-tags-style>input{background-color: var(--current-color-select-value);mask-image: url('images/message-tag.svg');mask-repeat: no-repeat;mask-position: 0 center;mask-size: auto 1rem;caret-color: transparent;color: transparent}vaadin-rich-text-editor.minimal-rte-editor{&::part(toolbar-group-history),&::part(toolbar-group-style),&::part(toolbar-group-rich-text),&::part(toolbar-group-block),&::part(toolbar-group-alignment),&::part(toolbar-group-glyph-transformation),&::part(toolbar-group-format),&::part(toolbar-button-strike),&::part(toolbar-button-clean),&::part(toolbar-button-subscript),&::part(toolbar-button-superscript){display: none}}vaadin-rich-text-editor.rte-hide-toolbar::part(toolbar){display: none}.studd-student{.student-card{--aura-surface-level: 4;border-radius: var(--vaadin-radius-m);box-shadow: var(--aura-shadow-xs);.student-card{background: var(--vaadin-background-container) padding-box;box-shadow: none}}vaadin-details-summary::part(content){flex: 1 1 auto;min-width: 0}.detailsToggleIconToTop{vaadin-details-summary::part(toggle){align-self: self-start}}footer[slot="drawer"]{margin-top: auto}.student-info-box{background: light-dark(#e1edff,var(--aura-accent-surface)) padding-box;border-radius: var(--vaadin-radius-m)}.dashboard-nav{--vaadin-icon-size: 1.5rem;>vaadin-button{--vaadin-button-background: var(--aura-surface-color-solid);--vaadin-button-border-color: transparent;--vaadin-button-text-color: var(--vaadin-text-color);--vaadin-button-padding: var(--vaadin-padding-s) var(--vaadin-padding-m);--vaadin-button-gap: 0 var(--vaadin-gap-m);min-height: 4rem;&::part(label){flex: 1 1 auto;text-align: start}&::part(prefix),&::part(suffix){color: var(--aura-accent-color)}}.menu-icon{mask-size: contain}}.application-drop-zone{border: 2px dashed var(--aura-accent-color);border-radius: var(--vaadin-radius-m);&.v-drag-over-target{--aura-accent-color-light: var(--aura-green);--aura-accent-color-dark: var(--aura-green);--aura-accent-color: light-dark(var(--aura-accent-color-light),var(--aura-accent-color-dark));border-style: solid}}vaadin-button.plan-approval-button[disabled]::part(label){color: inherit}}h1.view-title{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}:root{--sat: env(safe-area-inset-top,0px);--sar: env(safe-area-inset-right,0px);--sab: env(safe-area-inset-bottom,0px);--sal: env(safe-area-inset-left,0px)}.safe-area{padding: var(--sat) var(--sar) var(--sab) var(--sal);box-sizing: border-box}