@charset "UTF-8";
/**
 * @license
 * MyFonts Webfont Build ID 3582978, 2018-05-18T05:46:06-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: AvenirNextLTPro-DemiIt by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-demi-italic/
 * Copyright: Copyright © 2004 - 2017 Monotype GmbH. All rights reserved.
 *
 * Webfont: AvenirNextLTPro-Demi by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-demi/
 * Copyright: Copyright © 2004 - 2017 Monotype GmbH. All rights reserved.
 *
 * Webfont: AvenirNextLTPro-It by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-italic/
 * Copyright: Copyright © 2004 - 2017 Monotype GmbH. All rights reserved.
 *
 * Webfont: AvenirNextLTPro-LightIt by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-light-italic/
 * Copyright: Copyright © 2012 - 2017 Monotype GmbH. All rights reserved.
 *
 * Webfont: AvenirNextLTPro-Light by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-light/
 * Copyright: Copyright © 2012 - 2017 Monotype GmbH. All rights reserved.
 *
 * Webfont: AvenirNextLTPro-Regular by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-regular/
 * Copyright: Copyright © 2004 - 2017 Monotype GmbH. All rights reserved.
 *
 *
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3582978
 * Licensed pageviews: 250,000
 *
 * © 2018 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@import "//hello.myfonts.net/count/36ac02";
/* stylelint-disable */
/* h1–h3 sizing is interpolated */
/* h4–h6 sizing is linear */
@media (min-width: 480px) {
  .hidden-xs-up {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hidden-sm-up {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .hidden-sm-down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg-up {
    display: none !important;
  }
}

.hidden-lg-down {
  display: none !important;
}

@media (min-width: 480px) {
  html:not(.touch) .hidden-mouse-xs-up {
    display: none !important;
  }
}

@media (max-width: 767px) {
  html:not(.touch) .hidden-mouse-xs-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  html:not(.touch) .hidden-mouse-sm-up {
    display: none !important;
  }
}

@media (max-width: 991px) {
  html:not(.touch) .hidden-mouse-sm-down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  html:not(.touch) .hidden-mouse-md-up {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  html:not(.touch) .hidden-mouse-md-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  html:not(.touch) .hidden-mouse-lg-up {
    display: none !important;
  }
}

html:not(.touch) .hidden-mouse-lg-down {
  display: none !important;
}

@media (min-width: 992px) {
  html:not(.touch) .hidden-mouse,
  html:not(.touch) .touch {
    display: none !important;
  }
}

@media (min-width: 480px) {
  .touch .hidden-touch-xs-up {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .touch .hidden-touch-xs-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .touch .hidden-touch-sm-up {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .touch .hidden-touch-sm-down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .touch .hidden-touch-md-up {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .touch .hidden-touch-md-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .touch .hidden-touch-lg-up {
    display: none !important;
  }
}

.touch .hidden-touch-lg-down {
  display: none !important;
}

@media (max-width: 991px) {
  html:not(.specifity) .hidden-touch,
  html:not(.specifity) .mouse {
    display: none !important;
  }
}
html.touch .hidden-touch,
html.touch .mouse {
  display: none !important;
}

.hidden {
  display: none !important;
}

.offscreen {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.flex-row {
  flex-grow: 1;
  display: flex;
  min-width: 0;
}

.flex-column {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 0;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-center {
  justify-content: center;
}

.align-items-center {
  align-items: center;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

:root {
  --accent-azure: #66adff;
  --accent-blue: #4072e5;
  --accent-blue10: rgba(64, 114, 229, 0.1019607843);
  --accent-blue30: rgba(64, 114, 229, 0.3019607843);
  --accent-blue50: rgba(64, 114, 229, 0.5019607843);
  --accent-gold: #cc9200;
  --accent-green: #39bf68;
  --accent-orange: #ff794c;
  --accent-red: #db2c3a;
  --accent-teal: #59adc4;
  --accent-white: #fff;
  --accent-wood-dark: #996b6f;
  --accent-wood: #cc7a52;
  --accent-yellow: #faa700;
  --accent-highlight: rgba(255, 234, 0, 0.5019607843);
  --fill-primary: rgba(0, 0, 0, 0.8509803922);
  --fill-secondary: rgba(0, 0, 0, 0.5019607843);
  --fill-tertiary: rgba(0, 0, 0, 0.2509803922);
  --fill-quarternary: rgba(0, 0, 0, 0.1019607843);
  --fill-quinary: rgba(0, 0, 0, 0.0509803922);
  --fill-senary: rgba(0, 0, 0, 0.0196078431);
  --color-background: #fff;
  --color-background50: rgba(255, 255, 255, 0.5019607843);
  --color-background70: rgba(255, 255, 255, 0.6980392157);
  --color-border: rgba(0, 0, 0, 0.1490196078);
  --color-border50: rgba(0, 0, 0, 0.0784313725);
  --color-button: #fff;
  --color-control: #fff;
  --color-menu: rgba(246, 246, 246, 0.7215686275);
  --color-panedivider: #dadada;
  --color-sidepane: #f2f2f2;
  --color-tabbar: #f2f2f2;
  --color-toolbar: #f9f9f9;
  --color-scrollbar: rgb(194, 194, 194);
  --color-scrollbar-hover: rgb(125, 125, 125);
  --color-scrollbar-background: transparent;
  --color-stripe: rgba(0, 0, 0, 0.0392156863);
  --tag-blue: #2ea8e5;
  --tag-gray: #aaa;
  --tag-green: #5fb236;
  --tag-indigo: #576dd9;
  --tag-magenta: #e56eee;
  --tag-orange: #f19837;
  --tag-plum: #a6507b;
  --tag-purple: #a28ae5;
  --tag-red: #f66;
  --tag-teal: #009980;
  --tag-yellow: #ffd400;
  --accent-blue-dark: #333c66;
  --accent-asphalt: #7a8799;
  --color-shade-0: #fff;
  --color-shade-1: #fafafa;
  --color-shade-2: #e6e6e6;
  --color-shade-3: #ddd;
  --color-shade-4: #ccc;
  --color-shade-5: #bbb;
  --color-shade-6: #737373;
  --color-shade-7: #555;
  --color-shade-8: #333;
  --color-shade-9: #111;
  --color-shade-10: #000;
  --color-dnd-target-outline: #393939;
  --color-collection-tree-shadow: #e3e3e3;
  --color-tab-headings-bg: #f0f0f0;
  --color-item-list-second-row: #888;
  --color-panel-backdrop-bg: rgba(0, 0, 0, 0.1);
  --color-editable-hover-bg: rgba(0, 0, 0, 0.04);
  --color-editable-backdrop-hover-bg: #f0f0f0;
  --color-shade-1-darker: #f5f5f5;
  --color-button-active-bg: #f0f0f0;
  --color-button-shadow: rgba(0, 0, 0, 0.2);
  --color-button-shadow-lighter: rgba(0, 0, 0, 0.06);
  --color-drag-preview-shadow: rgba(0, 0, 0, 0.2);
  --tag-color-border: rgba(0, 0, 0, 0.08);
  --color-text-disabled: #656565;
  --color-nav-sidebar-border: #252525;
  --color-identifier-badge-hover-border: #b9b8b5;
  --color-backdrop: rgba(0, 0, 0, 0.4);
  --color-backdrop-spinner: #fff;
  --accent-red-on-shade-1: #db2c3a;
  --primary-on-shade-1: #252525;
  --color-nav-sidebar: #111;
  --color-nav-sidebar-link: #fff;
  --select-chevron-icon: url("/static/web-library/images/icons/chevron-7.svg");
  --color-accent: var(--accent-blue);
  --primary-on-accent: var(--accent-white);
  --accent-blue-lighter: rgb(81.9557603687, 127.2552995392, 231.4442396313);
  --accent-blue-darker: rgb(30.2175115207, 88.3281105991, 221.9824884793);
  --accent-green-lighter: rgb(68.9290322581, 199.4709677419, 114.7161290323);
  --accent-green-darker: rgb(47.6225806452, 159.5774193548, 86.8903225806);
  --accent-red-lighter: rgb(221.9732793522, 61.4267206478, 74.2704453441);
  --accent-red-darker: rgb(189.8145748988, 32.3854251012, 44.979757085);
  --color-shade-0-50: rgba(255, 255, 255, 0.5);
  --color-shade-10-50: rgba(0, 0, 0, 0.5);
  --color-shade-2-50: rgba(230, 230, 230, 0.5);
  --color-text-selection-bg: rgba(64, 114, 229, 0.2);
  --color-quinary-on-background: #f2f2f2;
  --color-quarternary-on-background: #e5e5e5;
  --color-quinary-on-sidepane: rgb(229.662745098, 229.662745098, 229.662745098);
  --color-quarternary-on-sidepane: rgb(217.3254901961, 217.3254901961, 217.3254901961);
  --color-stripe-on-background: whitesmoke;
  --tag-blue-on-background: #2ea8e5;
  --tag-gray-on-background: #aaaaaa;
  --tag-green-on-background: #5fb236;
  --tag-indigo-on-background: #576dd9;
  --tag-magenta-on-background: #e56eee;
  --tag-orange-on-background: #f19837;
  --tag-plum-on-background: #a6507b;
  --tag-purple-on-background: #a28ae5;
  --tag-red-on-background: #ff6666;
  --tag-teal-on-background: #009980;
  --tag-yellow-on-background: #ffd400;
  --material-background: var(--color-background);
  --material-background50: var(--color-background50);
  --material-background70: var(--color-background70);
  --material-button: var(--color-button);
  --material-control: var(--color-control);
  --material-menu: var(--color-menu);
  --material-sidepane: var(--color-sidepane);
  --material-tabbar: var(--color-tabbar);
  --material-toolbar: var(--color-toolbar);
  --material-mix-quinary: var(--color-quinary-on-background);
  --material-mix-quarternary: var(--color-quarternary-on-background);
  --material-stripe: var(--color-stripe-on-background);
  --material-border-transparent: 1px solid transparent;
  --material-border: 1px solid var(--color-border);
  --material-border50: 1px solid var(--color-border50);
  --material-panedivider: 1px solid var(--color-panedivider);
  --material-border-quinary: 1px solid var(--fill-quinary);
  --material-border-quarternary: 1px solid var(--fill-quarternary);
}

:root[data-color-scheme=light] {
  color-scheme: light;
  --accent-azure: #66adff;
  --accent-blue: #4072e5;
  --accent-blue10: rgba(64, 114, 229, 0.1019607843);
  --accent-blue30: rgba(64, 114, 229, 0.3019607843);
  --accent-blue50: rgba(64, 114, 229, 0.5019607843);
  --accent-gold: #cc9200;
  --accent-green: #39bf68;
  --accent-orange: #ff794c;
  --accent-red: #db2c3a;
  --accent-teal: #59adc4;
  --accent-white: #fff;
  --accent-wood-dark: #996b6f;
  --accent-wood: #cc7a52;
  --accent-yellow: #faa700;
  --accent-highlight: rgba(255, 234, 0, 0.5019607843);
  --fill-primary: rgba(0, 0, 0, 0.8509803922);
  --fill-secondary: rgba(0, 0, 0, 0.5019607843);
  --fill-tertiary: rgba(0, 0, 0, 0.2509803922);
  --fill-quarternary: rgba(0, 0, 0, 0.1019607843);
  --fill-quinary: rgba(0, 0, 0, 0.0509803922);
  --fill-senary: rgba(0, 0, 0, 0.0196078431);
  --color-background: #fff;
  --color-background50: rgba(255, 255, 255, 0.5019607843);
  --color-background70: rgba(255, 255, 255, 0.6980392157);
  --color-border: rgba(0, 0, 0, 0.1490196078);
  --color-border50: rgba(0, 0, 0, 0.0784313725);
  --color-button: #fff;
  --color-control: #fff;
  --color-menu: rgba(246, 246, 246, 0.7215686275);
  --color-panedivider: #dadada;
  --color-sidepane: #f2f2f2;
  --color-tabbar: #f2f2f2;
  --color-toolbar: #f9f9f9;
  --color-scrollbar: rgb(194, 194, 194);
  --color-scrollbar-hover: rgb(125, 125, 125);
  --color-scrollbar-background: transparent;
  --color-stripe: rgba(0, 0, 0, 0.0392156863);
  --tag-blue: #2ea8e5;
  --tag-gray: #aaa;
  --tag-green: #5fb236;
  --tag-indigo: #576dd9;
  --tag-magenta: #e56eee;
  --tag-orange: #f19837;
  --tag-plum: #a6507b;
  --tag-purple: #a28ae5;
  --tag-red: #f66;
  --tag-teal: #009980;
  --tag-yellow: #ffd400;
  --accent-blue-dark: #333c66;
  --accent-asphalt: #7a8799;
  --color-shade-0: #fff;
  --color-shade-1: #fafafa;
  --color-shade-2: #e6e6e6;
  --color-shade-3: #ddd;
  --color-shade-4: #ccc;
  --color-shade-5: #bbb;
  --color-shade-6: #737373;
  --color-shade-7: #555;
  --color-shade-8: #333;
  --color-shade-9: #111;
  --color-shade-10: #000;
  --color-dnd-target-outline: #393939;
  --color-collection-tree-shadow: #e3e3e3;
  --color-tab-headings-bg: #f0f0f0;
  --color-item-list-second-row: #888;
  --color-panel-backdrop-bg: rgba(0, 0, 0, 0.1);
  --color-editable-hover-bg: rgba(0, 0, 0, 0.04);
  --color-editable-backdrop-hover-bg: #f0f0f0;
  --color-shade-1-darker: #f5f5f5;
  --color-button-active-bg: #f0f0f0;
  --color-button-shadow: rgba(0, 0, 0, 0.2);
  --color-button-shadow-lighter: rgba(0, 0, 0, 0.06);
  --color-drag-preview-shadow: rgba(0, 0, 0, 0.2);
  --tag-color-border: rgba(0, 0, 0, 0.08);
  --color-text-disabled: #656565;
  --color-nav-sidebar-border: #252525;
  --color-identifier-badge-hover-border: #b9b8b5;
  --color-backdrop: rgba(0, 0, 0, 0.4);
  --color-backdrop-spinner: #fff;
  --accent-red-on-shade-1: #db2c3a;
  --primary-on-shade-1: #252525;
  --color-nav-sidebar: #111;
  --color-nav-sidebar-link: #fff;
  --select-chevron-icon: url("/static/web-library/images/icons/chevron-7.svg");
  --color-accent: var(--accent-blue);
  --primary-on-accent: var(--accent-white);
  --accent-blue-lighter: rgb(81.9557603687, 127.2552995392, 231.4442396313);
  --accent-blue-darker: rgb(30.2175115207, 88.3281105991, 221.9824884793);
  --accent-green-lighter: rgb(68.9290322581, 199.4709677419, 114.7161290323);
  --accent-green-darker: rgb(47.6225806452, 159.5774193548, 86.8903225806);
  --accent-red-lighter: rgb(221.9732793522, 61.4267206478, 74.2704453441);
  --accent-red-darker: rgb(189.8145748988, 32.3854251012, 44.979757085);
  --color-shade-0-50: rgba(255, 255, 255, 0.5);
  --color-shade-10-50: rgba(0, 0, 0, 0.5);
  --color-shade-2-50: rgba(230, 230, 230, 0.5);
  --color-text-selection-bg: rgba(64, 114, 229, 0.2);
  --color-quinary-on-background: #f2f2f2;
  --color-quarternary-on-background: #e5e5e5;
  --color-quinary-on-sidepane: rgb(229.662745098, 229.662745098, 229.662745098);
  --color-quarternary-on-sidepane: rgb(217.3254901961, 217.3254901961, 217.3254901961);
  --color-stripe-on-background: whitesmoke;
  --tag-blue-on-background: #2ea8e5;
  --tag-gray-on-background: #aaaaaa;
  --tag-green-on-background: #5fb236;
  --tag-indigo-on-background: #576dd9;
  --tag-magenta-on-background: #e56eee;
  --tag-orange-on-background: #f19837;
  --tag-plum-on-background: #a6507b;
  --tag-purple-on-background: #a28ae5;
  --tag-red-on-background: #ff6666;
  --tag-teal-on-background: #009980;
  --tag-yellow-on-background: #ffd400;
  --material-background: var(--color-background);
  --material-background50: var(--color-background50);
  --material-background70: var(--color-background70);
  --material-button: var(--color-button);
  --material-control: var(--color-control);
  --material-menu: var(--color-menu);
  --material-sidepane: var(--color-sidepane);
  --material-tabbar: var(--color-tabbar);
  --material-toolbar: var(--color-toolbar);
  --material-mix-quinary: var(--color-quinary-on-background);
  --material-mix-quarternary: var(--color-quarternary-on-background);
  --material-stripe: var(--color-stripe-on-background);
  --material-border-transparent: 1px solid transparent;
  --material-border: 1px solid var(--color-border);
  --material-border50: 1px solid var(--color-border50);
  --material-panedivider: 1px solid var(--color-panedivider);
  --material-border-quinary: 1px solid var(--fill-quinary);
  --material-border-quarternary: 1px solid var(--fill-quarternary);
}

@media (prefers-color-scheme: light) {
  :root:not([data-color-scheme]) {
    --accent-azure: #66adff;
    --accent-blue: #4072e5;
    --accent-blue10: rgba(64, 114, 229, 0.1019607843);
    --accent-blue30: rgba(64, 114, 229, 0.3019607843);
    --accent-blue50: rgba(64, 114, 229, 0.5019607843);
    --accent-gold: #cc9200;
    --accent-green: #39bf68;
    --accent-orange: #ff794c;
    --accent-red: #db2c3a;
    --accent-teal: #59adc4;
    --accent-white: #fff;
    --accent-wood-dark: #996b6f;
    --accent-wood: #cc7a52;
    --accent-yellow: #faa700;
    --accent-highlight: rgba(255, 234, 0, 0.5019607843);
    --fill-primary: rgba(0, 0, 0, 0.8509803922);
    --fill-secondary: rgba(0, 0, 0, 0.5019607843);
    --fill-tertiary: rgba(0, 0, 0, 0.2509803922);
    --fill-quarternary: rgba(0, 0, 0, 0.1019607843);
    --fill-quinary: rgba(0, 0, 0, 0.0509803922);
    --fill-senary: rgba(0, 0, 0, 0.0196078431);
    --color-background: #fff;
    --color-background50: rgba(255, 255, 255, 0.5019607843);
    --color-background70: rgba(255, 255, 255, 0.6980392157);
    --color-border: rgba(0, 0, 0, 0.1490196078);
    --color-border50: rgba(0, 0, 0, 0.0784313725);
    --color-button: #fff;
    --color-control: #fff;
    --color-menu: rgba(246, 246, 246, 0.7215686275);
    --color-panedivider: #dadada;
    --color-sidepane: #f2f2f2;
    --color-tabbar: #f2f2f2;
    --color-toolbar: #f9f9f9;
    --color-scrollbar: rgb(194, 194, 194);
    --color-scrollbar-hover: rgb(125, 125, 125);
    --color-scrollbar-background: transparent;
    --color-stripe: rgba(0, 0, 0, 0.0392156863);
    --tag-blue: #2ea8e5;
    --tag-gray: #aaa;
    --tag-green: #5fb236;
    --tag-indigo: #576dd9;
    --tag-magenta: #e56eee;
    --tag-orange: #f19837;
    --tag-plum: #a6507b;
    --tag-purple: #a28ae5;
    --tag-red: #f66;
    --tag-teal: #009980;
    --tag-yellow: #ffd400;
    --accent-blue-dark: #333c66;
    --accent-asphalt: #7a8799;
    --color-shade-0: #fff;
    --color-shade-1: #fafafa;
    --color-shade-2: #e6e6e6;
    --color-shade-3: #ddd;
    --color-shade-4: #ccc;
    --color-shade-5: #bbb;
    --color-shade-6: #737373;
    --color-shade-7: #555;
    --color-shade-8: #333;
    --color-shade-9: #111;
    --color-shade-10: #000;
    --color-dnd-target-outline: #393939;
    --color-collection-tree-shadow: #e3e3e3;
    --color-tab-headings-bg: #f0f0f0;
    --color-item-list-second-row: #888;
    --color-panel-backdrop-bg: rgba(0, 0, 0, 0.1);
    --color-editable-hover-bg: rgba(0, 0, 0, 0.04);
    --color-editable-backdrop-hover-bg: #f0f0f0;
    --color-shade-1-darker: #f5f5f5;
    --color-button-active-bg: #f0f0f0;
    --color-button-shadow: rgba(0, 0, 0, 0.2);
    --color-button-shadow-lighter: rgba(0, 0, 0, 0.06);
    --color-drag-preview-shadow: rgba(0, 0, 0, 0.2);
    --tag-color-border: rgba(0, 0, 0, 0.08);
    --color-text-disabled: #656565;
    --color-nav-sidebar-border: #252525;
    --color-identifier-badge-hover-border: #b9b8b5;
    --color-backdrop: rgba(0, 0, 0, 0.4);
    --color-backdrop-spinner: #fff;
    --accent-red-on-shade-1: #db2c3a;
    --primary-on-shade-1: #252525;
    --color-nav-sidebar: #111;
    --color-nav-sidebar-link: #fff;
    --select-chevron-icon: url("/static/web-library/images/icons/chevron-7.svg");
    --color-accent: var(--accent-blue);
    --primary-on-accent: var(--accent-white);
    --accent-blue-lighter: rgb(81.9557603687, 127.2552995392, 231.4442396313);
    --accent-blue-darker: rgb(30.2175115207, 88.3281105991, 221.9824884793);
    --accent-green-lighter: rgb(68.9290322581, 199.4709677419, 114.7161290323);
    --accent-green-darker: rgb(47.6225806452, 159.5774193548, 86.8903225806);
    --accent-red-lighter: rgb(221.9732793522, 61.4267206478, 74.2704453441);
    --accent-red-darker: rgb(189.8145748988, 32.3854251012, 44.979757085);
    --color-shade-0-50: rgba(255, 255, 255, 0.5);
    --color-shade-10-50: rgba(0, 0, 0, 0.5);
    --color-shade-2-50: rgba(230, 230, 230, 0.5);
    --color-text-selection-bg: rgba(64, 114, 229, 0.2);
    --color-quinary-on-background: #f2f2f2;
    --color-quarternary-on-background: #e5e5e5;
    --color-quinary-on-sidepane: rgb(229.662745098, 229.662745098, 229.662745098);
    --color-quarternary-on-sidepane: rgb(217.3254901961, 217.3254901961, 217.3254901961);
    --color-stripe-on-background: whitesmoke;
    --tag-blue-on-background: #2ea8e5;
    --tag-gray-on-background: #aaaaaa;
    --tag-green-on-background: #5fb236;
    --tag-indigo-on-background: #576dd9;
    --tag-magenta-on-background: #e56eee;
    --tag-orange-on-background: #f19837;
    --tag-plum-on-background: #a6507b;
    --tag-purple-on-background: #a28ae5;
    --tag-red-on-background: #ff6666;
    --tag-teal-on-background: #009980;
    --tag-yellow-on-background: #ffd400;
    --material-background: var(--color-background);
    --material-background50: var(--color-background50);
    --material-background70: var(--color-background70);
    --material-button: var(--color-button);
    --material-control: var(--color-control);
    --material-menu: var(--color-menu);
    --material-sidepane: var(--color-sidepane);
    --material-tabbar: var(--color-tabbar);
    --material-toolbar: var(--color-toolbar);
    --material-mix-quinary: var(--color-quinary-on-background);
    --material-mix-quarternary: var(--color-quarternary-on-background);
    --material-stripe: var(--color-stripe-on-background);
    --material-border-transparent: 1px solid transparent;
    --material-border: 1px solid var(--color-border);
    --material-border50: 1px solid var(--color-border50);
    --material-panedivider: 1px solid var(--color-panedivider);
    --material-border-quinary: 1px solid var(--fill-quinary);
    --material-border-quarternary: 1px solid var(--fill-quarternary);
  }
}
:root[data-color-scheme=dark] {
  color-scheme: dark;
  --accent-azure: rgba(102, 173, 255, 0.8509803922);
  --accent-blue: #4072e5;
  --accent-blue10: rgba(64, 114, 229, 0.3019607843);
  --accent-blue30: rgba(64, 114, 229, 0.4509803922);
  --accent-blue50: rgba(64, 114, 229, 0.6);
  --accent-gold: rgba(204, 146, 0, 0.8509803922);
  --accent-green: rgba(57, 191, 104, 0.8509803922);
  --accent-orange: rgba(255, 121, 76, 0.8509803922);
  --accent-red: rgba(219, 44, 58, 0.8980392157);
  --accent-teal: rgba(89, 173, 196, 0.8980392157);
  --accent-white: #fff;
  --accent-wood-dark: #996b6f;
  --accent-wood: rgba(204, 122, 82, 0.8980392157);
  --accent-yellow: rgba(250, 167, 0, 0.8);
  --accent-highlight: rgba(255, 212, 0, 0.1490196078);
  --fill-primary: rgba(255, 255, 255, 0.8980392157);
  --fill-secondary: rgba(255, 255, 255, 0.5490196078);
  --fill-tertiary: rgba(255, 255, 255, 0.3019607843);
  --fill-quarternary: rgba(255, 255, 255, 0.1215686275);
  --fill-quinary: rgba(255, 255, 255, 0.0588235294);
  --fill-senary: rgba(255, 255, 255, 0.031372549);
  --color-background: #1e1e1e;
  --color-background50: rgba(30, 30, 30, 0.5019607843);
  --color-background70: rgba(30, 30, 30, 0.6980392157);
  --color-border: rgba(255, 255, 255, 0.1803921569);
  --color-border50: rgba(255, 255, 255, 0.0901960784);
  --color-button: #404040;
  --color-control: #ccc;
  --color-menu: rgba(40, 40, 40, 0.5803921569);
  --color-panedivider: #404040;
  --color-sidepane: #303030;
  --color-tabbar: #1e1e1e;
  --color-toolbar: #272727;
  --color-scrollbar: rgb(117, 117, 117);
  --color-scrollbar-hover: rgb(158, 158, 158);
  --color-scrollbar-background: transparent;
  --color-stripe: rgba(255, 255, 255, 0.0509803922);
  --tag-blue: rgba(46, 168, 229, 0.8509803922);
  --tag-gray: rgba(170, 170, 170, 0.8);
  --tag-green: rgba(95, 178, 54, 0.8509803922);
  --tag-indigo: #576dd9;
  --tag-magenta: rgba(229, 110, 238, 0.8509803922);
  --tag-orange: rgba(241, 152, 55, 0.8);
  --tag-plum: #a6507b;
  --tag-purple: rgba(162, 138, 229, 0.8980392157);
  --tag-red: rgba(255, 102, 102, 0.8980392157);
  --tag-teal: #009980;
  --tag-yellow: rgba(255, 212, 0, 0.7490196078);
  --accent-blue-dark: #333c66;
  --accent-asphalt: #7a8799;
  --color-shade-0: #1e1e1e;
  --color-shade-1: #303030;
  --color-shade-2: #333;
  --color-shade-3: #444;
  --color-shade-4: #555;
  --color-shade-5: #777;
  --color-shade-6: #8c8c8c;
  --color-shade-7: #aaa;
  --color-shade-8: #ccc;
  --color-shade-9: #eee;
  --color-shade-10: #fff;
  --color-dnd-target-outline: #cfdcf9;
  --color-collection-tree-shadow: #e3e3e3;
  --color-tab-headings-bg: #f0f0f0;
  --color-item-list-second-row: #888;
  --color-panel-backdrop-bg: rgba(0, 0, 0, 0.1);
  --color-editable-hover-bg: rgba(0, 0, 0, 0.04);
  --color-editable-backdrop-hover-bg: #f0f0f0;
  --color-shade-1-darker: #292929;
  --color-button-active-bg: #f0f0f0;
  --color-button-shadow: rgba(0, 0, 0, 0.2);
  --color-button-shadow-lighter: rgba(0, 0, 0, 0.06);
  --color-drag-preview-shadow: rgba(0, 0, 0, 0.2);
  --tag-color-border: rgba(0, 0, 0, 0.08);
  --color-text-disabled: #9a9a9a;
  --color-nav-sidebar-border: #252525;
  --color-identifier-badge-hover-border: #b9b8b5;
  --color-backdrop: rgba(0, 0, 0, 0.6);
  --color-backdrop-spinner: #fff;
  --accent-red-on-shade-1: #c52f37;
  --primary-on-shade-1: #e3e3e3;
  --color-nav-sidebar: #111;
  --color-nav-sidebar-link: #fff;
  --select-chevron-icon: url("/static/web-library/images/icons/chevron-7-777.svg");
  --color-accent: var(--accent-blue);
  --primary-on-accent: var(--accent-white);
  --accent-blue-lighter: rgb(81.9557603687, 127.2552995392, 231.4442396313);
  --accent-blue-darker: rgb(30.2175115207, 88.3281105991, 221.9824884793);
  --accent-green-lighter: rgba(68.9290322581, 199.4709677419, 114.7161290323, 0.8509803922);
  --accent-green-darker: rgba(47.6225806452, 159.5774193548, 86.8903225806, 0.8509803922);
  --accent-red-lighter: rgba(221.9732793522, 61.4267206478, 74.2704453441, 0.8980392157);
  --accent-red-darker: rgba(189.8145748988, 32.3854251012, 44.979757085, 0.8980392157);
  --color-shade-0-50: rgba(30, 30, 30, 0.5);
  --color-shade-10-50: rgba(255, 255, 255, 0.5);
  --color-shade-2-50: rgba(51, 51, 51, 0.5);
  --color-text-selection-bg: rgba(64, 114, 229, 0.2);
  --color-quinary-on-background: rgb(43.2352941176, 43.2352941176, 43.2352941176);
  --color-quarternary-on-background: rgb(57.3529411765, 57.3529411765, 57.3529411765);
  --color-quinary-on-sidepane: rgb(60.1764705882, 60.1764705882, 60.1764705882);
  --color-quarternary-on-sidepane: rgb(73.1647058824, 73.1647058824, 73.1647058824);
  --color-stripe-on-background: rgb(41.4705882353, 41.4705882353, 41.4705882353);
  --tag-blue-on-background: rgb(43.6156862745, 147.4352941176, 199.3450980392);
  --tag-gray-on-background: #8e8e8e;
  --tag-green-on-background: rgb(85.3137254902, 155.9450980392, 50.4235294118);
  --tag-indigo-on-background: #576dd9;
  --tag-magenta-on-background: rgb(199.3450980392, 98.0784313725, 207.0039215686);
  --tag-orange-on-background: rgb(198.8, 127.6, 50);
  --tag-plum-on-background: #a6507b;
  --tag-purple-on-background: rgb(148.5411764706, 126.9882352941, 208.7098039216);
  --tag-red-on-background: rgb(232.0588235294, 94.6588235294, 94.6588235294);
  --tag-teal-on-background: #009980;
  --tag-yellow-on-background: rgb(198.5294117647, 166.3215686275, 7.5294117647);
  --material-background: var(--color-background);
  --material-background50: var(--color-background50);
  --material-background70: var(--color-background70);
  --material-button: var(--color-button);
  --material-control: var(--color-control);
  --material-menu: var(--color-menu);
  --material-sidepane: var(--color-sidepane);
  --material-tabbar: var(--color-tabbar);
  --material-toolbar: var(--color-toolbar);
  --material-mix-quinary: var(--color-quinary-on-background);
  --material-mix-quarternary: var(--color-quarternary-on-background);
  --material-stripe: var(--color-stripe-on-background);
  --material-border-transparent: 1px solid transparent;
  --material-border: 1px solid var(--color-border);
  --material-border50: 1px solid var(--color-border50);
  --material-panedivider: 1px solid var(--color-panedivider);
  --material-border-quinary: 1px solid var(--fill-quinary);
  --material-border-quarternary: 1px solid var(--fill-quarternary);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme]) {
    --accent-azure: rgba(102, 173, 255, 0.8509803922);
    --accent-blue: #4072e5;
    --accent-blue10: rgba(64, 114, 229, 0.3019607843);
    --accent-blue30: rgba(64, 114, 229, 0.4509803922);
    --accent-blue50: rgba(64, 114, 229, 0.6);
    --accent-gold: rgba(204, 146, 0, 0.8509803922);
    --accent-green: rgba(57, 191, 104, 0.8509803922);
    --accent-orange: rgba(255, 121, 76, 0.8509803922);
    --accent-red: rgba(219, 44, 58, 0.8980392157);
    --accent-teal: rgba(89, 173, 196, 0.8980392157);
    --accent-white: #fff;
    --accent-wood-dark: #996b6f;
    --accent-wood: rgba(204, 122, 82, 0.8980392157);
    --accent-yellow: rgba(250, 167, 0, 0.8);
    --accent-highlight: rgba(255, 212, 0, 0.1490196078);
    --fill-primary: rgba(255, 255, 255, 0.8980392157);
    --fill-secondary: rgba(255, 255, 255, 0.5490196078);
    --fill-tertiary: rgba(255, 255, 255, 0.3019607843);
    --fill-quarternary: rgba(255, 255, 255, 0.1215686275);
    --fill-quinary: rgba(255, 255, 255, 0.0588235294);
    --fill-senary: rgba(255, 255, 255, 0.031372549);
    --color-background: #1e1e1e;
    --color-background50: rgba(30, 30, 30, 0.5019607843);
    --color-background70: rgba(30, 30, 30, 0.6980392157);
    --color-border: rgba(255, 255, 255, 0.1803921569);
    --color-border50: rgba(255, 255, 255, 0.0901960784);
    --color-button: #404040;
    --color-control: #ccc;
    --color-menu: rgba(40, 40, 40, 0.5803921569);
    --color-panedivider: #404040;
    --color-sidepane: #303030;
    --color-tabbar: #1e1e1e;
    --color-toolbar: #272727;
    --color-scrollbar: rgb(117, 117, 117);
    --color-scrollbar-hover: rgb(158, 158, 158);
    --color-scrollbar-background: transparent;
    --color-stripe: rgba(255, 255, 255, 0.0509803922);
    --tag-blue: rgba(46, 168, 229, 0.8509803922);
    --tag-gray: rgba(170, 170, 170, 0.8);
    --tag-green: rgba(95, 178, 54, 0.8509803922);
    --tag-indigo: #576dd9;
    --tag-magenta: rgba(229, 110, 238, 0.8509803922);
    --tag-orange: rgba(241, 152, 55, 0.8);
    --tag-plum: #a6507b;
    --tag-purple: rgba(162, 138, 229, 0.8980392157);
    --tag-red: rgba(255, 102, 102, 0.8980392157);
    --tag-teal: #009980;
    --tag-yellow: rgba(255, 212, 0, 0.7490196078);
    --accent-blue-dark: #333c66;
    --accent-asphalt: #7a8799;
    --color-shade-0: #1e1e1e;
    --color-shade-1: #303030;
    --color-shade-2: #333;
    --color-shade-3: #444;
    --color-shade-4: #555;
    --color-shade-5: #777;
    --color-shade-6: #8c8c8c;
    --color-shade-7: #aaa;
    --color-shade-8: #ccc;
    --color-shade-9: #eee;
    --color-shade-10: #fff;
    --color-dnd-target-outline: #cfdcf9;
    --color-collection-tree-shadow: #e3e3e3;
    --color-tab-headings-bg: #f0f0f0;
    --color-item-list-second-row: #888;
    --color-panel-backdrop-bg: rgba(0, 0, 0, 0.1);
    --color-editable-hover-bg: rgba(0, 0, 0, 0.04);
    --color-editable-backdrop-hover-bg: #f0f0f0;
    --color-shade-1-darker: #292929;
    --color-button-active-bg: #f0f0f0;
    --color-button-shadow: rgba(0, 0, 0, 0.2);
    --color-button-shadow-lighter: rgba(0, 0, 0, 0.06);
    --color-drag-preview-shadow: rgba(0, 0, 0, 0.2);
    --tag-color-border: rgba(0, 0, 0, 0.08);
    --color-text-disabled: #9a9a9a;
    --color-nav-sidebar-border: #252525;
    --color-identifier-badge-hover-border: #b9b8b5;
    --color-backdrop: rgba(0, 0, 0, 0.6);
    --color-backdrop-spinner: #fff;
    --accent-red-on-shade-1: #c52f37;
    --primary-on-shade-1: #e3e3e3;
    --color-nav-sidebar: #111;
    --color-nav-sidebar-link: #fff;
    --select-chevron-icon: url("/static/web-library/images/icons/chevron-7-777.svg");
    --color-accent: var(--accent-blue);
    --primary-on-accent: var(--accent-white);
    --accent-blue-lighter: rgb(81.9557603687, 127.2552995392, 231.4442396313);
    --accent-blue-darker: rgb(30.2175115207, 88.3281105991, 221.9824884793);
    --accent-green-lighter: rgba(68.9290322581, 199.4709677419, 114.7161290323, 0.8509803922);
    --accent-green-darker: rgba(47.6225806452, 159.5774193548, 86.8903225806, 0.8509803922);
    --accent-red-lighter: rgba(221.9732793522, 61.4267206478, 74.2704453441, 0.8980392157);
    --accent-red-darker: rgba(189.8145748988, 32.3854251012, 44.979757085, 0.8980392157);
    --color-shade-0-50: rgba(30, 30, 30, 0.5);
    --color-shade-10-50: rgba(255, 255, 255, 0.5);
    --color-shade-2-50: rgba(51, 51, 51, 0.5);
    --color-text-selection-bg: rgba(64, 114, 229, 0.2);
    --color-quinary-on-background: rgb(43.2352941176, 43.2352941176, 43.2352941176);
    --color-quarternary-on-background: rgb(57.3529411765, 57.3529411765, 57.3529411765);
    --color-quinary-on-sidepane: rgb(60.1764705882, 60.1764705882, 60.1764705882);
    --color-quarternary-on-sidepane: rgb(73.1647058824, 73.1647058824, 73.1647058824);
    --color-stripe-on-background: rgb(41.4705882353, 41.4705882353, 41.4705882353);
    --tag-blue-on-background: rgb(43.6156862745, 147.4352941176, 199.3450980392);
    --tag-gray-on-background: #8e8e8e;
    --tag-green-on-background: rgb(85.3137254902, 155.9450980392, 50.4235294118);
    --tag-indigo-on-background: #576dd9;
    --tag-magenta-on-background: rgb(199.3450980392, 98.0784313725, 207.0039215686);
    --tag-orange-on-background: rgb(198.8, 127.6, 50);
    --tag-plum-on-background: #a6507b;
    --tag-purple-on-background: rgb(148.5411764706, 126.9882352941, 208.7098039216);
    --tag-red-on-background: rgb(232.0588235294, 94.6588235294, 94.6588235294);
    --tag-teal-on-background: #009980;
    --tag-yellow-on-background: rgb(198.5294117647, 166.3215686275, 7.5294117647);
    --material-background: var(--color-background);
    --material-background50: var(--color-background50);
    --material-background70: var(--color-background70);
    --material-button: var(--color-button);
    --material-control: var(--color-control);
    --material-menu: var(--color-menu);
    --material-sidepane: var(--color-sidepane);
    --material-tabbar: var(--color-tabbar);
    --material-toolbar: var(--color-toolbar);
    --material-mix-quinary: var(--color-quinary-on-background);
    --material-mix-quarternary: var(--color-quarternary-on-background);
    --material-stripe: var(--color-stripe-on-background);
    --material-border-transparent: 1px solid transparent;
    --material-border: 1px solid var(--color-border);
    --material-border50: 1px solid var(--color-border50);
    --material-panedivider: 1px solid var(--color-panedivider);
    --material-border-quinary: 1px solid var(--fill-quinary);
    --material-border-quarternary: 1px solid var(--fill-quarternary);
  }
}
@font-face {
  font-family: AvenirNextLTPro;
  font-weight: 400;
  font-style: normal;
  src: url("/static/web-library/fonts/36AC02_5_0.eot");
  src: url("/static/web-library/fonts/36AC02_5_0.eot?#iefix") format("embedded-opentype"), url("/static/web-library/fonts/36AC02_5_0.woff2") format("woff2"), url("/static/web-library/fonts/36AC02_5_0.woff") format("woff"), url("/static/web-library/fonts/36AC02_5_0.ttf") format("truetype"), url("/static/web-library/fonts/36AC02_5_0.svg#wf") format("svg");
}
/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace;
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects;
          text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: inherit;
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
          appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
          appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

*,
::before,
::after {
  box-sizing: border-box;
}

html, body {
  overscroll-behavior: none;
}

html,
body,
#zotero-web-library,
.library-container {
  height: 100%;
}
@media (height <= 0) {
  html,
  body,
  #zotero-web-library,
  .library-container {
    min-height: 200px;
  }
}

html {
  color-scheme: light dark;
  -webkit-tap-highlight-color: transparent;
}
@media (max-width: 991px) {
  html {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  html {
    font-size: 13px;
  }
}
html.touch {
  font-size: 16px;
}

body {
  background: var(--color-background);
  color: var(--fill-primary);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 991px) {
  html:not(.specifity) body {
    line-height: 1.5;
  }
}
html.touch body {
  line-height: 1.5;
}
@media (min-width: 768px) {
  html:not(.touch) body {
    line-height: 1.539;
  }
}

a {
  cursor: pointer;
}

[data-widget=library] {
  overflow: hidden;
}

#zotero-web-library {
  overflow: hidden;
}

.library-container {
  display: flex;
  flex-direction: column;
}
.library-container.no-transitions * {
  transition: none !important;
}

.site-wrapper {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
@media (max-width: 1199px) {
  .site-wrapper {
    overflow: hidden;
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .navbar-nav-opened .site-wrapper {
    transform: translate3d(-280px, 0, 0);
  }
}
@media (max-width: 359px) {
  .navbar-nav-opened .site-wrapper {
    transform: translate3d(-264px, 0, 0);
  }
}

main {
  flex: 1 1 auto;
  display: flex;
  background: var(--color-shade-0);
  min-height: 0;
  position: relative;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  color: var(--color-shade-8);
  margin: 0;
  font-weight: 400;
  font-size: inherit;
  line-height: inherit;
}

.h1, .h2 {
  line-height: 1.2;
  margin-bottom: 1rem;
}

.h1 {
  font-family: blinkmacsystemfont, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.h2 {
  font-size: 16px;
  margin-top: 11px;
}

p {
  margin: 0 0 1em;
}

a {
  color: var(--accent-blue);
  text-decoration: none;
}
a:hover {
  color: var(--accent-blue);
  text-decoration: underline;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

::-moz-selection {
  color: inherit;
  background-color: var(--color-text-selection-bg);
}

::selection {
  color: inherit;
  background-color: var(--color-text-selection-bg);
}

.mouse:not(.keyboard) :focus,
.touch:not(.keyboard) :focus {
  outline: none;
}

.keyboard :focus {
  outline: 3px solid var(--accent-blue);
  outline-offset: 2px;
  position: relative;
}

[tabindex="-1"]:focus {
  outline: none;
}

.sidebar {
  display: flex;
  flex-direction: column;
  background: var(--material-sidepane);
  overflow: hidden;
  position: relative;
  min-height: 0;
}
@media (max-width: 991px) {
  html:not(.specifity) .sidebar {
    position: relative;
  }
  html:not(.specifity) .sidebar::after {
    content: "";
    position: absolute;
    z-index: 20;
    inset: 0 0 auto auto;
    width: 1px;
    height: calc(100% - 0px - 0px);
    background-color: var(--color-shade-2);
  }
}
@media (max-width: 991px) and (resolution >= 2dppx) {
  html:not(.specifity) .sidebar::after {
    background: linear-gradient(to left, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat right 0 top 0;
  }
}
html.touch .sidebar {
  position: relative;
}
html.touch .sidebar::after {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 0 0 auto auto;
  width: 1px;
  height: calc(100% - 0px - 0px);
  background-color: var(--color-shade-2);
}
@media (resolution >= 2dppx) {
  html.touch .sidebar::after {
    background: linear-gradient(to left, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat right 0 top 0;
  }
}
@media (max-width: 767px) {
  html:not(.specifity) .sidebar {
    position: absolute;
    inset: 44px 0 0 0;
    overflow: visible;
  }
  html:not(.specifity) .sidebar::after {
    content: none;
  }
}
@media (min-width: 992px) {
  html:not(.touch) .sidebar {
    border-right: var(--material-border-quarternary);
  }
}
@media (min-width: 768px) {
  .sidebar {
    flex: 0 0 320px;
  }
}
@media (min-width: 992px) {
  .sidebar {
    flex: 0 0 25%;
  }
  .touch .sidebar {
    flex: 0 0 320px;
  }
}
@media (min-width: 1200px) {
  .sidebar {
    flex: 0 0 280px;
  }
  .touch .sidebar {
    flex: 0 0 25%;
  }
}
@media (max-width: 767px) {
  .sidebar .touch-footer {
    z-index: 30;
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .touch-tag-selector-active.view-item-details-active .sidebar .touch-footer {
    transform: translate3d(-25%, 0, 0);
  }
}
.sidebar .touch-footer .btn {
  margin-left: -7px;
}

nav li a {
  display: block;
  text-decoration: none;
}
nav li a:hover {
  text-decoration: none;
}

::-moz-placeholder {
  color: var(--color-shade-4);
}

::placeholder {
  color: var(--color-shade-4);
}

@media (max-width: 991px) {
  html:not(.specifity) .modal .form {
    margin: -16px;
    padding: 20px 0;
  }
}
html.touch .modal .form {
  margin: -16px;
  padding: 20px 0;
}

.popover .form {
  margin: 4px 0;
}
@media (max-width: 991px) {
  html:not(.specifity) .popover .form {
    margin: -12px;
    padding: 0;
  }
}
html.touch .popover .form {
  margin: -12px;
  padding: 0;
}

@media (min-width: 992px) {
  html:not(.touch) .form-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px;
  }
}
@media (min-width: 992px) {
  html:not(.touch) .form-row > .col,
  html:not(.touch) .form-row > [class*=col-] {
    padding-left: 4px;
    padding-right: 4px;
  }
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

@media (min-width: 992px) {
  html:not(.touch) .form-control-lg + .icon-spin {
    top: 10px;
    right: 10px;
    width: 16px;
    height: 16px;
  }
  html:not(.touch) .form-control-lg + .icon-spin path {
    stroke-width: 1.2px;
  }
}

@media (max-width: 991px) {
  html:not(.specifity) .form-group {
    display: flex;
    padding: 1px 8px;
    margin-bottom: 20px;
    background-color: var(--color-shade-0);
    position: relative;
  }
  html:not(.specifity) .form-group {
    position: relative;
  }
  html:not(.specifity) .form-group::before {
    content: "";
    position: absolute;
    z-index: 20;
    inset: 0 auto auto 0;
    width: calc(100% - 0px - 0px);
    height: 1px;
    background-color: var(--color-shade-3);
  }
}
@media (max-width: 991px) and (resolution >= 2dppx) {
  html:not(.specifity) .form-group::before {
    background: linear-gradient(to bottom, var(--color-shade-5) 0%, var(--color-shade-5) 51%, transparent 51%) no-repeat 0 0;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .form-group {
    position: relative;
  }
  html:not(.specifity) .form-group::after {
    content: "";
    position: absolute;
    z-index: 20;
    inset: auto auto 0 0;
    width: calc(100% - 0px - 0px);
    height: 1px;
    background-color: var(--color-shade-3);
  }
}
@media (max-width: 991px) and (resolution >= 2dppx) {
  html:not(.specifity) .form-group::after {
    background: linear-gradient(to top, var(--color-shade-5) 0%, var(--color-shade-5) 51%, transparent 51%) no-repeat left 0 bottom 0;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .form-group:last-child {
    margin-bottom: 0;
  }
  html:not(.specifity) fieldset .form-group, fieldset html:not(.specifity) .form-group {
    margin-bottom: 0;
  }
  html:not(.specifity) fieldset .form-group:not(:first-child), fieldset html:not(.specifity) .form-group:not(:first-child) {
    position: relative;
  }
  html:not(.specifity) fieldset .form-group:not(:first-child)::before, fieldset html:not(.specifity) .form-group:not(:first-child)::before {
    content: "";
    position: absolute;
    z-index: 20;
    inset: 0 auto auto 16px;
    width: calc(100% - 16px - 0px);
    height: 1px;
    background-color: var(--color-shade-3);
  }
}
@media (max-width: 991px) and (resolution >= 2dppx) {
  html:not(.specifity) fieldset .form-group:not(:first-child)::before, fieldset html:not(.specifity) .form-group:not(:first-child)::before {
    background: linear-gradient(to bottom, var(--color-shade-5) 0%, var(--color-shade-5) 51%, transparent 51%) no-repeat 0 0;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) fieldset .form-group:not(:last-child), fieldset html:not(.specifity) .form-group:not(:last-child) {
    padding-bottom: 0;
  }
  html:not(.specifity) fieldset .form-group:not(:last-child)::after, fieldset html:not(.specifity) .form-group:not(:last-child)::after {
    content: none;
  }
}
html.touch .form-group {
  display: flex;
  padding: 1px 8px;
  margin-bottom: 20px;
  background-color: var(--color-shade-0);
  position: relative;
}
html.touch .form-group {
  position: relative;
}
html.touch .form-group::before {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 0 auto auto 0;
  width: calc(100% - 0px - 0px);
  height: 1px;
  background-color: var(--color-shade-3);
}
@media (resolution >= 2dppx) {
  html.touch .form-group::before {
    background: linear-gradient(to bottom, var(--color-shade-5) 0%, var(--color-shade-5) 51%, transparent 51%) no-repeat 0 0;
  }
}
html.touch .form-group {
  position: relative;
}
html.touch .form-group::after {
  content: "";
  position: absolute;
  z-index: 20;
  inset: auto auto 0 0;
  width: calc(100% - 0px - 0px);
  height: 1px;
  background-color: var(--color-shade-3);
}
@media (resolution >= 2dppx) {
  html.touch .form-group::after {
    background: linear-gradient(to top, var(--color-shade-5) 0%, var(--color-shade-5) 51%, transparent 51%) no-repeat left 0 bottom 0;
  }
}
html.touch .form-group:last-child {
  margin-bottom: 0;
}

html.touch fieldset .form-group, fieldset html.touch .form-group {
  margin-bottom: 0;
}

html.touch fieldset .form-group:not(:first-child), fieldset html.touch .form-group:not(:first-child) {
  position: relative;
}
html.touch fieldset .form-group:not(:first-child)::before, fieldset html.touch .form-group:not(:first-child)::before {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 0 auto auto 16px;
  width: calc(100% - 16px - 0px);
  height: 1px;
  background-color: var(--color-shade-3);
}
@media (resolution >= 2dppx) {
  html.touch fieldset .form-group:not(:first-child)::before, fieldset html.touch .form-group:not(:first-child)::before {
    background: linear-gradient(to bottom, var(--color-shade-5) 0%, var(--color-shade-5) 51%, transparent 51%) no-repeat 0 0;
  }
}
html.touch fieldset .form-group:not(:last-child), fieldset html.touch .form-group:not(:last-child) {
  padding-bottom: 0;
}
html.touch fieldset .form-group:not(:last-child)::after, fieldset html.touch .form-group:not(:last-child)::after {
  content: none;
}

@media (max-width: 991px) {
  html:not(.specifity).keyboard .form-group:focus-within:not(.checkboxes, .radios)::before, html:not(.specifity).keyboard .form-group:focus-within:not(.checkboxes, .radios)::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 3px;
    background-color: var(--accent-blue);
    z-index: 2;
  }
  html:not(.specifity).keyboard .form-group:focus-within:not(.checkboxes, .radios)::before {
    bottom: calc(100% - 1px);
  }
  html:not(.specifity).keyboard .form-group:focus-within:not(.checkboxes, .radios)::after {
    top: calc(100% - 1px);
  }
}
html.touch.keyboard .form-group:focus-within:not(.checkboxes, .radios)::before, html.touch.keyboard .form-group:focus-within:not(.checkboxes, .radios)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 3px;
  background-color: var(--accent-blue);
  z-index: 2;
}
html.touch.keyboard .form-group:focus-within:not(.checkboxes, .radios)::before {
  bottom: calc(100% - 1px);
}
html.touch.keyboard .form-group:focus-within:not(.checkboxes, .radios)::after {
  top: calc(100% - 1px);
}
@media (min-width: 992px) {
  html:not(.touch) .form-group {
    margin-bottom: 12px;
  }
  html:not(.touch) .form-group:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 991px) {
  html:not(.specifity) .editing label, html:not(.specifity) .form-group label {
    flex: 0 0 auto;
    line-height: 42px;
    padding: 0 8px;
    background-color: var(--color-shade-0);
    color: var(--color-shade-6);
  }
  html:not(.specifity) .editing label .icon, html:not(.specifity) .form-group label .icon {
    vertical-align: top;
    margin-top: 14px;
  }
}
html.touch .editing label, html.touch .form-group label {
  flex: 0 0 auto;
  line-height: 42px;
  padding: 0 8px;
  background-color: var(--color-shade-0);
  color: var(--color-shade-6);
}
html.touch .editing label .icon, html.touch .form-group label .icon {
  vertical-align: top;
  margin-top: 14px;
}
@media (max-width: 991px) {
  html:not(.specifity) label.icon-label .icon {
    vertical-align: top;
    margin-top: 7px;
  }
}
html.touch label.icon-label .icon {
  vertical-align: top;
  margin-top: 7px;
}

@media (min-width: 992px) {
  html:not(.touch) .col-form-label {
    padding-top: 3px;
    padding-bottom: 3px;
  }
}

.input-group {
  flex: 1 1 auto;
  display: flex;
  min-width: 0;
  position: relative;
}
.input-group .icon-spin {
  position: absolute;
}
@media (max-width: 991px) {
  html:not(.specifity) .input-group .icon-spin {
    right: 8px;
    top: calc(50% - 12px);
  }
}
html.touch .input-group .icon-spin {
  right: 8px;
  top: calc(50% - 12px);
}
@media (min-width: 992px) {
  html:not(.touch) .input-group .icon-spin {
    width: 16px;
    height: 16px;
    right: 5px;
    top: 5px;
  }
  html:not(.touch) .input-group .icon-spin path {
    stroke-width: 1.2px;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .input-group.textarea {
    padding-top: 9px;
    padding-bottom: 9px;
  }
}
html.touch .input-group.textarea {
  padding-top: 9px;
  padding-bottom: 9px;
}
.input-group.textarea.busy .icon-spin {
  top: auto;
  z-index: 2;
}
@media (max-width: 991px) {
  html:not(.specifity) .input-group.textarea.busy::after,
  html:not(.specifity) .input-group.textarea.busy .icon-spin {
    right: 8px;
    bottom: 9px;
  }
}
html.touch .input-group.textarea.busy::after,
html.touch .input-group.textarea.busy .icon-spin {
  right: 8px;
  bottom: 9px;
}
@media (min-width: 992px) {
  html:not(.touch) .input-group.textarea.busy::after,
  html:not(.touch) .input-group.textarea.busy .icon-spin {
    bottom: 2px;
    width: 16px;
    height: 16px;
  }
}
.input-group .dropdown {
  flex: 1 1 auto;
}

.form-control {
  flex: 1 1 auto;
  display: block;
  width: 100%;
  color: var(--fill-primary);
  background-color: var(--material-background);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
@media (max-width: 991px) {
  html:not(.specifity) .form-control {
    min-height: 42px;
    padding: 0 8px;
    border: none;
  }
}
html.touch .form-control {
  min-height: 42px;
  padding: 0 8px;
  border: none;
}
@media (min-width: 992px) {
  html:not(.touch) .form-control {
    padding: 2px 8px;
    border: 1px solid var(--color-shade-3);
    border-radius: 3px;
  }
}
.form-control:focus {
  outline: none;
}
@media (min-width: 992px) {
  html:not(.touch) .form-control:focus {
    border: 1px solid var(--accent-blue);
    box-shadow: 0 0 0 2px var(--accent-blue);
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .busy:not(.textarea) .form-control {
    padding-right: 33px;
  }
}
html.touch .busy:not(.textarea) .form-control {
  padding-right: 33px;
}
@media (min-width: 992px) {
  html:not(.touch) .busy:not(.textarea) .form-control {
    padding-right: 21px;
  }
}
@media (min-width: 992px) {
  html:not(.touch) .form-control.select-component {
    padding: 0;
    border: none;
  }
}
.form-control.select-component.is-disabled .select-value {
  color: var(--color-text-disabled);
}
select.form-control:focus {
  color: var(--accent-blue);
}

@media (min-width: 992px) {
  html:not(.touch) .form-control-lg {
    font-size: 16px;
    padding: 5px 12px;
  }
}
@media (min-width: 992px) {
  html:not(.touch) .busy:not(.textarea) .form-control-lg {
    padding-right: 26px;
  }
}

textarea {
  resize: vertical;
}
.auto-resizer textarea {
  resize: none;
}

@media (max-width: 991px) {
  html:not(.specifity) .native-select-wrap {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    min-width: 0;
    position: relative;
  }
  html:not(.specifity) .native-select-wrap .form-control {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 0;
    margin-right: 8px;
    line-height: 42px;
  }
  html:not(.specifity) .native-select-wrap .form-control.is-disabled {
    color: var(--color-text-disabled);
  }
  html:not(.specifity) .native-select-wrap select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
  }
  html:not(.specifity) .native-select-wrap select:focus {
    position: absolute;
  }
  html:not(.specifity) .native-select-wrap select:focus + .form-control {
    color: var(--accent-blue);
  }
}
html.touch .native-select-wrap {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  min-width: 0;
  position: relative;
}
html.touch .native-select-wrap .form-control {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 0;
  margin-right: 8px;
  line-height: 42px;
}
html.touch .native-select-wrap .form-control.is-disabled {
  color: var(--color-text-disabled);
}
html.touch .native-select-wrap select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
html.touch .native-select-wrap select:focus {
  position: absolute;
}
html.touch .native-select-wrap select:focus + .form-control {
  color: var(--accent-blue);
}

@media (max-width: 991px) {
  html:not(.specifity) .checkboxes,
  html:not(.specifity) .radios,
  html:not(.specifity) .files {
    display: block;
    padding: 0;
  }
  html:not(.specifity) .checkboxes::before,
  html:not(.specifity) .radios::before,
  html:not(.specifity) .files::before {
    content: none;
  }
  html:not(.specifity) .checkboxes::after,
  html:not(.specifity) .radios::after,
  html:not(.specifity) .files::after {
    content: none;
  }
}
html.touch .checkboxes,
html.touch .radios,
html.touch .files {
  display: block;
  padding: 0;
}
html.touch .checkboxes::before,
html.touch .radios::before,
html.touch .files::before {
  content: none;
}
html.touch .checkboxes::after,
html.touch .radios::after,
html.touch .files::after {
  content: none;
}

html:not(.specifity) .checkbox.disabled label,
html:not(.specifity) .radio.disabled label,
html:not(.specifity) .file.disabled label {
  color: var(--color-text-disabled);
}
@media (max-width: 991px) {
  html:not(.specifity) .checkbox,
  html:not(.specifity) .radio,
  html:not(.specifity) .file {
    display: flex;
    align-items: center;
    padding: 1px 8px;
  }
  html:not(.specifity) .checkbox,
  html:not(.specifity) .radio,
  html:not(.specifity) .file {
    position: relative;
  }
  html:not(.specifity) .checkbox::before,
  html:not(.specifity) .radio::before,
  html:not(.specifity) .file::before {
    content: "";
    position: absolute;
    z-index: 20;
    inset: 0 auto auto 0;
    width: calc(100% - 0px - 0px);
    height: 1px;
    background-color: var(--color-shade-3);
  }
}
@media (max-width: 991px) and (resolution >= 2dppx) {
  html:not(.specifity) .checkbox::before,
  html:not(.specifity) .radio::before,
  html:not(.specifity) .file::before {
    background: linear-gradient(to bottom, var(--color-shade-5) 0%, var(--color-shade-5) 51%, transparent 51%) no-repeat 0 0;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .checkbox,
  html:not(.specifity) .radio,
  html:not(.specifity) .file {
    position: relative;
  }
  html:not(.specifity) .checkbox::after,
  html:not(.specifity) .radio::after,
  html:not(.specifity) .file::after {
    content: "";
    position: absolute;
    z-index: 20;
    inset: auto auto 0 0;
    width: calc(100% - 0px - 0px);
    height: 1px;
    background-color: var(--color-shade-3);
  }
}
@media (max-width: 991px) and (resolution >= 2dppx) {
  html:not(.specifity) .checkbox::after,
  html:not(.specifity) .radio::after,
  html:not(.specifity) .file::after {
    background: linear-gradient(to top, var(--color-shade-5) 0%, var(--color-shade-5) 51%, transparent 51%) no-repeat left 0 bottom 0;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .checkbox:not(:first-child),
  html:not(.specifity) .radio:not(:first-child),
  html:not(.specifity) .file:not(:first-child) {
    position: relative;
  }
  html:not(.specifity) .checkbox:not(:first-child)::before,
  html:not(.specifity) .radio:not(:first-child)::before,
  html:not(.specifity) .file:not(:first-child)::before {
    content: "";
    position: absolute;
    z-index: 20;
    inset: 0 auto auto 0;
    width: calc(100% - 0px - 0px);
    height: 1px;
    background-color: var(--color-shade-3);
  }
}
@media (max-width: 991px) and (resolution >= 2dppx) {
  html:not(.specifity) .checkbox:not(:first-child)::before,
  html:not(.specifity) .radio:not(:first-child)::before,
  html:not(.specifity) .file:not(:first-child)::before {
    background: linear-gradient(to bottom, var(--color-shade-5) 0%, var(--color-shade-5) 51%, transparent 51%) no-repeat 0 0;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .checkbox:not(:last-child),
  html:not(.specifity) .radio:not(:last-child),
  html:not(.specifity) .file:not(:last-child) {
    padding-bottom: 0;
  }
  html:not(.specifity) .checkbox:not(:last-child)::after,
  html:not(.specifity) .radio:not(:last-child)::after,
  html:not(.specifity) .file:not(:last-child)::after {
    content: none;
  }
  html:not(.specifity) .checkbox label, html:not(.specifity) .checkbox.file span,
  html:not(.specifity) .radio label,
  html:not(.specifity) .radio.file span,
  html:not(.specifity) .file label,
  html:not(.specifity) .file.file span {
    flex: 1 1 auto;
    order: -1;
    color: var(--color-shade-9);
  }
  html:not(.specifity) .checkbox input, html:not(.specifity) .checkbox.file button,
  html:not(.specifity) .radio input,
  html:not(.specifity) .radio.file button,
  html:not(.specifity) .file input,
  html:not(.specifity) .file.file button {
    margin: 0 8px;
  }
}
html.touch .checkbox,
html.touch .radio,
html.touch .file {
  display: flex;
  align-items: center;
  padding: 1px 8px;
}
html.touch .checkbox,
html.touch .radio,
html.touch .file {
  position: relative;
}
html.touch .checkbox::before,
html.touch .radio::before,
html.touch .file::before {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 0 auto auto 0;
  width: calc(100% - 0px - 0px);
  height: 1px;
  background-color: var(--color-shade-3);
}
@media (resolution >= 2dppx) {
  html.touch .checkbox::before,
  html.touch .radio::before,
  html.touch .file::before {
    background: linear-gradient(to bottom, var(--color-shade-5) 0%, var(--color-shade-5) 51%, transparent 51%) no-repeat 0 0;
  }
}
html.touch .checkbox,
html.touch .radio,
html.touch .file {
  position: relative;
}
html.touch .checkbox::after,
html.touch .radio::after,
html.touch .file::after {
  content: "";
  position: absolute;
  z-index: 20;
  inset: auto auto 0 0;
  width: calc(100% - 0px - 0px);
  height: 1px;
  background-color: var(--color-shade-3);
}
@media (resolution >= 2dppx) {
  html.touch .checkbox::after,
  html.touch .radio::after,
  html.touch .file::after {
    background: linear-gradient(to top, var(--color-shade-5) 0%, var(--color-shade-5) 51%, transparent 51%) no-repeat left 0 bottom 0;
  }
}
html.touch .checkbox:not(:first-child),
html.touch .radio:not(:first-child),
html.touch .file:not(:first-child) {
  position: relative;
}
html.touch .checkbox:not(:first-child)::before,
html.touch .radio:not(:first-child)::before,
html.touch .file:not(:first-child)::before {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 0 auto auto 0;
  width: calc(100% - 0px - 0px);
  height: 1px;
  background-color: var(--color-shade-3);
}
@media (resolution >= 2dppx) {
  html.touch .checkbox:not(:first-child)::before,
  html.touch .radio:not(:first-child)::before,
  html.touch .file:not(:first-child)::before {
    background: linear-gradient(to bottom, var(--color-shade-5) 0%, var(--color-shade-5) 51%, transparent 51%) no-repeat 0 0;
  }
}
html.touch .checkbox:not(:last-child),
html.touch .radio:not(:last-child),
html.touch .file:not(:last-child) {
  padding-bottom: 0;
}
html.touch .checkbox:not(:last-child)::after,
html.touch .radio:not(:last-child)::after,
html.touch .file:not(:last-child)::after {
  content: none;
}
html.touch .checkbox label, html.touch .checkbox.file span,
html.touch .radio label,
html.touch .radio.file span,
html.touch .file label,
html.touch .file.file span {
  flex: 1 1 auto;
  order: -1;
  color: var(--color-shade-9);
}
html.touch .checkbox input, html.touch .checkbox.file button,
html.touch .radio input,
html.touch .radio.file button,
html.touch .file input,
html.touch .file.file button {
  margin: 0 8px;
}
@media (max-width: 991px) {
  html:not(.specifity).keyboard .checkbox:focus-within::before, html:not(.specifity).keyboard .checkbox:focus-within::after,
  html:not(.specifity).keyboard .radio:focus-within::before,
  html:not(.specifity).keyboard .radio:focus-within::after,
  html:not(.specifity).keyboard .file:focus-within::before,
  html:not(.specifity).keyboard .file:focus-within::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 3px;
    background-color: var(--accent-blue);
    z-index: 2;
    width: 100%;
  }
  html:not(.specifity).keyboard .checkbox:focus-within::before,
  html:not(.specifity).keyboard .radio:focus-within::before,
  html:not(.specifity).keyboard .file:focus-within::before {
    bottom: calc(100% - 1px);
  }
  html:not(.specifity).keyboard .checkbox:focus-within::after,
  html:not(.specifity).keyboard .radio:focus-within::after,
  html:not(.specifity).keyboard .file:focus-within::after {
    top: calc(100% - 1px);
  }
  html:not(.specifity).keyboard .checkbox:focus-within + .checkbox::before, html:not(.specifity).keyboard .checkbox:focus-within + .radio::before,
  html:not(.specifity).keyboard .radio:focus-within + .checkbox::before,
  html:not(.specifity).keyboard .radio:focus-within + .radio::before,
  html:not(.specifity).keyboard .file:focus-within + .checkbox::before,
  html:not(.specifity).keyboard .file:focus-within + .radio::before {
    content: none;
  }
  html:not(.specifity).keyboard .checkbox input,
  html:not(.specifity).keyboard .radio input,
  html:not(.specifity).keyboard .file input {
    outline: none;
  }
}
html.touch.keyboard .checkbox:focus-within::before, html.touch.keyboard .checkbox:focus-within::after,
html.touch.keyboard .radio:focus-within::before,
html.touch.keyboard .radio:focus-within::after,
html.touch.keyboard .file:focus-within::before,
html.touch.keyboard .file:focus-within::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 3px;
  background-color: var(--accent-blue);
  z-index: 2;
  width: 100%;
}
html.touch.keyboard .checkbox:focus-within::before,
html.touch.keyboard .radio:focus-within::before,
html.touch.keyboard .file:focus-within::before {
  bottom: calc(100% - 1px);
}
html.touch.keyboard .checkbox:focus-within::after,
html.touch.keyboard .radio:focus-within::after,
html.touch.keyboard .file:focus-within::after {
  top: calc(100% - 1px);
}
html.touch.keyboard .checkbox:focus-within + .checkbox::before, html.touch.keyboard .checkbox:focus-within + .radio::before,
html.touch.keyboard .radio:focus-within + .checkbox::before,
html.touch.keyboard .radio:focus-within + .radio::before,
html.touch.keyboard .file:focus-within + .checkbox::before,
html.touch.keyboard .file:focus-within + .radio::before {
  content: none;
}
html.touch.keyboard .checkbox input,
html.touch.keyboard .radio input,
html.touch.keyboard .file input {
  outline: none;
}
@media (min-width: 992px) {
  html:not(.touch) .checkbox,
  html:not(.touch) .radio,
  html:not(.touch) .file {
    display: flex;
  }
}

@media (max-width: 991px) {
  html:not(.specifity) input[type=checkbox] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background-color: var(--color-shade-0);
    border: 1px solid var(--color-shade-4);
  }
  html:not(.specifity) input[type=checkbox]:checked {
    border: 0;
    background: url("/static/web-library/images/icons/tick-white.svg") no-repeat 0 0 var(--accent-blue);
  }
}
html.touch input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background-color: var(--color-shade-0);
  border: 1px solid var(--color-shade-4);
}
html.touch input[type=checkbox]:checked {
  border: 0;
  background: url("/static/web-library/images/icons/tick-white.svg") no-repeat 0 0 var(--accent-blue);
}
@media (min-width: 992px) {
  html:not(.touch) input[type=checkbox] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    background-color: var(--color-shade-0);
    border: 1px solid var(--color-shade-4);
    font-size: 16px;
    margin: 2px 6px 0 0;
  }
  html:not(.touch) input[type=checkbox]:checked {
    border: 0;
    background: url("/static/web-library/images/icons/tick-white-16.svg") no-repeat 0 0 var(--accent-blue);
  }
}
@media (min-width: 992px) {
  html:not(.touch).keyboard input[type=checkbox]:focus {
    outline: auto;
  }
  @supports (-moz-appearance: none) {
    html:not(.touch).keyboard input[type=checkbox]:focus {
      outline: initial;
    }
  }
}

@media (max-width: 991px) {
  html:not(.specifity) input[type=radio] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    background-color: transparent;
    border: 0;
  }
  html:not(.specifity) input[type=radio]:checked {
    background: url("/static/web-library/images/icons/tick-blue.svg") no-repeat 0 0;
  }
}
html.touch input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  background-color: transparent;
  border: 0;
}
html.touch input[type=radio]:checked {
  background: url("/static/web-library/images/icons/tick-blue.svg") no-repeat 0 0;
}

input:invalid {
  outline: 3px solid var(--accent-red);
}

.suggestions {
  background: var(--material-toolbar);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 3px 8px rgba(0, 0, 0, 0.2);
  border: var(--material-panedivider);
  border-radius: 3px;
  z-index: 50;
  margin: 4px 0;
  display: none;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  top: 0;
  left: 0;
}
.suggestions:focus {
  outline: none;
}
@media (max-width: 991px) {
  html:not(.specifity) .suggestions {
    padding: 8px 0;
  }
}
html.touch .suggestions {
  padding: 8px 0;
}
@media (min-width: 992px) {
  html:not(.touch) .suggestions {
    padding: 4px 0;
  }
}
.suggestions.show {
  display: block;
}

.suggestion {
  display: block;
  width: 100%;
  border: none;
  text-align: left;
  background-color: transparent;
  margin: 0;
  white-space: nowrap;
  color: var(--fill-primary);
  cursor: pointer;
}
@media (max-width: 991px) {
  html:not(.specifity) .suggestion {
    line-height: 1.5;
    padding: 9px 16px;
  }
}
html.touch .suggestion {
  line-height: 1.5;
  padding: 9px 16px;
}
@media (min-width: 992px) {
  html:not(.touch) .suggestion {
    line-height: 1.539;
    padding: 3px 8px;
  }
}
.suggestion.disabled {
  color: var(--color-text-disabled);
}
.suggestion.disabled:hover, .suggestion.disabled:focus {
  color: var(--color-text-disabled);
  background-color: transparent;
}
.suggestion:focus {
  outline: none;
}
.suggestion:hover, .suggestion.active {
  color: var(--primary-on-accent);
  background-color: var(--color-accent);
}
.suggestion .icon {
  vertical-align: top;
}
@media (max-width: 991px) {
  html:not(.specifity) .suggestion .icon {
    margin-right: 8px;
  }
}
html.touch .suggestion .icon {
  margin-right: 8px;
}
.keyboard .suggestion:focus {
  color: var(--primary-on-accent);
  background-color: var(--color-accent);
}

.suggestion-divider {
  border-top: 1px solid var(--color-shade-2);
}
@media (max-width: 991px) {
  html:not(.specifity) .suggestion-divider {
    margin: 8px 0;
  }
}
html.touch .suggestion-divider {
  margin: 8px 0;
}
@media (min-width: 992px) {
  html:not(.touch) .suggestion-divider {
    margin: 4px 0;
  }
}

.loading-cover {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  inset: 0;
  z-index: 80;
  background-color: var(--color-background);
}
html:not(.specifity) .loading-cover .icon-z {
  color: var(--accent-red-on-shade-1);
}
.loading-cover .circular-progress-bar {
  position: absolute;
}
.loading-cover .circular-progress-bar svg {
  width: 100px;
  height: 100px;
  transform: rotate(-90deg);
  overflow: initial;
}
.loading-cover .circular-progress-bar circle {
  stroke-width: 20px;
  fill: none;
}
.loading-cover .circular-progress-bar circle.back {
  stroke: var(--color-shade-2);
}
.loading-cover .circular-progress-bar circle.front {
  position: relative;
  stroke-position: inside;
  stroke: var(--accent-blue);
  z-index: 1;
}

.fade {
  will-change: opacity;
}
.fade-enter {
  opacity: 0;
}
.fade-enter-active {
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
}
.fade-exit {
  opacity: 1;
}
.fade-exit-active {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}

.nav-fade {
  will-change: opacity;
}
.nav-fade-enter {
  opacity: 0;
}
.nav-fade-enter-active {
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.nav-fade-exit {
  opacity: 1;
}
.nav-fade-exit-active {
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.slide-up {
  will-change: transform;
}
.slide-up-enter {
  transform: translate3d(0, 100%, 0);
}
.slide-up-enter-active {
  transform: translate3d(0, 0, 0);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-up-exit {
  transform: translate3d(0, 0, 0);
}
.slide-up-exit-active {
  transform: translate3d(0, 100%, 0);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.slide-down {
  will-change: transform;
}
.slide-down-enter {
  transform: translate3d(0, -100%, 0);
}
.slide-down-enter-active {
  transform: translate3d(0, 0, 0);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-down-exit {
  transform: translate3d(0, 0, 0);
}
.slide-down-exit-active {
  transform: translate3d(0, -100%, 0);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.col {
  flex: 1 1 0;
  width: 100%;
  max-width: 100%;
  position: relative;
}

@media (min-width: 992px) {
  html:not(.touch) .col-1 {
    flex: 0 0 calc(100% / (12));
    max-width: calc(100% / (12));
  }
}

@media (min-width: 992px) {
  html:not(.touch) .col-2 {
    flex: 0 0 calc(100% / (6));
    max-width: calc(100% / (6));
  }
}

@media (min-width: 992px) {
  html:not(.touch) .col-3 {
    flex: 0 0 calc(100% / (4));
    max-width: calc(100% / (4));
  }
}

@media (min-width: 992px) {
  html:not(.touch) .col-4 {
    flex: 0 0 calc(100% / (3));
    max-width: calc(100% / (3));
  }
}

@media (min-width: 992px) {
  html:not(.touch) .col-5 {
    flex: 0 0 calc(100% / (2.4));
    max-width: calc(100% / (2.4));
  }
}

@media (min-width: 992px) {
  html:not(.touch) .col-6 {
    flex: 0 0 calc(100% / (2));
    max-width: calc(100% / (2));
  }
}

@media (min-width: 992px) {
  html:not(.touch) .col-7 {
    flex: 0 0 calc(100% / (1.7142857143));
    max-width: calc(100% / (1.7142857143));
  }
}

@media (min-width: 992px) {
  html:not(.touch) .col-8 {
    flex: 0 0 calc(100% / (1.5));
    max-width: calc(100% / (1.5));
  }
}

@media (min-width: 992px) {
  html:not(.touch) .col-9 {
    flex: 0 0 calc(100% / (1.3333333333));
    max-width: calc(100% / (1.3333333333));
  }
}

@media (min-width: 992px) {
  html:not(.touch) .col-10 {
    flex: 0 0 calc(100% / (1.2));
    max-width: calc(100% / (1.2));
  }
}

@media (min-width: 992px) {
  html:not(.touch) .col-11 {
    flex: 0 0 calc(100% / (1.0909090909));
    max-width: calc(100% / (1.0909090909));
  }
}

@media (min-width: 992px) {
  html:not(.touch) .col-12 {
    flex: 0 0 calc(100% / (1));
    max-width: calc(100% / (1));
  }
}

.inline-feedback {
  display: block;
  position: relative;
}
.inline-feedback .shorter {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  visibility: hidden;
}
.inline-feedback.active :not(.feedback) {
  visibility: hidden;
}
.inline-feedback.active .feedback {
  visibility: visible;
}
.dropdown-menu .inline-feedback.active .feedback {
  color: var(--accent-green);
}

.scroll-container {
  flex: 1 1 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 991px) {
  html:not(.specifity) .scroll-container-touch {
    flex: 1 1 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
html.touch .scroll-container-touch {
  flex: 1 1 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

@media (min-width: 992px) {
  html:not(.touch) .scroll-container-mouse {
    flex: 1 1 0;
    overflow-y: scroll;
  }
}

.badge {
  display: inline-block;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 4px;
}
@media (max-width: 991px) {
  html:not(.specifity) .badge {
    font-size: 100%;
    padding: 0.1em 0.4em;
  }
}
html.touch .badge {
  font-size: 100%;
  padding: 0.1em 0.4em;
}
@media (min-width: 992px) {
  html:not(.touch) .badge {
    font-size: 75%;
    padding: 0.25em 0.4em;
  }
}

.badge-pill {
  border-radius: 10rem;
}
html:not(.specifity) .badge-pill {
  padding-right: 0.5em;
  padding-left: 0.5em;
}

@media (min-width: 992px) {
  html:not(.touch) .details-list {
    margin-bottom: 8px;
  }
}
.details-list li {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  html:not(.specifity) .details-list li {
    height: 43px;
    padding: 1px 16px 0;
  }
  html:not(.specifity) .details-list li {
    position: relative;
  }
  html:not(.specifity) .details-list li::before {
    content: "";
    position: absolute;
    z-index: 20;
    inset: 0 auto auto 60px;
    width: calc(100% - 60px - 0px);
    height: 1px;
    background-color: var(--color-shade-2);
  }
}
@media (max-width: 991px) and (resolution >= 2dppx) {
  html:not(.specifity) .details-list li::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
html.touch .details-list li {
  height: 43px;
  padding: 1px 16px 0;
}
html.touch .details-list li {
  position: relative;
}
html.touch .details-list li::before {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 0 auto auto 60px;
  width: calc(100% - 60px - 0px);
  height: 1px;
  background-color: var(--color-shade-2);
}
@media (resolution >= 2dppx) {
  html.touch .details-list li::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
@media (min-width: 992px) {
  html:not(.touch) .details-list li {
    height: 26px;
    padding: 0 12px;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .details-list li:first-child {
    padding-top: 0;
  }
  html:not(.specifity) .details-list li:first-child::before {
    content: none;
  }
}
html.touch .details-list li:first-child {
  padding-top: 0;
}
html.touch .details-list li:first-child::before {
  content: none;
}
@media (max-width: 991px) {
  html:not(.specifity) .details-list li.selected {
    background-color: var(--color-accent);
    color: var(--primary-on-accent);
  }
  html:not(.specifity) .details-list li.selected::before {
    content: none;
  }
  html:not(.specifity) .details-list li.selected + li {
    padding-top: 0;
    border-top: 1px solid var(--accent-blue);
  }
  html:not(.specifity) .details-list li.selected + li::before {
    content: none;
  }
}
html.touch .details-list li.selected {
  background-color: var(--color-accent);
  color: var(--primary-on-accent);
}
html.touch .details-list li.selected::before {
  content: none;
}
html.touch .details-list li.selected + li {
  padding-top: 0;
  border-top: 1px solid var(--accent-blue);
}
html.touch .details-list li.selected + li::before {
  content: none;
}
@media (min-width: 992px) {
  html:not(.touch) .details-list li.selected {
    background-color: var(--color-shade-3);
  }
}
.details-list li:focus {
  outline: none;
}
@media (min-width: 992px) {
  html:not(.touch) .details-list li:focus {
    color: var(--primary-on-accent);
    background-color: var(--color-accent);
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .details-list li.selected .icon {
    color: var(--primary-on-accent);
  }
}
html.touch .details-list li.selected .icon {
  color: var(--primary-on-accent);
}

.details-list li:focus .icon {
  color: var(--primary-on-accent);
}

@media (max-width: 991px) {
  html:not(.specifity) .details-list li > .icon:first-of-type {
    margin-right: 16px;
  }
}
html.touch .details-list li > .icon:first-of-type {
  margin-right: 16px;
}
@media (min-width: 992px) {
  html:not(.touch) .details-list li > .icon:first-of-type {
    margin-right: 8px;
  }
}
.details-list li > .dropdown {
  display: flex;
}
.details-list li > .btn,
.details-list li > .icon-spin,
.details-list li > .dropdown > .btn {
  flex: 0 0 auto;
}
@media (min-width: 992px) {
  html:not(.touch) .details-list li > .btn,
  html:not(.touch) .details-list li > .icon-spin,
  html:not(.touch) .details-list li > .dropdown > .btn {
    padding: 0;
    border: 0;
  }
  html:not(.touch) .details-list li:not(:focus-within) > .btn, html:not(.touch) .details-list li:not(:focus-within) > .icon-spin, html:not(.touch) .details-list li:not(:focus-within) > .dropdown > .btn {
    opacity: 0.01;
  }
  html:not(.touch) .details-list li:hover > .btn, html:not(.touch) .details-list li:hover > .icon-spin, html:not(.touch) .details-list li:hover > .dropdown > .btn {
    opacity: 1;
  }
  html:not(.touch) .details-list li:focus-within > .btn, html:not(.touch) .details-list li:focus-within > .icon-spin, html:not(.touch) .details-list li:focus-within > .dropdown > .btn {
    opacity: 1;
  }
  html:not(.touch) .details-list li > .btn:not(:last-child),
  html:not(.touch) .details-list li > .icon-spin:not(:last-child),
  html:not(.touch) .details-list li > .dropdown > .btn:not(:last-child) {
    margin-right: 6px;
  }
}
@media (min-width: 992px) {
  html:not(.touch).keyboard .details-list li > .btn:focus,
  html:not(.touch).keyboard .details-list li > .icon-spin:focus,
  html:not(.touch).keyboard .details-list li > .dropdown > .btn:focus {
    box-shadow: none;
    border-color: transparent;
    outline: 3px solid var(--accent-blue);
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .details-list li > .btn.btn-circle,
  html:not(.specifity) .details-list li > .icon-spin.btn-circle,
  html:not(.specifity) .details-list li > .dropdown > .btn.btn-circle {
    margin-left: 8px;
  }
}
html.touch .details-list li > .btn.btn-circle,
html.touch .details-list li > .icon-spin.btn-circle,
html.touch .details-list li > .dropdown > .btn.btn-circle {
  margin-left: 8px;
}
.details-list li a {
  flex: 1 1 auto;
  color: var(--color-shade-9);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.details-list li .truncate,
.details-list li a:not(.btn-icon) {
  margin-right: 8px;
}
.details-list li .truncate {
  flex: 1 1 auto;
}
.details-list li .editable {
  margin-right: 6px;
}
@media (max-width: 991px) {
  html:not(.specifity) .details-list li .icon-minus-circle-strong {
    color: var(--accent-red);
  }
}
html.touch .details-list li .icon-minus-circle-strong {
  color: var(--accent-red);
}

.scrollbar-style-permanent ::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.scrollbar-style-permanent ::-webkit-scrollbar-track {
  background-color: transparent;
}
.scrollbar-style-permanent ::-webkit-scrollbar-thumb {
  background-color: var(--color-shade-4);
  border-radius: 6px;
  border: 4px solid transparent;
  background-clip: content-box;
  min-width: 32px;
  min-height: 32px;
}
.scrollbar-style-permanent ::-webkit-scrollbar-thumb:active {
  border-width: 2px;
}
.scrollbar-style-permanent ::-webkit-scrollbar-corner {
  background: transparent;
}

.tick {
  display: inline-block;
  width: 16px;
}

.select-component {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
}
.select-component .select-control {
  display: flex;
  align-items: center;
  border-radius: 3px;
  transition: border 0.15s ease, box-shadow 0.15s ease;
  cursor: default;
  border: 1px solid var(--color-shade-3);
  background-color: var(--color-shade-0);
  padding: 2px 4px 2px 8px;
  position: relative;
}
.select-component.is-focused .select-control {
  border: 1px solid var(--accent-blue);
  box-shadow: 0 0 0 2px var(--accent-blue);
  outline: none;
}

.select-component.is-searchable.is-open .select-control {
  cursor: text;
}
.select-component .select-multi-value-wrapper {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  min-width: 0;
}
.select-component .select-value-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select-component .select-value {
  align-items: center;
  display: flex;
  inset: 0;
  padding: 0 8px;
  position: absolute;
}
@media (min-width: 992px) {
  html:not(.touch) .select-component.has-value .select-value {
    padding: 0 20px 0 8px;
  }
}
.select-component .select-input {
  outline: none;
  max-width: 100%;
  overflow: hidden;
}
.select-component .select-input:empty::before {
  content: " ";
}
.select-component .select-input > input {
  border: none;
  background: none;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  outline: none;
}
.select-component:not(.is-searchable) .select-input > input {
  pointer-events: none;
}

.select-component .select-arrow-container {
  flex: 0 0 auto;
}
.select-component .select-arrow {
  display: block;
  width: 16px;
  height: 16px;
  background: var(--select-chevron-icon) no-repeat 0 0;
}
.select-component .select-menu-outer {
  position: absolute;
  left: 1px;
  top: calc(100% + 5px);
  right: 1px;
  background-color: var(--color-shade-0);
  border-radius: 3px;
  z-index: 50;
  padding: 4px 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 3px 8px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
.select-component .select-menu {
  max-height: 260px;
  overflow-y: auto;
}
.select-component .select-option,
.select-component .select-noresults {
  padding: 0 8px;
  line-height: 26px;
}
.select-component .select-option {
  cursor: pointer;
  color: var(--color-primary);
}
.select-component.is-mouse .select-option:hover {
  color: var(--primary-on-accent);
  background-color: var(--color-accent);
}

.select-component.is-keyboard .select-option.is-focused:not(.is-selected) {
  color: var(--primary-on-accent);
  background-color: var(--color-accent);
}

.select-component .select-option.is-selected {
  color: var(--color-shade-9);
  background-color: var(--color-shade-2);
}
.select-component .select-divider {
  border-top: 1px solid var(--color-shade-2);
}
.select-component .select-noresults {
  color: var(--color-shade-5);
  background-color: transparent;
}

.icon {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: middle;
  color: var(--color-shade-6);
}

.icon-spin {
  display: block;
  width: 24px;
  height: 24px;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin-centered {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@media (min-width: 992px) {
  html:not(.touch) .icon-spin {
    color: var(--accent-blue);
  }
}
.icon-spin.large {
  width: 32px;
  height: 32px;
}
.icon-spin.small {
  width: 16px;
  height: 16px;
}
.icon-spin.small path {
  stroke-width: 1.2px;
}
.icon-spin.inline {
  width: 16px;
  height: 16px;
  display: inline;
}
.icon-spin.centered {
  position: absolute;
  left: 50%;
  top: 50%;
  animation: spin-centered 1s linear infinite;
}

.btn {
  padding: 2px 8px;
  cursor: pointer;
  border: 1px solid transparent;
  color: var(--color-shade-9);
  background-color: transparent;
  vertical-align: middle;
  text-decoration: none;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
@media (max-width: 991px) {
  html:not(.specifity) .btn {
    padding: 8px 16px;
  }
  html:not(.specifity) .btn.hairline-top {
    border-top: none;
    padding-top: 10px;
  }
  html:not(.specifity) .btn.hairline-top {
    position: relative;
  }
  html:not(.specifity) .btn.hairline-top::before {
    content: "";
    position: absolute;
    z-index: 20;
    inset: 0 auto auto 0;
    width: calc(100% - 0px - 0px);
    height: 1px;
    background-color: var(--color-shade-2);
  }
}
@media (max-width: 991px) and (resolution >= 2dppx) {
  html:not(.specifity) .btn.hairline-top::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .btn.hairline-start-padding {
    position: relative;
  }
  html:not(.specifity) .btn.hairline-start-padding::before {
    content: "";
    position: absolute;
    z-index: 20;
    inset: 0 auto auto 16px;
    width: calc(100% - 16px - 0px);
    height: 1px;
    background-color: var(--color-shade-2);
  }
}
@media (max-width: 991px) and (resolution >= 2dppx) {
  html:not(.specifity) .btn.hairline-start-padding::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .btn.hairline-start-icon-24 {
    position: relative;
  }
  html:not(.specifity) .btn.hairline-start-icon-24::before {
    content: "";
    position: absolute;
    z-index: 20;
    inset: 0 auto auto 16px;
    width: calc(100% - 16px - 0px);
    height: 1px;
    background-color: var(--color-shade-2);
  }
}
@media (max-width: 991px) and (resolution >= 2dppx) {
  html:not(.specifity) .btn.hairline-start-icon-24::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .btn.hairline-start-icon-28 {
    position: relative;
  }
  html:not(.specifity) .btn.hairline-start-icon-28::before {
    content: "";
    position: absolute;
    z-index: 20;
    inset: 0 auto auto 60px;
    width: calc(100% - 60px - 0px);
    height: 1px;
    background-color: var(--color-shade-2);
  }
}
@media (max-width: 991px) and (resolution >= 2dppx) {
  html:not(.specifity) .btn.hairline-start-icon-28::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .btn.hairline-start-icon-28 .icon[width="24"] {
    margin-left: 2px;
    margin-right: 18px;
  }
  html:not(.specifity) .btn[class*=hairline]:only-child::before {
    content: none;
  }
}
html.touch .btn {
  padding: 8px 16px;
}
html.touch .btn.hairline-top {
  border-top: none;
  padding-top: 10px;
}
html.touch .btn.hairline-top {
  position: relative;
}
html.touch .btn.hairline-top::before {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 0 auto auto 0;
  width: calc(100% - 0px - 0px);
  height: 1px;
  background-color: var(--color-shade-2);
}
@media (resolution >= 2dppx) {
  html.touch .btn.hairline-top::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
html.touch .btn.hairline-start-padding {
  position: relative;
}
html.touch .btn.hairline-start-padding::before {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 0 auto auto 16px;
  width: calc(100% - 16px - 0px);
  height: 1px;
  background-color: var(--color-shade-2);
}
@media (resolution >= 2dppx) {
  html.touch .btn.hairline-start-padding::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
html.touch .btn.hairline-start-icon-24 {
  position: relative;
}
html.touch .btn.hairline-start-icon-24::before {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 0 auto auto 16px;
  width: calc(100% - 16px - 0px);
  height: 1px;
  background-color: var(--color-shade-2);
}
@media (resolution >= 2dppx) {
  html.touch .btn.hairline-start-icon-24::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
html.touch .btn.hairline-start-icon-28 {
  position: relative;
}
html.touch .btn.hairline-start-icon-28::before {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 0 auto auto 60px;
  width: calc(100% - 60px - 0px);
  height: 1px;
  background-color: var(--color-shade-2);
}
@media (resolution >= 2dppx) {
  html.touch .btn.hairline-start-icon-28::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
html.touch .btn.hairline-start-icon-28 .icon[width="24"] {
  margin-left: 2px;
  margin-right: 18px;
}
html.touch .btn[class*=hairline]:only-child::before {
  content: none;
}
@media (min-width: 992px) {
  html:not(.touch) .btn {
    border-radius: 3px;
  }
}
.btn-group > .btn {
  position: relative;
}
.btn-group > .btn:hover, .btn-group > .btn:focus {
  z-index: 1;
}
.btn-group > .btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
.btn-group > .btn + .btn:disabled {
  margin-left: 0;
  border-left-width: 0;
}

.btn:disabled {
  opacity: 0.5;
  cursor: default;
}
.btn:not(:disabled) {
  cursor: pointer;
}
.btn:focus:not(.btn-link) {
  outline: none;
}
@media (max-width: 991px) {
  html:not(.specifity) .btn.icon-left .icon {
    margin-right: 16px;
    vertical-align: top;
  }
}
html.touch .btn.icon-left .icon {
  margin-right: 16px;
  vertical-align: top;
}
@media (min-width: 992px) {
  html:not(.touch) .btn.icon-left .icon {
    margin-right: 4px;
  }
}

.btn-icon {
  color: var(--color-shade-6);
  line-height: 16px;
}
@media (max-width: 991px) {
  html:not(.specifity) .btn-icon {
    padding: 8px 8px;
  }
}
html.touch .btn-icon {
  padding: 8px 8px;
}
@media (max-width: 991px) {
  html:not(.specifity).keyboard .btn-icon:focus {
    outline: 3px solid var(--accent-blue);
    outline-offset: -3px;
  }
}
html.touch.keyboard .btn-icon:focus {
  outline: 3px solid var(--accent-blue);
  outline-offset: -3px;
}
@media (min-width: 992px) {
  html:not(.touch) .btn-icon {
    padding: 4px;
  }
  html:not(.touch) .btn-icon.active {
    background-color: var(--color-shade-2);
  }
}
@media (min-width: 992px) {
  html:not(.touch).keyboard .btn-icon:focus {
    border-color: var(--accent-blue);
    box-shadow: 0 0 0 2px var(--accent-blue);
  }
}
.btn-icon .icon {
  position: static;
  margin: 0;
}
@media (min-width: 992px) {
  html:not(.touch) .btn-icon:active,
  html:not(.touch) .btn-icon:active .icon {
    color: var(--color-shade-9);
  }
  html:not(.touch) .btn-icon.active,
  html:not(.touch) .btn-icon.active .icon {
    color: var(--color-shade-7);
  }
}

.btn-link {
  display: inline;
  border: 0;
  color: var(--accent-blue);
  background-color: transparent;
}
.btn-link .icon {
  color: inherit;
}
html:not(.specifity) .btn-link {
  padding: 0;
}

html:not(.specifity) .btn-circle .icon,
html:not(.specifity) .btn-icon .icon {
  vertical-align: top;
}

.btn-lg {
  font-size: 16px;
  padding: 5px 12px;
}

.btn-primary {
  background-color: var(--accent-red);
  border-color: transparent;
}
.btn-primary:not(.specifity),
.btn-primary .icon:not(.specifity) {
  color: var(--primary-on-accent);
}
@media (hover: hover) {
  .btn-primary:hover {
    background-color: var(--accent-red-lighter);
    border-color: transparent;
    box-shadow: 0 2px 4px var(--color-button-shadow);
  }
}
.btn-primary:hover:not(.specifity),
.btn-primary:hover .icon:not(.specifity) {
  color: var(--primary-on-accent);
}
.btn-primary:active, .show > .btn-primary.dropdown-toggle {
  background-color: var(--accent-red-darker);
  border-color: transparent;
  box-shadow: none;
}
.btn-primary:active:not(.specifity),
.btn-primary:active .icon:not(.specifity), .show > .btn-primary.dropdown-toggle:not(.specifity),
.show > .btn-primary.dropdown-toggle .icon:not(.specifity) {
  color: var(--primary-on-accent);
}
.btn-primary:disabled {
  background-color: var(--accent-red);
  border-color: transparent;
  box-shadow: none;
}
.btn-primary:disabled:not(.specifity),
.btn-primary:disabled .icon:not(.specifity) {
  color: var(--primary-on-accent);
}
.keyboard .btn-primary:focus {
  box-shadow: 0 0 0 2px var(--accent-red);
}
.keyboard .btn-primary:focus:hover {
  border-color: transparent;
  box-shadow: 0 0 0 2px var(--accent-red-lighter), 0 4px 4px var(--color-button-shadow);
}
.keyboard .btn-primary:focus:active {
  box-shadow: 0 0 0 2px var(--accent-red-darker);
}
.btn-primary.success, .btn-group.success > .btn-primary {
  background-color: var(--accent-green);
}
@media (hover: hover) {
  .btn-primary.success:hover, .btn-group.success > .btn-primary:hover {
    background-color: var(--accent-green-lighter);
  }
}
.btn-primary.success:active, .btn-group.success > .btn-primary:active {
  background-color: var(--accent-green-darker);
}
.keyboard .btn-primary.success:focus, .keyboard .btn-group.success > .btn-primary:focus {
  box-shadow: 0 0 0 2px var(--accent-green);
}
.keyboard .btn-primary.success:focus:hover, .keyboard .btn-group.success > .btn-primary:focus:hover {
  border-color: transparent;
  box-shadow: 0 0 0 2px var(--accent-green-lighter), 0 4px 4px var(--color-button-shadow);
}
.keyboard .btn-primary.success:focus:active, .keyboard .btn-group.success > .btn-primary:focus:active {
  box-shadow: 0 0 0 2px var(--accent-green-darker);
}

.btn-outline-primary {
  background-color: transparent;
  border-color: var(--accent-red);
}
.btn-outline-primary:not(.specifity),
.btn-outline-primary .icon:not(.specifity) {
  color: var(--accent-red);
}
@media (hover: hover) {
  .btn-outline-primary:hover {
    background-color: var(--accent-red-lighter);
    border-color: var(--accent-red-lighter);
    box-shadow: 0 2px 4px var(--color-button-shadow);
  }
}
.btn-outline-primary:hover:not(.specifity),
.btn-outline-primary:hover .icon:not(.specifity) {
  color: var(--primary-on-accent);
}
.btn-outline-primary:active, .show > .btn-outline-primary.dropdown-toggle {
  background-color: var(--accent-red-darker);
  border-color: var(--accent-red-darker);
  box-shadow: none;
}
.btn-outline-primary:active:not(.specifity),
.btn-outline-primary:active .icon:not(.specifity), .show > .btn-outline-primary.dropdown-toggle:not(.specifity),
.show > .btn-outline-primary.dropdown-toggle .icon:not(.specifity) {
  color: var(--primary-on-accent);
}
.btn-outline-primary:disabled {
  background-color: transparent;
  border-color: var(--accent-red);
  box-shadow: none;
}
.btn-outline-primary:disabled:not(.specifity),
.btn-outline-primary:disabled .icon:not(.specifity) {
  color: var(--accent-red);
}
.keyboard .btn-outline-primary:focus {
  box-shadow: 0 0 0 2px var(--accent-red);
}
.keyboard .btn-outline-primary:focus:hover {
  border-color: var(--accent-red-lighter);
  box-shadow: 0 0 0 2px var(--accent-red-lighter), 0 4px 4px var(--color-button-shadow);
}
.keyboard .btn-outline-primary:focus:active {
  box-shadow: 0 0 0 2px var(--accent-red-darker);
}
.btn-outline-primary.success, .btn-group.success > .btn-outline-primary {
  background-color: var(--accent-green);
}
@media (hover: hover) {
  .btn-outline-primary.success:hover, .btn-group.success > .btn-outline-primary:hover {
    background-color: var(--accent-green-lighter);
  }
}
.btn-outline-primary.success:active, .btn-group.success > .btn-outline-primary:active {
  background-color: var(--accent-green-darker);
}
.keyboard .btn-outline-primary.success:focus, .keyboard .btn-group.success > .btn-outline-primary:focus {
  box-shadow: 0 0 0 2px var(--accent-green);
}
.keyboard .btn-outline-primary.success:focus:hover, .keyboard .btn-group.success > .btn-outline-primary:focus:hover {
  border-color: var(--accent-red-lighter);
  box-shadow: 0 0 0 2px var(--accent-green-lighter), 0 4px 4px var(--color-button-shadow);
}
.keyboard .btn-outline-primary.success:focus:active, .keyboard .btn-group.success > .btn-outline-primary:focus:active {
  box-shadow: 0 0 0 2px var(--accent-green-darker);
}

.btn-secondary {
  background-color: var(--accent-blue);
  border-color: transparent;
}
.btn-secondary:not(.specifity),
.btn-secondary .icon:not(.specifity) {
  color: var(--primary-on-accent);
}
@media (hover: hover) {
  .btn-secondary:hover {
    background-color: var(--accent-blue-lighter);
    border-color: transparent;
    box-shadow: 0 2px 4px var(--color-button-shadow);
  }
}
.btn-secondary:hover:not(.specifity),
.btn-secondary:hover .icon:not(.specifity) {
  color: var(--primary-on-accent);
}
.btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
  background-color: var(--accent-blue-darker);
  border-color: transparent;
  box-shadow: none;
}
.btn-secondary:active:not(.specifity),
.btn-secondary:active .icon:not(.specifity), .show > .btn-secondary.dropdown-toggle:not(.specifity),
.show > .btn-secondary.dropdown-toggle .icon:not(.specifity) {
  color: var(--primary-on-accent);
}
.btn-secondary:disabled {
  background-color: var(--accent-blue);
  border-color: transparent;
  box-shadow: none;
}
.btn-secondary:disabled:not(.specifity),
.btn-secondary:disabled .icon:not(.specifity) {
  color: var(--primary-on-accent);
}
.keyboard .btn-secondary:focus {
  box-shadow: 0 0 0 2px var(--accent-blue);
}
.keyboard .btn-secondary:focus:hover {
  border-color: transparent;
  box-shadow: 0 0 0 2px var(--accent-blue-lighter), 0 4px 4px var(--color-button-shadow);
}
.keyboard .btn-secondary:focus:active {
  box-shadow: 0 0 0 2px var(--accent-blue-darker);
}
.btn-secondary.success, .btn-group.success > .btn-secondary {
  background-color: var(--accent-green);
}
@media (hover: hover) {
  .btn-secondary.success:hover, .btn-group.success > .btn-secondary:hover {
    background-color: var(--accent-green-lighter);
  }
}
.btn-secondary.success:active, .btn-group.success > .btn-secondary:active {
  background-color: var(--accent-green-darker);
}
.keyboard .btn-secondary.success:focus, .keyboard .btn-group.success > .btn-secondary:focus {
  box-shadow: 0 0 0 2px var(--accent-green);
}
.keyboard .btn-secondary.success:focus:hover, .keyboard .btn-group.success > .btn-secondary:focus:hover {
  border-color: transparent;
  box-shadow: 0 0 0 2px var(--accent-green-lighter), 0 4px 4px var(--color-button-shadow);
}
.keyboard .btn-secondary.success:focus:active, .keyboard .btn-group.success > .btn-secondary:focus:active {
  box-shadow: 0 0 0 2px var(--accent-green-darker);
}

.btn-outline-secondary {
  background-color: transparent;
  border-color: var(--accent-blue);
}
.btn-outline-secondary:not(.specifity),
.btn-outline-secondary .icon:not(.specifity) {
  color: var(--accent-blue);
}
@media (hover: hover) {
  .btn-outline-secondary:hover {
    background-color: var(--accent-blue-lighter);
    border-color: var(--accent-blue-lighter);
    box-shadow: 0 2px 4px var(--color-button-shadow);
  }
}
.btn-outline-secondary:hover:not(.specifity),
.btn-outline-secondary:hover .icon:not(.specifity) {
  color: var(--primary-on-accent);
}
.btn-outline-secondary:active, .show > .btn-outline-secondary.dropdown-toggle {
  background-color: var(--accent-blue-darker);
  border-color: var(--accent-blue-darker);
  box-shadow: none;
}
.btn-outline-secondary:active:not(.specifity),
.btn-outline-secondary:active .icon:not(.specifity), .show > .btn-outline-secondary.dropdown-toggle:not(.specifity),
.show > .btn-outline-secondary.dropdown-toggle .icon:not(.specifity) {
  color: var(--primary-on-accent);
}
.btn-outline-secondary:disabled {
  background-color: transparent;
  border-color: var(--accent-blue);
  box-shadow: none;
}
.btn-outline-secondary:disabled:not(.specifity),
.btn-outline-secondary:disabled .icon:not(.specifity) {
  color: var(--accent-blue);
}
.keyboard .btn-outline-secondary:focus {
  box-shadow: 0 0 0 2px var(--accent-blue);
}
.keyboard .btn-outline-secondary:focus:hover {
  border-color: var(--accent-blue-lighter);
  box-shadow: 0 0 0 2px var(--accent-blue-lighter), 0 4px 4px var(--color-button-shadow);
}
.keyboard .btn-outline-secondary:focus:active {
  box-shadow: 0 0 0 2px var(--accent-blue-darker);
}
.btn-outline-secondary.success, .btn-group.success > .btn-outline-secondary {
  background-color: var(--accent-green);
}
@media (hover: hover) {
  .btn-outline-secondary.success:hover, .btn-group.success > .btn-outline-secondary:hover {
    background-color: var(--accent-green-lighter);
  }
}
.btn-outline-secondary.success:active, .btn-group.success > .btn-outline-secondary:active {
  background-color: var(--accent-green-darker);
}
.keyboard .btn-outline-secondary.success:focus, .keyboard .btn-group.success > .btn-outline-secondary:focus {
  box-shadow: 0 0 0 2px var(--accent-green);
}
.keyboard .btn-outline-secondary.success:focus:hover, .keyboard .btn-group.success > .btn-outline-secondary:focus:hover {
  border-color: var(--accent-blue-lighter);
  box-shadow: 0 0 0 2px var(--accent-green-lighter), 0 4px 4px var(--color-button-shadow);
}
.keyboard .btn-outline-secondary.success:focus:active, .keyboard .btn-group.success > .btn-outline-secondary:focus:active {
  box-shadow: 0 0 0 2px var(--accent-green-darker);
}

.btn-transparent-secondary {
  color: var(--accent-blue);
}

.btn-outline-light {
  background-color: transparent;
  border-color: var(--var(--color-shade-6));
}
.btn-outline-light:not(.specifity),
.btn-outline-light .icon:not(.specifity) {
  color: var(--var(--color-shade-6));
}
@media (hover: hover) {
  .btn-outline-light:hover {
    background-color: var(--var(--color-shade-6)-lighter);
    border-color: var(--var(--color-shade-6)-lighter);
    box-shadow: 0 2px 4px var(--color-button-shadow);
  }
}
.btn-outline-light:hover:not(.specifity),
.btn-outline-light:hover .icon:not(.specifity) {
  color: var(--primary-on-accent);
}
.btn-outline-light:active, .show > .btn-outline-light.dropdown-toggle {
  background-color: var(--var(--color-shade-6)-darker);
  border-color: var(--var(--color-shade-6)-darker);
  box-shadow: none;
}
.btn-outline-light:active:not(.specifity),
.btn-outline-light:active .icon:not(.specifity), .show > .btn-outline-light.dropdown-toggle:not(.specifity),
.show > .btn-outline-light.dropdown-toggle .icon:not(.specifity) {
  color: var(--primary-on-accent);
}
.btn-outline-light:disabled {
  background-color: transparent;
  border-color: var(--var(--color-shade-6));
  box-shadow: none;
}
.btn-outline-light:disabled:not(.specifity),
.btn-outline-light:disabled .icon:not(.specifity) {
  color: var(--var(--color-shade-6));
}
.keyboard .btn-outline-light:focus {
  box-shadow: 0 0 0 2px var(--var(--color-shade-6));
}
.keyboard .btn-outline-light:focus:hover {
  border-color: var(--var(--color-shade-6)-lighter);
  box-shadow: 0 0 0 2px var(--var(--color-shade-6)-lighter), 0 4px 4px var(--color-button-shadow);
}
.keyboard .btn-outline-light:focus:active {
  box-shadow: 0 0 0 2px var(--var(--color-shade-6)-darker);
}
.btn-outline-light.success, .btn-group.success > .btn-outline-light {
  background-color: var(--accent-green);
}
@media (hover: hover) {
  .btn-outline-light.success:hover, .btn-group.success > .btn-outline-light:hover {
    background-color: var(--accent-green-lighter);
  }
}
.btn-outline-light.success:active, .btn-group.success > .btn-outline-light:active {
  background-color: var(--accent-green-darker);
}
.keyboard .btn-outline-light.success:focus, .keyboard .btn-group.success > .btn-outline-light:focus {
  box-shadow: 0 0 0 2px var(--accent-green);
}
.keyboard .btn-outline-light.success:focus:hover, .keyboard .btn-group.success > .btn-outline-light:focus:hover {
  border-color: var(--var(--color-shade-6)-lighter);
  box-shadow: 0 0 0 2px var(--accent-green-lighter), 0 4px 4px var(--color-button-shadow);
}
.keyboard .btn-outline-light.success:focus:active, .keyboard .btn-group.success > .btn-outline-light:focus:active {
  box-shadow: 0 0 0 2px var(--accent-green-darker);
}

.btn-default {
  color: var(--color-shade-9);
  border-color: var(--color-shade-3);
}
.btn-default:hover {
  background-color: var(--color-shade-0);
  box-shadow: 0 2px 4px var(--color-button-shadow-lighter);
}

.btn-file input:hover + .btn-default {
  background-color: var(--color-shade-0);
  box-shadow: 0 2px 4px var(--color-button-shadow-lighter);
}

.btn-default:active {
  background-color: var(--color-button-active-bg);
  box-shadow: none;
}

.btn-file input:active + .btn-default {
  background-color: var(--color-button-active-bg);
  box-shadow: none;
}

.btn-default:disabled {
  box-shadow: none;
}

.btn-file input:disabled + .btn-default {
  box-shadow: none;
}

.keyboard .btn-default:focus {
  border-color: var(--accent-blue);
  box-shadow: 0 0 0 2px var(--accent-blue);
}

.keyboard .btn-file input:focus + .btn-default, .btn-file .keyboard input:focus + .btn-default {
  border-color: var(--accent-blue);
  box-shadow: 0 0 0 2px var(--accent-blue);
}

.keyboard .btn-default:focus:hover {
  border-color: var(--accent-blue-lighter);
  box-shadow: 0 0 0 2px var(--accent-blue-lighter), 0 4px 4px var(--color-button-shadow);
}

.keyboard .btn-file input:focus:hover + .btn-default, .btn-file .keyboard input:focus:hover + .btn-default {
  border-color: var(--accent-blue-lighter);
  box-shadow: 0 0 0 2px var(--accent-blue-lighter), 0 4px 4px var(--color-button-shadow);
}

.keyboard .btn-default:focus:active {
  border-color: var(--accent-blue-darker);
  box-shadow: 0 0 0 2px var(--accent-blue-darker);
}

.keyboard .btn-file input:focus:active + .btn-default, .btn-file .keyboard input:focus:active + .btn-default {
  border-color: var(--accent-blue-darker);
  box-shadow: 0 0 0 2px var(--accent-blue-darker);
}

@media (max-width: 991px) {
  html:not(.specifity) .btn-circle {
    width: 24px;
    height: 24px;
    padding: 0;
    border-radius: 50%;
    line-height: 1;
  }
}
html.touch .btn-circle {
  width: 24px;
  height: 24px;
  padding: 0;
  border-radius: 50%;
  line-height: 1;
}

.btn-block {
  display: block;
  width: 100%;
}

.twisty {
  display: block;
  width: 16px;
  height: 16px;
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  transition: transform 0.1s ease;
}
.twisty .icon-triangle {
  vertical-align: top;
  transform: rotate(90deg);
}

.btn-group {
  display: inline-flex;
}
.btn-group > .dropdown-toggle.btn-lg {
  padding-left: 9px;
  padding-right: 9px;
}

@media (min-width: 992px) {
  html:not(.touch) ::-webkit-file-upload-button {
    -webkit-appearance: initial;
            appearance: initial;
    font: initial;
  }
}

.btn-file {
  display: flex;
  position: relative;
}
.btn-file input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  font-size: 10rem;
  opacity: 0;
  cursor: pointer;
  overflow: hidden;
}
.btn-file input:focus {
  position: absolute;
}

.csl-entry {
  word-wrap: break-word;
  margin: 0 !important;
}
.csl-entry,
.csl-entry * {
  box-sizing: content-box;
}

.csl-left-margin {
  word-wrap: normal;
}

.bibliography ul, .bibliography ol {
  list-style: revert;
}

@media (max-width: 991px) {
  html:not(.specifity) .citation-options {
    margin-bottom: 20px;
  }
}
html.touch .citation-options {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  html:not(.touch) .citation-options {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    background-color: var(--color-shade-0);
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--color-shade-2);
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) {
  html:not(.touch).keyboard .modal-body:focus .citation-options {
    padding-top: 9px;
  }
}

.citation-options .style-selector-container {
  flex: 1 1 auto;
  display: flex;
}
@media (max-width: 991px) {
  html:not(.specifity) .citation-options .style-selector-container .form-control {
    display: flex;
    align-items: center;
    line-height: 1.539;
    height: auto;
    white-space: normal;
    overflow: visible;
    padding-right: 8px;
    margin-right: 0;
  }
}
html.touch .citation-options .style-selector-container .form-control {
  display: flex;
  align-items: center;
  line-height: 1.539;
  height: auto;
  white-space: normal;
  overflow: visible;
  padding-right: 8px;
  margin-right: 0;
}
@media (max-width: 991px) {
  html:not(.specifity) .citation-options .style-selector-container .col-form-label, html:not(.specifity) .citation-options .locale-selector-container .col-form-label {
    flex: 0 0 33%;
  }
  html:not(.specifity) .citation-options .style-selector-container .col, html:not(.specifity) .citation-options .locale-selector-container .col {
    flex: 0 0 66%;
    overflow: hidden;
  }
}
html.touch .citation-options .style-selector-container .col-form-label, html.touch .citation-options .locale-selector-container .col-form-label {
  flex: 0 0 33%;
}
html.touch .citation-options .style-selector-container .col, html.touch .citation-options .locale-selector-container .col {
  flex: 0 0 66%;
  overflow: hidden;
}
.citation-options .style-selector .select-option:last-child {
  color: var(--accent-blue);
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 992px) {
  html:not(.touch) .citation-options .locale-selector-container {
    flex: 1 1 auto;
    display: flex;
    padding-left: 8px;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .citation-options .style-selector, html:not(.specifity) .citation-options .locale-selector {
    height: 100%;
    padding: 0;
    margin: 0;
    min-width: 30%;
  }
}
html.touch .citation-options .style-selector, html.touch .citation-options .locale-selector {
  height: 100%;
  padding: 0;
  margin: 0;
  min-width: 30%;
}

.copy-citation-modal {
  max-height: calc(100vh - 64px);
  min-height: 360px;
  width: unset;
}
@media (max-width: 767px) {
  .copy-citation-modal {
    max-width: unset;
    max-height: unset;
    width: 100%;
  }
}
@media (min-width: 992px) {
  html:not(.touch) .copy-citation-modal {
    width: 720px;
    min-height: 480px;
  }
}
.copy-citation-modal .modal-body {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  html:not(.touch) .copy-citation-modal .modal-body {
    padding-top: 0;
  }
}
.copy-citation-modal .bubbles {
  --bubble-height: 28px;
  --bubble-horizontal-margin: 2px;
  --bubble-rows-gap: 5px;
  display: flex;
  flex-flow: row wrap;
  gap: var(--bubble-rows-gap);
  row-gap: var(--bubble-rows-gap);
  max-height: calc(3.5 * (var(--bubble-height) + var(--bubble-rows-gap)));
  padding: 8px 16px;
  margin-bottom: 16px;
  overflow: auto;
  margin-left: -16px;
  margin-right: -16px;
  width: calc(100% + 32px);
}
.copy-citation-modal .bubbles .bubble {
  border-radius: 5px;
  padding: 0 8px;
  white-space: nowrap;
  height: var(--bubble-height);
  background-color: var(--fill-quinary);
  cursor: pointer;
}
.copy-citation-modal .bubbles .bubble.dnd-source {
  opacity: 0;
}
.copy-citation-modal .bubbles .bubble .dropmarker use {
  transform: rotate(180deg);
  transform-origin: 50% 50%;
  transform-box: fill-box;
}
.copy-citation-modal .copy-citation-container {
  overflow-y: scroll;
}
.copy-citation-modal .loading .copy-citation-container, .loading .copy-citation-modal .copy-citation-container {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.copy-citation-modal .bubble-popover .form {
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
}
.copy-citation-modal .bubble-popover .form .select, .copy-citation-modal .bubble-popover .form .select-control {
  height: 100%;
}
.copy-citation-modal .bubble-popover .buttons-wrap {
  display: flex;
}
.copy-citation-modal .bubble-popover .buttons-wrap .right {
  flex: 1 0 auto;
  display: flex;
  justify-content: flex-end;
}
.copy-citation-modal .bubble-popover .buttons-wrap .right .btn + .btn {
  margin-left: 12px;
}
.copy-citation-modal .citation-touch-editor {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 62;
  display: flex;
  padding: 0;
  flex-direction: column;
  background-color: var(--color-shade-1);
}
@media (max-width: 991px) {
  html:not(.specifity) .copy-citation-modal .citation-touch-editor .form {
    margin: 0;
    padding: 12px 0;
  }
}
html.touch .copy-citation-modal .citation-touch-editor .form {
  margin: 0;
  padding: 12px 0;
}
.copy-citation-modal .citation-touch-editor h5 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 8px;
  padding: 0 12px;
  text-align: center;
}
.copy-citation-modal .citation-touch-editor .form-group:has(+ .buttons-wrap) {
  margin-bottom: 12px;
}
.copy-citation-modal .citation-touch-editor .col-form-label::after {
  content: ":";
}
.copy-citation-modal .citation-touch-editor .col {
  display: flex;
}
.copy-citation-modal .citation-touch-editor .buttons-wrap {
  display: flex;
}
.copy-citation-modal .citation-touch-editor .buttons-wrap .right {
  flex: 1 0 auto;
  display: flex;
  justify-content: flex-end;
}
.copy-citation-modal .citation-touch-editor .buttons-wrap .right .btn + .btn {
  margin-left: 12px;
}
@media (max-width: 991px) {
  html:not(.specifity) .copy-citation-modal .citation-touch-editor .buttons-wrap {
    padding: 0 16px;
  }
}
html.touch .copy-citation-modal .citation-touch-editor .buttons-wrap {
  padding: 0 16px;
}

.copy-citation-modal .citation-touch.dnd-source,
.drag-layer .citation-touch.dnd-source {
  opacity: 0;
}
.copy-citation-modal .citation-touch .label,
.drag-layer .citation-touch .label {
  flex: 1 1 0;
  text-align: left;
  background: url("/static/web-library/images/icons/chevron-13.svg") no-repeat right 12px center var(--color-shade-0);
}
.copy-citation-modal .citation-touch .drag-handle,
.drag-layer .citation-touch .drag-handle {
  align-items: center;
  align-self: stretch;
  border-left: 1px solid var(--color-shade-3);
  display: flex;
  flex: 0 0 auto;
  padding-left: 16px;
  padding-right: 4px;
  touch-action: manipulation;
}
.copy-citation-modal .citation-touch .drag-handle .icon-grip,
.drag-layer .citation-touch .drag-handle .icon-grip {
  color: var(--color-shade-4);
}

.collection-tree {
  flex: 1 1 0;
}
@media (max-width: 991px) {
  html:not(.specifity) .collection-tree {
    display: flex;
    flex-direction: column;
    line-height: 42px;
    min-height: 0;
  }
}
html.touch .collection-tree {
  display: flex;
  flex-direction: column;
  line-height: 42px;
  min-height: 0;
}
@media (min-width: 992px) {
  html:not(.touch) .collection-tree {
    padding: 8px;
    overflow: auto;
    line-height: 26px;
    z-index: 1;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .collection-tree section + section {
    margin-top: 20px;
  }
}
html.touch .collection-tree section + section {
  margin-top: 20px;
}
.collection-tree h4 {
  color: var(--color-shade-6);
  margin: 0;
  padding: 0 12px 0 16px;
}
@media (max-width: 991px) {
  html:not(.specifity) .collection-tree h4 {
    padding: 1px 16px 0;
    background: var(--material-toolbar);
  }
  html:not(.specifity) .collection-tree h4 {
    position: relative;
  }
  html:not(.specifity) .collection-tree h4::before {
    content: "";
    position: absolute;
    z-index: 20;
    inset: 0 auto auto 0;
    width: calc(100% - 0px - 0px);
    height: 1px;
    background-color: var(--color-shade-2);
  }
}
@media (max-width: 991px) and (resolution >= 2dppx) {
  html:not(.specifity) .collection-tree h4::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
html.touch .collection-tree h4 {
  padding: 1px 16px 0;
  background: var(--material-toolbar);
}
html.touch .collection-tree h4 {
  position: relative;
}
html.touch .collection-tree h4::before {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 0 auto auto 0;
  width: calc(100% - 0px - 0px);
  height: 1px;
  background-color: var(--color-shade-2);
}
@media (resolution >= 2dppx) {
  html.touch .collection-tree h4::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
@media (min-width: 992px) {
  html:not(.touch) .collection-tree.picker-mode h4 {
    padding-left: 24px;
  }
}
.collection-tree .item-container {
  display: flex;
  align-items: center;
  outline-offset: -3px;
  position: relative;
}
@media (max-width: 991px) {
  html:not(.specifity) .collection-tree .item-container {
    padding: 1px 16px 0;
  }
  html:not(.specifity) .collection-tree .item-container {
    position: relative;
  }
  html:not(.specifity) .collection-tree .item-container::before {
    content: "";
    position: absolute;
    z-index: 20;
    inset: 0 auto auto 60px;
    width: calc(100% - 60px - 0px);
    height: 1px;
    background-color: var(--color-shade-2);
  }
}
@media (max-width: 991px) and (resolution >= 2dppx) {
  html:not(.specifity) .collection-tree .item-container::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
html.touch .collection-tree .item-container {
  padding: 1px 16px 0;
}
html.touch .collection-tree .item-container {
  position: relative;
}
html.touch .collection-tree .item-container::before {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 0 auto auto 60px;
  width: calc(100% - 60px - 0px);
  height: 1px;
  background-color: var(--color-shade-2);
}
@media (resolution >= 2dppx) {
  html.touch .collection-tree .item-container::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
@media (min-width: 992px) {
  html:not(.touch) .collection-tree .item-container {
    height: 26px;
    padding-right: 12px;
    border-radius: 5px;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .collection-tree li:first-child > .item-container::before {
    content: none;
  }
}
html.touch .collection-tree li:first-child > .item-container::before {
  content: none;
}

@media (max-width: 991px) {
  html:not(.specifity) .collection-tree .level-0:nth-child(3) > ul > li:first-child > .item-container {
    position: relative;
  }
  html:not(.specifity) .collection-tree .level-0:nth-child(3) > ul > li:first-child > .item-container::before {
    content: "";
    position: absolute;
    z-index: 20;
    inset: 0 auto auto 0;
    width: calc(100% - 0px - 0px);
    height: 1px;
    background-color: var(--color-shade-2);
  }
}
@media (max-width: 991px) and (resolution >= 2dppx) {
  html:not(.specifity) .collection-tree .level-0:nth-child(3) > ul > li:first-child > .item-container::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
html.touch .collection-tree .level-0:nth-child(3) > ul > li:first-child > .item-container {
  position: relative;
}
html.touch .collection-tree .level-0:nth-child(3) > ul > li:first-child > .item-container::before {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 0 auto auto 0;
  width: calc(100% - 0px - 0px);
  height: 1px;
  background-color: var(--color-shade-2);
}
@media (resolution >= 2dppx) {
  html.touch .collection-tree .level-0:nth-child(3) > ul > li:first-child > .item-container::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}

@media (max-width: 991px) {
  html:not(.specifity) .collection-tree:not(.picker-mode) li:last-child > .item-container .item-container::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
    left: 60px;
    height: 1px;
    box-shadow: 0 1px var(--color-collection-tree-shadow);
  }
}
@media (max-width: 991px) and (resolution >= 2dppx) {
  html:not(.specifity) .collection-tree:not(.picker-mode) li:last-child > .item-container .item-container::after {
    box-shadow: 0 1px var(--color-shade-4);
    transform: translateY(-0.5px);
  }
}
html.touch .collection-tree:not(.picker-mode) li:last-child > .item-container .item-container::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  left: 60px;
  height: 1px;
  box-shadow: 0 1px var(--color-collection-tree-shadow);
}
@media (resolution >= 2dppx) {
  html.touch .collection-tree:not(.picker-mode) li:last-child > .item-container .item-container::after {
    box-shadow: 0 1px var(--color-shade-4);
    transform: translateY(-0.5px);
  }
}

@media (max-width: 991px) {
  html:not(.specifity) .collection-tree:not(.picker-mode) li:last-child > .item-container::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
    left: 60px;
    height: 1px;
    box-shadow: 0 1px var(--color-collection-tree-shadow);
  }
}
@media (max-width: 991px) and (resolution >= 2dppx) {
  html:not(.specifity) .collection-tree:not(.picker-mode) li:last-child > .item-container::after {
    box-shadow: 0 1px var(--color-shade-4);
    transform: translateY(-0.5px);
  }
}
html.touch .collection-tree:not(.picker-mode) li:last-child > .item-container::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  left: 60px;
  height: 1px;
  box-shadow: 0 1px var(--color-collection-tree-shadow);
}
@media (resolution >= 2dppx) {
  html.touch .collection-tree:not(.picker-mode) li:last-child > .item-container::after {
    box-shadow: 0 1px var(--color-shade-4);
    transform: translateY(-0.5px);
  }
}

@media (max-width: 991px) {
  html:not(.specifity) .collection-tree li.selected > .item-container {
    background: var(--accent-blue);
  }
  html:not(.specifity) .collection-tree li.selected > .item-container::before {
    content: none;
  }
}
html.touch .collection-tree li.selected > .item-container {
  background: var(--accent-blue);
}
html.touch .collection-tree li.selected > .item-container::before {
  content: none;
}

@media (max-width: 991px) {
  html:not(.specifity) .collection-tree:not(.picker-mode) li.open > .item-container .item-container {
    background: var(--accent-blue);
  }
  html:not(.specifity) .collection-tree:not(.picker-mode) li.open > .item-container .item-container::before {
    content: none;
  }
}
html.touch .collection-tree:not(.picker-mode) li.open > .item-container .item-container {
  background: var(--accent-blue);
}
html.touch .collection-tree:not(.picker-mode) li.open > .item-container .item-container::before {
  content: none;
}

@media (max-width: 991px) {
  html:not(.specifity) .collection-tree:not(.picker-mode) li.open > .item-container {
    background: var(--accent-blue);
  }
  html:not(.specifity) .collection-tree:not(.picker-mode) li.open > .item-container::before {
    content: none;
  }
}
html.touch .collection-tree:not(.picker-mode) li.open > .item-container {
  background: var(--accent-blue);
}
html.touch .collection-tree:not(.picker-mode) li.open > .item-container::before {
  content: none;
}

@media (max-width: 991px) {
  html:not(.specifity) .collection-tree li.selected + li > .item-container::before {
    content: none;
  }
}
html.touch .collection-tree li.selected + li > .item-container::before {
  content: none;
}

@media (max-width: 991px) {
  html:not(.specifity) .collection-tree:not(.picker-mode) li.open + li > .item-container .item-container::before {
    content: none;
  }
}
html.touch .collection-tree:not(.picker-mode) li.open + li > .item-container .item-container::before {
  content: none;
}

@media (max-width: 991px) {
  html:not(.specifity) .collection-tree:not(.picker-mode) li.open + li > .item-container::before {
    content: none;
  }
}
html.touch .collection-tree:not(.picker-mode) li.open + li > .item-container::before {
  content: none;
}

@media (min-width: 992px) {
  html:not(.touch) .collection-tree li.selected > .item-container {
    background: var(--color-quarternary-on-sidepane);
  }
}

@media (min-width: 992px) {
  html:not(.touch) .collection-tree:focus-within li.selected > .item-container .item-container {
    background-color: var(--color-accent);
  }
}

@media (min-width: 992px) {
  html:not(.touch) .collection-tree:focus-within li.selected > .item-container {
    background-color: var(--color-accent);
  }
}

@media (min-width: 992px) {
  html:not(.touch) .collection-tree li.highlighted > .item-container {
    background: var(--accent-highlight);
  }
}

@media (min-width: 992px) {
  html:not(.touch) .collection-tree li.picked > .item-container {
    background: var(--color-accent);
  }
}

@media (max-width: 991px) {
  html:not(.specifity).keyboard .collection-tree .item-container:focus::before {
    content: none;
  }
  html:not(.specifity).keyboard .collection-tree li.selected > .item-container:focus {
    outline-color: var(--color-sidepane);
  }
  html:not(.specifity).keyboard .collection-tree li.open > .item-container:focus {
    outline-color: var(--color-sidepane);
  }
}
html.touch.keyboard .collection-tree .item-container:focus::before {
  content: none;
}
html.touch.keyboard .collection-tree li.selected > .item-container:focus {
  outline-color: var(--color-sidepane);
}

html.touch.keyboard .collection-tree li.open > .item-container:focus {
  outline-color: var(--color-sidepane);
}

@media (max-width: 991px) {
  html:not(.specifity).keyboard .collection-tree li.focus + li > .item-container::before {
    content: none;
  }
}
html.touch.keyboard .collection-tree li.focus + li > .item-container::before {
  content: none;
}

@media (min-width: 992px) {
  html:not(.touch) .collection-tree .item-container.dnd-target {
    color: var(--material-background);
    background: var(--fill-secondary);
  }
}

@media (min-width: 992px) {
  html:not(.touch) .collection-tree li.selected > .item-container.dnd-target {
    color: var(--material-background);
    background: var(--fill-secondary);
  }
}

.collection-tree .item-container .twisty {
  margin-left: -16px;
}
@media (max-width: 991px) {
  html:not(.specifity) .collection-tree .item-container .twisty {
    display: none;
  }
}
html.touch .collection-tree .item-container .twisty {
  display: none;
}
.collection-tree .open > .item-container .twisty .icon-triangle {
  transform: scaleY(-1);
}

.collection-tree .item-container .icon.icon-folder, .collection-tree .item-container .icon.icon-folders {
  color: var(--accent-blue);
}
.collection-tree .item-container .icon.icon-library, .collection-tree .item-container .icon.icon-library-read-only {
  color: var(--accent-blue);
}

.collection-tree li.library-node.my-library > .item-container .icon.icon-library, .collection-tree li.library-node.my-library > .item-container .icon.icon-library-read-only {
  color: var(--accent-blue);
}

.collection-tree .item-container .icon.icon-library, .collection-tree .item-container .icon.icon-library-read-only {
  color: var(--accent-teal);
}

.collection-tree li.library-node:not(.my-library) > .item-container .icon.icon-library, .collection-tree li.library-node:not(.my-library) > .item-container .icon.icon-library-read-only {
  color: var(--accent-teal);
}

html:not(.specifity) .collection-tree .item-container .icon.icon-trash {
  color: var(--accent-wood);
}
.collection-tree li.items-node > .item-container .icon.icon-document {
  color: var(--accent-blue);
}

.collection-tree li.publications > .item-container .icon.icon-document {
  color: var(--accent-green);
}

@media (max-width: 991px) {
  html:not(.specifity) .collection-tree .item-container .icon {
    color: var(--color-accent);
  }
  html:not(.specifity) .collection-tree li.selected > .item-container .icon {
    color: var(--primary-on-accent);
  }
}
html.touch .collection-tree .item-container .icon {
  color: var(--color-accent);
}
html.touch .collection-tree li.selected > .item-container .icon {
  color: var(--primary-on-accent);
}

@media (min-width: 992px) {
  html:not(.touch) .collection-tree:focus-within li.selected > .item-container .item-container .icon:not(.icon-spin), .collection-tree:focus-within html:not(.touch) li.selected > .item-container .item-container .icon:not(.icon-spin) {
    color: var(--primary-on-accent);
  }
  html:not(.touch) .collection-tree:focus-within li.selected > .item-container .icon:not(.icon-spin) {
    color: var(--primary-on-accent);
  }
  html:not(.touch) .collection-tree li.picked > .item-container .icon:not(.icon-spin) {
    color: var(--primary-on-accent);
  }
  html:not(.touch) .collection-tree .item-container.dnd-target .icon:not(.icon-spin) {
    color: var(--material-background);
  }
  html:not(.touch) .collection-tree li.selected > .item-container.dnd-target .icon:not(.icon-spin) {
    color: var(--material-background);
  }
}
.collection-tree .item-container > .icon {
  flex: 0 0 auto;
  margin-right: 8px;
}
.collection-tree .item-container > .icon.touch {
  margin-right: 16px;
}
.collection-tree .item-container > .icon.icon-library-read-only {
  margin-right: 6px;
}
.collection-tree .item-container > .icon.icon-library-read-only.touch {
  margin-right: 14px;
}
@media (max-width: 991px) {
  html:not(.specifity) .collection-tree li.disabled > .item-container > .icon {
    color: var(--color-shade-10-50);
  }
}
html.touch .collection-tree li.disabled > .item-container > .icon {
  color: var(--color-shade-10-50);
}

.collection-tree .item-container > .truncate {
  flex: 1 1 auto;
  color: var(--color-primary);
  position: relative;
}
@media (max-width: 991px) {
  html:not(.specifity) .collection-tree li.selected > .item-container > .truncate {
    color: var(--primary-on-accent);
  }
}
html.touch .collection-tree li.selected > .item-container > .truncate {
  color: var(--primary-on-accent);
}

@media (max-width: 991px) {
  html:not(.specifity) .collection-tree:not(.picker-mode) li.open > .item-container .item-container > .truncate {
    color: var(--primary-on-accent);
  }
}
html.touch .collection-tree:not(.picker-mode) li.open > .item-container .item-container > .truncate {
  color: var(--primary-on-accent);
}

@media (max-width: 991px) {
  html:not(.specifity) .collection-tree:not(.picker-mode) li.open > .item-container > .truncate {
    color: var(--primary-on-accent);
  }
}
html.touch .collection-tree:not(.picker-mode) li.open > .item-container > .truncate {
  color: var(--primary-on-accent);
}

@media (min-width: 992px) {
  html:not(.touch) .collection-tree li.selected > .item-container > .truncate {
    color: var(--color-primary);
  }
}

@media (min-width: 992px) {
  html:not(.touch) .collection-tree:focus-within li.selected > .item-container .item-container > .truncate {
    color: var(--primary-on-accent);
  }
}

@media (min-width: 992px) {
  html:not(.touch) .collection-tree:focus-within li.selected > .item-container > .truncate {
    color: var(--primary-on-accent);
  }
}

@media (min-width: 992px) {
  html:not(.touch) .collection-tree li.picker-skip > .item-container > .truncate {
    color: var(--color-shade-10-50);
  }
}

.collection-tree li.disabled > .item-container > .truncate {
  color: var(--color-shade-10-50);
}

@media (min-width: 992px) {
  html:not(.touch) .collection-tree li.picked > .item-container > .truncate {
    color: var(--primary-on-accent);
  }
}

.collection-tree .item-container .icon-spin {
  margin-right: 0;
  margin-left: 8px;
}
@media (min-width: 992px) {
  html:not(.touch) .collection-tree.picker-mode .item-container .icon-spin {
    margin-right: 12px;
  }
}

@media (min-width: 992px) {
  html:not(.touch) .collection-tree .item-container .btn-icon-plus {
    margin-right: -5px;
  }
  html:not(.touch) .collection-tree .item-container:not(:focus-within) .btn-icon-plus {
    visibility: hidden;
  }
  html:not(.touch):not(.keyboard) .collection-tree .item-container .btn-icon-plus {
    visibility: hidden;
  }
  html:not(.touch) .collection-tree .item-container:hover .btn-icon-plus {
    visibility: visible;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .collection-tree .item-container .dropdown {
    margin-left: 12px;
    margin-right: 0;
  }
}
html.touch .collection-tree .item-container .dropdown {
  margin-left: 12px;
  margin-right: 0;
}
@media (min-width: 992px) {
  html:not(.touch) .collection-tree .item-container .dropdown {
    margin-left: 8px;
    margin-right: -5px;
  }
}
.collection-tree .item-container .dropdown .dropdown-toggle {
  display: block;
  border-radius: 0;
}
@media (max-width: 991px) {
  html:not(.specifity) .collection-tree .item-container .dropdown .dropdown-toggle {
    padding: 0;
    border: 0;
  }
  html:not(.specifity) .collection-tree li.selected > .item-container .dropdown.show .dropdown-toggle .dropdown-toggle, .dropdown.show html:not(.specifity) .collection-tree li.selected > .item-container .dropdown-toggle .dropdown-toggle {
    background-color: var(--color-background);
  }
  html:not(.specifity) .collection-tree li.selected > .item-container .dropdown.show .dropdown-toggle .dropdown-toggle .icon, .dropdown.show html:not(.specifity) .collection-tree li.selected > .item-container .dropdown-toggle .dropdown-toggle .icon {
    color: var(--accent-blue);
  }
  html:not(.specifity) .collection-tree li.selected > .item-container .dropdown.show .dropdown-toggle {
    background-color: var(--color-background);
  }
  html:not(.specifity) .collection-tree li.selected > .item-container .dropdown.show .dropdown-toggle .icon {
    color: var(--accent-blue);
  }
}
html.touch .collection-tree .item-container .dropdown .dropdown-toggle {
  padding: 0;
  border: 0;
}
html.touch .collection-tree li.selected > .item-container .dropdown.show .dropdown-toggle .dropdown-toggle, .dropdown.show html.touch .collection-tree li.selected > .item-container .dropdown-toggle .dropdown-toggle {
  background-color: var(--color-background);
}
html.touch .collection-tree li.selected > .item-container .dropdown.show .dropdown-toggle .dropdown-toggle .icon, .dropdown.show html.touch .collection-tree li.selected > .item-container .dropdown-toggle .dropdown-toggle .icon {
  color: var(--accent-blue);
}

html.touch .collection-tree li.selected > .item-container .dropdown.show .dropdown-toggle {
  background-color: var(--color-background);
}
html.touch .collection-tree li.selected > .item-container .dropdown.show .dropdown-toggle .icon {
  color: var(--accent-blue);
}

@media (max-width: 991px) {
  html:not(.specifity).keyboard .collection-tree .item-container .dropdown .dropdown-toggle:focus {
    outline-offset: 2px;
  }
  html:not(.specifity).keyboard .collection-tree li.selected > .item-container .dropdown-toggle .dropdown .dropdown-toggle:focus, li.selected > .item-container html:not(.specifity).keyboard .collection-tree .dropdown-toggle .dropdown .dropdown-toggle:focus {
    outline-color: var(--primary-on-accent);
  }
  html:not(.specifity).keyboard .collection-tree li.selected > .item-container .dropdown .dropdown-toggle:focus {
    outline-color: var(--primary-on-accent);
  }
  html:not(.specifity).keyboard .collection-tree li.open > .item-container .dropdown-toggle .dropdown .dropdown-toggle:focus, li.open > .item-container html:not(.specifity).keyboard .collection-tree .dropdown-toggle .dropdown .dropdown-toggle:focus {
    outline-color: var(--primary-on-accent);
  }
  html:not(.specifity).keyboard .collection-tree li.open > .item-container .dropdown .dropdown-toggle:focus {
    outline-color: var(--primary-on-accent);
  }
}
html.touch.keyboard .collection-tree .item-container .dropdown .dropdown-toggle:focus {
  outline-offset: 2px;
}
html.touch.keyboard .collection-tree li.selected > .item-container .dropdown-toggle .dropdown .dropdown-toggle:focus, li.selected > .item-container html.touch.keyboard .collection-tree .dropdown-toggle .dropdown .dropdown-toggle:focus {
  outline-color: var(--primary-on-accent);
}

html.touch.keyboard .collection-tree li.selected > .item-container .dropdown .dropdown-toggle:focus {
  outline-color: var(--primary-on-accent);
}

html.touch.keyboard .collection-tree li.open > .item-container .dropdown-toggle .dropdown .dropdown-toggle:focus, li.open > .item-container html.touch.keyboard .collection-tree .dropdown-toggle .dropdown .dropdown-toggle:focus {
  outline-color: var(--primary-on-accent);
}

html.touch.keyboard .collection-tree li.open > .item-container .dropdown .dropdown-toggle:focus {
  outline-color: var(--primary-on-accent);
}

@media (min-width: 992px) {
  html:not(.touch) .collection-tree .item-container:not(:focus-within) .dropdown .dropdown-toggle {
    visibility: hidden;
  }
  html:not(.touch):not(.keyboard) .collection-tree .item-container .dropdown .dropdown-toggle {
    visibility: hidden;
  }
  html:not(.touch) .collection-tree .item-container:hover .dropdown .dropdown-toggle {
    visibility: visible;
  }
  html:not(.touch) .collection-tree .item-container .dropdown.show .dropdown-toggle .dropdown-toggle, .dropdown.show html:not(.touch) .collection-tree .item-container .dropdown-toggle .dropdown-toggle {
    visibility: visible;
  }
  html:not(.touch) .collection-tree .item-container .dropdown.show .dropdown-toggle .dropdown-toggle .icon, .dropdown.show html:not(.touch) .collection-tree .item-container .dropdown-toggle .dropdown-toggle .icon {
    color: var(--color-shade-9);
  }
  html:not(.touch) .collection-tree .item-container .dropdown.show .dropdown-toggle {
    visibility: visible;
  }
  html:not(.touch) .collection-tree .item-container .dropdown.show .dropdown-toggle .icon {
    color: var(--color-shade-9);
  }
}
@media (min-width: 992px) {
  html:not(.touch).keyboard .collection-tree .item-container .dropdown .dropdown-toggle:focus {
    box-shadow: inset 0 0 0 2px var(--accent-blue);
  }
}
@media (min-width: 992px) {
  html:not(.touch) .collection-tree ul .item-container {
    padding-left: 16px;
  }
  html:not(.touch) .collection-tree.picker-mode ul .item-container {
    padding-left: 24px;
  }
  html:not(.touch) .collection-tree ul ul .item-container {
    padding-left: 28px;
  }
  html:not(.touch) .collection-tree.picker-mode ul ul .item-container {
    padding-left: 36px;
  }
  html:not(.touch) .collection-tree ul ul ul .item-container {
    padding-left: 40px;
  }
  html:not(.touch) .collection-tree.picker-mode ul ul ul .item-container {
    padding-left: 48px;
  }
  html:not(.touch) .collection-tree ul ul ul ul .item-container {
    padding-left: 52px;
  }
  html:not(.touch) .collection-tree.picker-mode ul ul ul ul .item-container {
    padding-left: 60px;
  }
  html:not(.touch) .collection-tree ul ul ul ul ul .item-container {
    padding-left: 64px;
  }
  html:not(.touch) .collection-tree.picker-mode ul ul ul ul ul .item-container {
    padding-left: 72px;
  }
  html:not(.touch) .collection-tree ul ul ul ul ul ul .item-container {
    padding-left: 76px;
  }
  html:not(.touch) .collection-tree.picker-mode ul ul ul ul ul ul .item-container {
    padding-left: 84px;
  }
  html:not(.touch) .collection-tree ul ul ul ul ul ul ul .item-container {
    padding-left: 88px;
  }
  html:not(.touch) .collection-tree.picker-mode ul ul ul ul ul ul ul .item-container {
    padding-left: 96px;
  }
  html:not(.touch) .collection-tree ul ul ul ul ul ul ul ul .item-container {
    padding-left: 100px;
  }
  html:not(.touch) .collection-tree.picker-mode ul ul ul ul ul ul ul ul .item-container {
    padding-left: 108px;
  }
  html:not(.touch) .collection-tree ul ul ul ul ul ul ul ul ul .item-container {
    padding-left: 112px;
  }
  html:not(.touch) .collection-tree.picker-mode ul ul ul ul ul ul ul ul ul .item-container {
    padding-left: 120px;
  }
  html:not(.touch) .collection-tree ul ul ul ul ul ul ul ul ul ul .item-container {
    padding-left: 124px;
  }
  html:not(.touch) .collection-tree.picker-mode ul ul ul ul ul ul ul ul ul ul .item-container {
    padding-left: 132px;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .collection-tree .level-root {
    flex: 1 1 100%;
    height: 100%;
    transform: translate3d(-25%, 0, 0);
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }
  html:not(.specifity) .collection-tree .level-root.active {
    transform: translate3d(0, 0, 0);
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .view-item-list-active html:not(.specifity) .collection-tree .level-root {
    transform: translate3d(-25%, 0, 0);
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .collection-tree .level-root .scroll-container-touch {
    overflow: hidden;
    height: 100%;
  }
  html:not(.specifity) .collection-tree .level-root.active .scroll-container-touch {
    overflow: scroll;
  }
}
html.touch .collection-tree .level-root {
  flex: 1 1 100%;
  height: 100%;
  transform: translate3d(-25%, 0, 0);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
html.touch .collection-tree .level-root.active {
  transform: translate3d(0, 0, 0);
}
@media (max-width: 767px) {
  .view-item-list-active html.touch .collection-tree .level-root {
    transform: translate3d(-25%, 0, 0);
  }
}
html.touch .collection-tree .level-root .scroll-container-touch {
  overflow: hidden;
  height: 100%;
}
html.touch .collection-tree .level-root.active .scroll-container-touch {
  overflow: scroll;
}

.collection-tree .level {
  z-index: 30;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.collection-tree .level.loading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0;
}
@media (max-width: 991px) {
  html:not(.specifity) .collection-tree .level .level {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--material-sidepane);
    transform: translate3d(100%, 0, 0);
  }
  html:not(.specifity) .collection-tree .level .level .nav {
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
  }
}
html.touch .collection-tree .level .level {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--material-sidepane);
  transform: translate3d(100%, 0, 0);
}
html.touch .collection-tree .level .level .nav {
  height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
}
@media (min-width: 992px) {
  html:not(.touch) .collection-tree .level .level {
    display: none;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .collection-tree .level .level-2 {
    transform: translate3d(125%, 0, 0);
  }
}
html.touch .collection-tree .level .level-2 {
  transform: translate3d(125%, 0, 0);
}
@media (max-width: 991px) {
  html:not(.specifity) .collection-tree .open > .level,
  html:not(.specifity) .collection-tree .selected > .level {
    transform: translate3d(25%, 0, 0);
    z-index: 40;
  }
  html:not(.specifity) .collection-tree .open > .level.has-open,
  html:not(.specifity) .collection-tree .selected > .level.has-open {
    transform: translate3d(0, 0, 0);
  }
  html:not(.specifity) .collection-tree .open > .level.has-open > .nav,
  html:not(.specifity) .collection-tree .selected > .level.has-open > .nav {
    overflow: hidden;
  }
}
html.touch .collection-tree .open > .level,
html.touch .collection-tree .selected > .level {
  transform: translate3d(25%, 0, 0);
  z-index: 40;
}
html.touch .collection-tree .open > .level.has-open,
html.touch .collection-tree .selected > .level.has-open {
  transform: translate3d(0, 0, 0);
}
html.touch .collection-tree .open > .level.has-open > .nav,
html.touch .collection-tree .selected > .level.has-open > .nav {
  overflow: hidden;
}
@media (min-width: 768px) and (max-width: 991px) {
  html:not(.specifity) .collection-tree .open .level-last.has-open,
  html:not(.specifity) .collection-tree .selected .level-last.has-open {
    transform: translate3d(25%, 0, 0);
  }
}
html.touch .collection-tree .open .level-last.has-open,
html.touch .collection-tree .selected .level-last.has-open {
  transform: translate3d(25%, 0, 0);
}
@media (min-width: 992px) {
  html:not(.touch) .collection-tree .open > .level {
    display: block;
  }
}

.picker-mode input[type=checkbox] {
  margin-right: 12px;
}
.picker-mode .picker-checkbox-placeholder {
  width: 36px;
}

.dropdown {
  position: relative;
}
.dropdown .dropdown-toggle.btn-icon {
  vertical-align: top;
}
.dropdown .dropdown-toggle [class*=icon-chevron] {
  transform: scaleY(-1);
  vertical-align: -2px;
}
@media (min-width: 992px) {
  html:not(.touch) .dropdown.show .dropdown-toggle.btn-link, html:not(.touch) .dropdown.show .dropdown-toggle.btn-icon {
    color: var(--color-shade-9);
  }
  html:not(.touch) .dropdown.show .dropdown-toggle.btn-link .icon, html:not(.touch) .dropdown.show .dropdown-toggle.btn-icon .icon {
    color: var(--color-shade-9);
  }
}

.dropdown .dropdown-menu {
  background: var(--material-toolbar);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 3px 8px rgba(0, 0, 0, 0.2);
  border: var(--material-panedivider);
  border-radius: 3px;
  z-index: 50;
  margin: 4px 0;
  display: none;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  top: 0;
  left: 0;
}
.dropdown .dropdown-menu:focus {
  outline: none;
}
@media (max-width: 991px) {
  html:not(.specifity) .dropdown .dropdown-menu {
    padding: 8px 0;
  }
}
html.touch .dropdown .dropdown-menu {
  padding: 8px 0;
}
@media (min-width: 992px) {
  html:not(.touch) .dropdown .dropdown-menu {
    padding: 4px 0;
  }
}
.dropdown.show .dropdown-menu {
  display: block;
}

.dropdown .dropdown-item {
  display: block;
  width: 100%;
  border: none;
  text-align: left;
  background-color: transparent;
  margin: 0;
  white-space: nowrap;
  color: var(--fill-primary);
  cursor: pointer;
}
@media (max-width: 991px) {
  html:not(.specifity) .dropdown .dropdown-item {
    line-height: 1.5;
    padding: 9px 16px;
  }
}
html.touch .dropdown .dropdown-item {
  line-height: 1.5;
  padding: 9px 16px;
}
@media (min-width: 992px) {
  html:not(.touch) .dropdown .dropdown-item {
    line-height: 1.539;
    padding: 3px 8px;
  }
}
.dropdown .dropdown-item.disabled {
  color: var(--color-text-disabled);
}
.dropdown .dropdown-item.disabled:hover, .dropdown .dropdown-item.disabled:focus {
  color: var(--color-text-disabled);
  background-color: transparent;
}
.dropdown .dropdown-item:focus {
  outline: none;
}
.dropdown .dropdown-item:hover, .dropdown .dropdown-item.active {
  color: var(--primary-on-accent);
  background-color: var(--color-accent);
}
.dropdown .dropdown-item .icon {
  vertical-align: top;
}
@media (max-width: 991px) {
  html:not(.specifity) .dropdown .dropdown-item .icon {
    margin-right: 8px;
  }
}
html.touch .dropdown .dropdown-item .icon {
  margin-right: 8px;
}
.keyboard .dropdown .dropdown-item:focus {
  color: var(--primary-on-accent);
  background-color: var(--color-accent);
}
.dropdown .dropdown-divider {
  border-top: 1px solid var(--color-shade-2);
}
@media (max-width: 991px) {
  html:not(.specifity) .dropdown .dropdown-divider {
    margin: 8px 0;
  }
}
html.touch .dropdown .dropdown-divider {
  margin: 8px 0;
}
@media (min-width: 992px) {
  html:not(.touch) .dropdown .dropdown-divider {
    margin: 4px 0;
  }
}

.editable {
  flex: 1 1 auto;
  min-width: 0;
}
@media (min-width: 992px) {
  html:not(.touch) .editable {
    line-height: normal;
  }
}
.editable .editable-content {
  white-space: pre-wrap;
  padding: 2px;
  border: 1px solid transparent;
  width: calc(100% + 6px);
  margin: -3px;
  border-radius: 3px;
}
.editable:hover:not(.disabled) .editable-content {
  cursor: pointer;
}
@media (min-width: 992px) {
  html:not(.touch) .editable:hover:not(.disabled) .editable-content {
    background-color: var(--color-editable-hover-bg);
  }
}

.editable .editable-content.placeholder {
  color: var(--color-shade-5);
}
.empty .editable .editable-content::before {
  content: " ";
}

.editable .editable-control {
  flex: 1 1 auto;
  font: inherit;
  line-height: normal;
  text-align: inherit;
  margin: -5px;
  width: calc(100% + 10px);
  padding: 2px;
  border: 3px solid var(--accent-blue);
  color: var(--color-shade-9);
  background: var(--color-shade-0);
  border-radius: 3px;
}
.editable .editable-control:focus {
  outline: none;
}
.editable .busy .editable-control, .busy .editable .editable-control {
  margin: -3px;
  width: calc(100% + 6px);
  border: 1px solid transparent;
  background-color: transparent;
}
@media (min-width: 992px) {
  html:not(.touch) .editable:hover .busy .editable-control, html:not(.touch) .busy .editable:hover .editable-control {
    background-color: var(--color-editable-hover-bg);
    z-index: 1;
  }
}

.editable .busy:not(.textarea) .editable-control, .busy:not(.textarea) .editable .editable-control {
  padding-right: 19px;
}

.editable:not(.textarea) .editable-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.editable:not(.textarea) .busy .editable-control {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 992px) {
  html:not(.touch) .editable .icon-spin {
    top: 0;
    right: 0;
  }
}
.editable.textarea .editable-content {
  word-wrap: break-word;
  margin-top: -1px;
  margin-bottom: -1px;
}
@media (min-width: 992px) {
  html:not(.touch) .editable.textarea .input-group.busy::after {
    background-color: var(--color-shade-1);
  }
  html:not(.touch) .textarea.editable:hover .input-group.busy::after {
    background-color: var(--color-editable-backdrop-hover-bg);
  }
}
.editable.textarea .editable-content,
.editable.textarea .editable-control {
  line-height: 1.539;
  padding-top: 0;
  padding-bottom: 0;
}
.editable.textarea .editable-control {
  margin-top: -3px;
  margin-bottom: -3px;
}
.editable.textarea .input-group:not(.busy) .editable-control, .input-group:not(.busy) .editable.textarea .editable-control {
  height: calc(100% + 6px);
}

.editable.textarea .busy .editable-control, .busy .editable.textarea .editable-control {
  border: 1px solid transparent;
  margin-top: -1px;
  margin-bottom: -1px;
}

.editable .dropdown-menu {
  width: calc(100% + 2 * 2px);
  margin: 3px 0;
  margin-left: 3px;
}

@media (max-width: 991px) {
  html:not(.specifity) .pseudo-editable {
    flex: 1 1 auto;
    border: none;
    padding: 0;
    background-color: transparent;
  }
}
html.touch .pseudo-editable {
  flex: 1 1 auto;
  border: none;
  padding: 0;
  background-color: transparent;
}
@media (min-width: 992px) {
  html:not(.touch) .pseudo-editable {
    line-height: normal;
  }
  html:not(.touch) .pseudo-editable .select-control {
    padding: 2px;
    border: 1px solid transparent;
    width: calc(100% + 6px);
    margin: -3px;
    background-color: transparent;
    transition: none;
  }
  html:not(.touch) .pseudo-editable:hover .select-control {
    cursor: pointer;
    background-color: var(--color-editable-hover-bg);
    border-color: transparent;
  }
  html:not(.touch) .pseudo-editable.is-disabled .select-control {
    cursor: unset;
    background-color: transparent;
    border: 1px solid transparent;
  }
  html:not(.touch) .pseudo-editable .select-value {
    padding: 0 2px;
  }
  html:not(.touch) .pseudo-editable.select-component.single.has-value .select-value {
    padding-right: 16px;
  }
  html:not(.touch) .busy .select-component.single.has-value.pseudo-editable .select-value, .busy html:not(.touch) .select-component.single.has-value.pseudo-editable .select-value {
    padding-right: 19px;
  }
  html:not(.touch) .pseudo-editable .select-arrow {
    display: none;
  }
  html:not(.touch) .pseudo-editable.is-focused .select-control {
    border-color: var(--accent-blue);
    background-color: var(--color-shade-0);
    border-radius: 1px;
  }
  html:not(.touch) .pseudo-editable.is-focused .select-arrow {
    display: block;
  }
  html:not(.touch) .busy .is-focused.pseudo-editable .select-arrow, .busy html:not(.touch) .is-focused.pseudo-editable .select-arrow {
    display: none;
  }
  html:not(.touch) .pseudo-editable .select-menu-outer {
    left: -2px;
    top: calc(100% + 8px);
    right: -2px;
  }
}
.pseudo-editable + .icon-spin {
  right: 0;
}

.icon-remove-from-collection[width="20"],
.icon-library-read-only[width="20"] {
  margin: -2px;
}

.icon-add-to-collection[width="32"],
.icon-remove-from-collection[width="32"] {
  margin: -4px;
}

.icon-library-read-only[width="32"] {
  margin: -2px;
}

.icon-crescent-circle {
  margin-left: -5px;
}

.icon-circle, .icon-crescent-circle {
  color: var(--color-shade-6);
}
.icon-circle[data-color="#ff6666"], .icon-crescent-circle[data-color="#ff6666"] {
  color: var(--tag-red-on-background) !important;
}
.icon-circle[data-color="#ff8c19"], .icon-crescent-circle[data-color="#ff8c19"] {
  color: var(--tag-orange-on-background) !important;
}
.icon-circle[data-color="#999999"], .icon-crescent-circle[data-color="#999999"] {
  color: var(--tag-gray-on-background) !important;
}
.icon-circle[data-color="#5fb236"], .icon-crescent-circle[data-color="#5fb236"] {
  color: var(--tag-green-on-background) !important;
}
.icon-circle[data-color="#009980"], .icon-crescent-circle[data-color="#009980"] {
  color: var(--tag-teal-on-background) !important;
}
.icon-circle[data-color="#2ea8e5"], .icon-crescent-circle[data-color="#2ea8e5"] {
  color: var(--tag-blue-on-background) !important;
}
.icon-circle[data-color="#576dd9"], .icon-crescent-circle[data-color="#576dd9"] {
  color: var(--tag-indigo-on-background) !important;
}
.icon-circle[data-color="#a28ae5"], .icon-crescent-circle[data-color="#a28ae5"] {
  color: var(--tag-purple-on-background) !important;
}
.icon-circle[data-color="#a6507b"], .icon-crescent-circle[data-color="#a6507b"] {
  color: var(--tag-plum-on-background) !important;
}

.panel {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  position: relative;
  padding-bottom: 4px;
  background-clip: content-box;
}
.panel:last-child {
  padding-bottom: 0;
}
.panel .panel-header {
  flex: 0 0 auto;
  color: var(--color-shade-8);
  display: flex;
  position: relative;
  z-index: 1;
}
.panel .panel-header nav {
  width: 100%;
}
.panel .panel-body {
  flex: 1 1 0;
}
.panel .panel-body .icon-spin {
  color: var(--color-accent);
}
@media (max-width: 991px) {
  html:not(.specifity) .panel .panel-body {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
html.touch .panel .panel-body {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 992px) {
  html:not(.touch) .panel .panel-body {
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .panel .panel-body.loading {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
html.touch .panel .panel-body.loading {
  display: flex;
  justify-content: center;
  align-items: center;
}
.panel .panel-backdrop {
  position: absolute;
  inset: 0;
  background-color: var(--color-panel-backdrop-bg);
}

.tabs {
  display: flex;
  border-bottom: 1px solid var(--color-shade-3);
}
.tabs.justified {
  flex: 1 1 auto;
  width: 100%;
}
.tabs .tab {
  flex: 0 0 auto;
  align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  color: var(--color-shade-8);
  cursor: pointer;
  display: inline;
  font-family: inherit;
  font-size: 13px;
  font-weight: inherit;
  height: 30px;
  justify-content: center;
  padding: 0 16px;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 991px) {
  html:not(.specifity) .tabs .tab {
    height: 42px;
  }
}
html.touch .tabs .tab {
  height: 42px;
}
.tabs .tab:hover {
  color: var(--accent-blue);
}
.keyboard .tabs .tab:focus {
  outline-offset: -3px;
}
.tabs .tab.active {
  color: var(--accent-blue);
  box-shadow: inset 0 -1px var(--accent-blue), 0 1px var(--accent-blue);
}
.keyboard .tabs .tab.active:focus-within {
  box-shadow: none;
}
.tabs.compact .tab {
  padding: 0 12px;
}

.tabs.justified .tab {
  flex: 1 1 0;
}

.tabs .icon {
  margin-right: 8px;
}

@media (min-width: 992px) {
  html:not(.touch) .tab-pane {
    display: none;
  }
}
@media (min-width: 992px) {
  html:not(.touch) .tab-pane.active {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
  }
}
html:not(.specifity) .tab-pane.active.loading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0;
}
@media (max-width: 991px) {
  html:not(.specifity) .tab-pane .tab-pane-heading {
    margin: 0;
    line-height: 42px;
    padding: 1px 16px;
    background: var(--material-toolbar);
  }
  html:not(.specifity) .tab-pane .tab-pane-heading {
    position: relative;
  }
  html:not(.specifity) .tab-pane .tab-pane-heading::before {
    content: "";
    position: absolute;
    z-index: 20;
    inset: 0 auto auto 0;
    width: calc(100% - 0px - 0px);
    height: 1px;
    background-color: var(--color-shade-2);
  }
}
@media (max-width: 991px) and (resolution >= 2dppx) {
  html:not(.specifity) .tab-pane .tab-pane-heading::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .tab-pane .tab-pane-heading {
    position: relative;
  }
  html:not(.specifity) .tab-pane .tab-pane-heading::after {
    content: "";
    position: absolute;
    z-index: 20;
    inset: auto auto 0 0;
    width: calc(100% - 0px - 0px);
    height: 1px;
    background-color: var(--color-shade-2);
  }
}
@media (max-width: 991px) and (resolution >= 2dppx) {
  html:not(.specifity) .tab-pane .tab-pane-heading::after {
    background: linear-gradient(to top, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat left 0 bottom 0;
  }
}
html.touch .tab-pane .tab-pane-heading {
  margin: 0;
  line-height: 42px;
  padding: 1px 16px;
  background: var(--material-toolbar);
}
html.touch .tab-pane .tab-pane-heading {
  position: relative;
}
html.touch .tab-pane .tab-pane-heading::before {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 0 auto auto 0;
  width: calc(100% - 0px - 0px);
  height: 1px;
  background-color: var(--color-shade-2);
}
@media (resolution >= 2dppx) {
  html.touch .tab-pane .tab-pane-heading::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
html.touch .tab-pane .tab-pane-heading {
  position: relative;
}
html.touch .tab-pane .tab-pane-heading::after {
  content: "";
  position: absolute;
  z-index: 20;
  inset: auto auto 0 0;
  width: calc(100% - 0px - 0px);
  height: 1px;
  background-color: var(--color-shade-2);
}
@media (resolution >= 2dppx) {
  html.touch .tab-pane .tab-pane-heading::after {
    background: linear-gradient(to top, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat left 0 bottom 0;
  }
}
@media (min-width: 1200px) {
  html:not(.touch) .tab-pane .rich-editor:not(:only-child) {
    border-top: 1px solid var(--color-shade-3);
  }
}

.toolbar {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex: 0 0 auto;
  white-space: nowrap;
  background: var(--material-toolbar);
}
@media (max-width: 991px) {
  html:not(.specifity) .toolbar {
    height: 42px;
    padding: 0 16px;
  }
}
html.touch .toolbar {
  height: 42px;
  padding: 0 16px;
}
@media (min-width: 992px) {
  html:not(.touch) .toolbar {
    height: 30px;
    padding: 0 12px;
    color: var(--fill-secondary);
  }
}
html:not(.specifity) .toolbar.dense {
  padding: 0 2px;
}

.toolbar .toolbar-left,
.toolbar .toolbar-center,
.toolbar .toolbar-right,
.toolbar .toolbar-justified {
  flex: 1 1 0;
  display: flex;
  align-items: center;
}
.toolbar .toolbar-left {
  margin-right: auto;
}
@media (max-width: 991px) {
  html:not(.specifity) .toolbar .toolbar-left {
    padding-right: 3px;
  }
}
html.touch .toolbar .toolbar-left {
  padding-right: 3px;
}
.toolbar .toolbar-center {
  margin: 0 auto;
  justify-content: center;
}
@media (max-width: 991px) {
  html:not(.specifity) .toolbar .toolbar-center {
    padding: 0 3px;
  }
}
html.touch .toolbar .toolbar-center {
  padding: 0 3px;
}
.toolbar .toolbar-right {
  margin-left: auto;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  html:not(.specifity) .toolbar .toolbar-right {
    padding-left: 3px;
    position: relative;
  }
}
html.touch .toolbar .toolbar-right {
  padding-left: 3px;
  position: relative;
}
.toolbar .toolbar-justified {
  flex: 1 1 auto;
}
@media (max-width: 991px) {
  html:not(.specifity) .toolbar .toolbar-justified {
    margin: 0 -16px;
  }
}
html.touch .toolbar .toolbar-justified {
  margin: 0 -16px;
}
.toolbar .tool-group {
  display: flex;
  align-items: center;
}
.toolbar .toolbar-justified .tool-group {
  flex: 1 1 auto;
  justify-content: space-around;
}

.toolbar .tool-group > * + * {
  margin-left: 2px;
}
.toolbar .toolbar-justified .tool-group > * + * {
  margin: 0;
}

.toolbar .tool-group + .tool-group {
  margin-left: 24px;
}
.toolbar.dense .tool-group {
  position: relative;
}
.toolbar.dense .tool-group::before {
  position: absolute;
  left: 0;
  top: 2px;
  bottom: 2px;
  width: 1px;
  background-color: var(--color-shade-2);
}
.toolbar.dense .tool-group + .tool-group {
  margin-left: 2px;
  padding-left: 3px;
}
.toolbar.dense .tool-group + .tool-group::before {
  content: "";
}

.touch-header {
  flex: 0 0 auto;
  line-height: 1.539;
  background-color: var(--color-shade-1);
  color: var(--color-shade-8);
  height: 44px;
  position: relative;
  padding: 1px 0;
}
.touch-header {
  position: relative;
}
.touch-header::before {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 0 auto auto 0;
  width: calc(100% - 0px - 0px);
  height: 1px;
  background-color: var(--color-shade-2);
}
@media (resolution >= 2dppx) {
  .touch-header::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
.touch-header {
  position: relative;
}
.touch-header::after {
  content: "";
  position: absolute;
  z-index: 20;
  inset: auto auto 0 0;
  width: calc(100% - 0px - 0px);
  height: 1px;
  background-color: var(--color-shade-2);
}
@media (resolution >= 2dppx) {
  .touch-header::after {
    background: linear-gradient(to top, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat left 0 bottom 0;
  }
}
.touch-header.darker {
  background-color: var(--color-shade-1-darker);
}
@media (min-width: 768px) {
  .touch-header .select-button {
    margin-left: 16px;
  }
}

.touch-footer {
  flex: 0 0 auto;
  padding: 1px 0;
  height: 44px;
  background-color: var(--color-shade-1);
  color: var(--color-shade-8);
}
.touch-footer {
  position: relative;
}
.touch-footer::before {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 0 auto auto 0;
  width: calc(100% - 0px - 0px);
  height: 1px;
  background-color: var(--color-shade-2);
}
@media (resolution >= 2dppx) {
  .touch-footer::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
.touch-footer.darker {
  background-color: var(--color-shade-1-darker);
}
.touch-footer .btn-icon .icon {
  color: var(--color-accent);
}
.touch-footer .dropdown .btn-icon {
  height: 100%;
}

.touch-nav {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 42px;
  z-index: 0;
  overflow: hidden;
}
.touch-nav ul,
.touch-nav li {
  height: 100%;
}
.touch-nav .icon-previous {
  color: var(--accent-blue);
  position: absolute;
  left: 16px;
  top: 13px;
  z-index: 2;
  transform: rotate(-90deg);
}
.touch-nav ul {
  position: relative;
}
.touch-nav .center-axis {
  transform: translate3d(50%, 0, 0);
}
.touch-nav .inner {
  position: absolute;
  transform: translate3d(-50%, 0, 0);
  display: flex;
  align-items: center;
  max-width: calc((100% - 4 * 16px) / 3 - 4px);
}
.touch-nav .center-axis,
.touch-nav .inner {
  height: 100%;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.search-cancel .touch-nav .center-axis,
.search-cancel .touch-nav .inner {
  transition: none;
}
.touch-nav li {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s ease;
}
.search-cancel .touch-nav li {
  transition: none;
}
.touch-nav .before-last {
  transform: translate3d(-100%, 0, 0);
  opacity: 0;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.search-cancel .touch-nav .before-last {
  transition: none;
}
.touch-nav .previous {
  z-index: 1;
  color: var(--accent-blue);
}
.touch-nav .previous .center-axis {
  transform: translate3d(32px, 0, 0);
}
.touch-nav .previous .inner {
  transform: translate3d(0, 0, 0);
  cursor: pointer;
}
.touch-nav .next {
  transform: translate3d(100%, 0, 0);
  opacity: 0;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.search-cancel .touch-nav .next {
  transition: none;
}
.touch-nav .dropdown,
.touch-nav .btn-edit,
.touch-nav .btn-cancel {
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 50;
}
.touch-nav .btn {
  color: var(--accent-blue);
  background: transparent;
}
.touch-nav .dropdown {
  right: 16px;
  display: flex;
  align-items: center;
}
.touch-nav .dropdown .icon {
  vertical-align: top;
}

.input-group.search .dropdown {
  position: absolute;
  left: 6px;
  top: 4px;
  z-index: 50;
}
.input-group.search .dropdown-toggle {
  padding: 0 2px;
  border-radius: 0;
}
@media (max-width: 991px) {
  html:not(.specifity) .input-group.search .icon-search-options {
    color: var(--color-shade-6);
  }
}
html.touch .input-group.search .icon-search-options {
  color: var(--color-shade-6);
}
@media (max-width: 991px) {
  html:not(.specifity) .input-group.search .form-control {
    min-height: auto;
    padding: 4px 0 4px 8px;
    border: 1px solid var(--color-shade-3);
    background-color: var(--color-shade-0);
    border-radius: 3px;
  }
  html:not(.specifity) .input-group.search .form-control:not(:empty) {
    padding-right: 25px;
  }
}
html.touch .input-group.search .form-control {
  min-height: auto;
  padding: 4px 0 4px 8px;
  border: 1px solid var(--color-shade-3);
  background-color: var(--color-shade-0);
  border-radius: 3px;
}
html.touch .input-group.search .form-control:not(:empty) {
  padding-right: 25px;
}
@media (max-width: 991px) {
  html:not(.specifity).keyboard .input-group.search .form-control:focus {
    border: 1px solid var(--accent-blue);
    box-shadow: 0 0 0 2px var(--accent-blue);
  }
}
html.touch.keyboard .input-group.search .form-control:focus {
  border: 1px solid var(--accent-blue);
  box-shadow: 0 0 0 2px var(--accent-blue);
}
html:not(.specifity) .input-group.search .with-dropdown {
  padding: 5px 25px 5px 36px;
}
.input-group.search .clear {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 9px;
  width: 16px;
  height: 16px;
  border: none;
  padding: 0;
  border-radius: 50%;
  background-color: var(--color-shade-6);
}
html:not(.specifity).keyboard .input-group.search .clear:focus {
  border-color: var(--color-shade-6);
  box-shadow: 0 0 0 2px var(--color-shade-6);
  outline: none;
}
@media (min-width: 992px) {
  html:not(.touch) .input-group.search .clear:active {
    background-color: var(--color-shade-9);
  }
}
.input-group.search .clear .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--color-shade-0);
}
.input-group.search .clear:active .icon .icon, .clear:active .input-group.search .icon .icon {
  color: var(--color-shade-0);
}

.input-group.search .clear:active .icon {
  color: var(--color-shade-0);
}

.searchbar {
  position: relative;
  inset: 0;
  display: flex;
  align-items: center;
  padding: 0 16px;
  background: var(--color-toolbar);
  z-index: 30;
}
.searchbar .input-group.search {
  margin: 0 16px 0 -12px;
  position: relative;
}
@media (max-width: 767px) {
  html:not(.specifity) .searchbar .input-group.search .form-control {
    padding-left: 38px;
  }
}
.searchbar .item-actions-touch {
  margin-left: 16px;
}

.auto-resizer {
  flex: 0 0 auto;
  margin-right: auto;
  position: relative;
  max-width: 100%;
}
.auto-resizer.vertical {
  flex: 1 1 auto;
}
.auto-resizer .content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: transparent;
  line-height: normal;
  min-width: 12px;
}
.textarea .auto-resizer .content {
  white-space: pre-wrap;
  word-wrap: break-word;
}
@media (max-width: 991px) {
  html:not(.specifity) .editing .textarea .auto-resizer .content {
    padding: 0 8px;
  }
}
html.touch .editing .textarea .auto-resizer .content {
  padding: 0 8px;
}
.textarea .auto-resizer .content::after {
  content: "​";
}
.auto-resizer.vertical .content {
  line-height: 1.539;
}
@media (max-width: 991px) {
  html:not(.specifity) .auto-resizer.vertical .content {
    min-height: 24px;
  }
}
html.touch .auto-resizer.vertical .content {
  min-height: 24px;
}
@media (min-width: 992px) {
  html:not(.touch) .auto-resizer.vertical .content {
    min-height: 20px;
  }
  html:not(.touch) .busy .vertical.auto-resizer .content, .busy html:not(.touch) .vertical.auto-resizer .content {
    min-height: auto;
  }
}

.auto-resizer :last-child {
  position: absolute;
  inset: 0;
}
@media (max-width: 991px) {
  html:not(.specifity) .auto-resizer.vertical :last-child {
    min-height: 0;
    height: 100%;
  }
}
html.touch .auto-resizer.vertical :last-child {
  min-height: 0;
  height: 100%;
}

.color-picker input {
  display: none;
}
.color-picker .color-picker-grid {
  grid-gap: 4px;
}
@media (max-width: 991px) {
  html:not(.specifity) .color-picker .color-picker-grid {
    grid-template-columns: repeat(8, 42px);
    grid-template-rows: repeat(5, 42px);
    padding: 4px;
  }
}
html.touch .color-picker .color-picker-grid {
  grid-template-columns: repeat(8, 42px);
  grid-template-rows: repeat(5, 42px);
  padding: 4px;
}
@media (min-width: 992px) {
  html:not(.touch) .color-picker .color-picker-grid {
    grid-template-columns: repeat(8, 16px);
    grid-template-rows: repeat(5, 16px);
    padding: 4px;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .tag-color-manager .color-picker .color-picker-grid {
    grid-template-columns: repeat(3, 42px);
    grid-template-rows: repeat(3, 42px);
    padding: 4px;
  }
}
html.touch .tag-color-manager .color-picker .color-picker-grid {
  grid-template-columns: repeat(3, 42px);
  grid-template-rows: repeat(3, 42px);
  padding: 4px;
}
@media (min-width: 992px) {
  html:not(.touch) .tag-color-manager .color-picker .color-picker-grid {
    grid-template-columns: repeat(3, 16px);
    grid-template-rows: repeat(3, 16px);
    padding: 4px;
  }
}
.color-picker.show .color-picker-grid {
  display: grid;
}

.color-picker .color-picker-option {
  border: none;
}
@media (min-width: 992px) {
  html:not(.touch) .color-picker .color-picker-option {
    width: 100%;
    height: 100%;
  }
  html:not(.touch) .color-picker .color-picker-option:focus {
    outline: 3px solid var(--accent-blue);
  }
  html:not(.touch) .color-picker .color-picker-option[data-color="#ffffff"], html:not(.touch) .color-picker .color-picker-option.clear {
    padding: 0;
    border: 1px solid #ddd;
  }
  html:not(.touch) .color-picker .color-picker-option.clear {
    background: url("/static/web-library/images/icons/x.svg") center center no-repeat;
  }
}

.library {
  display: flex;
  min-height: 0;
}
@media (max-width: 767px) {
  .library {
    flex: 1 1 auto;
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .library {
    width: 100%;
  }
}
@media (min-width: 992px) {
  html:not(.touch) .library {
    border-top: var(--material-panedivider);
  }
}

.items {
  min-width: 0;
  position: relative;
}
@media (max-width: 767px) {
  .items {
    position: absolute;
    inset: 44px 0 0 0;
    background-color: var(--color-shade-0);
    transform: translate3d(100%, 0, 0);
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .view-item-list-active .items {
    transform: translate3d(0, 0, 0);
  }
  .view-item-details-active .items {
    transform: translate3d(-25%, 0, 0);
  }
  .touch-tag-selector-active .items {
    bottom: 44px;
    z-index: 30;
  }
  .items .search-backdrop {
    position: absolute;
    inset: 0;
    background-color: var(--color-backdrop);
    z-index: 20;
  }
  .search-results.view-item-list-active .items .search-backdrop {
    transform: translate3d(0, 0, 0);
  }
  .search-active.view-library-active .items {
    transform: translate3d(0, 0, 0);
    background-color: transparent;
    transition: none;
  }
  .search-cancel.view-item-details-active .items {
    transform: translate3d(0, 0, 0);
    transition: none;
  }
  .search-active.view-item-details-active .items {
    transform: translate3d(0, 0, 0);
    transition: none;
  }
  .search-results.search-init.view-item-list-active .items {
    background-color: var(--color-shade-0);
    transform: translate3d(0, 0, 0);
    transition: background-color 0.25s ease-in-out;
  }
  .search-cancel.search-active.view-library-active .items {
    transform: translate3d(0, 0, 0);
    background-color: transparent;
    transition: opacity 0.25s ease-in-out;
  }
  .search-cancel.search-results.view-library-active .items {
    transform: translate3d(0, 0, 0);
    background-color: var(--color-shade-0);
    transition: opacity 0.25s ease-in-out;
  }
  .view-library-active .items.fade-exit-done {
    transform: translate3d(100%, 0, 0);
    transition: none;
  }
}
@media (min-width: 768px) {
  .items {
    flex: 1 1 auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .items {
    height: 100%;
    overflow: hidden;
  }
  .search-init .items .touch-nav .center-axis,
  .search-init .items .touch-nav .inner {
    transition: none;
  }
  .search-init .items .touch-nav .icon-previous + ul .current .center-axis {
    animation: fade-in-search-results 0.25s ease-in-out forwards;
  }
  @keyframes fade-in-search-results {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  html.touch .items {
    height: 100%;
    overflow: hidden;
  }
  html.touch .search-init .items .touch-nav .center-axis,
  html.touch .search-init .items .touch-nav .inner, .search-init html.touch .items .touch-nav .center-axis,
  .search-init html.touch .items .touch-nav .inner {
    transition: none;
  }
  html.touch .search-init .items .touch-nav .icon-previous + ul .current .center-axis, .search-init html.touch .items .touch-nav .icon-previous + ul .current .center-axis {
    animation: fade-in-search-results 0.25s ease-in-out forwards;
  }
  @keyframes fade-in-search-results {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .items {
    flex-direction: column;
  }
}
@media (min-width: 992px) {
  .items {
    display: flex;
  }
}
.items .touch-footer {
  display: none;
}
.items.select-mode .touch-footer {
  display: block;
}

@media (max-width: 767px) {
  html:not(.specifity) .items .touch-footer .btn-icon {
    padding: 8px 4px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .items-container {
    position: absolute;
    inset: 44px 0 0 0;
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  html.touch .items-container {
    position: absolute;
    inset: 44px 0 0 0;
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }
}
@media (max-width: 767px) {
  .items-container {
    display: flex;
    height: 100%;
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .items-container {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  html:not(.touch) .items-container {
    flex: 0 0 50%;
  }
}
@media (min-width: 1200px) {
  html:not(.specifity) .items-container {
    flex: 1 1 auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .view-item-details-active .items-container {
    transform: translate3d(-25%, 0, 0);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  html.touch .view-item-details-active .items-container {
    transform: translate3d(-25%, 0, 0);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .search-cancel.search-results.view-item-details-active .items-container {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  html.touch .search-cancel.search-results.view-item-details-active .items-container {
    display: none;
  }
}

.navbar {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  font-size: 16px;
  width: 100%;
  height: 42px;
  position: relative;
  left: 0;
  padding: 0 16px;
  background-color: var(--color-shade-0);
  font-family: "AvenirNextLTPro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
@media (min-width: 768px) {
  .navbar {
    flex: 0 0 auto;
    height: 64px;
    background: var(--color-shade-0);
  }
}
.navbar .nav-link {
  white-space: nowrap;
}
.navbar .navbar-brand,
.navbar .search-toggle,
.navbar .search,
.navbar .navbar-toggle {
  position: relative;
  z-index: 40;
}
.navbar .navbar-brand {
  display: flex;
  margin: 0;
  margin-right: auto;
}
.navbar .navbar-brand a {
  display: block;
  width: 84px;
  height: 22px;
}
@media (min-width: 768px) {
  .navbar .navbar-brand a {
    width: 96px;
    height: 26px;
  }
}
.keyboard .navbar .navbar-brand a:focus {
  outline-offset: 8px;
}
.navbar .main-nav {
  display: none;
  padding-left: 12px;
}
@media (min-width: 1200px) {
  .navbar .main-nav {
    display: flex;
  }
}
.navbar .main-nav .nav-link {
  color: var(--color-shade-9);
}
.navbar .main-nav .active .nav-link, .active .navbar .main-nav .nav-link {
  color: var(--accent-blue);
}

html:not(.specifity) .navbar .main-nav .nav-link {
  padding: 12px 12px;
}
.keyboard .navbar .main-nav .nav-link:focus {
  outline-offset: -3px;
}
html:not(.specifity) .navbar .main-nav .show .dropdown-toggle, .show html:not(.specifity) .navbar .main-nav .dropdown-toggle {
  color: var(--color-shade-6);
}
html:not(.specifity) .navbar .main-nav .show .dropdown-toggle .icon, .show html:not(.specifity) .navbar .main-nav .dropdown-toggle .icon {
  color: inherit;
}

.navbar .main-nav .truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: bottom;
  max-width: 9vw;
}
.navbar .input-group.search {
  flex: 1 1 auto;
  align-self: center;
  max-width: 240px;
  font-size: 14px;
  line-height: 20px;
  margin-left: 12px;
}
@media (max-width: 767px) {
  .navbar .input-group.search {
    display: none;
  }
}
.navbar .input-group.search .dropdown {
  position: absolute;
  left: 5px;
  top: 3px;
}
.navbar .search-toggle .icon,
.navbar .touch-tag-selector-toggle .icon {
  color: var(--color-shade-8);
}
@media (max-width: 767px) {
  html:not(.specifity) .navbar .navbar-toggle {
    padding: 11px 8px;
    margin-right: -8px;
  }
}
@media (min-width: 768px) {
  html:not(.specifity) .navbar .navbar-toggle {
    padding: 6px 7px;
    margin: 0 -8px 0 16px;
  }
}
.navbar .navbar-toggle .icon-bar {
  display: block;
  width: 24px;
  height: 2px;
  background: var(--color-shade-8);
}
.navbar .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 6px;
}
html:not(.specifity) .navbar .dropdown-menu {
  padding: 8px 0;
  min-width: 160px;
  margin: 2px 0 0;
  box-shadow: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
html:not(.specifity) .navbar .search .dropdown-menu, .search html:not(.specifity) .navbar .dropdown-menu {
  padding: 4px 0;
}

html:not(.specifity) .navbar .dropdown-menu .dropdown-item {
  padding: 4px 16px;
  display: flex;
  align-items: center;
}
html:not(.specifity) .navbar .search .dropdown-menu .dropdown-item, .search html:not(.specifity) .navbar .dropdown-menu .dropdown-item {
  padding: 5.5px 12px;
}

html:not(.specifity) .navbar .dropdown-menu .dropdown-divider {
  margin: 8px 0;
}
html:not(.specifity) .navbar .dropdown-menu .badge {
  background-color: var(--color-background50);
  color: var(--color-button);
}
.navbar .upgrade-storage {
  font-size: 14px;
  margin-left: 24px;
  text-decoration: none;
}
html:not(.specifity) .navbar .upgrade-storage {
  padding: 4.5px 12px;
  border-radius: 3px;
}
@media (min-width: 768px) {
  .navbar .settings-toggle {
    margin-left: 4px;
  }
}
.navbar .settings-toggle .icon {
  color: var(--color-shade-8);
}

.nav-cover {
  position: absolute;
  inset: 0;
  z-index: 40;
  background-color: rgba(0, 0, 0, 0);
  visibility: hidden;
  transition: background-color 0.5s cubic-bezier(0.23, 1, 0.32, 1), visibility 0s linear 0.5s;
}
.navbar-nav-opened .nav-cover {
  background-color: rgba(0, 0, 0, 0.1);
  visibility: visible;
  transition: background-color 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.nav-sidebar {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 280px;
  z-index: 0;
  background-color: var(--color-nav-sidebar);
  overflow-y: scroll;
  font-family: "AvenirNextLTPro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font-size: 16px;
  transform: translate3d(25%, 0, 0);
  visibility: hidden;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), visibility 0s linear 0.5s;
}
.navbar-nav-opened .nav-sidebar {
  transform: translate3d(0, 0, 0);
  visibility: visible;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.nav-sidebar .mobile-nav {
  margin: 42px 0 46px;
}
.nav-sidebar .nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--color-nav-sidebar-link);
  padding: 12px 32px;
  position: relative;
}
.nav-sidebar .active .nav-link, .active .nav-sidebar .nav-link {
  color: var(--color-shade-0-50);
}

.keyboard .nav-sidebar .nav-link:focus {
  outline-offset: -3px;
}
.nav-sidebar .nav-link.separated {
  padding-top: 13px;
}
.nav-sidebar .nav-link.separated::before {
  content: "";
  position: absolute;
  top: 0;
  left: 32px;
  right: 0;
  border-top: 1px solid var(--color-nav-sidebar-border);
  z-index: -1;
}
.nav-sidebar .nav-link .badge {
  color: var(--color-nav-sidebar);
  background-color: var(--color-nav-sidebar-link);
}

.items-list-wrap {
  height: 100%;
  flex: 1 1 auto;
  flex-direction: column;
}
.items-list-wrap .icon-spin {
  color: var(--color-accent);
  position: absolute;
  left: calc(50% - 16px);
  top: calc(50% - 16px + 13px);
}

.items-list {
  display: flex;
  flex-direction: column;
}
.items-list > div {
  flex: 0 0 auto;
}
.items-list .item {
  display: flex;
  padding: 7px 16px 6px;
  position: relative;
}
.items-list .item {
  position: relative;
}
.items-list .item::before {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 0 auto auto 60px;
  width: calc(100% - 60px - 0px);
  height: 1px;
  background-color: var(--color-shade-2);
}
@media (resolution >= 2dppx) {
  .items-list .item::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
@media (max-width: 767px) {
  .items-list .item {
    position: relative;
  }
  .items-list .item::before {
    content: "";
    position: absolute;
    z-index: 20;
    inset: 0 auto auto 16px;
    width: calc(100% - 16px - 0px);
    height: 1px;
    background-color: var(--color-shade-2);
  }
}
@media (max-width: 767px) and (resolution >= 2dppx) {
  .items-list .item::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
.items-list:not(.select-mode) .item {
  padding-right: 39px;
}
.items-list:not(.select-mode) .item.active {
  color: var(--primary-on-accent);
  background-color: var(--accent-blue);
}
.items-list:not(.select-mode) .item.active::before {
  content: none;
}
.items-list:not(.select-mode) .item.active + .item::before {
  content: none;
}

.items-list.select-mode .item {
  padding-left: 56px;
  padding-right: 16px;
}
.items-list.select-mode .item {
  position: relative;
}
.items-list.select-mode .item::before {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 0 auto auto 100px;
  width: calc(100% - 100px - 0px);
  height: 1px;
  background-color: var(--color-shade-2);
}
@media (resolution >= 2dppx) {
  .items-list.select-mode .item::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
@media (max-width: 767px) {
  .items-list.select-mode .item {
    position: relative;
  }
  .items-list.select-mode .item::before {
    content: "";
    position: absolute;
    z-index: 20;
    inset: 0 auto auto 56px;
    width: calc(100% - 56px - 0px);
    height: 1px;
    background-color: var(--color-shade-2);
  }
}
@media (max-width: 767px) and (resolution >= 2dppx) {
  .items-list.select-mode .item::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}

.keyboard .items-list .item:focus {
  outline-offset: -3px;
}
.keyboard .items-list .item:focus::before {
  content: none;
}
.keyboard .items-list:not(.select-mode) .item:focus.active {
  outline-color: var(--primary-on-accent);
}

.keyboard .items-list:not(.select-mode) .item:focus + .item::before {
  content: none;
}

.items-list .item:first-child::before {
  content: none;
}
.items-list.select-mode .item:first-child::before {
  content: none;
}

.items-list .item:last-child:not(.active, :focus) {
  background-color: var(--color-background);
}
.items-list .item:last-child:not(.active, :focus)::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  left: 60px;
  height: 1px;
  box-shadow: 0 1px var(--color-shade-2);
}
@media (resolution >= 2dppx) {
  .items-list .item:last-child:not(.active, :focus)::after {
    box-shadow: 0 1px var(--color-shade-4);
    transform: translateY(-0.5px);
  }
}
@media (max-width: 767px) {
  .items-list .item:last-child:not(.active, :focus)::after {
    left: 16px;
  }
}
.items-list.select-mode .item:last-child:not(.active, :focus)::after {
  left: 100px;
}
@media (max-width: 767px) {
  .items-list.select-mode .item:last-child:not(.active, :focus)::after {
    left: 60px;
  }
}

.items-list .item input[type=checkbox] {
  position: absolute;
  left: 16px;
  top: 19px;
  pointer-events: none;
}
.items-list .item .item-type {
  flex: 0 0 auto;
  align-self: center;
  margin-right: 16px;
}
.items-list .item.placeholder .item-type {
  color: var(--color-shade-2);
}

.items-list .item .metadata {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.items-list .item.placeholder .metadata {
  height: 12px;
  border-radius: 6px;
  background-color: var(--color-shade-2);
}

.items-list .item .title {
  height: 24px;
}
.items-list .item.placeholder .title {
  width: 80%;
  margin-top: 6px;
}
.items-list .placeholder.item.odd .title {
  width: 90%;
}

.items-list .item .creator-year {
  display: flex;
  color: var(--color-item-list-second-row);
}
.items-list .item.placeholder .creator-year {
  width: 60%;
  margin-top: 12px;
  background-color: var(--color-shade-2-50);
}
.items-list .placeholder.item.odd .creator-year {
  width: 70%;
}

.items-list .item .creator-year .creator,
.items-list .item .creator-year .year {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.items-list:not(.select-mode) .item.active .item .creator-year .creator, .items-list:not(.select-mode) .item.active .item .creator-year .year {
  color: var(--primary-on-accent);
  opacity: 0.67;
}

.items-list:not(.select-mode) .item.active .creator-year .creator, .items-list:not(.select-mode) .item.active .creator-year .year {
  color: var(--primary-on-accent);
  opacity: 0.67;
}

.items-list .item .creator-year .creator {
  flex: 0 1 auto;
}
.items-list .item .creator-year .year {
  flex: 0 0 auto;
}
.items-list .item .creator-year .year:not(:empty)::before {
  content: "(";
  white-space: pre;
}
.items-list .item .creator-year .year:not(:empty)::after {
  content: ")";
}
.items-list .item .creator-year .creator:not(:empty) + .year:not(:empty)::before {
  content: " (";
  white-space: pre;
}
.items-list .item .creator-year .icons {
  flex: 0 0 auto;
  margin-left: auto;
  display: flex;
  align-items: center;
  padding-left: 8px;
}
.items-list .item .creator-year .icons:empty {
  display: none;
}

.items-list .item.placeholder .creator-year .icons {
  display: none;
}

.items-list .item .creator-year .icons .emoji {
  margin-left: 4px;
}
.items-list .item .creator-year .icons .tag-circles {
  display: inline-flex;
  margin-left: 4px;
}
.items-list .item .creator-year .icons .icon {
  color: var(--color-item-list-second-row);
}
.items-list .item .creator-year .icons .icon-attachment,
.items-list .item .creator-year .icons .icon-note-sm {
  margin-right: 4px;
}
.items-list:not(.select-mode) .item.active .item .creator-year .icons .icon-attachment, .items-list:not(.select-mode) .item.active .item .creator-year .icons .icon-note-sm {
  color: var(--primary-on-accent);
}

.items-list:not(.select-mode) .item.active .creator-year .icons .icon-attachment, .items-list:not(.select-mode) .item.active .creator-year .icons .icon-note-sm {
  color: var(--primary-on-accent);
}

.items-list .item .icon-chevron-13 {
  position: absolute;
  right: 12px;
  top: 23px;
  transform: rotate(90deg);
  color: var(--color-shade-4);
}
.items-list .item.active .icon-chevron-13 {
  color: var(--primary-on-accent);
}

.items-list.select-mode .item .icon-chevron-13 {
  display: none;
}

.item-list-empty {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 20px;
  color: var(--color-shade-5);
}

.items-table-wrap {
  flex: 1 1 auto;
  flex-direction: column;
  position: relative;
}
.items-table-wrap.reordering {
  cursor: move;
}
.items-table-wrap.resizing {
  cursor: ew-resize;
}
.items-table-wrap .icon-spin {
  position: absolute;
  left: calc(50% - 16px);
  top: calc(50% - 16px + 13px);
}
.items-table-wrap.dnd-target::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-color: transparent;
  outline: 2px solid var(--fill-secondary);
  outline-offset: -2px;
  opacity: 0.5;
}

.items-table .items-table-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-top: var(--material-panedivider);
  border-bottom: var(--material-panedivider);
}
.items-table .items-table-head .column-header {
  display: flex;
  height: 24px;
  text-align: left;
  padding: 0 4px;
  color: var(--color-shade-8);
  position: relative;
  min-width: 0;
}
.keyboard .items-table .items-table-head .column-header:focus {
  outline-offset: -3px;
}
.items-table .items-table-head .column-header::before {
  content: "";
  background: var(--color-shade-2);
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 0;
  width: 1px;
}
.keyboard .items-table .items-table-head .column-header:focus::before {
  content: none;
}

.items-table .items-table-head .column-header::after {
  content: "";
  position: absolute;
  top: 2px;
  right: 0;
  bottom: 2px;
  width: 1px;
  box-shadow: 1px 0 var(--color-shade-2);
}
.items-table .items-table-head .column-header:first-child::before {
  content: none;
}
html:not(.scrollbar-style-permanent) .items-table .items-table-head .column-header:last-child::after {
  content: none;
}
.items-table-wrap:not(.resizing) .items-table .items-table-head .column-header:active {
  background-color: var(--color-shade-1);
}
.items-table-wrap:not(.resizing) .items-table .items-table-head .column-header:active::before {
  top: 0;
  bottom: 0;
}
.items-table-wrap:not(.resizing) .items-table .items-table-head .column-header:active + div::before {
  top: 0;
  bottom: 0;
}
.items-table .items-table-head .column-header .header-content {
  flex: 1 1 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 4px 0 5px;
  min-width: 0;
}
.items-table .items-table-head .column-header.reorder-source .header-content {
  opacity: 0.5;
}

.items-table .items-table-head .column-header:first-child .header-content {
  padding-left: 8px;
}

.items-table .items-table-head .column-header:not(.attachment):last-child .header-content {
  padding-right: 8px;
}

.items-table .items-table-head .column-header .sort-indicator {
  color: inherit;
  margin: 0 -4px 0 -5px;
}
.items-table .items-table-head .column-header[aria-sort=descending] .sort-indicator {
  transform: scaleY(-1);
}
.items-table .items-table-head .column-header .resize-handle {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: -4px;
  width: 8px;
  cursor: ew-resize;
}
.items-table .items-table-head .column-header .reorder-target {
  position: absolute;
  top: 2px;
  bottom: 2px;
  width: 3px;
  background: var(--accent-blue);
  z-index: 2;
}
.items-table .items-table-head .column-header .reorder-target.reorder-left {
  left: -1px;
}
.items-table .items-table-head .column-header .reorder-target.reorder-right {
  right: -2px;
}
.items-table .items-table-body {
  padding-top: 2px;
  padding-left: 8px;
  padding-right: 8px;
}
.items-table .items-table-body > div {
  position: relative;
}
.items-table .item {
  align-items: center;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
}
.items-table.striped .item.odd:not(.active) {
  background-color: var(--material-stripe);
}
.items-table.striped .item.even:not(.active) {
  background-color: var(--material-background);
}

.items-table .item.active {
  border-radius: 0;
  background-color: var(--color-shade-3);
}
.items-table:focus-within .item.active {
  color: var(--primary-on-accent);
  background-color: var(--color-accent);
}

.items-table .item.active.first-active {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.items-table .item.active.last-active {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.keyboard .items-table .item:focus {
  outline: none;
}
.items-table .item.dnd-target:not(.specifity, .specifity) {
  color: var(--material-background);
  background: var(--fill-secondary);
}
.items-table .item.dnd-target-top, .items-table .item.dnd-target-bottom + .item {
  overflow: visible !important;
}
.items-table .item.dnd-target-top::before, .items-table .item.dnd-target-bottom + .item::before {
  content: "";
  background: var(--fill-secondary);
  position: absolute;
  top: -1px;
  width: 80px;
  left: 10px;
  height: 2px;
}
.items-table .item .focused-selected-icon,
.items-table .item .focused-selected-tag-circles {
  display: none;
}
.items-table:focus-within .item.active .item .focused-selected-icon, .items-table:focus-within .item.active .item .focused-selected-tag-circles {
  display: block;
}

.items-table:focus-within .item.active .focused-selected-icon, .items-table:focus-within .item.active .focused-selected-tag-circles {
  display: block;
}

.items-table .item .unfocused-icon,
.items-table .item .unfocused-tag-circles {
  display: block;
}
.items-table:focus-within .item.active .item .unfocused-icon, .items-table:focus-within .item.active .item .unfocused-tag-circles {
  display: none;
}

.items-table:focus-within .item.active .unfocused-icon, .items-table:focus-within .item.active .unfocused-tag-circles {
  display: none;
}

.items-table .item .placeholder-icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background: var(--color-shade-2);
  border-radius: 4.5px;
}
.items-table .item .placeholder {
  margin-top: 1px;
  height: 9px;
  width: 70%;
  background: var(--color-shade-2);
  border-radius: 4.5px;
}
.items-table .item .metadata:nth-child(even) .placeholder, .metadata:nth-child(even) .items-table .item .placeholder {
  width: 80%;
}

.items-table .item.odd .placeholder {
  width: 90%;
}
.items-table .item.odd .metadata:nth-child(even) .placeholder, .metadata:nth-child(even) .items-table .item.odd .placeholder {
  width: 70%;
}

.items-table .item.nth-4n-1 .placeholder {
  width: 80%;
}
.items-table .item.nth-4n-1 .metadata:nth-child(even) .placeholder, .metadata:nth-child(even) .items-table .item.nth-4n-1 .placeholder {
  width: 60%;
}

.items-table .item.nth-4n .placeholder {
  width: 60%;
}
.items-table .item.nth-4n .metadata:nth-child(even) .placeholder, .metadata:nth-child(even) .items-table .item.nth-4n .placeholder {
  width: 90%;
}

.items-table .metadata {
  display: flex;
  align-items: center;
  height: 26px;
  padding: 0 8px 0 9px;
}
.items-table .metadata:first-child {
  padding-left: 12px;
}
.items-table .metadata:not(.attachment):last-child {
  padding-right: 12px;
}
.items-table .metadata.title > .icon {
  margin-right: 8px;
}
.items-table .metadata.title .truncate {
  flex: 1 10000 auto;
}
.items-table .metadata.title .tag-colors {
  align-items: center;
  display: inline-flex;
  flex: 0 1 auto;
  margin-left: auto;
  min-width: 0;
  overflow: hidden;
  padding-left: 8px;
}
.items-table .metadata.title .tag-colors .emoji {
  margin-left: 4px;
}
.items-table .metadata.title .tag-colors .tag-circles {
  margin-left: 4px;
}

.table-cover {
  align-items: center;
  background: var(--color-background);
  display: flex;
  height: 100%;
  height: calc(100% - 26px);
  justify-content: center;
  position: absolute;
  width: 100%;
  z-index: 100;
  margin-top: 26px;
}

.item-details {
  display: flex;
  flex-direction: column;
  background: var(--material-sidepane);
  overflow: hidden;
}
@media (max-width: 991px) {
  html:not(.specifity) .item-details {
    background: var(--color-shade-1);
  }
}
html.touch .item-details {
  background: var(--color-shade-1);
}
@media (max-width: 991px) {
  .item-details {
    right: 0;
    bottom: 0;
    left: 0;
    top: 44px;
    position: absolute;
    transform: translate3d(100%, 0, 0);
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  html.touch .item-details {
    right: 0;
    bottom: 0;
    left: 0;
    top: 44px;
    position: absolute;
    transform: translate3d(100%, 0, 0);
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }
}
@media (max-width: 991px) {
  .view-item-details-active .item-details {
    transform: translate3d(0, 0, 0);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  html.touch .view-item-details-active .item-details {
    transform: translate3d(0, 0, 0);
  }
}
@media (max-width: 991px) {
  .touch-tag-selector-active .item-details {
    bottom: -44px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  html.touch .touch-tag-selector-active .item-details {
    bottom: -44px;
  }
}
@media (max-width: 767px) {
  .item-details {
    top: 0;
  }
  .view-item-details-active .item-details {
    transform: translate3d(25%, 0, 0);
  }
  .search-active.view-item-details-active .item-details {
    transform: translate3d(0, 0, 0);
    transition: none;
  }
  .search-results.search-init.view-item-list-active .item-details {
    transform: translate3d(100%, 0, 0);
    opacity: 0;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out 0.25s;
  }
  .search-cancel.search-active.view-item-details-active .item-details {
    transform: translate3d(0, 0, 0);
    transition: none;
  }
  @keyframes fade-in-item-details {
    100% {
      opacity: 1;
    }
  }
  .search-cancel.search-results.view-item-details-active .item-details {
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition: none;
    animation: fade-in-item-details 0.25s ease-in-out forwards;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .search-results.view-item-list-active .item-details {
    transform: translate3d(100%, 0, 0);
    opacity: 0;
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 0s linear 0.5s;
  }
  .search-cancel.view-item-list-active .item-details {
    transform: translate3d(100%, 0, 0);
    opacity: 0;
    transition: opacity 0.15s ease-in-out, transform 0s linear 0.15s;
  }
  .search-cancel.view-item-list-active .item-details .info-view {
    display: none;
  }
  .search-cancel.view-item-details-active .item-details {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    transition: opacity 0.25s ease-in-out;
  }
  .search-results.search-init.view-item-list-active .item-details {
    transform: translate3d(100%, 0, 0);
    opacity: 0;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out 0.25s;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .search-results.view-item-list-active html.touch .item-details {
    transform: translate3d(100%, 0, 0);
    opacity: 0;
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 0s linear 0.5s;
  }
  .search-cancel.view-item-list-active html.touch .item-details {
    transform: translate3d(100%, 0, 0);
    opacity: 0;
    transition: opacity 0.15s ease-in-out, transform 0s linear 0.15s;
  }
  .search-cancel.view-item-list-active html.touch .item-details .info-view {
    display: none;
  }
  .search-cancel.view-item-details-active html.touch .item-details {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    transition: opacity 0.25s ease-in-out;
  }
  .search-results.search-init.view-item-list-active html.touch .item-details {
    transform: translate3d(100%, 0, 0);
    opacity: 0;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out 0.25s;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  html:not(.touch) .item-details {
    flex: 0 0 50%;
    padding-top: 1px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  html:not(.touch) .item-details {
    padding-top: 0;
    box-shadow: 0 -1px rgba(0, 0, 0, 0.1);
    position: relative;
  }
}
@media (min-width: 1200px) {
  html:not(.specifity) .item-details {
    flex: 0 0 360px;
    min-width: 0;
  }
}
@media (min-width: 1200px) {
  html.touch .item-details {
    flex: 0 0 33vw;
  }
  html.touch .item-details {
    position: relative;
  }
  html.touch .item-details::before {
    content: "";
    position: absolute;
    z-index: 20;
    inset: 0 auto auto 0;
    width: 1px;
    height: calc(100% - 0px - 0px);
    background-color: var(--color-shade-2);
  }
}
@media (min-width: 1200px) and (resolution >= 2dppx) {
  html.touch .item-details::before {
    background: linear-gradient(to right, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
@media (min-width: 1200px) {
  html:not(.touch) .item-details {
    border-left: var(--material-border-quarternary);
  }
}
.item-details .panel {
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (max-width: 991px) {
  .view-note-active .item-details .panel, .view-attachment-active .item-details .panel {
    transform: translate3d(-25%, 0, 0);
  }
}
@media (min-width: 992px) {
  html.touch .view-note-active .item-details .panel, html.touch .view-attachment-active .item-details .panel {
    transform: translate3d(-25%, 0, 0);
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .item-details .panel-header {
    display: none;
  }
}
html.touch .item-details .panel-header {
  display: none;
}
.item-details .panel-header .btn-edit {
  position: absolute;
  right: 0;
  top: 0;
  height: calc(100% - 1px);
  padding: 0 16px;
}
.keyboard .item-details .panel-header .btn-edit:focus {
  outline: 3px solid var(--accent-blue);
  outline-offset: -3px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  html:not(.touch) .item-details .tabs.compact li a {
    padding: 0 16px;
  }
  html:not(.touch) .item-details .row {
    display: flex;
  }
  html:not(.touch) .item-details .col {
    flex: 0 0 50%;
    position: relative;
    min-width: 0;
  }
}
.item-details .info-view {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 20px;
  color: var(--color-shade-5);
}

.touch-details-drilldown {
  display: flex;
  flex-direction: column;
  position: absolute;
  inset: 44px 0 0 0;
  z-index: 20;
  background-color: var(--color-shade-1);
  transform: translate3d(100%, 0, 0);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (max-width: 767px) {
  .touch-details-drilldown {
    top: 0;
    transform: translate3d(125%, 0, 0);
  }
}
@media (min-width: 1200px) {
  html.touch .touch-details-drilldown {
    left: auto;
    width: 33vw;
    border-left: 1px solid var(--color-shade-2);
  }
}
.view-note-active .touch-details-drilldown.touch-note {
  transform: translate3d(0, 0, 0);
}
@media (max-width: 767px) {
  .view-note-active .touch-details-drilldown.touch-note {
    transform: translate3d(25%, 0, 0);
  }
}
.view-attachment-active .touch-details-drilldown.touch-attachment {
  transform: translate3d(0, 0, 0);
}
@media (max-width: 767px) {
  .view-attachment-active .touch-details-drilldown.touch-attachment {
    transform: translate3d(25%, 0, 0);
  }
}
.view-attachment-active .touch-details-drilldown .rich-editor {
  position: relative;
}
.view-attachment-active .touch-details-drilldown .rich-editor::before {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 0 auto auto 0;
  width: calc(100% - 0px - 0px);
  height: 1px;
  background-color: var(--color-shade-2);
}
@media (resolution >= 2dppx) {
  .view-attachment-active .touch-details-drilldown .rich-editor::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
@media (max-width: 991px) {
  .touch-tag-selector-active .touch-details-drilldown {
    bottom: -44px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  html.touch .touch-tag-selector-active .touch-details-drilldown {
    bottom: -44px;
  }
}
@media (max-width: 767px) {
  .search-active.view-note-active .touch-details-drilldown.touch-note {
    transform: translate3d(0, 0, 0);
    transition: none;
  }
}
@media (max-width: 767px) {
  .search-active.view-attachment-active .touch-details-drilldown.touch-attachment {
    transform: translate3d(0, 0, 0);
    transition: none;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .touch-details-drilldown.editing .metadata .value {
    padding-top: 9px;
    padding-bottom: 9px;
  }
}
html.touch .touch-details-drilldown.editing .metadata .value {
  padding-top: 9px;
  padding-bottom: 9px;
}

@media (min-width: 992px) {
  html:not(.touch) .metadata-list {
    margin-top: 7px;
    margin-bottom: 8px;
  }
}
.attachment-details .metadata-list, .standalone-attachment .metadata-list {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  cursor: auto;
}
@media (max-width: 991px) {
  html:not(.specifity) .panel.editing .metadata-list {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
html.touch .panel.editing .metadata-list {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  html.touch .panel.editing .metadata-list {
    margin-left: 20px;
    margin-right: 20px;
  }
}
html:not(.specifity) .modal .metadata-list.editing {
  margin: 4px -16px;
}

.metadata-list .metadata {
  align-items: flex-start;
}
@media (max-width: 767px) {
  .metadata-list .metadata {
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  html:not(.specifity) .metadata-list .metadata {
    padding-left: 16px;
    padding-right: 16px;
  }
}
html.touch .metadata-list .metadata {
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .metadata-list .metadata {
    display: flex;
  }
}
@media (min-width: 768px) {
  html:not(.touch) .metadata-list .metadata {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 992px) {
  html:not(.touch) .metadata-list .metadata {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .metadata-list .metadata {
    padding-right: 13px;
  }
}
@media (max-width: 1199px) {
  html:not(.specifity) .panel:not(.editing) .metadata-list .metadata.empty, .panel:not(.editing) html:not(.specifity) .metadata-list .metadata.empty, html:not(.specifity) .panel:not(.editing) .metadata-list .metadata.virtual, .panel:not(.editing) html:not(.specifity) .metadata-list .metadata.virtual {
    display: none;
  }
}
html.touch .panel:not(.editing) .metadata-list .metadata.empty, .panel:not(.editing) html.touch .metadata-list .metadata.empty, html.touch .panel:not(.editing) .metadata-list .metadata.virtual, .panel:not(.editing) html.touch .metadata-list .metadata.virtual {
  display: none;
}

.read-only .metadata-list .metadata.empty, .read-only .metadata-list .metadata.virtual {
  display: none;
}
.metadata-list .metadata.dnd-source {
  opacity: 0;
}
@media (max-width: 991px) {
  html:not(.specifity) .metadata-list .metadata.dnd-source + .metadata {
    padding-top: 0;
    margin-top: 1px;
  }
  html:not(.specifity) .metadata-list .metadata.dnd-source + .metadata::before {
    content: none;
  }
}
html.touch .metadata-list .metadata.dnd-source + .metadata {
  padding-top: 0;
  margin-top: 1px;
}
html.touch .metadata-list .metadata.dnd-source + .metadata::before {
  content: none;
}
@media (max-width: 991px) {
  html:not(.specifity) .editing .metadata-list .metadata {
    display: flex;
    align-items: flex-start;
    position: relative;
    background-color: var(--color-shade-0);
    padding-top: 1px;
    margin-bottom: 0;
    padding-left: 8px;
    padding-right: 8px;
  }
  html:not(.specifity) .editing .metadata-list .metadata::before, html:not(.specifity) .editing .metadata-list .metadata::after {
    position: absolute;
    left: 16px;
    right: 0;
    top: 0;
    height: 1px;
    background: var(--color-shade-3);
    z-index: 1;
  }
  html:not(.specifity) .editing .metadata-list .metadata::before {
    content: "";
  }
}
html.touch .editing .metadata-list .metadata {
  display: flex;
  align-items: flex-start;
  position: relative;
  background-color: var(--color-shade-0);
  padding-top: 1px;
  margin-bottom: 0;
  padding-left: 8px;
  padding-right: 8px;
}
html.touch .editing .metadata-list .metadata::before, html.touch .editing .metadata-list .metadata::after {
  position: absolute;
  left: 16px;
  right: 0;
  top: 0;
  height: 1px;
  background: var(--color-shade-3);
  z-index: 1;
}
html.touch .editing .metadata-list .metadata::before {
  content: "";
}
@media (min-width: 768px) {
  .editing main .metadata-list .metadata:first-child, main .editing .metadata-list .metadata:first-child {
    padding-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
}

@media (max-width: 767px) {
  html:not(.specifity) .editing .metadata-list .metadata:first-child::before {
    left: 0;
  }
}
.editing html:not(.specifity) .modal .metadata-list .metadata:first-child::before, html:not(.specifity) .modal .editing .metadata-list .metadata:first-child::before {
  left: 0;
}

@media (min-width: 768px) {
  .editing main .metadata-list .metadata:first-child::before, main .editing .metadata-list .metadata:first-child::before {
    content: none;
  }
}

.editing .metadata-list .metadata:last-child {
  padding-bottom: 1px;
}
@media (min-width: 768px) {
  .editing main .metadata-list .metadata:last-child, main .editing .metadata-list .metadata:last-child {
    padding-bottom: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
}

@media (max-width: 767px) {
  html:not(.specifity) .editing .metadata-list .metadata:last-child::after {
    content: "";
    left: 0;
    top: auto;
    bottom: 0;
  }
}
.editing html:not(.specifity) .modal .metadata-list .metadata:last-child::after, html:not(.specifity) .modal .editing .metadata-list .metadata:last-child::after {
  content: "";
  left: 0;
  top: auto;
  bottom: 0;
}

@media (min-width: 768px) {
  html:not(.specifity) .editing main .metadata-list .metadata:last-child::after, html:not(.specifity) main .editing .metadata-list .metadata:last-child::after {
    content: none;
  }
}

.keyboard .editing .metadata-list .metadata:focus-within:not(.creators-entry) {
  z-index: 2;
}
.keyboard .editing .metadata-list .metadata:focus-within:not(.creators-entry)::before, .keyboard .editing .metadata-list .metadata:focus-within:not(.creators-entry)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 3px;
  background-color: var(--accent-blue);
}
.keyboard .editing .metadata-list .metadata:focus-within:not(.creators-entry)::before {
  top: auto;
  bottom: calc(100% - 1px);
}
.keyboard .editing .metadata-list .metadata:focus-within:not(.creators-entry)::after {
  top: 100%;
}

@media (max-width: 991px) {
  html:not(.specifity) .metadata-list.editing .metadata {
    display: flex;
    align-items: flex-start;
    position: relative;
    background-color: var(--color-shade-0);
    padding-top: 1px;
    margin-bottom: 0;
    padding-left: 8px;
    padding-right: 8px;
  }
  html:not(.specifity) .metadata-list.editing .metadata::before, html:not(.specifity) .metadata-list.editing .metadata::after {
    position: absolute;
    left: 16px;
    right: 0;
    top: 0;
    height: 1px;
    background: var(--color-shade-3);
    z-index: 1;
  }
  html:not(.specifity) .metadata-list.editing .metadata::before {
    content: "";
  }
}
html.touch .metadata-list.editing .metadata {
  display: flex;
  align-items: flex-start;
  position: relative;
  background-color: var(--color-shade-0);
  padding-top: 1px;
  margin-bottom: 0;
  padding-left: 8px;
  padding-right: 8px;
}
html.touch .metadata-list.editing .metadata::before, html.touch .metadata-list.editing .metadata::after {
  position: absolute;
  left: 16px;
  right: 0;
  top: 0;
  height: 1px;
  background: var(--color-shade-3);
  z-index: 1;
}
html.touch .metadata-list.editing .metadata::before {
  content: "";
}
@media (min-width: 768px) {
  main .editing.metadata-list .metadata:first-child {
    padding-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
}

@media (max-width: 767px) {
  html:not(.specifity) .metadata-list.editing .metadata:first-child::before {
    left: 0;
  }
}
html:not(.specifity) .modal .editing.metadata-list .metadata:first-child::before {
  left: 0;
}

@media (min-width: 768px) {
  main .editing.metadata-list .metadata:first-child::before {
    content: none;
  }
}

.metadata-list.editing .metadata:last-child {
  padding-bottom: 1px;
}
@media (min-width: 768px) {
  main .editing.metadata-list .metadata:last-child {
    padding-bottom: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
}

@media (max-width: 767px) {
  html:not(.specifity) .metadata-list.editing .metadata:last-child::after {
    content: "";
    left: 0;
    top: auto;
    bottom: 0;
  }
}
html:not(.specifity) .modal .editing.metadata-list .metadata:last-child::after {
  content: "";
  left: 0;
  top: auto;
  bottom: 0;
}

@media (min-width: 768px) {
  html:not(.specifity) main .editing.metadata-list .metadata:last-child::after {
    content: none;
  }
}

.keyboard .metadata-list.editing .metadata:focus-within:not(.creators-entry) {
  z-index: 2;
}
.keyboard .metadata-list.editing .metadata:focus-within:not(.creators-entry)::before, .keyboard .metadata-list.editing .metadata:focus-within:not(.creators-entry)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 3px;
  background-color: var(--accent-blue);
}
.keyboard .metadata-list.editing .metadata:focus-within:not(.creators-entry)::before {
  top: auto;
  bottom: calc(100% - 1px);
}
.keyboard .metadata-list.editing .metadata:focus-within:not(.creators-entry)::after {
  top: 100%;
}

@media (max-width: 991px) {
  html:not(.specifity) .panel.editing .metadata-list .touch-separated {
    margin-bottom: 20px;
  }
}
html.touch .panel.editing .metadata-list .touch-separated {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .panel.editing .metadata-list .touch-separated {
    padding-bottom: 1px;
  }
}
.modal .panel.editing .metadata-list .touch-separated {
  padding-bottom: 1px;
}
@media (min-width: 768px) {
  html:not(.specifity) .panel.editing main .metadata-list .touch-separated, html:not(.specifity) main .panel.editing .metadata-list .touch-separated {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
}
html.touch .panel.editing main .metadata-list .touch-separated, html.touch main .panel.editing .metadata-list .touch-separated {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

@media (max-width: 767px) {
  html:not(.specifity) .panel.editing .metadata-list .touch-separated::after {
    left: 0;
    top: auto;
    bottom: 0;
    content: "";
  }
}
html:not(.specifity) .modal .panel.editing .metadata-list .touch-separated::after {
  left: 0;
  top: auto;
  bottom: 0;
  content: "";
}
@media (max-width: 767px) {
  .panel.editing .metadata-list .touch-separated + .metadata {
    padding-bottom: 1px;
  }
}
@media (min-width: 768px) {
  html.touch .panel.editing main .metadata-list .touch-separated + .metadata, html.touch main .panel.editing .metadata-list .touch-separated + .metadata {
    padding-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
}

@media (max-width: 767px) {
  html:not(.specifity) .panel.editing .metadata-list .touch-separated + .metadata::before {
    left: 0;
  }
}
.modal .panel.editing .metadata-list .touch-separated + .metadata::before {
  left: 0;
}
@media (min-width: 768px) {
  html.touch .panel.editing main .metadata-list .touch-separated + .metadata::before, html.touch main .panel.editing .metadata-list .touch-separated + .metadata::before {
    content: none;
  }
}

@media (max-width: 991px) {
  html:not(.specifity).keyboard .panel.editing .metadata-list .touch-separated + .metadata:focus-within::before {
    content: "";
  }
}
html.touch.keyboard .panel.editing .metadata-list .touch-separated + .metadata:focus-within::before {
  content: "";
}

@media (max-width: 991px) {
  html:not(.specifity) .metadata-list.editing .touch-separated {
    margin-bottom: 20px;
  }
}
html.touch .metadata-list.editing .touch-separated {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .metadata-list.editing .touch-separated {
    padding-bottom: 1px;
  }
}
.modal .metadata-list.editing .touch-separated {
  padding-bottom: 1px;
}
@media (min-width: 768px) {
  html:not(.specifity) main .editing.metadata-list .touch-separated {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
}
html.touch main .editing.metadata-list .touch-separated {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

@media (max-width: 767px) {
  html:not(.specifity) .metadata-list.editing .touch-separated::after {
    left: 0;
    top: auto;
    bottom: 0;
    content: "";
  }
}
html:not(.specifity) .modal .metadata-list.editing .touch-separated::after {
  left: 0;
  top: auto;
  bottom: 0;
  content: "";
}
@media (max-width: 767px) {
  .metadata-list.editing .touch-separated + .metadata {
    padding-bottom: 1px;
  }
}
@media (min-width: 768px) {
  html.touch main .editing.metadata-list .touch-separated + .metadata {
    padding-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
}

@media (max-width: 767px) {
  html:not(.specifity) .metadata-list.editing .touch-separated + .metadata::before {
    left: 0;
  }
}
.modal .metadata-list.editing .touch-separated + .metadata::before {
  left: 0;
}
@media (min-width: 768px) {
  html.touch main .editing.metadata-list .touch-separated + .metadata::before {
    content: none;
  }
}

@media (max-width: 991px) {
  html:not(.specifity).keyboard .metadata-list.editing .touch-separated + .metadata:focus-within::before {
    content: "";
  }
}
html.touch.keyboard .metadata-list.editing .touch-separated + .metadata:focus-within::before {
  content: "";
}

@media (max-width: 991px) {
  html:not(.specifity) .panel.editing .metadata-list .has-btn, html:not(.specifity) .panel.editing .metadata-list .has-btn-icon {
    padding-left: 0;
    padding-right: 0;
  }
  html:not(.specifity) .panel.editing .metadata-list .has-btn .btn, html:not(.specifity) .panel.editing .metadata-list .has-btn-icon .btn {
    padding: 0 16px;
    border: 0;
    width: 100%;
    text-align: left;
    color: var(--accent-blue);
    line-height: 42px;
  }
  html:not(.specifity) .panel.editing .metadata-list .has-btn .btn:focus, html:not(.specifity) .panel.editing .metadata-list .has-btn-icon .btn:focus {
    outline: none;
    box-shadow: none;
  }
  html:not(.specifity) .panel.editing .metadata-list .has-btn .btn.btn-delete, html:not(.specifity) .panel.editing .metadata-list .has-btn-icon .btn.btn-delete {
    color: var(--accent-red);
  }
}
html.touch .panel.editing .metadata-list .has-btn, html.touch .panel.editing .metadata-list .has-btn-icon {
  padding-left: 0;
  padding-right: 0;
}
html.touch .panel.editing .metadata-list .has-btn .btn, html.touch .panel.editing .metadata-list .has-btn-icon .btn {
  padding: 0 16px;
  border: 0;
  width: 100%;
  text-align: left;
  color: var(--accent-blue);
  line-height: 42px;
}
html.touch .panel.editing .metadata-list .has-btn .btn:focus, html.touch .panel.editing .metadata-list .has-btn-icon .btn:focus {
  outline: none;
  box-shadow: none;
}
html.touch .panel.editing .metadata-list .has-btn .btn.btn-delete, html.touch .panel.editing .metadata-list .has-btn-icon .btn.btn-delete {
  color: var(--accent-red);
}
@media (max-width: 991px) {
  html:not(.specifity) .metadata-list.editing .has-btn, html:not(.specifity) .metadata-list.editing .has-btn-icon {
    padding-left: 0;
    padding-right: 0;
  }
  html:not(.specifity) .metadata-list.editing .has-btn .btn, html:not(.specifity) .metadata-list.editing .has-btn-icon .btn {
    padding: 0 16px;
    border: 0;
    width: 100%;
    text-align: left;
    color: var(--accent-blue);
    line-height: 42px;
  }
  html:not(.specifity) .metadata-list.editing .has-btn .btn:focus, html:not(.specifity) .metadata-list.editing .has-btn-icon .btn:focus {
    outline: none;
    box-shadow: none;
  }
  html:not(.specifity) .metadata-list.editing .has-btn .btn.btn-delete, html:not(.specifity) .metadata-list.editing .has-btn-icon .btn.btn-delete {
    color: var(--accent-red);
  }
}
html.touch .metadata-list.editing .has-btn, html.touch .metadata-list.editing .has-btn-icon {
  padding-left: 0;
  padding-right: 0;
}
html.touch .metadata-list.editing .has-btn .btn, html.touch .metadata-list.editing .has-btn-icon .btn {
  padding: 0 16px;
  border: 0;
  width: 100%;
  text-align: left;
  color: var(--accent-blue);
  line-height: 42px;
}
html.touch .metadata-list.editing .has-btn .btn:focus, html.touch .metadata-list.editing .has-btn-icon .btn:focus {
  outline: none;
  box-shadow: none;
}
html.touch .metadata-list.editing .has-btn .btn.btn-delete, html.touch .metadata-list.editing .has-btn-icon .btn.btn-delete {
  color: var(--accent-red);
}
@media (max-width: 991px) {
  html:not(.specifity) .panel.editing .metadata-list .has-btn::before {
    left: 16px;
  }
}
html.touch .panel.editing .metadata-list .has-btn::before {
  left: 16px;
}
.panel.editing .metadata-list .has-btn .btn {
  background: transparent;
}

@media (max-width: 991px) {
  html:not(.specifity) .metadata-list.editing .has-btn::before {
    left: 16px;
  }
}
html.touch .metadata-list.editing .has-btn::before {
  left: 16px;
}
.metadata-list.editing .has-btn .btn {
  background: transparent;
}

@media (max-width: 991px) {
  html:not(.specifity) .panel.editing .metadata-list .has-btn-icon::before {
    left: 56px;
  }
}
html.touch .panel.editing .metadata-list .has-btn-icon::before {
  left: 56px;
}
@media (max-width: 991px) {
  html:not(.specifity) .panel.editing .metadata-list .has-btn-icon .btn-icon .icon {
    vertical-align: top;
    margin-top: 9px;
    margin-right: 16px;
  }
}
html.touch .panel.editing .metadata-list .has-btn-icon .btn-icon .icon {
  vertical-align: top;
  margin-top: 9px;
  margin-right: 16px;
}

@media (max-width: 991px) {
  html:not(.specifity) .metadata-list.editing .has-btn-icon::before {
    left: 56px;
  }
}
html.touch .metadata-list.editing .has-btn-icon::before {
  left: 56px;
}
@media (max-width: 991px) {
  html:not(.specifity) .metadata-list.editing .has-btn-icon .btn-icon .icon {
    vertical-align: top;
    margin-top: 9px;
    margin-right: 16px;
  }
}
html.touch .metadata-list.editing .has-btn-icon .btn-icon .icon {
  vertical-align: top;
  margin-top: 9px;
  margin-right: 16px;
}

.metadata-list a {
  color: inherit;
  text-decoration: none;
}
.metadata-list .key,
.metadata-list .value {
  min-height: 24px;
  overflow: visible;
  min-width: 0;
  display: flex;
}
@media (min-width: 768px) and (max-width: 991px) {
  .metadata-list .key,
  .metadata-list .value {
    min-height: 28px;
  }
}
@media (min-width: 992px) {
  html.touch .metadata-list .key,
  html.touch .metadata-list .value {
    min-height: 28px;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .panel.editing .metadata-list .key, html:not(.specifity) .panel.editing .metadata-list .value {
    min-height: 42px;
  }
}
html.touch .panel.editing .metadata-list .key, html.touch .panel.editing .metadata-list .value {
  min-height: 42px;
}

@media (max-width: 991px) {
  html:not(.specifity) .metadata-list.editing .key, html:not(.specifity) .metadata-list.editing .value {
    min-height: 42px;
  }
}
html.touch .metadata-list.editing .key, html.touch .metadata-list.editing .value {
  min-height: 42px;
}

.metadata-list .key {
  color: var(--color-shade-6);
  flex: 0 0 33%;
  margin-top: 0;
  align-items: center;
}
@media (min-width: 768px) {
  .metadata-list .key {
    justify-content: flex-end;
    padding-right: 8px;
  }
}
@media (min-width: 992px) {
  html:not(.touch) .metadata-list .key {
    padding-right: 6px;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .panel.editing .metadata-list .key {
    justify-content: flex-start;
    padding-right: 0;
  }
}
html.touch .panel.editing .metadata-list .key {
  justify-content: flex-start;
  padding-right: 0;
}

@media (max-width: 991px) {
  html:not(.specifity) .metadata-list.editing .key {
    justify-content: flex-start;
    padding-right: 0;
  }
}
html.touch .metadata-list.editing .key {
  justify-content: flex-start;
  padding-right: 0;
}

.metadata-list .key a[href]:hover {
  color: var(--accent-blue);
}
.metadata-list .metadata:not(.interactable) .read-only .key {
  pointer-events: none;
}
.metadata-list label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: normal;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.metadata-list label[for=url] {
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit;
}
@media (max-width: 991px) {
  html:not(.specifity) .panel.editing .metadata-list label {
    flex: 1 1 auto;
  }
}
html.touch .panel.editing .metadata-list label {
  flex: 1 1 auto;
}

@media (max-width: 991px) {
  html:not(.specifity) .metadata-list.editing label {
    flex: 1 1 auto;
  }
}
html.touch .metadata-list.editing label {
  flex: 1 1 auto;
}

.metadata-list label > a .icon {
  color: inherit;
}
@media (min-width: 992px) {
  html:not(.touch) .metadata-list label > a {
    vertical-align: middle;
  }
}
.metadata-list .form-control:not(textarea) {
  line-height: normal;
}
.metadata-list .form-control:focus {
  outline: none;
}
.metadata-list .native-select-wrap {
  background-color: transparent;
}
.metadata-list .native-select-wrap .form-control {
  background-color: transparent;
}
.metadata-list .value {
  flex: 1 1 0;
}
@media (min-width: 768px) {
  .metadata-list .value {
    display: flex;
    align-items: center;
    padding-left: 8px;
  }
}
@media (min-width: 992px) {
  html:not(.touch) .metadata-list .value {
    padding-left: 6px;
  }
  html:not(.touch) .metadata-list .value .has-value .select-value {
    padding-left: 2px;
    padding-right: 2px;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .panel.editing .metadata-list .value {
    padding-left: 0;
  }
}
html.touch .panel.editing .metadata-list .value {
  padding-left: 0;
}

@media (max-width: 991px) {
  html:not(.specifity) .metadata-list.editing .value {
    padding-left: 0;
  }
}
html.touch .metadata-list.editing .value {
  padding-left: 0;
}

.attachment-details .metadata-list .value a > .icon, .touch-details-drilldown .metadata-list .value a > .icon, .standalone-attachment .metadata-list .value a > .icon {
  margin-left: 4px;
  color: unset;
}
.metadata-list .value a:hover {
  color: var(--accent-blue);
}
.metadata-list .date-hint {
  color: var(--color-shade-5);
  margin-left: 8px;
  width: 40px;
  letter-spacing: 4px;
  text-align: right;
}
@media (max-width: 991px) {
  html:not(.specifity) .metadata-list .date-hint {
    margin-top: 9px;
  }
}
html.touch .metadata-list .date-hint {
  margin-top: 9px;
}
@media (min-width: 992px) {
  html:not(.touch) .metadata-list .editable.textarea {
    margin-top: 2px;
    margin-bottom: 2px;
  }
}

.read-only .info {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  cursor: auto;
}
@media (max-width: 1199px) {
  html:not(.specifity) .info {
    padding-bottom: 10px;
  }
}
html.touch .info {
  padding-bottom: 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  html:not(.touch) .info {
    position: relative;
    min-height: 100%;
  }
  html:not(.touch) .info:not(.loading)::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    left: calc(50% - 1px);
    top: 0;
    background: #ddd;
  }
}
@media (min-width: 992px) {
  html:not(.touch) .info .item-title,
  html:not(.touch) .info .tab-pane-heading {
    display: none;
  }
}
.info .item-title {
  border-bottom: 1px solid var(--color-shade-3);
  padding-bottom: 11px;
  margin: 19px 16px 8px;
}
.info .item-title.placeholder {
  color: var(--color-shade-5);
}
.info .tab-pane-heading {
  padding: 0 12px;
}

@media (max-width: 991px) {
  html:not(.specifity) .abstract {
    margin: 8px 16px 8px;
    border-top: 1px solid var(--color-shade-3);
  }
}
html.touch .abstract {
  margin: 8px 16px 8px;
  border-top: 1px solid var(--color-shade-3);
}
@media (max-width: 767px) {
  html:not(.specifity) .abstract {
    border-top: 0;
  }
}
@media (min-width: 992px) {
  html:not(.touch) .abstract {
    margin: 0 12px;
    padding-bottom: 8px;
  }
}
@media (min-width: 1200px) {
  html:not(.touch) .abstract {
    border-top: 1px solid var(--color-shade-3);
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .abstract.editing {
    margin: 0 20px 10px;
    background-color: var(--color-shade-0);
    border-radius: 3px;
    border-top: 0;
    padding: 0 8px;
  }
}
html.touch .abstract.editing {
  margin: 0 20px 10px;
  background-color: var(--color-shade-0);
  border-radius: 3px;
  border-top: 0;
  padding: 0 8px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  html.touch .abstract.editing {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  html:not(.specifity) .abstract.editing {
    margin: 0 0 10px;
    border-radius: 0;
    border-top: 1px solid var(--color-shade-3);
    border-bottom: 1px solid var(--color-shade-3);
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .abstract.empty-abstract:not(.editing) {
    display: none;
  }
}
html.touch .abstract.empty-abstract:not(.editing) {
  display: none;
}
@media (min-width: 992px) and (max-width: 1199px) {
  html:not(.touch) .abstract.empty-abstract {
    padding-top: 14px;
  }
}
@media (min-width: 1200px) {
  html:not(.touch) .abstract.empty-abstract {
    padding-top: 9px;
  }
}
.abstract ::-moz-placeholder {
  color: transparent;
}
.abstract ::placeholder {
  color: transparent;
}

@media (min-width: 992px) {
  html:not(.touch) .abstract-body {
    padding-bottom: 2px;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .editing .abstract-body .input-group.textarea {
    margin-top: -6px;
    padding-top: 0;
  }
}
html.touch .editing .abstract-body .input-group.textarea {
  margin-top: -6px;
  padding-top: 0;
}

.abstract-heading {
  color: var(--color-shade-6);
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
@media (max-width: 991px) {
  html:not(.specifity) .abstract-heading {
    margin-top: 0;
    padding-top: 10px;
    margin-bottom: 4px;
    line-height: 1.539;
  }
}
html.touch .abstract-heading {
  margin-top: 0;
  padding-top: 10px;
  margin-bottom: 4px;
  line-height: 1.539;
}
@media (max-width: 767px) {
  html:not(.specifity) .abstract-heading {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  html:not(.touch) .abstract-heading {
    font-size: 13px;
    line-height: 24px;
    margin-top: 7px;
    margin-bottom: 0;
    padding-bottom: 2px;
  }
}
@media (min-width: 1200px) {
  html:not(.touch) .abstract-heading {
    margin-top: 7px;
    margin-bottom: 0;
    padding-bottom: 2px;
  }
}
@media (min-width: 992px) {
  html:not(.touch) .empty-abstract .abstract-heading {
    display: none;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .editing .abstract-heading {
    padding: 0 8px;
    margin-bottom: 0;
    line-height: 42px;
  }
}
html.touch .editing .abstract-heading {
  padding: 0 8px;
  margin-bottom: 0;
  line-height: 42px;
}

@media (max-width: 991px) {
  html:not(.specifity) .metadata-list .title {
    display: none;
  }
  html:not(.specifity) .panel.editing .metadata-list .title, .panel.editing html:not(.specifity) .metadata-list .title {
    display: flex;
    margin-bottom: 20px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
}
html.touch .metadata-list .title {
  display: none;
}
html.touch .panel.editing .metadata-list .title, .panel.editing html.touch .metadata-list .title {
  display: flex;
  margin-bottom: 20px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

@media (max-width: 767px) {
  html:not(.specifity) .panel.editing .metadata-list .title, .panel.editing html:not(.specifity) .metadata-list .title {
    min-height: 44px;
    padding-bottom: 1px;
  }
  html:not(.specifity) .panel.editing .metadata-list .title::after, .panel.editing html:not(.specifity) .metadata-list .title::after {
    content: "";
    left: 0;
    top: auto;
    bottom: 0;
  }
}

.creators-entry {
  position: relative;
}
.creators-entry.color-exit, .creators-entry.color-exit .select-value {
  color: var(--accent-blue);
}
.creators-entry.color-exit-active, .creators-entry.color-exit-active .select-value {
  color: inherit;
  transition: color 0.5s cubic-bezier(1, 0, 0.5, 0.5);
  transition-delay: 0.1s;
}
@media (max-width: 991px) {
  html:not(.specifity) .panel.editing .creators-entry {
    padding-left: 56px;
    padding-right: 57px;
    background: url("/static/web-library/images/icons/chevron-13.svg") no-repeat right 61px center var(--color-shade-0);
  }
  html:not(.specifity) .panel.editing .creators-entry.single, html:not(.specifity) .panel.editing .creators-entry.virtual {
    padding-right: 0;
    background-position: right 12px center;
  }
  html:not(.specifity) .panel.editing .creators-entry::before {
    left: 56px;
  }
}
html.touch .panel.editing .creators-entry {
  padding-left: 56px;
  padding-right: 57px;
  background: url("/static/web-library/images/icons/chevron-13.svg") no-repeat right 61px center var(--color-shade-0);
}
html.touch .panel.editing .creators-entry.single, html.touch .panel.editing .creators-entry.virtual {
  padding-right: 0;
  background-position: right 12px center;
}
html.touch .panel.editing .creators-entry::before {
  left: 56px;
}
@media (min-width: 768px) {
  html:not(.specifity) .panel.editing .title + .creators-entry {
    padding-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
}
@media (max-width: 767px) {
  html:not(.specifity) .panel.editing .title + .creators-entry::before {
    left: 0;
  }
}
@media (min-width: 768px) {
  html:not(.specifity) .panel.editing .title + .creators-entry::before {
    content: none;
  }
}

.keyboard:not(.specifity) .panel.editing .creators-entry:focus {
  outline: none;
  z-index: 2;
}
.keyboard:not(.specifity) .panel.editing .creators-entry:focus::before, .keyboard:not(.specifity) .panel.editing .creators-entry:focus::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 3px;
  background-color: var(--accent-blue);
}
.keyboard:not(.specifity) .panel.editing .creators-entry:focus::before {
  top: auto;
  bottom: calc(100% - 1px);
}
.keyboard:not(.specifity) .panel.editing .creators-entry:focus::after {
  top: 100%;
}

@media (max-width: 991px) {
  html:not(.specifity) .editing .creators-entry.virtual .key, .editing html:not(.specifity) .creators-entry.virtual .key {
    flex-basis: calc((100% - 57px) * 0.33);
  }
}
html.touch .editing .creators-entry.virtual .key, .editing html.touch .creators-entry.virtual .key {
  flex-basis: calc((100% - 57px) * 0.33);
}

@media (min-width: 992px) {
  html:not(.touch) .creators-entry .key {
    justify-content: flex-end;
  }
  html:not(.touch) .creators-entry .key .input-group {
    flex: 0 0 auto;
    max-width: 100%;
  }
  html:not(.touch) .creators-entry .key .select-component {
    padding: 0;
    border: none;
    background-color: transparent;
    line-height: normal;
    color: var(--color-shade-6);
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    box-shadow: none;
  }
  html:not(.touch) .creators-entry .key .select-component .select-control {
    justify-content: flex-end;
    background-color: transparent;
    border: none;
    padding: 0;
    box-shadow: none;
  }
  html:not(.touch) .creators-entry .key .select-component:hover:not(.is-disabled) .select-control {
    cursor: pointer;
    color: var(--accent-blue);
  }
  html:not(.touch) .creators-entry .key .is-focused.select-component:not(.is-disabled) .select-control {
    cursor: pointer;
    color: var(--accent-blue);
  }
  html:not(.touch) .creators-entry .key .select-component .select-multi-value-wrapper {
    flex: 0 0 auto;
    max-width: 100%;
  }
  html:not(.touch) .creators-entry .key .select-component .select-value {
    flex: 0 0 auto;
    position: static;
    padding: 0;
    max-width: 100%;
  }
  html:not(.touch) .creators-entry .key .select-component .select-input {
    position: absolute;
  }
  html:not(.touch) .creators-entry .key .select-component .select-arrow-container {
    order: -1;
  }
  html:not(.touch) .creators-entry .key .select-component .select-arrow {
    background-image: url("/static/web-library/images/icons/chevron-7-777.svg");
    display: none;
  }
  html:not(.touch) .creators-entry:hover .key .select-component:not(.is-disabled) .select-arrow {
    display: block;
  }
  html:not(.touch) .creators-entry .key .select-component:hover .select-arrow {
    background-image: url("/static/web-library/images/icons/chevron-7-secondary.svg");
  }
  html:not(.touch) .creators-entry .key .select-component.is-focused .select-arrow {
    display: block;
    background-image: url("/static/web-library/images/icons/chevron-7-secondary.svg");
  }
  html:not(.touch) .creators-entry .key .select-component .select-menu-outer {
    text-align: left;
    width: auto;
    white-space: nowrap;
    right: auto;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .creators-entry .value {
    align-items: center;
    padding-right: 31px;
  }
  html:not(.specifity) .editing .creators-entry.single .value, .editing html:not(.specifity) .creators-entry.single .value {
    padding-right: 39px;
  }
  html:not(.specifity) .editing .creators-entry.virtual .value, .editing html:not(.specifity) .creators-entry.virtual .value {
    padding-right: 39px;
  }
  html:not(.specifity) .creators-entry.virtual .value {
    color: var(--color-shade-5);
  }
}
html.touch .creators-entry .value {
  align-items: center;
  padding-right: 31px;
}

html.touch .editing .creators-entry.single .value, .editing html.touch .creators-entry.single .value {
  padding-right: 39px;
}

html.touch .editing .creators-entry.virtual .value, .editing html.touch .creators-entry.virtual .value {
  padding-right: 39px;
}

html.touch .creators-entry.virtual .value {
  color: var(--color-shade-5);
}

@media (min-width: 992px) {
  html:not(.touch) .creators-entry .value > *:not(:first-child) {
    margin-left: 2px;
  }
  html:not(.touch) .creators-entry .value > *:not(:last-child) {
    margin-right: 2px;
  }
  html:not(.touch) .creators-entry .value .editable {
    flex: 1 1 0;
  }
  html:not(.touch) .creators-entry .value .editable ::-moz-placeholder {
    color: transparent;
  }
  html:not(.touch) .creators-entry .value .editable ::placeholder {
    color: transparent;
  }
  html:not(.touch) .creators-entry.creators-twoslot .value .editable:first-child {
    display: flex;
    flex: 0 1 auto;
    max-width: calc(67% - 30px);
  }
  html:not(.touch) .creators-entry.creators-twoslot .value .editable:first-child::after {
    content: ",";
    flex: 0 0 auto;
  }
  html:not(.touch) .creators-entry.creators-twoslot .value .editable:first-child .editable-content {
    position: relative;
    z-index: 1;
  }
  html:not(.touch) .creators-entry.creators-twoslot .value .editable:first-child .input-group {
    flex: 1 1 auto;
  }
  html:not(.touch) .creators-entry .value .editable:last-of-type {
    margin-right: 6px;
  }
}
.creators-entry .value .btn {
  padding: 0;
  border: none;
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}
@media (max-width: 991px) {
  html:not(.specifity) .creators-entry .value .btn {
    display: none;
  }
}
html.touch .creators-entry .value .btn {
  display: none;
}
@media (min-width: 992px) {
  html:not(.touch) .creators-entry:not(:focus-within) .value .btn {
    visibility: hidden;
  }
}

@media (min-width: 992px) {
  html:not(.touch) .creators-entry:hover .value .btn {
    visibility: visible;
  }
}

@media (min-width: 992px) {
  html:not(.touch) .creators-entry:focus-within .value .btn {
    visibility: visible;
  }
}

@media (max-width: 991px) {
  html:not(.specifity) .creators-entry .value .btn:focus {
    outline: none;
    box-shadow: 0 0 0 2px var(--accent-red);
  }
}
html.touch .creators-entry .value .btn:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--accent-red);
}
@media (min-width: 992px) {
  html:not(.touch).keyboard .creators-entry .value .btn:focus {
    box-shadow: none;
    outline: 3px solid var(--accent-blue);
  }
}
.creators-entry .value .btn .icon {
  display: none;
}
.creators-entry .value .btn-single-dual {
  width: 17px;
  margin-left: 7px;
}
.creators-entry.creators-twoslot .value .btn-single-dual {
  background: url("/static/web-library/images/icons/input-single.svg") no-repeat center center;
}
.creators-entry.creators-twoslot .value .btn-single-dual:active {
  background-image: url("/static/web-library/images/icons/input-single-active.svg");
}

.creators-entry.creators-oneslot .value .btn-single-dual {
  background: url("/static/web-library/images/icons/input-dual.svg") no-repeat center center;
}
.creators-entry.creators-oneslot .value .btn-single-dual:active {
  background-image: url("/static/web-library/images/icons/input-dual-active.svg");
}

.creators-entry .value .btn-minus {
  width: 14px;
  background: url("/static/web-library/images/icons/minus-circle.svg") no-repeat center center;
}
@media (max-width: 991px) {
  html:not(.specifity) .editing .creators-entry .value .btn-minus, .editing html:not(.specifity) .creators-entry .value .btn-minus {
    display: block;
    position: absolute;
    left: 16px;
    top: 9px;
    margin-right: 16px;
    width: 24px;
    height: 24px;
    background: url("/static/web-library/images/icons/24/minus-circle-strong.svg") no-repeat center center;
    border: 1px solid var(--accent-red);
    border-radius: 50%;
  }
}
html.touch .editing .creators-entry .value .btn-minus, .editing html.touch .creators-entry .value .btn-minus {
  display: block;
  position: absolute;
  left: 16px;
  top: 9px;
  margin-right: 16px;
  width: 24px;
  height: 24px;
  background: url("/static/web-library/images/icons/24/minus-circle-strong.svg") no-repeat center center;
  border: 1px solid var(--accent-red);
  border-radius: 50%;
}

.creators-entry .value .btn-minus:active {
  background-image: url("/static/web-library/images/icons/minus-circle-active.svg");
}
.creators-entry .value .btn-plus {
  width: 14px;
  background: url("/static/web-library/images/icons/plus-circle.svg") no-repeat center center;
}
.creators-entry .value .btn-plus:active {
  background-image: url("/static/web-library/images/icons/plus-circle-active.svg");
}
.creators-entry .handle {
  cursor: move;
  display: none;
}
@media (max-width: 991px) {
  html:not(.specifity) .creators-entry .handle {
    align-self: stretch;
    align-items: center;
    flex: 0 0 auto;
    padding: 0 16px;
    border-left: 1px solid var(--color-shade-3);
    margin-right: -57px;
    touch-action: manipulation;
  }
  html:not(.specifity) .editing .creators-entry .handle, .editing html:not(.specifity) .creators-entry .handle {
    display: flex;
  }
  html:not(.specifity) .creators-entry .handle .icon-grip {
    color: var(--color-shade-4);
  }
}
html.touch .creators-entry .handle {
  align-self: stretch;
  align-items: center;
  flex: 0 0 auto;
  padding: 0 16px;
  border-left: 1px solid var(--color-shade-3);
  margin-right: -57px;
  touch-action: manipulation;
}
html.touch .editing .creators-entry .handle, .editing html.touch .creators-entry .handle {
  display: flex;
}

html.touch .creators-entry .handle .icon-grip {
  color: var(--color-shade-4);
}
@media (min-width: 992px) {
  html:not(.touch) .creators-entry .handle {
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
  }
  html:not(.touch) .metadata-list:not(.dnd-in-progress) .creators-entry:hover .handle, .metadata-list:not(.dnd-in-progress) html:not(.touch) .creators-entry:hover .handle {
    display: flex;
  }
  html:not(.touch) .creators-entry .handle .icon-grip {
    color: var(--color-shade-6);
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  html:not(.touch) .tab-pane.notes {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: min-content auto;
    grid-auto-flow: column;
    height: 100%;
  }
  html:not(.touch) .tab-pane.notes.active:not(.loading) {
    display: grid;
  }
}
@media (min-width: 1200px) {
  html:not(.touch) .tab-pane.notes {
    height: 100%;
  }
}
.tab-pane.notes > .toolbar {
  height: 42px;
}
@supports not (-webkit-font-smoothing: subpixel-antialiased) {
  .scrollbar-style-permanent .tab-pane.notes > .toolbar {
    height: 43px;
    border-bottom: 1px solid var(--color-shade-3);
  }
}
.tab-pane.notes > .toolbar .counter {
  margin-right: 8px;
}
.tab-pane.notes .scroll-container-mouse {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  html:not(.touch) .tab-pane.notes .scroll-container-mouse {
    flex: 1 0 0;
    min-height: 62px;
    max-height: 186px;
  }
}
.tab-pane.notes .no-selection-placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-shade-5);
  font-size: 20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  html:not(.touch) .tab-pane.notes .no-selection-placeholder {
    border-left: 1px solid var(--color-shade-3);
    grid-column: 2;
    grid-row: 1/3;
  }
}
@media (min-width: 1200px) {
  html:not(.touch) .tab-pane.notes .no-selection-placeholder {
    flex: 1 0 33%;
    border-top: 1px solid var(--color-shade-3);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  html:not(.touch) .tab-pane.notes .rich-editor {
    grid-column: 2;
    grid-row: 1/3;
  }
  html:not(.touch) .tab-pane.notes .rich-editor:not(:only-child) {
    border-left: 1px solid var(--color-shade-3);
  }
  html:not(.touch) .tab-pane.notes .rich-editor:only-child {
    grid-column: 1/3;
  }
}
@media (min-width: 1200px) {
  html:not(.touch) .tab-pane.notes .rich-editor:not(:only-child) {
    flex: 1 0 33%;
  }
  html:not(.touch) .tab-pane.notes .rich-editor:only-child {
    flex: 1 1 0;
  }
}

@media (max-width: 991px) {
  html:not(.specifity) .note-list .note {
    display: flex;
    padding: 7px 16px 6px;
  }
  html:not(.specifity) .note-list .note {
    position: relative;
  }
  html:not(.specifity) .note-list .note::before {
    content: "";
    position: absolute;
    z-index: 20;
    inset: 0 auto auto 60px;
    width: calc(100% - 60px - 0px);
    height: 1px;
    background-color: var(--color-shade-2);
  }
}
@media (max-width: 991px) and (resolution >= 2dppx) {
  html:not(.specifity) .note-list .note::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .note-list .note:first-child {
    padding-top: 6px;
  }
  html:not(.specifity) .note-list .note:first-child::before {
    content: none;
  }
  html:not(.specifity) .note-list .note .icon-note {
    align-self: center;
    margin-right: 16px;
  }
  html:not(.specifity) .note-list .note .multiline-truncate {
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  @supports (-webkit-line-clamp: 2) {
    html:not(.specifity) .note-list .note .multiline-truncate {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
    }
    @media (max-width: 991px) and (max-width: 991px) {
      html:not(.specifity) html:not(.specifity) .note-list .note .multiline-truncate {
        min-height: 48px;
      }
    }
    html.touch html:not(.specifity) .note-list .note .multiline-truncate {
      min-height: 48px;
    }
    @media (max-width: 991px) and (min-width: 992px) {
      html:not(.touch) html:not(.specifity) .note-list .note .multiline-truncate {
        min-height: 40px;
      }
    }
  }
  html:not(.specifity) .note-list .note .icon-chevron-13 {
    align-self: center;
    transform: rotate(90deg);
    color: var(--color-shade-4);
    margin: 0 -4px 0 11px;
  }
  html:not(.specifity) .editing .note-list .note .icon-chevron-13, .editing html:not(.specifity) .note-list .note .icon-chevron-13 {
    display: none;
  }
  html:not(.specifity) .note-list .note .dropdown {
    align-self: center;
    margin-left: 16px;
  }
}
html.touch .note-list .note {
  display: flex;
  padding: 7px 16px 6px;
}
html.touch .note-list .note {
  position: relative;
}
html.touch .note-list .note::before {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 0 auto auto 60px;
  width: calc(100% - 60px - 0px);
  height: 1px;
  background-color: var(--color-shade-2);
}
@media (resolution >= 2dppx) {
  html.touch .note-list .note::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
html.touch .note-list .note:first-child {
  padding-top: 6px;
}
html.touch .note-list .note:first-child::before {
  content: none;
}
html.touch .note-list .note .icon-note {
  align-self: center;
  margin-right: 16px;
}
html.touch .note-list .note .multiline-truncate {
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@supports (-webkit-line-clamp: 2) {
  html.touch .note-list .note .multiline-truncate {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
  @media (max-width: 991px) {
    html:not(.specifity) html.touch .note-list .note .multiline-truncate {
      min-height: 48px;
    }
  }
  html.touch html.touch .note-list .note .multiline-truncate {
    min-height: 48px;
  }
  @media (min-width: 992px) {
    html:not(.touch) html.touch .note-list .note .multiline-truncate {
      min-height: 40px;
    }
  }
}
html.touch .note-list .note .icon-chevron-13 {
  align-self: center;
  transform: rotate(90deg);
  color: var(--color-shade-4);
  margin: 0 -4px 0 11px;
}
html.touch .editing .note-list .note .icon-chevron-13, .editing html.touch .note-list .note .icon-chevron-13 {
  display: none;
}

html.touch .note-list .note .dropdown {
  align-self: center;
  margin-left: 16px;
}
@media (min-width: 992px) {
  html:not(.touch) .note-list .note {
    padding: 11px 12px;
    position: relative;
  }
  html:not(.touch) .note-list .note:focus {
    outline: none;
  }
  @supports not (-webkit-font-smoothing: subpixel-antialiased) {
    html:not(.touch) .note-list .note:first-child {
      padding-top: 10px;
    }
  }
  html:not(.touch) .note-list .note::before, html:not(.touch) .note-list .note::after {
    position: absolute;
    left: 12px;
    right: 12px;
    height: 1px;
    background-color: var(--color-shade-3);
  }
  html:not(.touch) .note-list .note::before {
    content: "";
    top: 0;
  }
  @supports not (-webkit-font-smoothing: subpixel-antialiased) {
    html.scrollbar-style-permanent html:not(.touch) .note-list .note:first-child::before {
      content: none;
    }
  }
  html:not(.touch) .note-list .note:last-child::after {
    content: "";
    bottom: 0;
    background-color: transparent;
    box-shadow: 0 1px var(--color-shade-3);
  }
  html:not(.touch) .note-list .note.selected {
    background-color: var(--color-shade-3);
  }
  html:not(.touch) .note-list .note.selected:focus {
    color: var(--color-shade-0);
    background-color: var(--accent-blue);
  }
  html:not(.touch) .note-list .note.selected::before, html:not(.touch) .note-list .note.selected::after {
    content: none;
  }
  html:not(.touch) .note-list .note.selected + .note {
    border-top: 1px solid var(--color-shade-3);
    padding-top: 10px;
  }
  html:not(.touch) .note-list .note.selected:focus + .note {
    border-top-color: var(--accent-blue);
  }
  html:not(.touch) .note-list .note.selected + .note::before {
    content: none;
  }
  html:not(.touch) .note-list .note .dropdown {
    position: absolute;
    top: 9px;
    right: 7px;
    opacity: 0.01;
  }
  html:not(.touch) .note-list .note:hover .dropdown {
    opacity: 1;
  }
  html:not(.touch) .note-list .note .dropdown.show {
    opacity: 1;
  }
  html:not(.touch) .note-list .note.selected .dropdown {
    opacity: 1;
  }
  html:not(.touch) .note-list .note:focus .dropdown {
    opacity: 1;
  }
  html:not(.touch) .note-list .note.selected + .note .dropdown {
    top: 8px;
  }
  html:not(.touch) .note-list .note.selected + .note .dropdown {
    top: 8px;
  }
  html:not(.touch) .note-list .note .dropdown .dropdown-toggle {
    background-color: var(--color-shade-1);
    transition: color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  }
  html:not(.touch) .note-list .note.selected .dropdown .dropdown-toggle {
    background-color: var(--color-shade-3);
  }
  html:not(.touch) .note-list .note.selected:focus-within .dropdown .dropdown-toggle {
    background-color: var(--accent-blue);
  }
  html:not(.touch) .note-list .note.selected:focus-within .dropdown .dropdown-toggle .icon {
    color: var(--color-shade-0);
  }
}
.note-list .multiline-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@supports (-webkit-line-clamp: 2) {
  .note-list .multiline-truncate {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
  @media (max-width: 991px) {
    html:not(.specifity) .note-list .multiline-truncate {
      min-height: 48px;
    }
  }
  html.touch .note-list .multiline-truncate {
    min-height: 48px;
  }
  @media (min-width: 992px) {
    html:not(.touch) .note-list .multiline-truncate {
      min-height: 40px;
    }
  }
}

.tab-pane.tags .toolbar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 42px;
}
.tab-pane.tags .toolbar .counter {
  margin-right: 8px;
}
.tab-pane.tags .scroll-container-mouse {
  display: flex;
  flex-direction: column;
}

.keyboard .tag-selector-list .tag:focus {
  outline-offset: -3px;
}
.keyboard .tag-selector-list .tag:focus::before {
  content: none;
}
.tag-selector-list .icon-circle {
  margin-left: 2px;
  margin-right: 10px;
}

@media (min-width: 992px) {
  html:not(.touch) .tag-selector {
    flex: 0 0 33%;
    display: flex;
    flex-direction: column;
    border-top: var(--material-border-quarternary);
    line-height: 1.539;
    min-height: 0;
  }
  html:not(.touch) .tag-selector .scroll-container {
    overflow-y: auto;
  }
  html:not(.touch) .tag-selector.collapsed {
    flex: 0 0 9px;
  }
  html:not(.touch) .tag-selector .tag-selector-toggle {
    flex: 0 0 auto;
    width: 100%;
    border: 0;
    padding: 3px;
    line-height: 2px;
    background: var(--material-sidepane);
    border-radius: 0;
  }
  @supports not (-webkit-font-smoothing: subpixel-antialiased) {
    .scrollbar-style-permanent html:not(.touch) .tag-selector .tag-selector-toggle {
      border-bottom: 1px solid var(--color-shade-3);
    }
  }
  html:not(.touch) .tag-selector .tag-selector-toggle .icon {
    vertical-align: top;
    color: var(--color-shade-4);
  }
  html:not(.touch) .tag-selector .tag-selector-toggle:focus .icon {
    color: var(--accent-blue);
  }
  html:not(.touch) .tag-selector.collapsed .tag-selector-container {
    display: none;
  }
  html:not(.touch) .tag-selector .tag-selector-list {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    height: 100%;
    font-size: 12px;
    padding: 1px 5px 4px 9px;
  }
  html:not(.touch) .tag-selector .tag {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    padding: 0 6px;
    margin: 4px 1px;
    border-radius: 3px;
    cursor: pointer;
    min-width: 0;
  }
  html:not(.touch) .tag-selector .tag:active {
    background-color: var(--color-shade-6);
  }
  html:not(.touch) .tag-selector .tag:hover:not(.disabled) {
    background-color: var(--color-shade-2);
  }
  html:not(.touch) .tag-selector .tag.selected {
    background-color: var(--color-shade-6);
  }
  html:not(.touch) .tag-selector .tag.selected:active {
    background-color: var(--color-shade-2);
  }
  html:not(.touch) .tag-selector .tag.colored {
    font-weight: 600;
  }
  html:not(.touch) .tag-selector .tag.colored.selected, html:not(.touch) .tag-selector .tag.colored:active {
    background-color: currentcolor;
  }
  html:not(.touch) .tag-selector .colored.selected.tag[data-color="#ff6666"], html:not(.touch) .tag-selector .colored.tag[data-color="#ff6666"]:active {
    background-color: var(--tag-red);
  }
  html:not(.touch) .tag-selector .colored.selected.tag[data-color="#ff8c19"], html:not(.touch) .tag-selector .colored.tag[data-color="#ff8c19"]:active {
    background-color: var(--tag-orange);
  }
  html:not(.touch) .tag-selector .colored.selected.tag[data-color="#999999"], html:not(.touch) .tag-selector .colored.tag[data-color="#999999"]:active {
    background-color: var(--tag-gray);
  }
  html:not(.touch) .tag-selector .colored.selected.tag[data-color="#5fb236"], html:not(.touch) .tag-selector .colored.tag[data-color="#5fb236"]:active {
    background-color: var(--tag-green);
  }
  html:not(.touch) .tag-selector .colored.selected.tag[data-color="#009980"], html:not(.touch) .tag-selector .colored.tag[data-color="#009980"]:active {
    background-color: var(--tag-teal);
  }
  html:not(.touch) .tag-selector .colored.selected.tag[data-color="#2ea8e5"], html:not(.touch) .tag-selector .colored.tag[data-color="#2ea8e5"]:active {
    background-color: var(--tag-blue);
  }
  html:not(.touch) .tag-selector .colored.selected.tag[data-color="#576dd9"], html:not(.touch) .tag-selector .colored.tag[data-color="#576dd9"]:active {
    background-color: var(--tag-indigo);
  }
  html:not(.touch) .tag-selector .colored.selected.tag[data-color="#a28ae5"], html:not(.touch) .tag-selector .colored.tag[data-color="#a28ae5"]:active {
    background-color: var(--tag-purple);
  }
  html:not(.touch) .tag-selector .colored.selected.tag[data-color="#a6507b"], html:not(.touch) .tag-selector .colored.tag[data-color="#a6507b"]:active {
    background-color: var(--tag-plum);
  }
  html:not(.touch) .tag-selector .tag.colored.selected:active {
    background-color: var(--color-shade-2);
  }
  html:not(.touch) .tag-selector .tag.disabled {
    opacity: 0.5;
    cursor: auto;
  }
  html:not(.touch) .tag-selector .tag.dnd-target {
    color: var(--material-background);
    background: var(--fill-secondary);
  }
  html:not(.touch) .tag-selector .tag .tag-label {
    color: var(--fill-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  html:not(.touch) .tag-selector .tag.selected .tag-label {
    color: var(--color-background);
  }
  html:not(.touch) .tag-selector .tag:active .tag-label {
    color: var(--color-background);
  }
  html:not(.touch) .tag-selector .tag.selected:active .tag-label {
    color: var(--fill-primary);
  }
  html:not(.touch) .tag-selector .tag.colored:not(.emoji)::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: currentcolor;
    margin-right: 4px;
    border-radius: 5px;
    border: 1px solid var(--tag-color-border);
  }
  html:not(.touch) .tag-selector .colored.tag[data-color="#ff6666"]:not(.emoji)::before {
    background-color: var(--tag-red);
  }
  html:not(.touch) .tag-selector .colored.tag[data-color="#ff8c19"]:not(.emoji)::before {
    background-color: var(--tag-orange);
  }
  html:not(.touch) .tag-selector .colored.tag[data-color="#999999"]:not(.emoji)::before {
    background-color: var(--tag-gray);
  }
  html:not(.touch) .tag-selector .colored.tag[data-color="#5fb236"]:not(.emoji)::before {
    background-color: var(--tag-green);
  }
  html:not(.touch) .tag-selector .colored.tag[data-color="#009980"]:not(.emoji)::before {
    background-color: var(--tag-teal);
  }
  html:not(.touch) .tag-selector .colored.tag[data-color="#2ea8e5"]:not(.emoji)::before {
    background-color: var(--tag-blue);
  }
  html:not(.touch) .tag-selector .colored.tag[data-color="#576dd9"]:not(.emoji)::before {
    background-color: var(--tag-indigo);
  }
  html:not(.touch) .tag-selector .colored.tag[data-color="#a28ae5"]:not(.emoji)::before {
    background-color: var(--tag-purple);
  }
  html:not(.touch) .tag-selector .colored.tag[data-color="#a6507b"]:not(.emoji)::before {
    background-color: var(--tag-plum);
  }
  html:not(.touch) .tag-selector .tag.colored.selected:not(.emoji)::before {
    border-color: var(--color-button);
  }
  html:not(.touch) .tag-selector .tag.colored:not(.emoji):active::before {
    border-color: var(--color-button);
  }
  html:not(.touch) .tag-selector .tag.colored.selected:not(.emoji):active::before {
    border-color: var(--tag-color-border);
  }
  html:not(.touch) .tag-selector .tag-selector-filter-container {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    background: var(--material-sidepane);
    padding: 4px 12px 4px;
    margin-top: auto;
  }
  html:not(.touch) .tag-selector.collapsed .tag-selector-filter-container {
    display: none;
  }
  @supports not (-webkit-font-smoothing: subpixel-antialiased) {
    .scrollbar-style-permanent html:not(.touch) .tag-selector .tag-selector-filter-container {
      border-top: 1px solid var(--color-shade-3);
    }
  }
  html:not(.touch) .tag-selector .dropdown {
    flex: 0 0 auto;
    margin-left: 5px;
    margin-right: -6px;
  }
}
.tag-selector .tag-manager-open-info {
  align-items: center;
  color: var(--color-shade-5);
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
}

.touch-tag-selector {
  display: flex;
  flex-direction: column;
  inset: 0;
  z-index: 40;
  background-color: var(--color-shade-0);
}
.touch-tag-selector {
  position: relative;
}
.touch-tag-selector::after {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 0 0 auto auto;
  width: 1px;
  height: calc(100% - 0px - 0px);
  background-color: var(--color-shade-2);
}
@media (resolution >= 2dppx) {
  .touch-tag-selector::after {
    background: linear-gradient(to left, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat right 0 top 0;
  }
}
.touch-tag-selector {
  position: absolute;
}
@media (max-width: 767px) {
  .touch-tag-selector {
    top: -86px;
  }
  .touch-tag-selector::after {
    content: none;
  }
}

@media (max-width: 767px) {
  .touch-tag-selector .touch-header, .tag-manager-list-container .touch-header {
    padding-top: 0;
    height: 43px;
  }
  .touch-tag-selector .touch-header::before, .tag-manager-list-container .touch-header::before {
    content: none;
  }
}
.touch-tag-selector .filter-container, .tag-manager-list-container .filter-container {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  height: 43px;
  padding: 0 4px 1px;
}
.touch-tag-selector .filter-container, .tag-manager-list-container .filter-container {
  position: relative;
}
.touch-tag-selector .filter-container::after, .tag-manager-list-container .filter-container::after {
  content: "";
  position: absolute;
  z-index: 20;
  inset: auto auto 0 0;
  width: calc(100% - 0px - 0px);
  height: 1px;
  background-color: var(--color-shade-2);
}
@media (resolution >= 2dppx) {
  .touch-tag-selector .filter-container::after, .tag-manager-list-container .filter-container::after {
    background: linear-gradient(to top, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat left 0 bottom 0;
  }
}
.touch-tag-selector .tag, .tag-manager-list-container .tag {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 43px;
  padding: 1px 16px 0;
}
.touch-tag-selector .tag, .tag-manager-list-container .tag {
  position: relative;
}
.touch-tag-selector .tag::before, .tag-manager-list-container .tag::before {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 0 auto auto 48px;
  width: calc(100% - 48px - 0px);
  height: 1px;
  background-color: var(--color-shade-2);
}
@media (resolution >= 2dppx) {
  .touch-tag-selector .tag::before, .tag-manager-list-container .tag::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
@media (min-width: 992px) {
  html:not(.touch) .touch-tag-selector .tag, html:not(.touch) .tag-manager-list-container .tag {
    height: 28px;
    padding: 1px 12px;
  }
  html:not(.touch) .touch-tag-selector .tag, html:not(.touch) .tag-manager-list-container .tag {
    position: relative;
  }
  html:not(.touch) .touch-tag-selector .tag::before, html:not(.touch) .tag-manager-list-container .tag::before {
    content: "";
    position: absolute;
    z-index: 20;
    inset: 0 auto auto 40px;
    width: calc(100% - 40px - 0px);
    height: 1px;
    background-color: var(--color-shade-2);
  }
}
@media (min-width: 992px) and (resolution >= 2dppx) {
  html:not(.touch) .touch-tag-selector .tag::before, html:not(.touch) .tag-manager-list-container .tag::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
@media (min-width: 992px) {
  html:not(.touch) .touch-tag-selector .tag:first-child::before, html:not(.touch) .tag-manager-list-container .tag:first-child::before {
    content: none;
  }
}
.touch-tag-selector .tag:first-child::before, .tag-manager-list-container .tag:first-child::before {
  content: none;
}
.touch-tag-selector .tag .truncate, .tag-manager-list-container .tag .truncate {
  flex: 1 1 0;
}
.touch-tag-selector .tag-color, .tag-manager-list-container .tag-color {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--color-shade-4);
  margin-right: 16px;
}
.touch-tag-selector .tag-color[style*=color], .tag-manager-list-container .tag-color[style*=color] {
  background-color: currentcolor;
  border: 1px solid var(--tag-color-border);
}
.touch-tag-selector .tag-color[style*=color][data-color="#ff6666"], .tag-manager-list-container .tag-color[style*=color][data-color="#ff6666"] {
  color: var(--tag-red-on-background) !important;
}
.touch-tag-selector .tag-color[style*=color][data-color="#ff8c19"], .tag-manager-list-container .tag-color[style*=color][data-color="#ff8c19"] {
  color: var(--tag-orange-on-background) !important;
}
.touch-tag-selector .tag-color[style*=color][data-color="#999999"], .tag-manager-list-container .tag-color[style*=color][data-color="#999999"] {
  color: var(--tag-gray-on-background) !important;
}
.touch-tag-selector .tag-color[style*=color][data-color="#5fb236"], .tag-manager-list-container .tag-color[style*=color][data-color="#5fb236"] {
  color: var(--tag-green-on-background) !important;
}
.touch-tag-selector .tag-color[style*=color][data-color="#009980"], .tag-manager-list-container .tag-color[style*=color][data-color="#009980"] {
  color: var(--tag-teal-on-background) !important;
}
.touch-tag-selector .tag-color[style*=color][data-color="#2ea8e5"], .tag-manager-list-container .tag-color[style*=color][data-color="#2ea8e5"] {
  color: var(--tag-blue-on-background) !important;
}
.touch-tag-selector .tag-color[style*=color][data-color="#576dd9"], .tag-manager-list-container .tag-color[style*=color][data-color="#576dd9"] {
  color: var(--tag-indigo-on-background) !important;
}
.touch-tag-selector .tag-color[style*=color][data-color="#a28ae5"], .tag-manager-list-container .tag-color[style*=color][data-color="#a28ae5"] {
  color: var(--tag-purple-on-background) !important;
}
.touch-tag-selector .tag-color[style*=color][data-color="#a6507b"], .tag-manager-list-container .tag-color[style*=color][data-color="#a6507b"] {
  color: var(--tag-plum-on-background) !important;
}
.touch-tag-selector .tag-selector-list, .tag-manager-list-container .tag-selector-list {
  position: relative;
  z-index: 0;
}
.touch-tag-selector .tag-selector-list .tag:last-child, .tag-manager-list-container .tag-selector-list .tag:last-child {
  background-color: var(--color-shade-0);
  position: relative;
}
.touch-tag-selector .tag-selector-list .tag:last-child::after, .tag-manager-list-container .tag-selector-list .tag:last-child::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  left: 48px;
  height: 1px;
  box-shadow: 0 1px var(--color-shade-2);
}
@media (resolution >= 2dppx) {
  .touch-tag-selector .tag-selector-list .tag:last-child::after, .tag-manager-list-container .tag-selector-list .tag:last-child::after {
    box-shadow: 0 1px var(--color-shade-4);
    transform: translateY(-0.5px);
  }
}
@media (min-width: 992px) {
  html:not(.touch) .touch-tag-selector .tag-selector-list .tag:last-child::after, html:not(.touch) .tag-manager-list-container .tag-selector-list .tag:last-child::after {
    left: 40px;
  }
}
.touch-tag-selector .tag-selector-list .tag.placeholder .truncate, .tag-manager-list-container .tag-selector-list .tag.placeholder .truncate {
  flex: 0 0 calc(70% - 32px);
  margin-right: auto;
  height: 12px;
  border-radius: 6px;
  background-color: var(--color-shade-2);
}
.touch-tag-selector .tag-selector-list .placeholder.tag.odd .truncate, .tag-manager-list-container .tag-selector-list .placeholder.tag.odd .truncate {
  flex: 0 0 calc(85% - 32px);
}

.touch-tag-selector .tag-selector-list.selected-tags, .tag-manager-list-container .tag-selector-list.selected-tags {
  background-color: var(--color-shade-3);
}
.touch-tag-selector .tag-selector-list.selected-tags .tag, .touch-tag-selector .tag-selector-list.selected-tags .tag:last-child, .tag-manager-list-container .tag-selector-list.selected-tags .tag, .tag-manager-list-container .tag-selector-list.selected-tags .tag:last-child {
  background-color: unset;
}
.touch-tag-selector .tag-selector-list.selected-tags .tag::before,
.touch-tag-selector .tag-selector-list.selected-tags .tag .tag-color:not([style*=color]), .tag-manager-list-container .tag-selector-list.selected-tags .tag::before,
.tag-manager-list-container .tag-selector-list.selected-tags .tag .tag-color:not([style*=color]) {
  mix-blend-mode: multiply;
}
.touch-tag-selector .tag-selector-list.selected-tags .tag .btn-circle, .tag-manager-list-container .tag-selector-list.selected-tags .tag .btn-circle {
  flex: 0 0 auto;
  margin-left: 16px;
}

.tag-color-manager {
  display: flex;
  padding: 24px;
  flex-direction: column;
  background-color: var(--color-shade-1);
}
.tag-color-manager .col-form-label::after {
  content: ":";
}
@media (max-width: 991px) {
  html:not(.specifity) .tag-color-manager {
    padding: 0;
  }
  html:not(.specifity) .tag-color-manager .form {
    margin: 0;
  }
}
html.touch .tag-color-manager {
  padding: 0;
}
html.touch .tag-color-manager .form {
  margin: 0;
}
.tag-color-manager .col {
  display: flex;
}
.tag-color-manager .info {
  flex: 0 0 auto;
  margin: 1em 0;
}
.tag-color-manager .info + .info {
  margin: 0 0 1em;
}
@media (max-width: 991px) {
  html:not(.specifity) .tag-color-manager .info {
    padding: 0 16px;
  }
}
html.touch .tag-color-manager .info {
  padding: 0 16px;
}
.tag-color-manager .buttons-wrap {
  display: flex;
}
.tag-color-manager .buttons-wrap .right {
  flex: 1 0 auto;
  display: flex;
  justify-content: flex-end;
}
.tag-color-manager .buttons-wrap .right .btn + .btn {
  margin-left: 12px;
}
@media (max-width: 991px) {
  html:not(.specifity) .tag-color-manager .buttons-wrap {
    padding: 0 16px;
  }
}
html.touch .tag-color-manager .buttons-wrap {
  padding: 0 16px;
}
.tag-color-manager .color-swatch {
  width: 16px;
  height: 16px;
  margin-top: 4px;
  margin-left: 4px;
  margin-right: -4px;
}
@media (max-width: 991px) {
  html:not(.specifity) .tag-color-manager .color-swatch {
    width: 24px;
    height: 24px;
    margin-top: 8px;
  }
}
html.touch .tag-color-manager .color-swatch {
  width: 24px;
  height: 24px;
  margin-top: 8px;
}

.tab-pane.attachments {
  position: relative;
}
@media (min-width: 992px) and (max-width: 1199px) {
  html:not(.touch) .tab-pane.attachments {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: min-content auto;
    grid-auto-flow: column;
    height: 100%;
  }
  html:not(.touch) .tab-pane.attachments.active:not(.loading) {
    display: grid;
  }
}
@media (min-width: 1200px) {
  html:not(.touch) .tab-pane.attachments {
    height: 100%;
  }
}
.tab-pane.attachments > .toolbar {
  height: 42px;
}
@supports not (-webkit-font-smoothing: subpixel-antialiased) {
  .scrollbar-style-permanent .tab-pane.attachments > .toolbar {
    height: 43px;
    border-bottom: 1px solid var(--color-shade-3);
  }
}
.tab-pane.attachments > .toolbar .counter {
  margin-right: 8px;
}
.btn-file:active .tab-pane.attachments > .toolbar > .btn-default {
  color: var(--color-shade-9);
}

@media (min-width: 992px) {
  html:not(.touch) .tab-pane.attachments .scroll-container-mouse {
    flex: 1 0 65px;
  }
}
.attachments.tab-pane.dnd-target .scroll-container-mouse {
  position: relative;
  color: var(--material-background);
  background: var(--fill-secondary);
}

.tab-pane.attachments.dnd-target .scroll-container-mouse {
  position: relative;
  color: var(--material-background);
  background: var(--fill-secondary);
}

@supports not (-webkit-font-smoothing: subpixel-antialiased) {
  .scrollbar-style-permanent .tab-pane.attachments .scroll-container-mouse {
    padding-top: 2px;
  }
}
.tab-pane.attachments .attachment-details {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) and (max-width: 1199px) {
  html:not(.touch) .tab-pane.attachments .attachment-details {
    border-left: 1px solid var(--color-shade-3);
    grid-column: 2;
    grid-row: 1/3;
  }
}
@media (min-width: 1200px) {
  html:not(.touch) .tab-pane.attachments .attachment-details {
    flex: 0 0 calc(50% + 42px);
    border-top: 1px solid var(--color-shade-3);
  }
}
.tab-pane.attachments .attachment-details.no-selection {
  justify-content: center;
  align-items: center;
}
.tab-pane.attachments .placeholder {
  font-size: 20px;
  color: var(--color-shade-5);
}
@media (min-width: 992px) {
  html:not(.touch) .tab-pane.attachments .rich-editor {
    border-top: 1px solid var(--color-shade-3);
  }
}

.attachment-details .download-options,
.standalone-attachment .download-options,
.touch-details-drilldown .download-options {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 8px;
}
@media (max-width: 991px) {
  html:not(.specifity) .attachment-details .download-options,
  html:not(.specifity) .standalone-attachment .download-options,
  html:not(.specifity) .touch-details-drilldown .download-options {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
html.touch .attachment-details .download-options,
html.touch .standalone-attachment .download-options,
html.touch .touch-details-drilldown .download-options {
  padding-top: 12px;
  padding-bottom: 12px;
}
@media (max-width: 991px) {
  html:not(.specifity) .attachment-details .download-options .btn,
  html:not(.specifity) .standalone-attachment .download-options .btn,
  html:not(.specifity) .touch-details-drilldown .download-options .btn {
    background-color: var(--color-background);
  }
}
html.touch .attachment-details .download-options .btn,
html.touch .standalone-attachment .download-options .btn,
html.touch .touch-details-drilldown .download-options .btn {
  background-color: var(--color-background);
}
.attachment-details .download-options .export-pdf,
.standalone-attachment .download-options .export-pdf,
.touch-details-drilldown .download-options .export-pdf {
  min-width: 80px;
  display: flex;
  align-items: center;
  text-decoration: none;
}
@media (max-width: 991px) {
  html:not(.specifity) .attachment-details .download-options .export-pdf,
  html:not(.specifity) .standalone-attachment .download-options .export-pdf,
  html:not(.specifity) .touch-details-drilldown .download-options .export-pdf {
    min-width: 106px;
  }
}
html.touch .attachment-details .download-options .export-pdf,
html.touch .standalone-attachment .download-options .export-pdf,
html.touch .touch-details-drilldown .download-options .export-pdf {
  min-width: 106px;
}
.attachment-details .download-options .export-pdf > .icon,
.standalone-attachment .download-options .export-pdf > .icon,
.touch-details-drilldown .download-options .export-pdf > .icon {
  margin-left: 8px;
}
.attachment-details .download-options .btn-icon .icon,
.standalone-attachment .download-options .btn-icon .icon,
.touch-details-drilldown .download-options .btn-icon .icon {
  color: var(--color-shade-6);
}
.attachment-details .download-options > .btn + .btn-group,
.attachment-details .download-options > .btn + .btn,
.attachment-details .download-options > .btn-group + .btn,
.standalone-attachment .download-options > .btn + .btn-group,
.standalone-attachment .download-options > .btn + .btn,
.standalone-attachment .download-options > .btn-group + .btn,
.touch-details-drilldown .download-options > .btn + .btn-group,
.touch-details-drilldown .download-options > .btn + .btn,
.touch-details-drilldown .download-options > .btn-group + .btn {
  margin-left: 8px;
}

.tab-pane.attachments .add-linked-url {
  background-color: var(--color-shade-1);
  padding: 12px;
  position: absolute;
  width: 100%;
  border-bottom: 1px solid var(--color-shade-3);
  z-index: 2;
}
.tab-pane.attachments .add-linked-url .toolbar {
  background: unset;
}
.tab-pane.attachments .add-linked-url .btn {
  margin-left: 4px;
}

@media (max-width: 991px) {
  html:not(.specifity) .attachment-list .attachment > .icon-spin {
    margin-left: 13px;
    margin-right: 4px;
  }
}
html.touch .attachment-list .attachment > .icon-spin {
  margin-left: 13px;
  margin-right: 4px;
}
.attachment-list .attachment.no-link > .icon:first-child, .attachment-list .attachment.no-link .truncate {
  opacity: 0.5;
}

@media (max-width: 991px) {
  html:not(.specifity) .attachment-list .attachment > .btn-icon {
    padding: 4px;
  }
}
html.touch .attachment-list .attachment > .btn-icon {
  padding: 4px;
}
@media (max-width: 991px) {
  html:not(.specifity) .attachment-list .attachment:not(.selected) > .btn-icon .icon {
    color: var(--color-accent);
  }
}
html.touch .attachment-list .attachment:not(.selected) > .btn-icon .icon {
  color: var(--color-accent);
}

@media (max-width: 991px) {
  html:not(.specifity) .attachment-list .attachment > .btn-icon:last-child {
    margin-right: -9px;
  }
}
html.touch .attachment-list .attachment > .btn-icon:last-child {
  margin-right: -9px;
}

.tab-pane.related > .toolbar {
  height: 42px;
}
.tab-pane.related > .toolbar .counter {
  margin-right: 8px;
}

.related-list {
  margin-top: 8px;
}
.related-list li a {
  color: inherit;
}

.ReactModal__Body--open {
  overflow: hidden;
}

.modal {
  border: var(--material-border-quarternary);
}
@media (max-width: 767px) {
  .modal {
    border: none;
  }
}
@media (min-width: 768px) {
  .modal {
    width: 444px;
    margin: 32px auto;
  }
}
@media (min-width: 768px) {
  .modal-lg {
    width: 800px;
    width: calc(100% - 2 * 32px);
  }
}
@media (min-width: 768px) {
  .modal-xl {
    width: 1140px;
    width: calc(100% - 2 * 32px);
  }
}
.modal .fade-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 61;
}

.modal-backdrop {
  position: fixed;
  inset: 0;
  background-color: var(--color-backdrop);
  -webkit-overflow-scrolling: touch;
  z-index: 60;
}
@media (max-width: 767px) {
  .modal-backdrop {
    overflow-y: hidden;
  }
}
.modal-backdrop.loading {
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-backdrop.loading .modal {
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-backdrop.loading .icon-spin {
  color: var(--color-backdrop-spinner);
}

.modal-content {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .modal-content {
    height: 100%;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .modal-content {
    border-radius: 6px;
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  .modal-scrollable .modal-content {
    display: flex;
    flex-direction: column;
    max-height: calc(100% - 2 * 32px);
  }
}

.modal-header {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
}
.modal-header-left, .modal-header-right {
  flex: 1 0 0;
}
.modal-header-center {
  flex: 2 0 0;
  max-width: 50%;
  text-align: center;
}
.modal-header-right {
  text-align: right;
}
@media (max-width: 991px) {
  html:not(.specifity) .modal-header {
    height: 43px;
    background-color: var(--color-shade-1);
  }
}
html.touch .modal-header {
  height: 43px;
  background-color: var(--color-shade-1);
}
@media (min-width: 992px) {
  html:not(.touch) .modal-header {
    padding-top: 16px;
    padding-bottom: 16px;
    background-color: var(--color-shade-0);
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .modal-form .modal-header {
    background-color: var(--color-shade-1-darker);
  }
}
html.touch .modal-form .modal-header {
  background-color: var(--color-shade-1-darker);
}

.modal-footer {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
}
.modal-footer-left, .modal-footer-right {
  flex: 1 0 0;
}
.modal-footer-center {
  flex: 2 0 0;
  max-width: 50%;
  text-align: center;
}
.modal-footer-right {
  text-align: right;
}
@media (max-width: 991px) {
  html:not(.specifity) .modal-footer {
    height: 43px;
    background-color: var(--color-shade-1);
  }
}
html.touch .modal-footer {
  height: 43px;
  background-color: var(--color-shade-1);
}
@media (min-width: 992px) {
  html:not(.touch) .modal-footer {
    padding-top: 16px;
    padding-bottom: 16px;
    background-color: var(--color-shade-0);
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .modal-form .modal-footer {
    background-color: var(--color-shade-1-darker);
  }
}
html.touch .modal-form .modal-footer {
  background-color: var(--color-shade-1-darker);
}

.modal-header {
  padding-bottom: 1px;
}
@media (max-width: 991px) {
  html:not(.specifity) .modal-header {
    position: relative;
  }
  html:not(.specifity) .modal-header::after {
    content: "";
    position: absolute;
    z-index: 20;
    inset: auto auto 0 0;
    width: calc(100% - 0px - 0px);
    height: 1px;
    background-color: var(--color-shade-2);
  }
}
@media (max-width: 991px) and (resolution >= 2dppx) {
  html:not(.specifity) .modal-header::after {
    background: linear-gradient(to top, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat left 0 bottom 0;
  }
}
html.touch .modal-header {
  position: relative;
}
html.touch .modal-header::after {
  content: "";
  position: absolute;
  z-index: 20;
  inset: auto auto 0 0;
  width: calc(100% - 0px - 0px);
  height: 1px;
  background-color: var(--color-shade-2);
}
@media (resolution >= 2dppx) {
  html.touch .modal-header::after {
    background: linear-gradient(to top, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat left 0 bottom 0;
  }
}
@media (min-width: 992px) {
  html:not(.touch) .modal-header {
    justify-content: space-between;
    border-bottom: 1px solid var(--color-shade-2);
  }
}
@media (min-width: 992px) {
  html:not(.touch) .modal-header .close {
    padding: 13px;
    margin: -8px;
    margin-right: -6px;
  }
}

@media (min-width: 992px) {
  html:not(.touch) .modal-title {
    font-size: 20px;
  }
}

.modal-body {
  padding: 16px;
  background-color: var(--color-shade-0);
  flex: 1;
}
@media (max-width: 767px) {
  .modal-body {
    height: calc(100% - 42px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .modal-form .modal-body {
    background-color: var(--color-shade-1);
  }
}
html.touch .modal-form .modal-body {
  background-color: var(--color-shade-1);
}
.modal-contains-picker .modal-body {
  padding: 0;
}
@media (max-width: 991px) {
  html:not(.specifity) .modal-contains-picker .modal-body .sidebar {
    inset: 44px 0;
    height: calc(100% - 88px);
    overflow: visible;
    position: absolute;
  }
  html:not(.specifity) .modal-contains-picker .modal-body .items {
    height: calc(100% - 88px);
    background-color: var(--color-shade-0);
    inset: 44px 0;
    position: absolute;
    transform: translate3d(100%, 0, 0);
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }
  html:not(.specifity) .modal-contains-picker .modal-body.view-item-list-active .items {
    transform: translate3d(0, 0, 0);
  }
}
html.touch .modal-contains-picker .modal-body .sidebar {
  inset: 44px 0;
  height: calc(100% - 88px);
  overflow: visible;
  position: absolute;
}
html.touch .modal-contains-picker .modal-body .items {
  height: calc(100% - 88px);
  background-color: var(--color-shade-0);
  inset: 44px 0;
  position: absolute;
  transform: translate3d(100%, 0, 0);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
html.touch .modal-contains-picker .modal-body.view-item-list-active .items {
  transform: translate3d(0, 0, 0);
}

.modal-scrollable .modal-body {
  overflow: clip auto;
  -webkit-overflow-scrolling: touch;
}
.keyboard .modal-scrollable .modal-body:focus {
  outline: none;
  border: 3px solid var(--accent-blue);
}

.modal-footer {
  padding-top: 1px;
}
@media (max-width: 991px) {
  html:not(.specifity) .modal-footer {
    position: relative;
  }
  html:not(.specifity) .modal-footer::before {
    content: "";
    position: absolute;
    z-index: 20;
    inset: 0 auto auto 0;
    width: calc(100% - 0px - 0px);
    height: 1px;
    background-color: var(--color-shade-2);
  }
}
@media (max-width: 991px) and (resolution >= 2dppx) {
  html:not(.specifity) .modal-footer::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
html.touch .modal-footer {
  position: relative;
}
html.touch .modal-footer::before {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 0 auto auto 0;
  width: calc(100% - 0px - 0px);
  height: 1px;
  background-color: var(--color-shade-2);
}
@media (resolution >= 2dppx) {
  html.touch .modal-footer::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
@media (min-width: 992px) {
  html:not(.touch) .modal-footer {
    border-top: 1px solid var(--color-shade-2);
  }
}
.modal-footer > .btn:not(:first-child) {
  margin-left: 6px;
}
.modal-footer > .btn:not(:last-child) {
  margin-right: 6px;
}

.modal-centered {
  display: flex;
  align-items: center;
}

.modal-full-height .modal-content {
  min-height: 100%;
}
@media (min-width: 768px) {
  .modal-full-height .modal-content {
    min-height: unset;
    height: calc(100% - 64px);
  }
}

@media (max-width: 991px) {
  html:not(.specifity) .modal-contains-picker .modal-header {
    padding-left: 0;
    padding-right: 0;
  }
}
html.touch .modal-contains-picker .modal-header {
  padding-left: 0;
  padding-right: 0;
}
.modal-contains-picker .modal-header .touch-header {
  width: 100%;
}

@media (max-width: 991px) {
  html:not(.specifity) .modal-slide.ReactModal__Overlay {
    background-color: rgba(0, 0, 0, 0);
  }
}
html.touch .modal-slide.ReactModal__Overlay {
  background-color: rgba(0, 0, 0, 0);
}
@media (max-width: 991px) {
  html:not(.specifity) .modal-slide.ReactModal__Overlay .modal-content {
    transform: translate3d(0, 100%, 0);
  }
}
html.touch .modal-slide.ReactModal__Overlay .modal-content {
  transform: translate3d(0, 100%, 0);
}
@media (max-width: 991px) {
  html:not(.specifity) .modal-slide.ReactModal__Overlay--after-open {
    background-color: var(--color-backdrop);
    transition: background-color 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }
}
html.touch .modal-slide.ReactModal__Overlay--after-open {
  background-color: var(--color-backdrop);
  transition: background-color 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (max-width: 991px) {
  html:not(.specifity) .modal-slide.ReactModal__Overlay--after-open .modal-content {
    transform: translate3d(0, 0, 0);
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }
}
html.touch .modal-slide.ReactModal__Overlay--after-open .modal-content {
  transform: translate3d(0, 0, 0);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (max-width: 991px) {
  html:not(.specifity) .modal-slide.ReactModal__Overlay--before-close {
    opacity: 0;
    transition: opacity 0.2s linear;
  }
}
html.touch .modal-slide.ReactModal__Overlay--before-close {
  opacity: 0;
  transition: opacity 0.2s linear;
}
@media (max-width: 991px) {
  html:not(.specifity) .modal-slide.ReactModal__Overlay--before-close .modal-content {
    transform: translate3d(0, 100%, 0);
    transition: transform 0.2s linear;
  }
}
html.touch .modal-slide.ReactModal__Overlay--before-close .modal-content {
  transform: translate3d(0, 100%, 0);
  transition: transform 0.2s linear;
}

.collection-select-modal {
  align-items: normal;
  display: flex;
  flex-direction: column;
}
.collection-select-modal .modal-body {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
}

.bibliography-modal {
  width: unset;
}
@media (max-width: 767px) {
  .bibliography-modal {
    max-width: unset;
    width: 100%;
  }
}
@media (min-width: 992px) {
  html:not(.touch) .bibliography-modal {
    max-height: calc(100vh - 64px);
    width: 720px;
    min-height: 480px;
    overflow: visible;
  }
}
@media (min-width: 992px) {
  html:not(.touch) .bibliography-modal .modal-header {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
}
.bibliography-modal .modal-body {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  html:not(.touch) .bibliography-modal .modal-body {
    flex: 1 1 auto;
    padding-top: 0;
  }
  html:not(.touch) .bibliography-modal .modal-body.loading {
    display: flex;
    flex-direction: column;
  }
}
.keyboard .bibliography-modal .modal-body:focus {
  padding-left: 13px;
  padding-right: 13px;
}
.bibliography-modal .modal-footer {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.bibliography-modal .form {
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
}
.bibliography-modal .bibliography-container {
  padding: 0 16px;
}
@media (min-width: 992px) {
  html:not(.touch) .bibliography-modal .bibliography-container {
    overflow-y: scroll;
  }
}
.bibliography-modal .loading .bibliography-container, .loading .bibliography-modal .bibliography-container {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-settings {
  overflow: visible;
}

.style-installer .modal-body {
  padding-top: 0;
  padding-bottom: 0;
}
.keyboard .style-installer .modal-body:focus {
  padding-left: 13px;
  padding-right: 13px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.style-installer .style-search {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 30;
  padding: 16px 0;
  background-color: var(--color-shade-0);
}
@media (max-width: 991px) {
  html:not(.specifity) .style-installer .style-search {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
html.touch .style-installer .style-search {
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 16px;
  padding-right: 16px;
}
.keyboard .style-installer .modal-body:focus .style-search {
  padding-top: 13px;
}

.style-installer .style-list {
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  html:not(.touch) .style-installer .style-list {
    padding: 0 8px;
  }
}
.style-installer .style-list:empty {
  display: none;
}
.keyboard .style-installer .modal-body:focus .style-list {
  margin-bottom: 13px;
}

.style-installer .style-list .style {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
}
@media (max-width: 991px) {
  html:not(.specifity) .style-installer .style-list .style {
    padding-top: 9px;
  }
  html:not(.specifity) .style-installer .style-list .style {
    position: relative;
  }
  html:not(.specifity) .style-installer .style-list .style::before {
    content: "";
    position: absolute;
    z-index: 20;
    inset: 0 auto auto 40px;
    width: calc(100% - 40px - -16px);
    height: 1px;
    background-color: var(--color-shade-2);
  }
}
@media (max-width: 991px) and (resolution >= 2dppx) {
  html:not(.specifity) .style-installer .style-list .style::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
html.touch .style-installer .style-list .style {
  padding-top: 9px;
}
html.touch .style-installer .style-list .style {
  position: relative;
}
html.touch .style-installer .style-list .style::before {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 0 auto auto 40px;
  width: calc(100% - 40px - -16px);
  height: 1px;
  background-color: var(--color-shade-2);
}
@media (resolution >= 2dppx) {
  html.touch .style-installer .style-list .style::before {
    background: linear-gradient(to bottom, var(--color-shade-4) 0%, var(--color-shade-4) 51%, transparent 51%) no-repeat 0 0;
  }
}
@media (min-width: 992px) {
  html:not(.touch) .style-installer .style-list .style {
    border-top: 1px solid var(--color-shade-2);
  }
}
@media (max-width: 991px) {
  html:not(.specifity) .style-installer .style-list .style:first-child {
    padding-top: 8px;
  }
  html:not(.specifity) .style-installer .style-list .style:first-child::before {
    content: none;
  }
}
html.touch .style-installer .style-list .style:first-child {
  padding-top: 8px;
}
html.touch .style-installer .style-list .style:first-child::before {
  content: none;
}
@media (min-width: 992px) {
  html:not(.touch) .style-installer .style-list .style:first-child {
    border-top: none;
  }
}
.style-installer .style-list .style .style-title {
  flex: 1 1 auto;
}
.style-installer .style-list .style .btn {
  flex: 0 0 auto;
}
@media (max-width: 991px) {
  html:not(.specifity) .style-installer .style-list .style .btn {
    order: -1;
    margin-right: 16px;
  }
}
html.touch .style-installer .style-list .style .btn {
  order: -1;
  margin-right: 16px;
}
@media (min-width: 992px) {
  html:not(.touch) .style-installer .style-list .style .btn {
    min-width: 70px;
  }
}

.modal-notes .icon-previous {
  color: var(--accent-blue);
  position: absolute;
  left: 16px;
  top: 13px;
  z-index: 2;
  transform: rotate(-90deg);
}
.modal-notes .btn-link-label {
  padding-left: 16px;
}

.identifier-picker-modal .modal-body {
  overflow: auto;
  max-height: calc(100vh - 96px);
}
@media (min-width: 992px) {
  html:not(.touch) .identifier-picker-modal .modal-body {
    max-height: calc(90vh - 96px - 32px);
  }
}
.identifier-picker-modal .modal-footer-left .btn-link + .btn-link {
  margin-left: 12px;
}
.identifier-picker-modal .results {
  margin: -16px;
  padding: 0;
  list-style: none;
}
@media (min-width: 992px) {
  html:not(.touch) .identifier-picker-modal .results {
    margin: 0;
  }
}
.identifier-picker-modal .result {
  border-top: 1px solid var(--color-shade-2);
  padding: 16px;
  cursor: pointer;
  display: flex;
}
.identifier-picker-modal .result:first-child {
  border-top: none;
}
.identifier-picker-modal .result:hover {
  background-color: var(--color-shade-1);
}
.keyboard .identifier-picker-modal .result:focus, .keyboard .identifier-picker-modal .result:focus-within {
  outline: 3px solid var(--accent-blue);
  outline-offset: -3px;
}
.identifier-picker-modal .result .label {
  flex: 1 1 auto;
}
.identifier-picker-modal .result .badge {
  margin-bottom: 6px;
  display: inline-block;
  font-size: 75%;
  font-weight: 400;
  line-height: 1;
  padding: 0.25em 0.4em;
  border-radius: 3px;
}
.identifier-picker-modal .result .badge:empty {
  display: none;
}
.identifier-picker-modal .result:hover .badge {
  background-color: var(--color-shade-1);
  border-color: var(--color-identifier-badge-hover-border);
}

.identifier-picker-modal .result .badge-light {
  border: 1px solid var(--color-shade-3);
  background-color: var(--color-shade-0);
}
.identifier-picker-modal .result .title {
  margin: 0;
  font-size: 14px;
  line-height: 1.5rem;
  font-weight: 600;
}
.identifier-picker-modal .result .title-container {
  margin-right: 6px;
}
.identifier-picker-modal .result .description {
  margin: 0;
}
.identifier-picker-modal .result .checkbox-wrap {
  display: flex;
  flex: 0 0 32px;
  justify-content: center;
  align-items: center;
}
.identifier-picker-modal .more-button-wrap {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
@media (min-width: 992px) {
  html:not(.touch) .identifier-picker-modal .more-button-wrap {
    margin-top: 0;
  }
}

.manage-tags.modal {
  position: relative;
}
.manage-tags.modal .modal-body {
  flex: 1 1 auto;
  display: flex;
}
.manage-tags.modal .tag-manager-list-container {
  flex-direction: column;
  display: flex;
  flex: 1 1 auto;
}
.manage-tags.modal .tag-color-manager {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--color-shade-0);
  z-index: 62;
}

@media (min-width: 992px) {
  html:not(.touch) .recognize-modal {
    width: 550px;
  }
}
.recognize-modal .recognize-progress progress {
  width: 100%;
}
.recognize-modal .recognize-table {
  margin-top: 1em;
  height: 200px;
  margin-left: -16px;
  margin-right: -16px;
}
.recognize-modal .recognize-list {
  margin-top: 1em;
  height: 250px;
}
@media (max-width: 767px) {
  .recognize-modal .recognize-list {
    height: 100%;
  }
}
.recognize-modal .recognize-list .parent-item-title-container {
  color: var(--color-item-list-second-row);
  display: flex;
  align-items: center;
}
.recognize-modal .recognize-list .parent-item-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.recognize-modal .recognize-list .metadata-status-icon {
  margin-right: 8px;
}
.recognize-modal .recognize-list .metadata-status-icon.spin {
  animation: spin 2s linear infinite;
}

@media (min-width: 992px) {
  html:not(.touch) .modal-item-picker {
    max-height: calc(100vh - 96px);
    width: 900px;
    max-width: 90vw;
  }
}
.modal-item-picker .modal-body {
  overflow: hidden;
}
@media (min-width: 992px) {
  html:not(.touch) .modal-item-picker .modal-body {
    display: flex;
    flex-direction: row;
    padding: 0;
  }
}
@media (min-width: 992px) {
  html:not(.touch) .modal-item-picker .modal-header .right {
    display: flex;
  }
  html:not(.touch) .modal-item-picker .modal-header .right .search {
    margin-right: 16px;
  }
}
.modal-item-picker .searchbar {
  position: absolute;
}
.modal-item-picker .touch-modal-searchbar-toggle {
  background: transparent;
  border: none;
  position: absolute;
  right: 16px;
}
.modal-item-picker .touch-modal-searchbar-toggle.hidden {
  display: none;
}
@media (min-width: 992px) {
  html:not(.touch) .modal-item-picker .collection-tree {
    padding: 8px;
    overflow: auto;
    line-height: 26px;
    z-index: 1;
  }
}

.drag-layer {
  position: fixed;
  inset: 0;
  z-index: 100;
  pointer-events: none;
  touch-action: none;
  overflow: hidden;
}

.creator-drag-preview {
  display: flex;
  align-items: center;
  min-height: 42px;
  padding-left: 56px;
  padding-right: 57px;
  box-shadow: 0 2px 20px var(--color-drag-preview-shadow);
  background: linear-gradient(to left, transparent, transparent 56px, var(--color-shade-3) 56px, var(--color-shade-3) 57px, transparent 57px), url("/static/web-library/images/icons/minus-circle-touch.svg") no-repeat 16px center, url("/static/web-library/images/icons/chevron-13.svg") no-repeat right 60px center, url("/static/web-library/images/icons/grip.svg") no-repeat right 16px center var(--color-shade-0);
}
.creator-drag-preview .creator-type {
  flex: 0 0 calc(33% - 8px);
  color: var(--color-shade-6);
  margin-right: 8px;
}
.creator-drag-preview .name {
  padding-left: 8px;
  padding-right: 31px;
}

.citation-touch-drag-preview {
  min-height: 42px;
}

.items-drag-indicator {
  position: absolute;
  display: flex;
  align-items: center;
  height: 26px;
  color: var(--primary-on-accent);
  background-color: var(--accent-blue-lighter);
  opacity: 0.8;
  padding: 0 12px;
  border-radius: 13px;
  transform: translate(-50%, -50%);
}
.items-drag-indicator .icon {
  margin-right: 8px;
}

.rich-editor {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  html:not(.specifity) .editing .rich-editor, .editing html:not(.specifity) .rich-editor {
    background-color: var(--color-shade-0);
  }
}
html.touch .editing .rich-editor, .editing html.touch .rich-editor {
  background-color: var(--color-shade-0);
}

@media (min-width: 992px) {
  html:not(.touch) .rich-editor {
    background-color: var(--color-shade-0);
  }
}
.rich-editor .editor-container {
  width: 100%;
  height: 100%;
  visibility: hidden;
}
.rich-editor .editor-container.initialized {
  visibility: visible;
}
.rich-editor iframe {
  border: none;
  width: 100%;
  height: 100%;
  min-height: calc(50vh - 77px);
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 13px;
  word-wrap: break-word;
  background-color: var(--color-shade-0);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 3px 8px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  display: none;
  z-index: 60;
}
.popover.show {
  display: block;
}
.popover .popover-close {
  display: flex;
  justify-content: flex-end;
}
.popover .popover-arrow {
  position: absolute;
  display: block;
  width: 16px;
  height: 8px;
  margin: 0 3px;
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.popover-top {
  margin-bottom: 8px;
}
.popover-top > .popover-arrow {
  bottom: calc((8px + 1px) * -1);
}
.popover-top > .popover-arrow::before {
  bottom: 0;
  border-width: 8px 8px 0;
  border-top-color: rgba(0, 0, 0, 0.2);
}
.popover-top > .popover-arrow::after {
  bottom: 1px;
  border-width: 8px 8px 0;
  border-top-color: var(--color-shade-0);
}

.popover-right {
  margin-left: 8px;
}
.popover-right > .arrow,
.popover-right > .popover-arrow {
  left: calc((8px + 1px) * -1);
  width: 8px;
  height: 16px;
  margin: 3px 0;
}
.popover-right > .arrow::before,
.popover-right > .popover-arrow::before {
  left: 0;
  border-width: 8px 8px 8px 0;
  border-right-color: rgba(0, 0, 0, 0.2);
}
.popover-right > .arrow::after,
.popover-right > .popover-arrow::after {
  left: 1px;
  border-width: 8px 8px 8px 0;
  border-right-color: var(--color-shade-0);
}

.popover-bottom {
  margin-top: 8px;
}
.popover-bottom > .arrow,
.popover-bottom > .popover-arrow {
  top: calc((8px + 1px) * -1);
}
.popover-bottom > .arrow::before,
.popover-bottom > .popover-arrow::before {
  top: 0;
  border-width: 0 8px 8px 8px;
  border-bottom-color: rgba(0, 0, 0, 0.2);
}
.popover-bottom > .arrow::after,
.popover-bottom > .popover-arrow::after {
  top: 1px;
  border-width: 0 8px 8px 8px;
  border-bottom-color: var(--color-shade-0);
}

.popover-left {
  margin-right: 8px;
}
.popover-left > .arrow,
.popover-left > .popover-arrow {
  right: calc((8px + 1px) * -1);
  width: 8px;
  height: 16px;
  margin: 3px 0;
}
.popover-left > .arrow::before,
.popover-left > .popover-arrow::before {
  right: 0;
  border-width: 8px 0 8px 8px;
  border-left-color: rgba(0, 0, 0, 0.2);
}
.popover-left > .arrow::after,
.popover-left > .popover-arrow::after {
  right: 1px;
  border-width: 8px 0 8px 8px;
  border-left-color: var(--color-shade-0);
}

.popover-header {
  padding: 8px 12px;
  font-size: 14px;
  color: var(--color-shade-8);
  background-color: var(--color-shade-0);
  border-bottom: 1px solid var(--color-shade-2);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 8px 12px;
  color: var(--color-shade-9);
}

.messages {
  position: fixed;
  top: 0;
  right: -15px;
  z-index: 70;
  overflow: auto;
  width: calc(100% + 15px);
  max-height: 100%;
  padding-bottom: 4px;
}
@media (min-width: 768px) {
  .messages {
    width: 351px;
  }
}
.messages:empty {
  display: none;
}
.messages .message {
  width: calc(100% - 31px);
  background: var(--color-shade-0);
  padding: 8px 12px;
  padding-right: 40px;
  border-left: 3px solid;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 3px 8px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  margin: 8px;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  position: relative;
}
.messages .message.error {
  border-left-color: var(--accent-red);
}
.messages .message.info {
  border-left-color: var(--accent-blue);
}
.messages .message.warning {
  border-left-color: var(--accent-yellow);
}
@media (min-width: 768px) {
  .messages .message {
    width: 320px;
  }
}
.messages header {
  font-weight: 700;
}
.messages .btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
@media (min-width: 992px) {
  html:not(.touch) .messages .btn {
    padding: 0 11px;
  }
}

.ongoing-pane {
  flex: 0 0 auto;
  overflow: hidden;
  transition: height 0.25s ease;
  height: 0;
}
.ongoing-pane.flash {
  animation: 0.33s 2 flash-background;
}
@keyframes flash-background {
  0% {
    background-color: var(transparent);
  }
  50% {
    background-color: var(--color-shade-10);
  }
  100% {
    background-color: var(transparent);
  }
}
.ongoing-pane:empty {
  height: 0;
}
.ongoing-pane .process {
  border-top: 1px solid var(--color-shade-3);
}
.ongoing-pane.flash .process {
  animation: 0.33s 2 flash-foreground;
}
@keyframes flash-foreground {
  0% {
    color: var(--color-shade-8);
  }
  50% {
    color: var(--color-accent);
  }
  100% {
    color: var(--color-shade-8);
  }
}

.ongoing-pane .process,
.ongoing-modal .process {
  align-items: center;
  color: var(--color-shade-8);
  display: flex;
  font-weight: bold;
  padding: 8px 12px;
}
.ongoing-pane .ongoing-text,
.ongoing-modal .ongoing-text {
  flex: auto;
}

.new-item-selector .upload-file {
  color: var(--fill-primary);
}

.crash-handler {
  align-items: center;
  color: var(--color-shade-9);
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
@media (min-width: 992px) {
  html:not(.touch) .crash-handler {
    justify-content: center;
    max-width: 640px;
    padding: 2em 1em;
  }
}
.crash-handler h1 {
  font-size: 20px;
  flex: 0 0 auto;
}
@media (max-width: 991px) {
  html:not(.specifity) .crash-handler h1 {
    background: var(--accent-asphalt);
    color: var(--color-shade-1);
    display: block;
    width: 100%;
    padding: 1em;
  }
}
html.touch .crash-handler h1 {
  background: var(--accent-asphalt);
  color: var(--color-shade-1);
  display: block;
  width: 100%;
  padding: 1em;
}
.crash-handler p {
  flex: 0 0 auto;
  font-size: 16px;
  margin: 1.5em 1em 2.5em;
}
.crash-handler textarea {
  font-size: 12px;
  border: 1px solid var(--color-shade-3);
  color: var(--color-shade-9);
  flex: 1 1 auto;
  max-width: calc(100% - 2em);
  resize: none;
}
@media (max-width: 991px) {
  html:not(.specifity) .crash-handler textarea {
    margin: 1em auto;
  }
}
html.touch .crash-handler textarea {
  margin: 1em auto;
}

.reader-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.reader-wrapper .incompatible {
  max-width: 480px;
  padding: 24px 16px;
  align-self: center;
  margin-top: 3em;
}
.reader-wrapper .incompatible h1 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 16px;
}
.reader-wrapper .incompatible textarea {
  font-size: 12px;
  border: 1px solid var(--color-shade-3);
  color: var(--color-shade-9);
  flex: 1 1 auto;
  max-width: calc(100% - 2em);
  resize: none;
}
@media (max-width: 991px) {
  html:not(.specifity) .reader-wrapper .incompatible textarea {
    margin: 1em auto;
  }
}
html.touch .reader-wrapper .incompatible textarea {
  margin: 1em auto;
}
.reader-wrapper .spinner-wrapper {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
}
.reader-wrapper .portal {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.reader-wrapper .popup {
  background-color: var(--color-shade-0);
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1019607843), 0 5px 10px rgba(0, 0, 0, 0.6);
  padding: 5px 0;
  min-width: 214px;
  min-height: 60px;
}
.reader-wrapper .popup .toolbar .counter {
  margin-right: 8px;
}
.reader-wrapper .popup .scroll-container-mouse {
  overflow-y: auto;
  max-height: 312px;
}
.reader-wrapper .dropdown .dropdown-item .icon {
  vertical-align: baseline;
  margin-right: 4px;
}
.reader-wrapper > iframe {
  border: none;
  flex: 1 1 100%;
}