.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s} .cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1} .cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em} @media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}} .cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block} .cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
[[_text]]
[[errorMessage]]
[[message]]
[[cancelText]]
[[rejectText]]
[[confirmText]]
[[_getDisplayOrder(_order)]]
Edit
[[i18n.newItem]]
[[__editorHeader]]
[[i18n.saveItem]][[i18n.cancel]][[i18n.deleteItem]][[i18n.confirm.cancel.content]][[i18n.confirm.delete.content]]
[[errorMessage]]
[[_getTitle(month, i18n.monthNames)]]
[[i18n.calendar]]
[[_formatDisplayed(selectedDate, i18n.formatDate, label)]]
[[_yearAfterXMonths(_visibleMonthIndex)]]
[[i18n.today]][[i18n.cancel]]
[[__getToggleContent(path, item)]][[i18n.form.title]]
[[i18n.errorMessage.title]]
[[i18n.errorMessage.message]]
[[i18n.form.forgotPassword]][[i18n.additionalInformation]]
[[errorMessage]]
[[i18n.ok]][[i18n.remove]][[i18n.cancel]]
[[errorMessage]]
[[item.label]][[file.name]]
[[file.status]]
[[file.error]]
[[_i18nPlural(maxFiles, i18n.addFiles, i18n.addFiles.*)]]
[[_i18nPlural(maxFiles, i18n.dropFiles, i18n.dropFiles.*)]]
.border-radius-s { border-radius: var(--lumo-border-radius); } .border-radius-m { border-radius: calc(var(--lumo-border-radius) * 2); } .border-radius-l { border-radius: calc(var(--lumo-border-radius) * 3); } .border-radius-100 { border-radius: 100%; } iron-icon.size-s { width: var(--lumo-icon-size-s); height: var(--lumo-icon-size-s); } iron-icon.size-m { width: var(--lumo-icon-size-m); height: var(--lumo-icon-size-m); } iron-icon.size-l { width: var(--lumo-icon-size-l); height: var(--lumo-icon-size-l); } /* Bottom */ .margin-b-a { margin-bottom: auto; } .margin-b-xs { margin-bottom: var(--lumo-space-xs); } .margin-b-s { margin-bottom: var(--lumo-space-s); } .margin-b-m { margin-bottom: var(--lumo-space-m); } .margin-b-l { margin-bottom: var(--lumo-space-l); } .margin-b-xl { margin-bottom: var(--lumo-space-xl); } /* Horizontal */ .margin-h-a { margin-left: auto; margin-right: auto; } .margin-h-xs { margin-left: var(--lumo-space-xs); margin-right: var(--lumo-space-xs); } .margin-h-s { margin-left: var(--lumo-space-s); margin-right: var(--lumo-space-s); } .margin-h-m { margin-left: var(--lumo-space-m); margin-right: var(--lumo-space-m); } .margin-h-l { margin-left: var(--lumo-space-l); margin-right: var(--lumo-space-l); } .margin-h-xl { margin-left: var(--lumo-space-xl); margin-right: var(--lumo-space-xl); } .margin-r-h-m { margin-left: var(--lumo-space-r-m); margin-right: var(--lumo-space-r-m); } .margin-r-h-l { margin-left: var(--lumo-space-r-l); margin-right: var(--lumo-space-r-l); } /* Left */ .margin-l-a { margin-left: auto; } .margin-l-xs { margin-left: var(--lumo-space-xs); } .margin-l-s { margin-left: var(--lumo-space-s); } .margin-l-m { margin-left: var(--lumo-space-m); } .margin-l-l { margin-left: var(--lumo-space-l); } .margin-l-xl { margin-left: var(--lumo-space-xl); } /* Right */ .margin-r-a { margin-right: auto; } .margin-r-xs { margin-right: var(--lumo-space-xs); } .margin-r-s { margin-right: var(--lumo-space-s); } .margin-r-m { margin-right: var(--lumo-space-m); } .margin-r-l { margin-right: var(--lumo-space-l); } .margin-r-xl { margin-right: var(--lumo-space-xl); } /* Tall */ .spacing-tall-xs { margin: var(--lumo-space-tall-xs); } .margin-tall-s { margin: var(--lumo-space-tall-s); } .margin-tall-m { margin: var(--lumo-space-tall-m); } .margin-tall-l { margin: var(--lumo-space-tall-l); } .margin-tall-xl { margin: var(--lumo-space-tall-xl); } /* Top */ .margin-t-a { margin-top: auto; } .margin-t-xs { margin-top: var(--lumo-space-xs); } .margin-t-s { margin-top: var(--lumo-space-s); } .margin-t-m { margin-top: var(--lumo-space-m); } .margin-t-l { margin-top: var(--lumo-space-l); } .margin-t-xl { margin-top: var(--lumo-space-xl); } /* Uniform */ .margin-a { margin: auto; } .margin-xs { margin: var(--lumo-space-xs); } .margin-s { margin: var(--lumo-space-s); } .margin-m { margin: var(--lumo-space-m); } .margin-l { margin: var(--lumo-space-l); } .margin-xl { margin: var(--lumo-space-xl); } /* Vertical */ .margin-v-a { margin-bottom: auto; margin-top: auto; } .margin-v-xs { margin-bottom: var(--lumo-space-xs); margin-top: var(--lumo-space-xs); } .margin-v-s { margin-bottom: var(--lumo-space-s); margin-top: var(--lumo-space-s); } .margin-v-m { margin-bottom: var(--lumo-space-m); margin-top: var(--lumo-space-m); } .margin-v-l { margin-bottom: var(--lumo-space-l); margin-top: var(--lumo-space-l); } .margin-v-xl { margin-bottom: var(--lumo-space-xl); margin-top: var(--lumo-space-xl); } .margin-r-v-m { margin-bottom: var(--lumo-space-r-m); margin-top: var(--lumo-space-r-m); } .margin-r-v-l { margin-bottom: var(--lumo-space-r-l); margin-top: var(--lumo-space-r-l); } /* Wide */ .margin-wide-xs { margin: var(--lumo-space-wide-xs); } .margin-wide-s { margin: var(--lumo-space-wide-s); } .margin-wide-m { margin: var(--lumo-space-wide-m); } .margin-wide-l { margin: var(--lumo-space-wide-l); } .margin-wide-xl { margin: var(--lumo-space-wide-xl); } /* Bottom */ .padding-b-xs { padding-bottom: var(--lumo-space-xs); } .padding-b-s { padding-bottom: var(--lumo-space-s); } .padding-b-m { padding-bottom: var(--lumo-space-m); } .padding-b-l { padding-bottom: var(--lumo-space-l); } .padding-b-xl { padding-bottom: var(--lumo-space-xl); } /* Horizontal */ .padding-h-xs { padding-left: var(--lumo-space-xs); padding-right: var(--lumo-space-xs); } .padding-h-s { padding-left: var(--lumo-space-s); padding-right: var(--lumo-space-s); } .padding-h-m { padding-left: var(--lumo-space-m); padding-right: var(--lumo-space-m); } .padding-h-l { padding-left: var(--lumo-space-l); padding-right: var(--lumo-space-l); } .padding-h-xl { padding-left: var(--lumo-space-xl); padding-right: var(--lumo-space-xl); } .padding-r-h-m { padding-left: var(--lumo-space-r-m); padding-right: var(--lumo-space-r-m); } .padding-r-h-l { padding-left: var(--lumo-space-r-l); padding-right: var(--lumo-space-r-l); } /* Left */ .padding-l-xs { padding-left: var(--lumo-space-xs); } .padding-l-s { padding-left: var(--lumo-space-s); } .padding-l-m { padding-left: var(--lumo-space-m); } .padding-l-l { padding-left: var(--lumo-space-l); } .padding-l-xl { padding-left: var(--lumo-space-xl); } /* Right */ .padding-r-xs { padding-right: var(--lumo-space-xs); } .padding-r-s { padding-right: var(--lumo-space-s); } .padding-r-m { padding-right: var(--lumo-space-m); } .padding-r-l { padding-right: var(--lumo-space-l); } .padding-r-xl { padding-right: var(--lumo-space-xl); } /* Tall */ .spacing-tall-xs { padding: var(--lumo-space-tall-xs); } .padding-tall-s { padding: var(--lumo-space-tall-s); } .padding-tall-m { padding: var(--lumo-space-tall-m); } .padding-tall-l { padding: var(--lumo-space-tall-l); } .padding-tall-xl { padding: var(--lumo-space-tall-xl); } /* Top */ .padding-t-xs { padding-top: var(--lumo-space-xs); } .padding-t-s { padding-top: var(--lumo-space-s); } .padding-t-m { padding-top: var(--lumo-space-m); } .padding-t-l { padding-top: var(--lumo-space-l); } .padding-t-xl { padding-top: var(--lumo-space-xl); } /* Uniform */ .padding-xs { padding: var(--lumo-space-xs); } .padding-s { padding: var(--lumo-space-s); } .padding-m { padding: var(--lumo-space-m); } .padding-l { padding: var(--lumo-space-l); } .padding-xl { padding: var(--lumo-space-xl); } /* Vertical */ .padding-v-xs { padding-bottom: var(--lumo-space-xs); padding-top: var(--lumo-space-xs); } .padding-v-s { padding-bottom: var(--lumo-space-s); padding-top: var(--lumo-space-s); } .padding-v-m { padding-bottom: var(--lumo-space-m); padding-top: var(--lumo-space-m); } .padding-v-l { padding-bottom: var(--lumo-space-l); padding-top: var(--lumo-space-l); } .padding-v-xl { padding-bottom: var(--lumo-space-xl); padding-top: var(--lumo-space-xl); } .padding-r-v-m { padding-bottom: var(--lumo-space-r-m); padding-top: var(--lumo-space-r-m); } .padding-r-v-l { padding-bottom: var(--lumo-space-r-l); padding-top: var(--lumo-space-r-l); } /* Wide */ .padding-wide-xs { padding: var(--lumo-space-wide-xs); } .padding-wide-s { padding: var(--lumo-space-wide-s); } .padding-wide-m { padding: var(--lumo-space-wide-m); } .padding-wide-l { padding: var(--lumo-space-wide-l); } .padding-wide-xl { padding: var(--lumo-space-wide-xl); } .shadow-xs { box-shadow: var(--lumo-box-shadow-xs); } .shadow-s { box-shadow: var(--lumo-box-shadow-s); } .shadow-m { box-shadow: var(--lumo-box-shadow-m); } .shadow-l { box-shadow: var(--lumo-box-shadow-l); } .shadow-xl { box-shadow: var(--lumo-box-shadow-xl); } /* Bottom */ .spacing-b-xs > * { margin-bottom: var(--lumo-space-xs); } .spacing-b-s > * { margin-bottom: var(--lumo-space-s); } .spacing-b-m > * { margin-bottom: var(--lumo-space-m); } .spacing-b-l > * { margin-bottom: var(--lumo-space-l); } .spacing-b-xl > * { margin-bottom: var(--lumo-space-xl); } /* Horizontal */ .spacing-h-xs > *:not(:last-child):not(:first-child) { margin-left: var(--lumo-space-xs); margin-right: var(--lumo-space-xs); } .spacing-h-s > *:not(:last-child):not(:first-child) { margin-left: var(--lumo-space-s); margin-right: var(--lumo-space-s); } .spacing-h-m > *:not(:last-child):not(:first-child) { margin-left: var(--lumo-space-m); margin-right: var(--lumo-space-m); } .spacing-h-l > *:not(:last-child):not(:first-child) { margin-left: var(--lumo-space-l); margin-right: var(--lumo-space-l); } .spacing-h-xl > *:not(:last-child):not(:first-child) { margin-left: var(--lumo-space-xl); margin-right: var(--lumo-space-xl); } /* Left */ .spacing-l-xs > *:not(:first-child) { margin-left: var(--lumo-space-xs); } .spacing-l-s > *:not(:first-child) { margin-left: var(--lumo-space-s); } .spacing-l-m > *:not(:first-child) { margin-left: var(--lumo-space-m); } .spacing-l-l > *:not(:first-child) { margin-left: var(--lumo-space-l); } .spacing-l-xl > *:not(:first-child) { margin-left: var(--lumo-space-xl); } /* Right */ .spacing-r-xs > *:not(:last-child) { margin-right: var(--lumo-space-xs); } .spacing-r-s > *:not(:last-child) { margin-right: var(--lumo-space-s); } .spacing-r-m > *:not(:last-child) { margin-right: var(--lumo-space-m); } .spacing-r-l > *:not(:last-child) { margin-right: var(--lumo-space-l); } .spacing-r-xl > *:not(:last-child) { margin-right: var(--lumo-space-xl); } /* Tall */ .spacing-tall-xs > *:not(:last-child) { margin: var(--lumo-space-tall-xs); } .spacing-tall-s > *:not(:last-child) { margin: var(--lumo-space-tall-s); } .spacing-tall-m > *:not(:last-child) { margin: var(--lumo-space-tall-m); } .spacing-tall-l > *:not(:last-child) { margin: var(--lumo-space-tall-l); } .spacing-tall-xl > *:not(:last-child) { margin: var(--lumo-space-tall-xl); } /* Top */ .spacing-t-xs > * { margin-top: var(--lumo-space-xs); } .spacing-t-s > * { margin-top: var(--lumo-space-s); } .spacing-t-m > * { margin-top: var(--lumo-space-m); } .spacing-t-l > * { margin-top: var(--lumo-space-l); } .spacing-t-xl > * { margin-top: var(--lumo-space-xl); } /* Uniform */ .spacing-xs > * { margin: var(--lumo-space-xs); } .spacing-s > * { margin: var(--lumo-space-s); } .spacing-m > * { margin: var(--lumo-space-m); } .spacing-l > * { margin: var(--lumo-space-l); } .spacing-xl > * { margin: var(--lumo-space-xl); } /* Vertical */ .spacing-v-xs > * { margin-bottom: var(--lumo-space-xs); margin-top: var(--lumo-space-xs); } .spacing-v-s > * { margin-bottom: var(--lumo-space-s); margin-top: var(--lumo-space-s); } .spacing-v-m > * { margin-bottom: var(--lumo-space-m); margin-top: var(--lumo-space-m); } .spacing-v-l > * { margin-bottom: var(--lumo-space-l); margin-top: var(--lumo-space-l); } .spacing-v-xl > * { margin-bottom: var(--lumo-space-xl); margin-top: var(--lumo-space-xl); } /* Wide */ .spacing-wide-xs > * { margin: var(--lumo-space-wide-xs); } .spacing-wide-s > * { margin: var(--lumo-space-wide-s); } .spacing-wide-m > * { margin: var(--lumo-space-wide-m); } .spacing-wide-l > * { margin: var(--lumo-space-wide-l); } .spacing-wide-xl > * { margin: var(--lumo-space-wide-xl); } /* Colors */ .header-text { color: var(--lumo-header-text-color); } .body-text { color: var(--lumo-body-text-color); } .secondary-text { color: var(--lumo-secondary-text-color); } .tertiary-text { color: var(--lumo-tertiary-text-color); } .disabled-text { color: var(--lumo-disabled-text-color); } .primary-text { color: var(--lumo-primary-text-color); } .primary-contrast-text { color: var(--lumo-primary-contrast-color); } .error-text { color: var(--lumo-error-text-color); } .error-contrast-text { color: var(--lumo-error-contrast-color); } .success-text { color: var(--lumo-success-text-color); } .success-contrast-text { color: var(--lumo-success-contrast-color); } /* Headers */ .h1, .h2, .h3, .h4, .h5, .h6 { display: block; font-weight: 600; line-height: var(--lumo-line-height-xs); } .h1 { font-size: var(--lumo-font-size-xxxl); } .h2 { font-size: var(--lumo-font-size-xxl); } .h3 { font-size: var(--lumo-font-size-xl); } .h4 { font-size: var(--lumo-font-size-l); } .h5 { font-size: var(--lumo-font-size-m); } .h6 { font-size: var(--lumo-font-size-xs); text-transform: uppercase; letter-spacing: 0.03em; } /* Sizes */ .font-size-xxxl { font-size: var(--lumo-font-size-xxxl); } .font-size-xxl { font-size: var(--lumo-font-size-xxl); } .font-size-xl { font-size: var(--lumo-font-size-xl); } .font-size-l { font-size: var(--lumo-font-size-l); } .font-size-m { font-size: var(--lumo-font-size-m); } .font-size-s { font-size: var(--lumo-font-size-s); } .font-size-xs { font-size: var(--lumo-font-size-xs); } .font-size-xxs { font-size: var(--lumo-font-size-xxs); } /* Font weights */ .font-weight-medium { font-weight: 500; } /* Font families */ .monospace { font-family: 'SF Mono', 'Roboto Mono', 'Source Code Pro', monospace; }
/* Fixes zero width in flex layouts */ iron-list { flex: auto; align-self: stretch; }