.ToggleGroup__item,
.toggle-item,
.Tab {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.icon--selection-check.is-selected.is-some:after {
  position: absolute;margin: auto;top: 0;bottom: 0;
}
/*! normalize.css v5.0.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 on Windows Phone and in iOS.
 */

/* Document
   ========================================================================== */

html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* 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, monospace; /* 1 */
  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; /* 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 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  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, 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 the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * 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"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-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; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-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; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
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;
}

.tether-element,.tether-element *,.tether-element :after,.tether-element :before,.tether-element:after,.tether-element:before{box-sizing:border-box}.tether-element{position:absolute;display:none}.tether-element.tether-open{display:block}
.tether-element,.tether-element *,.tether-element :after,.tether-element :before,.tether-element:after,.tether-element:before{box-sizing:border-box}.tether-element{position:absolute;display:none}.tether-element.tether-open{display:block}.tether-element.tether-theme-basic{max-width:100%;max-height:100%}.tether-element.tether-theme-basic .tether-content{border-radius:5px;box-shadow:0 2px 8px rgba(0,0,0,.2);font-family:inherit;background:#fff;color:inherit;padding:1em;font-size:1.1em;line-height:1.5em}
/* Collection default theme */

.ReactVirtualized__Collection {
}

.ReactVirtualized__Collection__innerScrollContainer {
}

/* Grid default theme */

.ReactVirtualized__Grid {
}

.ReactVirtualized__Grid__innerScrollContainer {
}

/* Table default theme */

.ReactVirtualized__Table {
}

.ReactVirtualized__Table__Grid {
}

.ReactVirtualized__Table__headerRow {
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: center;
          align-items: center;
}
.ReactVirtualized__Table__row {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: center;
          align-items: center;
}

.ReactVirtualized__Table__headerTruncatedText {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ReactVirtualized__Table__headerColumn,
.ReactVirtualized__Table__rowColumn {
  margin-right: 10px;
  min-width: 0px;
}
.ReactVirtualized__Table__rowColumn {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ReactVirtualized__Table__headerColumn:first-of-type,
.ReactVirtualized__Table__rowColumn:first-of-type {
  margin-left: 10px;
}
.ReactVirtualized__Table__sortableHeaderColumn {
  cursor: pointer;
}

.ReactVirtualized__Table__sortableHeaderIconContainer {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.ReactVirtualized__Table__sortableHeaderIcon {
  -webkit-box-flex: 0;
          flex: 0 0 24px;
  height: 1em;
  width: 1em;
  fill: currentColor;
}

/* List default theme */

.ReactVirtualized__List {
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNvdXJjZS9zdHlsZXMuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDZCQUE2Qjs7QUFFN0I7QUFDQTs7QUFFQTtBQUNBOztBQUVBLHVCQUF1Qjs7QUFFdkI7QUFDQTs7QUFFQTtBQUNBOztBQUVBLHdCQUF3Qjs7QUFFeEI7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0VBQ0UsZ0JBQWdCO0VBQ2hCLHlCQUF5QjtFQUN6QixvQkFBYTtFQUFiLGFBQWE7RUFDYiw4QkFBbUI7RUFBbkIsNkJBQW1CO1VBQW5CLG1CQUFtQjtFQUNuQix5QkFBbUI7VUFBbkIsbUJBQW1CO0FBQ3JCO0FBQ0E7RUFDRSxvQkFBYTtFQUFiLGFBQWE7RUFDYiw4QkFBbUI7RUFBbkIsNkJBQW1CO1VBQW5CLG1CQUFtQjtFQUNuQix5QkFBbUI7VUFBbkIsbUJBQW1CO0FBQ3JCOztBQUVBO0VBQ0UscUJBQXFCO0VBQ3JCLGVBQWU7RUFDZixtQkFBbUI7RUFDbkIsdUJBQXVCO0VBQ3ZCLGdCQUFnQjtBQUNsQjs7QUFFQTs7RUFFRSxrQkFBa0I7RUFDbEIsY0FBYztBQUNoQjtBQUNBO0VBQ0UsdUJBQXVCO0VBQ3ZCLG1CQUFtQjtBQUNyQjs7QUFFQTs7RUFFRSxpQkFBaUI7QUFDbkI7QUFDQTtFQUNFLGVBQWU7QUFDakI7O0FBRUE7RUFDRSxvQkFBYTtFQUFiLGFBQWE7RUFDYix5QkFBbUI7VUFBbkIsbUJBQW1CO0FBQ3JCO0FBQ0E7RUFDRSxtQkFBYztVQUFkLGNBQWM7RUFDZCxXQUFXO0VBQ1gsVUFBVTtFQUNWLGtCQUFrQjtBQUNwQjs7QUFFQSx1QkFBdUI7O0FBRXZCO0FBQ0EiLCJmaWxlIjoic3R5bGVzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIENvbGxlY3Rpb24gZGVmYXVsdCB0aGVtZSAqL1xuXG4uUmVhY3RWaXJ0dWFsaXplZF9fQ29sbGVjdGlvbiB7XG59XG5cbi5SZWFjdFZpcnR1YWxpemVkX19Db2xsZWN0aW9uX19pbm5lclNjcm9sbENvbnRhaW5lciB7XG59XG5cbi8qIEdyaWQgZGVmYXVsdCB0aGVtZSAqL1xuXG4uUmVhY3RWaXJ0dWFsaXplZF9fR3JpZCB7XG59XG5cbi5SZWFjdFZpcnR1YWxpemVkX19HcmlkX19pbm5lclNjcm9sbENvbnRhaW5lciB7XG59XG5cbi8qIFRhYmxlIGRlZmF1bHQgdGhlbWUgKi9cblxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlIHtcbn1cblxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19HcmlkIHtcbn1cblxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19oZWFkZXJSb3cge1xuICBmb250LXdlaWdodDogNzAwO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19yb3cge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4uUmVhY3RWaXJ0dWFsaXplZF9fVGFibGVfX2hlYWRlclRydW5jYXRlZFRleHQge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9faGVhZGVyQ29sdW1uLFxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19yb3dDb2x1bW4ge1xuICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG4gIG1pbi13aWR0aDogMHB4O1xufVxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19yb3dDb2x1bW4ge1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbn1cblxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19oZWFkZXJDb2x1bW46Zmlyc3Qtb2YtdHlwZSxcbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9fcm93Q29sdW1uOmZpcnN0LW9mLXR5cGUge1xuICBtYXJnaW4tbGVmdDogMTBweDtcbn1cbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9fc29ydGFibGVIZWFkZXJDb2x1bW4ge1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9fc29ydGFibGVIZWFkZXJJY29uQ29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9fc29ydGFibGVIZWFkZXJJY29uIHtcbiAgZmxleDogMCAwIDI0cHg7XG4gIGhlaWdodDogMWVtO1xuICB3aWR0aDogMWVtO1xuICBmaWxsOiBjdXJyZW50Q29sb3I7XG59XG5cbi8qIExpc3QgZGVmYXVsdCB0aGVtZSAqL1xuXG4uUmVhY3RWaXJ0dWFsaXplZF9fTGlzdCB7XG59XG4iXX0= */
.react-grid-layout {
  position: relative;
  transition: height 200ms ease;
}
.react-grid-item {
  transition: all 200ms ease;
  transition-property: left, top;
}
.react-grid-item.cssTransforms {
  transition-property: transform;
}
.react-grid-item.resizing {
  z-index: 1;
  will-change: width, height;
}

.react-grid-item.react-draggable-dragging {
  transition: none;
  z-index: 3;
  will-change: transform;
}

.react-grid-item.react-grid-placeholder {
  background: red;
  opacity: 0.2;
  transition-duration: 100ms;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.react-grid-item > .react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 0;
  right: 0;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=');
  background-position: bottom right;
  padding: 0 3px 3px 0;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  cursor: se-resize;
}

.react-resizable {
  position: relative;
}
.react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 0;
  right: 0;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');
  background-position: bottom right;
  padding: 0 3px 3px 0;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  cursor: se-resize;
}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-bubble.ql-toolbar:after,
.ql-bubble .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-bubble.ql-toolbar button,
.ql-bubble .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-bubble.ql-toolbar button svg,
.ql-bubble .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-bubble.ql-toolbar button:active:hover,
.ql-bubble .ql-toolbar button:active:hover {
  outline: none;
}
.ql-bubble.ql-toolbar input.ql-image[type=file],
.ql-bubble .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-bubble.ql-toolbar button:hover,
.ql-bubble .ql-toolbar button:hover,
.ql-bubble.ql-toolbar button:focus,
.ql-bubble .ql-toolbar button:focus,
.ql-bubble.ql-toolbar button.ql-active,
.ql-bubble .ql-toolbar button.ql-active,
.ql-bubble.ql-toolbar .ql-picker-label:hover,
.ql-bubble .ql-toolbar .ql-picker-label:hover,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active,
.ql-bubble.ql-toolbar .ql-picker-item:hover,
.ql-bubble .ql-toolbar .ql-picker-item:hover,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
  color: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-stroke,
.ql-bubble .ql-toolbar button:hover .ql-stroke,
.ql-bubble.ql-toolbar button:focus .ql-stroke,
.ql-bubble .ql-toolbar button:focus .ql-stroke,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #fff;
}
@media (pointer: coarse) {
  .ql-bubble.ql-toolbar button:hover:not(.ql-active),
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) {
    color: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #ccc;
  }
}
.ql-bubble {
  box-sizing: border-box;
}
.ql-bubble * {
  box-sizing: border-box;
}
.ql-bubble .ql-hidden {
  display: none;
}
.ql-bubble .ql-out-bottom,
.ql-bubble .ql-out-top {
  visibility: hidden;
}
.ql-bubble .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-bubble .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-bubble .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-bubble .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-bubble .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-bubble .ql-stroke {
  fill: none;
  stroke: #ccc;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-bubble .ql-stroke-miter {
  fill: none;
  stroke: #ccc;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-bubble .ql-fill,
.ql-bubble .ql-stroke.ql-fill {
  fill: #ccc;
}
.ql-bubble .ql-empty {
  fill: none;
}
.ql-bubble .ql-even {
  fill-rule: evenodd;
}
.ql-bubble .ql-thin,
.ql-bubble .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-bubble .ql-transparent {
  opacity: 0.4;
}
.ql-bubble .ql-direction svg:last-child {
  display: none;
}
.ql-bubble .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-bubble .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-bubble .ql-editor h1 {
  font-size: 2em;
}
.ql-bubble .ql-editor h2 {
  font-size: 1.5em;
}
.ql-bubble .ql-editor h3 {
  font-size: 1.17em;
}
.ql-bubble .ql-editor h4 {
  font-size: 1em;
}
.ql-bubble .ql-editor h5 {
  font-size: 0.83em;
}
.ql-bubble .ql-editor h6 {
  font-size: 0.67em;
}
.ql-bubble .ql-editor a {
  text-decoration: underline;
}
.ql-bubble .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-bubble .ql-editor code,
.ql-bubble .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-bubble .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-bubble .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-bubble .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-bubble .ql-editor img {
  max-width: 100%;
}
.ql-bubble .ql-picker {
  color: #ccc;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-bubble .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-bubble .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-bubble .ql-picker-options {
  background-color: #444;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-bubble .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
  color: #777;
  z-index: 2;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-bubble .ql-color-picker,
.ql-bubble .ql-icon-picker {
  width: 28px;
}
.ql-bubble .ql-color-picker .ql-picker-label,
.ql-bubble .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-label svg,
.ql-bubble .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-bubble .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-bubble .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-bubble .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-bubble .ql-picker.ql-header {
  width: 98px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-bubble .ql-picker.ql-font {
  width: 108px;
}
.ql-bubble .ql-picker.ql-font .ql-picker-label::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-bubble .ql-picker.ql-size {
  width: 98px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-label::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-bubble .ql-toolbar .ql-formats {
  margin: 8px 12px 8px 0px;
}
.ql-bubble .ql-toolbar .ql-formats:first-child {
  margin-left: 12px;
}
.ql-bubble .ql-color-picker svg {
  margin: 1px;
}
.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
.ql-bubble .ql-color-picker .ql-picker-item:hover {
  border-color: #fff;
}
.ql-bubble .ql-tooltip {
  background-color: #444;
  border-radius: 25px;
  color: #fff;
}
.ql-bubble .ql-tooltip-arrow {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: " ";
  display: block;
  left: 50%;
  margin-left: -6px;
  position: absolute;
}
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
  border-bottom: 6px solid #444;
  top: -6px;
}
.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
  border-top: 6px solid #444;
  bottom: -6px;
}
.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
  display: block;
}
.ql-bubble .ql-tooltip.ql-editing .ql-formats {
  visibility: hidden;
}
.ql-bubble .ql-tooltip-editor {
  display: none;
}
.ql-bubble .ql-tooltip-editor input[type=text] {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 13px;
  height: 100%;
  outline: none;
  padding: 10px 20px;
  position: absolute;
  width: 100%;
}
.ql-bubble .ql-tooltip-editor a {
  top: 10px;
  position: absolute;
  right: 20px;
}
.ql-bubble .ql-tooltip-editor a:before {
  color: #ccc;
  content: "\D7";
  font-size: 16px;
  font-weight: bold;
}
.ql-container.ql-bubble:not(.ql-disabled) a {
  position: relative;
  white-space: nowrap;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before {
  background-color: #444;
  border-radius: 15px;
  top: -5px;
  font-size: 12px;
  color: #fff;
  content: attr(href);
  font-weight: normal;
  overflow: hidden;
  padding: 5px 15px;
  text-decoration: none;
  z-index: 1;
}
.ql-container.ql-bubble:not(.ql-disabled) a::after {
  border-top: 6px solid #444;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: 0;
  content: " ";
  height: 0;
  width: 0;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before,
.ql-container.ql-bubble:not(.ql-disabled) a::after {
  left: 0;
  margin-left: 50%;
  position: absolute;
  transform: translate(-50%, -100%);
  transition: visibility 0s ease 200ms;
  visibility: hidden;
}
.ql-container.ql-bubble:not(.ql-disabled) a:hover::before,
.ql-container.ql-bubble:not(.ql-disabled) a:hover::after {
  visibility: visible;
}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

.rc-slider {
  position: relative;
  width: 100%;
  height: 14px;
  padding: 5px 0;
  border-radius: 6px;
  touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #e9e9e9;
  border-radius: 6px;
}
.rc-slider-track {
  position: absolute;
  height: 4px;
  background-color: #abe2fb;
  border-radius: 6px;
}
.rc-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: solid 2px #96dbfa;
  border-radius: 50%;
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: grab;
  opacity: 0.8;
  touch-action: pan-x;
}
.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
  border-color: #57c5f7;
  box-shadow: 0 0 0 5px #96dbfa;
}
.rc-slider-handle:focus {
  outline: none;
  box-shadow: none;
}
.rc-slider-handle:focus-visible {
  border-color: #2db7f5;
  box-shadow: 0 0 0 3px #96dbfa;
}
.rc-slider-handle-click-focused:focus {
  border-color: #96dbfa;
  box-shadow: unset;
}
.rc-slider-handle:hover {
  border-color: #57c5f7;
}
.rc-slider-handle:active {
  border-color: #57c5f7;
  box-shadow: 0 0 5px #57c5f7;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px;
}
.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: #999;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.rc-slider-mark-text-active {
  color: #666;
}
.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
  pointer-events: none;
}
.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  background-color: #fff;
  border: 2px solid #e9e9e9;
  border-radius: 50%;
  cursor: pointer;
}
.rc-slider-dot-active {
  border-color: #96dbfa;
}
.rc-slider-dot-reverse {
  margin-right: -4px;
}
.rc-slider-disabled {
  background-color: #e9e9e9;
}
.rc-slider-disabled .rc-slider-track {
  background-color: #ccc;
}
.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  background-color: #fff;
  border-color: #ccc;
  box-shadow: none;
  cursor: not-allowed;
}
.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}
.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px;
}
.rc-slider-vertical .rc-slider-rail {
  width: 4px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-track {
  bottom: 0;
  left: 5px;
  width: 4px;
}
.rc-slider-vertical .rc-slider-handle {
  margin-top: 0;
  margin-left: -5px;
  touch-action: pan-y;
}
.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-step {
  width: 4px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-dot {
  margin-left: -2px;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  display: block !important;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-leave {
  display: block !important;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  transform: scale(0, 0);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes rcSliderTooltipZoomDownIn {
  0% {
    transform: scale(0, 0);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    transform-origin: 50% 100%;
  }
}
@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform: scale(1, 1);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(0, 0);
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
.rc-slider-tooltip {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip-hidden {
  display: none;
}
.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0;
}
.rc-slider-tooltip-inner {
  min-width: 24px;
  height: 24px;
  padding: 6px 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 4px #d9d9d9;
}
.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c;
}

.image-gallery-icon{color:#fff;transition:all .3s ease-out;appearance:none;background-color:transparent;border:0;cursor:pointer;outline:none;position:absolute;z-index:4;filter:drop-shadow(0 2px 2px #1a1a1a)}@media(hover: hover)and (pointer: fine){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid #337ab7}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:20px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:28px;width:28px}@media(max-width: 768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:24px;width:24px}}@media(max-width: 480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:16px;width:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:120px;width:60px}@media(max-width: 768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:72px;width:36px}}@media(max-width: 480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:48px;width:24px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.image-gallery.fullscreen-modal{background:#000;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{position:relative;line-height:0;top:0}.image-gallery-content.fullscreen{background:#000}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.left .image-gallery-slide .image-gallery-image,.image-gallery-content.right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.left,.image-gallery-slide-wrapper.right{display:inline-block;width:calc(100% - 110px)}@media(max-width: 768px){.image-gallery-slide-wrapper.left,.image-gallery-slide-wrapper.right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;white-space:nowrap;text-align:center}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.center{position:relative}.image-gallery-slide .image-gallery-image{width:100%;object-fit:contain}.image-gallery-slide .image-gallery-description{background:rgba(0,0,0,.4);bottom:70px;color:#fff;left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media(max-width: 768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{appearance:none;background-color:transparent;border:1px solid #fff;border-radius:50%;box-shadow:0 2px 2px #1a1a1a;cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:all .2s ease-out}@media(max-width: 768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media(max-width: 480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{transform:scale(1.2);background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active{transform:scale(1.2);border:1px solid #fff;background:#fff}@media(hover: hover)and (pointer: fine){.image-gallery-bullets .image-gallery-bullet:hover{background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active:hover{background:#337ab7}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{display:inline-block;vertical-align:top;width:100px}@media(max-width: 768px){.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{width:81px}}.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails{height:100%;width:100%;left:0;padding:0;position:absolute;top:0}.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{margin:0 5px}@media(max-width: 768px){.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media(max-width: 768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{display:inline-block;border:4px solid transparent;transition:border .3s ease-out;width:100px;background:transparent;padding:0}@media(max-width: 768px){.image-gallery-thumbnail{border:3px solid transparent;width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{vertical-align:middle;width:100%;line-height:0}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{outline:none;border:4px solid #337ab7}@media(max-width: 768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid #337ab7}}@media(hover: hover)and (pointer: fine){.image-gallery-thumbnail:hover{outline:none;border:4px solid #337ab7}}@media(hover: hover)and (pointer: fine)and (max-width: 768px){.image-gallery-thumbnail:hover{border:3px solid #337ab7}}.image-gallery-thumbnail-label{box-sizing:border-box;color:#fff;font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;top:50%;text-shadow:0 2px 2px #1a1a1a;transform:translateY(-50%);white-space:normal;width:100%}@media(max-width: 768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:rgba(0,0,0,.4);color:#fff;line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media(max-width: 768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}

:root {
  --hue-base: 0;
  --saturation-base: 0%;
  --lightness-base: 0%;
  --color-text-primary: hsl(var(--hue-base) var(--saturation-base) 0% / 0.97);
  --color-text-secondary: hsl(var(--hue-base) var(--saturation-base) 0% / 0.55);
  --color-text-hint: hsl(var(--hue-base) var(--saturation-base) 0% / 0.4);
  --color-text-disabled: hsl(var(--hue-base) var(--saturation-base) 0% / 0.35);
  --color-text-unavailable: hsl(var(--hue-base) var(--saturation-base) 0% / 0.35);
  --color-text-placeholder: hsl(var(--hue-base) var(--saturation-base) 0% / 0.25);
  --color-text-primary-reverse: hsl(var(--hue-base) var(--saturation-base) 100% / 1);
  --color-text-secondary-reverse: hsl(var(--hue-base) var(--saturation-base) 100% / 0.75);
  --color-text-hint-reverse: hsl(var(--hue-base) var(--saturation-base) 100% / 0.6);
  --color-text-disabled-reverse: hsl(var(--hue-base) var(--saturation-base) 100% / 0.5);
  --color-text-primary-light: hsl(var(--hue-base) var(--saturation-base) 100% / 1);
  --color-text-secondary-light: hsl(var(--hue-base) var(--saturation-base) 100% / 0.75);
  --color-text-hint-light: hsl(var(--hue-base) var(--saturation-base) 100% / 0.6);
  --color-text-disabled-light: hsl(var(--hue-base) var(--saturation-base) 100% / 0.5);
  --color-text-placeholder-reverse: hsl(var(--hue-base) var(--saturation-base) 100% / 0.4);
  --color-star--on: hsl(var(--hue-base) var(--saturation-base) 15% / 0.9);
  --color-star--off: hsl(var(--hue-base) var(--saturation-base) 70% / 0.9);
  --color-star--hover: hsl(var(--hue-base) var(--saturation-base) 35% / 0.9);
  --color-toolbar-icon-fill: hsl(0, 0%, 100%);
  --color-toolbar-icon: var(--color-text-primary);
  --color-toolbar-icon--active: hsl(5, 90%, 58%);
  --color-text-link: hsl(202, 100%, 38%);
  --color-text-link-reverse: hsl(202, 100%, 63%);
  --hue-background: 215;
  --lightness-background-0: 96%;
  --color-background-9: hsl(var(--hue-background) 1% 8%);
  --color-background-8: hsl(var(--hue-background) 1% 16%);
  --color-background-7: hsl(var(--hue-background) 1% 22%);
  --color-background-4: hsl(var(--hue-background) 10% 80%);
  --color-background-3: hsl(var(--hue-background) 13% 88%);
  --color-background-2--focused: hsl(var(--hue-background) 12% 86%);
  --color-background-2--hover: hsl(var(--hue-background) 14% 91%);
  --color-background-2-A00: hsl(var(--hue-background) 17% 96% / 0);
  --color-background-2-A25: hsl(var(--hue-background) 17% 96% / 0.25);
  --color-background-2-A50: hsl(var(--hue-background) 17% 96% / 0.5);
  --color-background-2-A75: hsl(var(--hue-background) 17% 96% / 0.75);
  --color-background-2: hsl(var(--hue-background) 17% 96%);
  --color-background-1: hsl(var(--hue-background) 18% 98%);
  --color-background-1--hover: hsl(var(--hue-background) 17% 96%);
  --color-background-1--dragging: hsl(var(--hue-background) 14% 98% / 90%);
  --color-background-00: hsl(var(--hue-base) var(--saturation-base) 100% / 1);
  --color-background-00-A75: hsl(var(--hue-base) var(--saturation-base) 100% / 0.75);
  --color-background-00-A50: hsl(var(--hue-base) var(--saturation-base) 100% / 0.5);
  --color-background-00-A25: hsl(var(--hue-base) var(--saturation-base) 100% / 0.25);
  --color-background-00-A00: hsl(var(--hue-base) var(--saturation-base) 100% / 0);
  --color-background-0: hsl(var(--hue-background) var(--saturation-base) var(--lightness-background-0) / 1);
  --color-background-0--hover: hsl(var(--hue-background) 17% calc(var(--lightness-background-0) * 96%));
  --color-background-0--focused: hsl(var(--hue-background) 13% calc(var(--lightness-background-0) * 88%));
  --color-background-0-A75: hsl(var(--hue-base) var(--saturation-base) var(--lightness-background-0) / 0.75);
  --color-background-0-A50: hsl(var(--hue-base) var(--saturation-base) var(--lightness-background-0) / 0.5);
  --color-background-0-A25: hsl(var(--hue-base) var(--saturation-base) var(--lightness-background-0) / 0.25);
  --color-background-0-A00: hsl(var(--hue-base) var(--saturation-base) var(--lightness-background-0) / 0);
  --color-dropdown-hover: var(--color-button-background);
  --color-background-nav-1: hsl(120, 1%, 13%);
  --color-background-nav-2: hsl(120, 1%, 20%);
  --color-background-nav-3: hsl(120, 1%, 28%);
  --color-border-1: hsla(0, 0%, 0%, 0.05);
  --color-border-2: hsla(0, 0%, 0%, 0.1);
  --color-border-3: hsla(0, 0%, 0%, 0.2);
  --color-border-4: hsla(0, 0%, 0%, 0.4);
  --color-border-5: hsla(0, 0%, 0%, 0.7);
  --color-border-1-light: hsla(0, 0%, 100%, 0.1);
  --color-border-2-light: hsla(0, 0%, 100%, 0.2);
  --color-border-3-light: hsla(0, 0%, 100%, 0.4);
  --color-border-4-light: hsla(0, 0%, 100%, 0.6);
  --color-shadow-1: hsla(0, 0%, 0%, 0.05);
  --color-input-background-light: hsl(0, 0%, 100%);
  --color-input-background-light--focus: hsl(0, 0%, 100%);
  --color-input-border-light: var(--color-border-2);
  --color-input-border-light--focus: var(--color-border-4);
  --color-input-background-dark: hsl(var(--hue-background) 15% 93%);
  --color-input-background-dark--focus: hsl(var(--hue-background) 13% 88%);
  --color-sidemenu-bg: var(--color-background-nav-1);
  --color-sidemenu-tooltip: var(--color-background-nav-3);
  --color-sidemenu-icon-background: var(--color-background-nav-3);
  --color-sidemenu-icon-foreground: var(--color-text-secondary-light);
  --color-sidemenu-icon-foreground--active: var(--color-text-primary-light);
  --color-sidemenu-icon-background--active: hsl(5, 100%, 65%);
  --color-button-background: hsl(var(--hue-background) 10% 90% / 0.9);
  --color-button-background--hover: hsl(var(--hue-background) 10% 80% / 0.9);
  --color-button-background-dark: hsl(var(--hue-background) 10% 45% / 0.9);
  --color-button-background-dark--hover: hsl(var(--hue-background) 10% 35% / 0.9);
  --color-button-text: hsla(0, 0%, 0%, 0.8);
  --color-button-text--hover: var(--color-text-primary);
  --color-list-locked-table-field-background: var(--color-list-background-1);
  --color-list-locked-table-row-background: var(--color-list-background-1);
  --color-list-locked-table-cell-background: var(--color-list-background-1);
}
:root .Button {
  --color-button-mixin-text: var(--color-button-text);
  --color-button-mixin-background: var(--color-button-background);
}
:root .Button--defaultColor {
  --color-button-mixin-text: var(--color-button-text);
  --color-button-mixin-background: var(--color-button-background);
}
:root .Button--greyColor {
  --color-button-mixin-text: var(--color-button-text);
  --color-button-mixin-background: var(--color-button-background);
}
:root .Button--whiteColor {
  --color-button-mixin-text: hsl(0, 0%, 100%);
  --color-button-mixin-background: hsl(0, 0%, 100%);
}
:root .Button--listColor {
  --color-button-mixin-text: var(--color-list-button-text);
  --color-button-mixin-background: var(--color-list-button-background);
}
:root .Button--primaryColor {
  --color-button-mixin-text: hsl(5, 90%, 58%);
  --color-button-mixin-background: hsl(5, 90%, 58%);
}
:root .Button--accentColor {
  --color-button-mixin-text: hsl(5, 90%, 58%);
  --color-button-mixin-background: hsl(5, 90%, 58%);
}
:root .Button--ctaColor {
  --color-button-mixin-text: hsl(5, 90%, 58%);
  --color-button-mixin-background: hsl(5, 90%, 58%);
}
:root .Button--primaryColor {
  --color-button-mixin-text: hsl(5, 90%, 58%);
  --color-button-mixin-background: hsl(5, 90%, 58%);
}
:root .Button--accentColor {
  --color-button-mixin-text: hsl(5, 90%, 58%);
  --color-button-mixin-background: hsl(5, 90%, 58%);
}
:root .Button--ctaColor {
  --color-button-mixin-text: hsl(5, 90%, 58%);
  --color-button-mixin-background: hsl(5, 90%, 58%);
}
:root .Button--positiveColor {
  --color-button-mixin-text: hsl(115, 35%, 30%);
  --color-button-mixin-background: hsl(115, 35%, 30%);
}
:root .Button--successColor {
  --color-button-mixin-text: hsl(115, 35%, 30%);
  --color-button-mixin-background: hsl(115, 35%, 30%);
}
:root .Button--infoColor {
  --color-button-mixin-text: hsl(202, 55%, 35%);
  --color-button-mixin-background: hsl(115, 35%, 30%);
}
:root .Button--redColor {
  --color-button-mixin-text: hsl(359, 55%, 45%);
  --color-button-mixin-background: hsl(359, 55%, 45%);
}
:root .Button--dangerColor {
  --color-button-mixin-text: hsl(359, 55%, 45%);
  --color-button-mixin-background: hsl(359, 55%, 45%);
}
:root .Button--facebookColor {
  --color-button-mixin-text: #5069a0;
  --color-button-mixin-background: #5069a0;
}
:root .Button--twitterColor {
  --color-button-mixin-text: #55acee;
  --color-button-mixin-background: #55acee;
}
:root .Button--redditColor {
  --color-button-mixin-text: #ff4500;
  --color-button-mixin-background: #ff4500;
}
:root .Button--pinterestColor {
  --color-button-mixin-text: #bd081c;
  --color-button-mixin-background: #bd081c;
}
:root {
  --ios-status-bar-height: env(safe-area-inset-top);
  --ios-safe-area-bottom: env(safe-area-inset-bottom);
  --ios-safe-area-side: env(safe-area-inset-right);
  --mobile-toolbar-height: 50px;
}
:root {
  --top-bars-height-desktop: 60px;
  --public-top-bar-height-mobile: 0px;
}
html,
body {
  min-height: 100%;
  width: 100%;
  background: var(--color-background-0);
  margin: 0;
  padding: 0;
}
body {
  overscroll-behavior: none;
  overflow: auto;
}
@media (orientation: portrait) {
  .-is-ios.-is-app body {
    height: 100vh;
  }
}
.TouchInterface body.LockScrolling {
  overflow: hidden;
  height: 100vh;
}
html.LockScrolling {
  overflow: hidden;
  height: 100vh;
}
html.LockScrolling body {
  overflow: hidden;
  height: 100vh;
}
.TouchInterface  *:not(input):not(textarea):not([contenteditable]) {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}
body.-env-dev #listiumApp,
body.-env-dev #loadSplash {
  border-top: solid green 10px;
}
body.-env-nxt #listiumApp,
body.-env-nxt #loadSplash {
  border-top: solid hsl(5, 90%, 58%) 10px;
}
.typeListTitleLarge {
  font-family: 'Poppins', sans-serif;
  font-size: 3.3rem;
  line-height: 1.15em;
  font-weight: 800;
  letter-spacing: 0;
}
.typeListTitleLargeThin {
  font-family: 'Poppins', sans-serif;
  font-size: 3.3rem;
  line-height: 1.15em;
  font-weight: 700;
  letter-spacing: 0;
}
.typeListTitleMedium {
  font-family: 'Poppins', sans-serif;
  font-size: 2.5rem;
  line-height: 1.25em;
  font-weight: 800;
  letter-spacing: 0;
}
.typeListTitleMediumThin {
  font-family: 'Poppins', sans-serif;
  font-size: 2.5rem;
  line-height: 1.25em;
  font-weight: 700;
  letter-spacing: 0;
}
.typeListTitleSmall {
  font-family: 'Poppins', sans-serif;
  font-size: 1.8rem;
  line-height: 1.35em;
  font-weight: 800;
  letter-spacing: 0;
}
.typeListTitleSmallThin {
  font-family: 'Poppins', sans-serif;
  font-size: 1.8rem;
  line-height: 1.25em;
  font-weight: 600;
  letter-spacing: 0;
}
.typeListTitleExtraSmallThin {
  font-family: 'Poppins', sans-serif;
  font-size: 1.6rem;
  line-height: 1.3em;
  font-weight: 600;
  letter-spacing: 0;
}
.CreateListDialog__title {
  font-weight: bold;
  font-size: 33px;
  line-height: 44px;
  color: var(--color-text-primary);
  margin: 0;
}
.CreateListDialog__subtitle {
  font-size: 16px;
  color: var(--color-text-secondary);
  padding-bottom: 22px;
  margin: 0 0 22px;
}
.CreateListDialog__label {
  display: block;
  font-weight: bold;
  font-size: 16px;
  color: var(--color-text-primary);
  margin: 0 0 11px;
}
.CreateListDialog__actions {
  padding-bottom: 1px;
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  margin-bottom: auto;
}
html {
  font-size: 14px;
  line-height: 18.9px;
  color: var(--color-text-primary);
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
html.-touch-active:not(.-embed-active) {
  font-size: 16px;
}
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-weight: 700;
}
.h1,
h1 {
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-weight: 600;
  margin: 1rem 0 0;
  font-size: 3.14285714rem;
  line-height: 4.08571429rem;
}
h2 {
  margin: 2rem 0 0.7rem;
  font-size: 2.57142857rem;
  line-height: 3.34285714rem;
}
h3 {
  margin: 2rem 0 0.7rem;
  font-size: 1.92857143rem;
  line-height: 2.60357143rem;
}
h4 {
  margin: 2rem 0 1.5rem;
  font-size: 1.57142857rem;
  line-height: 2.2rem;
}
h5 {
  margin: 2rem 0 0.7rem;
  font-size: 1.28571429rem;
  line-height: 1.86428571rem;
}
h6 {
  margin: 2rem 0 1rem;
  font-size: 1.14285714rem;
  line-height: 1.71428571rem;
}
p {
  margin-bottom: 1.05rem;
  font-size: 1rem;
  line-height: 1.55rem;
  font-weight: 400;
}
p.footnote {
  font-style: italic;
  color: var(--color-text-secondary);
}
p.footnote:before {
  content: "* ";
}
ul {
  margin-bottom: 18.9px;
  padding-left: 2rem;
}
li {
  font-size: 1rem;
  line-height: 1.55rem;
  font-weight: 400;
}
article {
  text-align: left;
}
a {
  transition: color 0.2s linear, background-color 0.2s linear;
}
a {
  color: var(--color-text-primary);
  cursor: pointer;
  text-decoration: none;
}
a[ng-click] {
  cursor: pointer;
}
@keyframes redPulse {
  0% {
    background: #FFF;
  }
  10% {
    background: hsl(359, 55%, 54%);
  }
  100% {
    background: #FFF;
  }
}
@keyframes opacityPulse {
  0% {
    opacity: 0.9;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0.9;
  }
}
@keyframes yellowPulse {
  0% {
    background: #FFF;
  }
  10% {
    background: hsl(28, 87%, 59%);
  }
  100% {
    background: #FFF;
  }
}
@keyframes bluePulse {
  0% {
    background: #FFF;
  }
  10% {
    background: hsl(202, 82%, 50%);
  }
  100% {
    background: #FFF;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes slideIn {
  0% {
    opacity: 0;
    transform: translateY(-50%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideInRight {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideOutRight {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes spinning {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes scaleOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}
@keyframes slideOut {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-50%);
  }
}
@keyframes slideInPopup {
  0% {
    opacity: 0;
    transform: translate3d(0, -50%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideOutPopup {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -50%, 0);
  }
}
@keyframes pageSlideIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes pageSlideOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes holdSteady {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.view-animation {
  background: var(--color-background-0);
  box-shadow: 0px 4px 10px 0 hsla(0, 0%, 13%, 0.3);
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 500;
}
.view-animation.ng-enter {
  animation: pageSlideIn 0.25s ease-out forwards;
  z-index: 600;
}
.view-animation.ng-leave {
  animation: holdSteady 0.25s ease-in forwards;
  z-index: 500;
}
.view-animation.is-dashboard.ng-leave {
  animation: holdSteady 0.5s linear;
  z-index: 500;
}
.view-animation.is-dashboard.ng-enter {
  animation: pageSlideIn 0.25s ease-out forwards;
  z-index: 600;
}
@keyframes touchMenuSlideInBottom {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes touchMenuSlideOutBottom {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100%);
  }
}
.header-text-shadow {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.small-text-shadow {
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}
.tooltip-heavy-shadow {
  box-shadow: 0px 2px 16px rgba(10, 10, 10, 0.6);
}
.shadow-z-0 {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
}
.shadow-z-1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.shadow-z-2 {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.shadow-z-3 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.shadow-z-4 {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.shadow-z-5 {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
.shadow-z-2-up {
  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.16), 0 -3px 6px rgba(0, 0, 0, 0.23);
}
.shadow-cards {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.shadow-list-item--small {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
}
.shadow-list-item--medium {
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.15);
}
.shadow-list-item--large {
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
}
.shadow-list-item--card {
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.15);
}
.shadow-list-teaser {
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.05);
}
.shadow-selector {
  box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.2);
}
.shadow-item-editor {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03);
}
.hover-shadow {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}
.hover-shadow:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.hover-shadow-light {
  box-shadow: none;
  transition: all 0.3s ease;
}
.hover-shadow-light:hover {
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.08);
}
@keyframes cardFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes cardFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes cardSlideIn {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes cardSlideInBottom {
  0% {
    transform: translateY(100%);
  }
  33% {
    transform: translateY(-5%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes cardSlideInRight {
  0% {
    transform: translateX(100%) scale(1.2);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes cardSlideOut {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes cardSlideOutBottom {
  0% {
    transform: translateY(0);
  }
  5% {
    transform: translateY(-5%);
  }
  100% {
    transform: translateY(100%);
  }
}
@keyframes cardSlideOutRight {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%) scale(1.2);
    opacity: 0;
  }
}
@keyframes cardDiscard {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translate(50%, 30%) rotate(5deg);
    opacity: 0;
  }
}
.floating-card-shadow {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.sharp-card {
  animation: cardFadeIn 0.2s ease;
  border: 1px solid var(--color-border-2);
  background: hsl(0, 0%, 100%);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.sharp-card.is-closing {
  animation: cardFadeOut 0.2s ease;
}
.sharp-card-no-anim {
  border: 1px solid var(--color-border-2);
  background: hsl(0, 0%, 100%);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.full-mobile-card {
  border-radius: 0;
  height: 100%;
  width: 100%;
  animation: cardSlideIn 0.3s ease-out;
}
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media print and (color) {
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
@media print {
  body {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  @page {
    margin: 0.5cm;
  }
  img {
    max-width: 100% !important;
  }
  table {
    page-break-inside: avoid;
  }
  .NavBar {
    display: none;
  }
  .AppLayout__main {
    margin: 0 !important;
    padding: 0 !important;
  }
  .ListTopBar {
    display: none !important;
  }
  .ListBanner__topRight {
    display: none !important;
  }
  .ListTableViewHeaderCell--action {
    display: none !important;
  }
  .ListBanner__center {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
  }
  .ListBanner__background {
    display: none !important;
  }
  .ListBanner {
    background: none !important;
    min-height: inherit !important;
    padding-bottom: 0 !important;
  }
  .ListBanner textarea,
  .ListBanner .InlineEditor__editor,
  .ListBanner span,
  .ListBanner h1 {
    color: #444 !important;
    text-shadow: none !important;
  }
  .ListTableViewRow--dummy {
    display: none !important;
  }
  .ListFooter {
    display: none !important;
  }
  body,
  html {
    font-size: 11px;
    line-height: 11px;
  }
  .NativePrintMessage {
    display: block !important;
  }
  .FloatingStack {
    display: none !important;
  }
  .ListAdminBar,
  .ListBannerSharePublishStrip,
  .TeaserBox {
    display: none !important;
  }
}
@font-face {
  font-family: 'listiumicons';
  src: url('../fonts/listiumicons.eot?42568753');
  src: url('../fonts/listiumicons.eot?42568753#iefix') format('embedded-opentype'), url('../fonts/listiumicons.woff?42568753') format('woff'), url('../fonts/listiumicons.ttf?42568753') format('truetype'), url('../fonts/listiumicons.svg?42568753#listiumicons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'listiumicons';
    src: url('../font/listiumicons.svg?42568753#listiumicons') format('svg');
  }
}
*/
.icon-after,
.icon:before,
[class^="icon--"]:before,
[class*=" icon--"]:before,
.icon--selection-check.is-selected.is-some:after,
.input-group.-error label:before,
.custom-checkbox-link:before,
.checkbox.-checked:before,
.checkbox.-unchecked:before,
input.-custom[type="checkbox"] + .custom-checkbox:before,
.SearchBox:after,
.image-upload .upload-link:before,
.ReactSelect__value:after,
.ReactSelect__placeholder:after,
.ReactSelect__clear:before,
.ReactSelect__search-icon:before,
.DateTimePicker .touch-date.is-empty:before,
.DateTimePicker .touch-date.-empty:before,
.TimePicker .time-group .next:before,
.TimePicker .time-group .prev:before,
.PopupMenu__title__close:before,
.PopupMenu__title__back:before,
.PopupMenuItem.PopupMenuItem--submenu:after,
.PopupMenuItem.is-active:after,
.ExploreSearch:after,
.BaseCell--manualurl a.link:before,
.ListTableViewHeaderCell__index-arrow-down:before,
.ListTableViewHeaderCell__fieldSettingsButton:before,
.ListTableViewHeaderCell__fieldHideButton:before,
.ListTableViewHeaderCell__status .sort-state:before,
.ListTableViewHeaderCell__status .filtered:before,
.ListTableViewHeaderCell__status .grouped:before,
.RowIndexCell__reminder-mark:before,
.RowIndexCell__dirty-mark:before,
.ListItemEditorField--SearchLink .ListItemEditorField__fieldWrapper a:before,
.ListItemEditorField--ShopLink .ListItemEditorField__fieldWrapper a:before,
.NewListItemModal__selectOverlay:after,
.NewAccountPage__checkingUsername:before,
.NewAccountPage__usernameTaken:before,
.NewAccountPage__usernameInvalid:before,
.NewAccountPage__usernameAvailable:before,
.NewAccountPage__checkingUsername:before {
  font-family: "listiumicons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon--bulk-edit:before {
  content: '\e800';
}
/* '' */
.icon--row-position:before {
  content: '\e801';
}
/* '' */
.icon--intercom-io:before {
  content: '\e802';
}
/* '' */
.icon--share:before {
  content: '\e803';
}
/* '' */
.icon--view-grid:before {
  content: '\e804';
}
/* '' */
.icon--template2:before {
  content: '\e805';
}
/* '' */
.icon--template3:before {
  content: '\e806';
}
/* '' */
.icon--picture2:before {
  content: '\e807';
}
/* '' */
.icon--eye:before,
.ListOfListsHeader__viewsColumn span:first-child:before {
  content: '\e808';
}
/* '' */
.icon--eye-slash:before,
.ListTableViewHeaderCell__fieldHideButton:before {
  content: '\e809';
}
/* '' */
.icon--reddit-alien:before {
  content: '\e80a';
}
/* '' */
.icon--hash:before {
  content: '\e80b';
}
/* '' */
.icon--trash:before {
  content: '\e80f';
}
/* '' */
.icon--spinner:before,
.NewAccountPage__checkingUsername:before {
  content: '\e828';
}
/* '' */
.icon--google:before {
  content: '\e829';
}
/* '' */
.icon--google-plus:before {
  content: '\e82a';
}
/* '' */
.icon--google-plus-squared:before {
  content: '\e82b';
}
/* '' */
.icon--linkedin-squared:before {
  content: '\e82c';
}
/* '' */
.icon--linkedin:before {
  content: '\e82d';
}
/* '' */
.icon--mail-alt:before {
  content: '\e842';
}
/* '' */
.icon--edit:before {
  content: '\e843';
}
/* '' */
.icon--pencil-squared:before {
  content: '\e845';
}
/* '' */
.icon--cog-alt:before {
  content: '\e846';
}
/* '' */
.icon--wrench:before {
  content: '\e847';
}
/* '' */
.icon--caret-down:before,
.ReactSelect__value:after,
.ReactSelect__placeholder:after,
.NewListItemModal__selectOverlay:after {
  content: '\e84b';
}
/* '' */
.icon--caret-up:before {
  content: '\e84c';
}
/* '' */
.icon--caret-left:before {
  content: '\e84d';
}
/* '' */
.icon--caret-right:before {
  content: '\e84e';
}
/* '' */
.icon--cw:before {
  content: '\e84f';
}
/* '' */
.icon--filter:before,
.ListTableViewHeaderCell__status .filtered:before {
  content: '\e853';
}
/* '' */
.icon--dashboard:before {
  content: '\e855';
}
/* '' */
.icon--power-off:before,
.icon--inactive:before {
  content: '\e858';
}
/* '' */
.icon--sort-down:before {
  content: '\e859';
}
/* '' */
.icon--sort-up:before {
  content: '\e85a';
}
/* '' */
.icon--sort:before {
  content: '\e85b';
}
/* '' */
.icon--cancel:before,
.icon--no-sort:before {
  content: '\e861';
}
/* '' */
.icon--font:before,
.icon--text:before {
  content: '\e864';
}
/* '' */
.icon--shopping-cart:before {
  content: '\e865';
}
/* '' */
.icon--ban:before {
  content: '\e867';
}
/* '' */
.icon--invitations:before {
  content: '\e869';
}
/* '' */
.icon--minus:before,
.icon--selection-check.is-selected.is-some:after {
  content: '\e86d';
}
/* '' */
.icon--attention:before {
  content: '\e877';
}
/* '' */
.icon--ok-circle:before {
  content: '\e878';
}
/* '' */
.icon--exclamation-triangle:before {
  content: '\e879';
}
/* '' */
.icon--circle-fill:before {
  content: '\e87e';
}
/* '' */
.icon--intercom-io-1:before {
  content: '\e883';
}
/* '' */
.icon--tools:before {
  content: '\e888';
}
/* '' */
.icon--share-1:before {
  content: '\e88a';
}
/* '' */
.icon--sort-listium:before {
  content: '\e893';
}
/* '' */
.icon--location:before {
  content: '\e89c';
}
/* '' */
.icon--calendar:before,
.DateTimePicker .touch-date.is-empty:before,
.DateTimePicker .touch-date.-empty:before {
  content: '\ee7d';
}
/* '' */
.icon--sort-alpha-desc:before {
  content: '\ee7e';
}
/* '' */
.icon--sort-alpha-asc:before {
  content: '\ee7f';
}
/* '' */
.icon--sort-numeric-desc:before {
  content: '\ee80';
}
/* '' */
.icon--sort-numeric-asc:before {
  content: '\ee81';
}
/* '' */
.icon--sort-amount-desc:before {
  content: '\ee82';
}
/* '' */
.icon--sort-amount-asc:before {
  content: '\ee83';
}
/* '' */
.icon--question:before,
.icon--unsure:before {
  content: '\ee84';
}
/* '' */
.icon--cross:before,
.icon--remove:before,
.input-group.-error label:before,
.ReactSelect__clear:before,
.PopupMenu__title__close:before,
.NewAccountPage__usernameTaken:before {
  content: '\ee85';
}
/* '' */
.icon--ok:before,
.icon--tick:before,
.NewAccountPage__usernameAvailable:before {
  content: '\ee86';
}
/* '' */
.icon--check-square:before,
.custom-checkbox-link.is-active:before,
.checkbox.-checked:before,
input.-custom[type="checkbox"]:checked + .custom-checkbox:before {
  content: '\ee88';
}
/* '' */
.icon--check-square-empty:before,
.custom-checkbox-link:before,
.checkbox.-unchecked:before,
input.-custom[type="checkbox"] + .custom-checkbox:before {
  content: '\ee89';
}
/* '' */
.icon--grouping-1:before {
  content: '\ee8b';
}
/* '' */
.icon--publish:before {
  content: '\ee8c';
}
/* '' */
.icon--filter-none:before {
  content: '\ee8e';
}
/* '' */
.icon--filter-add:before {
  content: '\ee8f';
}
/* '' */
.icon--filter-delete:before {
  content: '\ee90';
}
/* '' */
.icon--compass:before {
  content: '\ee92';
}
/* '' */
.icon--dropdown:before {
  content: '\ee93';
}
/* '' */
.icon--new-column:before {
  content: '\ee94';
}
/* '' */
.icon--show-hide:before {
  content: '\ee95';
}
/* '' */
.icon--facebook-circled:before {
  content: '\ee96';
}
/* '' */
.icon--facebook-squared:before,
.ListOfListsHeader__facebookColumn span:first-child:before {
  content: '\ee97';
}
/* '' */
.icon--facebook:before {
  content: '\ee98';
}
/* '' */
.icon--pinterest-circled:before {
  content: '\ee99';
}
/* '' */
.icon--pinterest-squared:before,
.ListOfListsHeader__pinterestColumn span:first-child:before {
  content: '\ee9a';
}
/* '' */
.icon--pinterest:before {
  content: '\ee9b';
}
/* '' */
.icon--twitter-circled:before {
  content: '\ee9c';
}
/* '' */
.icon--twitter-squared:before,
.ListOfListsHeader__twitterColumn span:first-child:before {
  content: '\ee9d';
}
/* '' */
.icon--twitter:before {
  content: '\ee9e';
}
/* '' */
.icon--angle-up:before,
.TimePicker .time-group .next:before {
  content: '\eea0';
}
/* '' */
.icon--angle-right:before {
  content: '\eea1';
}
/* '' */
.icon--angle-left:before {
  content: '\eea2';
}
/* '' */
.icon--angle-down:before,
.TimePicker .time-group .prev:before {
  content: '\eea3';
}
/* '' */
.icon--insert-after:before {
  content: '\eea6';
}
/* '' */
.icon--insert-before:before {
  content: '\eea7';
}
/* '' */
.icon--globe:before,
.icon--share-public:before {
  content: '\eea8';
}
/* '' */
.icon--intercom-io-2:before {
  content: '\eeaa';
}
/* '' */
.icon--suggest:before {
  content: '\eeab';
}
/* '' */
.icon--idea:before {
  content: '\eeac';
}
/* '' */
.icon--harvey-1:before {
  content: '\eeb0';
}
/* '' */
.icon--harvey-2:before {
  content: '\eeb1';
}
/* '' */
.icon--harvey-3:before {
  content: '\eeb2';
}
/* '' */
.icon--harvey-4:before {
  content: '\eeb3';
}
/* '' */
.icon--harvey-0:before {
  content: '\eeb4';
}
/* '' */
.icon--repeat:before {
  content: '\eeb9';
}
/* '' */
.icon--thumb-side:before {
  content: '\eeba';
}
/* '' */
.icon--thumbs-down:before {
  content: '\eebb';
}
/* '' */
.icon--thumbs-up:before {
  content: '\eebc';
}
/* '' */
.icon--grouping-2:before {
  content: '\eebd';
}
/* '' */
.icon--grouping:before,
.ListTableViewHeaderCell__status .grouped:before {
  content: '\eebe';
}
/* '' */
.icon--checklist:before {
  content: '\eebf';
}
/* '' */
.icon--pound:before {
  content: '\eec0';
}
/* '' */
.icon--format-text-lg:before {
  content: '\eec2';
}
/* '' */
.icon--format-text-me:before {
  content: '\eec3';
}
/* '' */
.icon--format-text-sm:before {
  content: '\eec4';
}
/* '' */
.icon--untemplate:before {
  content: '\eec5';
}
/* '' */
.icon--template:before {
  content: '\eec6';
}
/* '' */
.icon--resize-horizontal:before {
  content: '\eec7';
}
/* '' */
.icon--resize-diagonal:before {
  content: '\eec8';
}
/* '' */
.icon--chevron-slim-right:before {
  content: '\eec9';
}
/* '' */
.icon--chevron-slim-left:before {
  content: '\eeca';
}
/* '' */
.icon--instagram-1:before {
  content: '\eecc';
}
/* '' */
.icon--amazon-squared:before {
  content: '\eecf';
}
/* '' */
.icon--percentage:before {
  content: '\eed0';
}
/* '' */
.icon--price-range:before {
  content: '\eed1';
}
/* '' */
.icon--letter-t:before {
  content: '\eed2';
}
/* '' */
.icon--combochart:before {
  content: '\eed6';
}
/* '' */
.icon--user:before,
.icon--profile:before {
  content: '\f004';
}
/* '' */
.icon--account-circle:before {
  content: '\f009';
}
/* '' */
.icon--users:before,
.icon--share-users:before {
  content: '\f00e';
}
/* '' */
.icon--account-multiple-plus:before {
  content: '\f010';
}
/* '' */
.icon--adjust:before {
  content: '\f01a';
}
/* '' */
.icon--alarm-clock:before,
.RowIndexCell__reminder-mark:before {
  content: '\f020';
}
/* '' */
.icon--android:before {
  content: '\f032';
}
/* '' */
.icon--apple:before {
  content: '\f035';
}
/* '' */
.icon--arrow-all:before {
  content: '\f041';
}
/* '' */
.icon--arrow-down:before,
.icon--scroll-down:before {
  content: '\f045';
}
/* '' */
.icon--arrow-down-bold:before,
.ListTableViewHeaderCell__index-arrow-down:before,
.ListTableViewHeaderCell__status .sort-state.-down:before {
  content: '\f046';
}
/* '' */
.icon--arrow-expand-all:before {
  content: '\f04c';
}
/* '' */
.icon--arrow-left:before {
  content: '\f04d';
}
/* '' */
.icon--arrow-right:before {
  content: '\f054';
}
/* '' */
.icon--arrow-right-bold:before {
  content: '\f055';
}
/* '' */
.icon--arrow-up:before,
.icon--scroll-up:before {
  content: '\f05d';
}
/* '' */
.icon--arrow-up-bold:before,
.ListTableViewHeaderCell__status .sort-state.-up:before {
  content: '\f05e';
}
/* '' */
.icon--arrows-cw:before,
.icon--refresh:before,
.icon--reload:before {
  content: '\f06a';
}
/* '' */
.icon--link-ext:before {
  content: '\f08e';
}
/* '' */
.icon--bell-alt:before {
  content: '\f09a';
}
/* '' */
.icon--bell:before {
  content: '\f09c';
}
/* '' */
.icon--camera:before,
.image-upload .upload-link:before {
  content: '\f100';
}
/* '' */
.icon--cellphone-iphone:before {
  content: '\f120';
}
/* '' */
.icon--chevron-double-down:before {
  content: '\f13c';
}
/* '' */
.icon--chevron-double-left:before {
  content: '\f13d';
}
/* '' */
.icon--chevron-double-right:before {
  content: '\f13e';
}
/* '' */
.icon--chevron-double-up:before {
  content: '\f13f';
}
/* '' */
.icon--chevron-down:before {
  content: '\f140';
}
/* '' */
.icon--chevron-left:before,
.icon--back:before,
.PopupMenu__title__back:before {
  content: '\f141';
}
/* '' */
.icon--chevron-right:before,
.PopupMenuItem.PopupMenuItem--submenu:after,
.PopupMenuItem.is-active:after,
.PopupMenuItem.PopupMenuItem--submenu:after {
  content: '\f142';
}
/* '' */
.icon--chevron-up:before {
  content: '\f143';
}
/* '' */
.icon--clock:before,
.icon--time:before,
.icon--reminder:before {
  content: '\f150';
}
/* '' */
.icon--cloud-download:before {
  content: '\f162';
}
/* '' */
.icon--cloud-upload:before {
  content: '\f167';
}
/* '' */
.icon--instagram:before {
  content: '\f16d';
}
/* '' */
.icon--linux:before {
  content: '\f17c';
}
/* '' */
.icon--comment-text:before {
  content: '\f188';
}
/* '' */
.icon--comment-text-outline:before {
  content: '\f189';
}
/* '' */
.icon--clone:before {
  content: '\f191';
}
/* '' */
.icon--content-paste:before {
  content: '\f192';
}
/* '' */
.icon--reddit:before {
  content: '\f1a1';
}
/* '' */
.icon--reddit-squared:before {
  content: '\f1a2';
}
/* '' */
.icon--price:before {
  content: '\f1b3';
}
/* '' */
.icon--more:before {
  content: '\f1d8';
}
/* '' */
.icon--vertical-more:before {
  content: '\f1d9';
}
/* '' */
.icon--download:before {
  content: '\f1da';
}
/* '' */
.icon--drag:before {
  content: '\f1db';
}
/* '' */
.icon--drag-horizontal:before {
  content: '\f1dc';
}
/* '' */
.icon--drag-handle:before {
  content: '\f1dd';
}
/* '' */
.icon--mail:before {
  content: '\f1f0';
}
/* '' */
.icon--export:before {
  content: '\f207';
}
/* '' */
.icon--long-text:before {
  content: '\f21a';
}
/* '' */
.icon--folder:before {
  content: '\f24b';
}
/* '' */
.icon--folder-multiple-image:before {
  content: '\f254';
}
/* '' */
.icon--color-fill:before {
  content: '\f266';
}
/* '' */
.icon--chrome:before {
  content: '\f268';
}
/* '' */
.icon--amazon:before {
  content: '\f270';
}
/* '' */
.icon--strikethrough:before,
.icon--highlight-strikethrough:before,
.ListFilterHighlightDialog__format-highlight-strikethrough:before {
  content: '\f281';
}
/* '' */
.icon--format-text:before {
  content: '\f284';
}
/* '' */
.icon--percent:before {
  content: '\f295';
}
/* '' */
.icon--gift:before {
  content: '\f2a1';
}
/* '' */
.icon--google-plus-box:before {
  content: '\f2be';
}
/* '' */
.icon--full-heart:before {
  content: '\f2d1';
}
/* '' */
.icon--heart:before {
  content: '\f2d5';
}
/* '' */
.icon--help-circled:before {
  content: '\f2d7';
}
/* '' */
.icon--history:before,
.icon--recent:before {
  content: '\f2da';
}
/* '' */
.icon--home:before {
  content: '\f2dc';
}
/* '' */
.icon--image:before,
.icon--picture:before {
  content: '\f2e9';
}
/* '' */
.icon--broken-image:before {
  content: '\f2ed';
}
/* '' */
.icon--import:before {
  content: '\f2fa';
}
/* '' */
.icon--info-circle:before,
.RowIndexCell__dirty-mark:before {
  content: '\f2fc';
}
/* '' */
.icon--information-outline:before {
  content: '\f2fd';
}
/* '' */
.icon--label:before {
  content: '\f315';
}
/* '' */
.icon--laptop-mac:before {
  content: '\f324';
}
/* '' */
.icon--link:before,
.icon--share-secret:before,
.BaseCell--manualurl a.link:before {
  content: '\f339';
}
/* '' */
.icon--linkedin-box:before {
  content: '\f33c';
}
/* '' */
.icon--lock:before,
.icon--share-private:before {
  content: '\f33e';
}
/* '' */
.icon--lock-open:before {
  content: '\f33f';
}
/* '' */
.icon--login:before {
  content: '\f342';
}
/* '' */
.icon--sign-out:before {
  content: '\f343';
}
/* '' */
.icon--search:before,
.SearchBox:after,
.ReactSelect__search-icon:before,
.ExploreSearch:after {
  content: '\f349';
}
/* '' */
.icon--map-marker:before {
  content: '\f34e';
}
/* '' */
.icon--map-multiple:before {
  content: '\f350';
}
/* '' */
.icon--menu:before {
  content: '\f35c';
}
/* '' */
.icon--menu-down:before {
  content: '\f35d';
}
/* '' */
.icon--menu-left:before {
  content: '\f35e';
}
/* '' */
.icon--menu-right:before {
  content: '\f35f';
}
/* '' */
.icon--menu-up:before {
  content: '\f360';
}
/* '' */
.icon--message:before {
  content: '\f361';
}
/* '' */
.icon--message-outline:before {
  content: '\f365';
}
/* '' */
.icon--message-text:before {
  content: '\f369';
}
/* '' */
.icon--message-text-outline:before {
  content: '\f36a';
}
/* '' */
.icon--open-in-new:before,
.ListItemEditorField--SearchLink .ListItemEditorField__fieldWrapper a:before,
.ListItemEditorField--ShopLink .ListItemEditorField__fieldWrapper a:before {
  content: '\f3cc';
}
/* '' */
.icon--pencil:before {
  content: '\f3eb';
}
/* '' */
.icon--pencil-box:before {
  content: '\f3ec';
}
/* '' */
.icon--pencil-box-outline:before {
  content: '\f3ed';
}
/* '' */
.icon--pin:before {
  content: '\f403';
}
/* '' */
.icon--pin-off:before {
  content: '\f404';
}
/* '' */
.icon--plus:before,
.icon--new:before {
  content: '\f415';
}
/* '' */
.icon--plus-circle:before {
  content: '\f417';
}
/* '' */
.icon--printer:before {
  content: '\f42a';
}
/* '' */
.icon--circle:before,
.icon--selection-check:before,
.icon--selection-check.is-selected.is-some:before {
  content: '\f43d';
}
/* '' */
.icon--dot-circled:before,
.icon--selection-check.is-selected:before {
  content: '\f43e';
}
/* '' */
.icon--send:before {
  content: '\f48a';
}
/* '' */
.icon--cog:before,
.icon--settings:before,
.ListTableViewHeaderCell__fieldSettingsButton:before {
  content: '\f493';
}
/* '' */
.icon--share-variant:before {
  content: '\f497';
}
/* '' */
.icon--sum:before {
  content: '\f4a0';
}
/* '' */
.icon--skip-backward:before {
  content: '\f4ab';
}
/* '' */
.icon--skip-forward:before {
  content: '\f4ac';
}
/* '' */
.icon--sort-alphabetical:before {
  content: '\f4bb';
}
/* '' */
.icon--sort-ascending:before {
  content: '\f4bc';
}
/* '' */
.icon--sort-descending:before {
  content: '\f4bd';
}
/* '' */
.icon--sort-numeric:before {
  content: '\f4be';
}
/* '' */
.icon--star:before,
.icon--star:before {
  content: '\f4ce';
}
/* '' */
.icon--star-empty:before {
  content: '\f4d2';
}
/* '' */
.icon--thumb-down:before {
  content: '\f511';
}
/* '' */
.icon--thumb-down-outline:before {
  content: '\f512';
}
/* '' */
.icon--thumb-up:before {
  content: '\f513';
}
/* '' */
.icon--thumb-up-outline:before {
  content: '\f514';
}
/* '' */
.icon--twitter-box:before {
  content: '\f545';
}
/* '' */
.icon--twitter-circle:before {
  content: '\f546';
}
/* '' */
.icon--ccw:before,
.icon--undo:before {
  content: '\f54d';
}
/* '' */
.icon--upload:before {
  content: '\f552';
}
/* '' */
.icon--view-card:before {
  content: '\f56a';
}
/* '' */
.icon--view-column:before {
  content: '\f56d';
}
/* '' */
.icon--lists:before {
  content: '\f572';
}
/* '' */
.icon--math:before {
  content: '\f59c';
}
/* '' */
.icon--youtube-squared:before {
  content: '\f5a4';
}
/* '' */
.icon--tiktok-squared:before {
  content: '\f5a5';
}
/* '' */
.icon--windows:before {
  content: '\f5b3';
}
/* '' */
.icon--youtube-play:before {
  content: '\f5c3';
}
/* '' */
.icon--arrow-expand:before {
  content: '\f616';
}
/* '' */
.icon--hide-column:before {
  content: '\f61e';
}
/* '' */
.icon--tune:before {
  content: '\f62e';
}
/* '' */
.icon--lead-pencil:before {
  content: '\f64f';
}
/* '' */
.icon--map-marker-plus:before {
  content: '\f651';
}
/* '' */
.icon--highlighter:before,
.icon--highlight:before,
.icon--highlight-blue:before,
.icon--highlight-orange:before,
.icon--highlight-purple:before,
.icon--highlight-yellow:before,
.icon--highlight-red:before,
.icon--highlight-green:before {
  content: '\f652';
}
/* '' */
.icon--message-plus:before {
  content: '\f653';
}
/* '' */
.icon--star-range:before {
  content: '\f654';
}
/* '' */
i {
  font-style: normal;
}
.icon--highlight-blue {
  color: blue;
}
.icon--highlight-orange {
  color: orange;
}
.icon--highlight-purple {
  color: purple;
}
.icon--highlight-yellow {
  color: yellow;
}
.icon--highlight-red {
  color: red;
}
.icon--highlight-green {
  color: green;
}
.icon--scroll-down {
  line-height: 0.85;
  border-bottom: 1px solid var(--color-border-3);
}
.icon--scroll-up {
  line-height: 0.85;
  border-top: 1px solid var(--color-border-3);
}
.icon--selection-check.is-selected {
  position: relative;
}
.icon--selection-check.is-selected.is-some:after {
  font-size: 6px;
  line-height: 23px;
  left: 5px;
}
.BaseCell .icon--selection-check,
.ListTableViewHeaderCell .icon--selection-check {
  font-size: 16px;
}
.BaseCell .icon--selection-check.is-selected.is-some:after,
.ListTableViewHeaderCell .icon--selection-check.is-selected.is-some:after {
  font-size: 8px;
}
.round-image {
  border-radius: 50%;
}
img {
  max-width: 100%;
}
.img-loading {
  opacity: 0;
  transition: opacity 0.2s;
}
.img-loaded {
  opacity: 1;
}
.input-group.-error {
  color: hsl(359, 55%, 45%);
}
.input-group.-error input {
  color: hsl(359, 55%, 45%);
  border-color: hsl(359, 55%, 45%);
  position: relative;
}
.input-group.-error label {
  position: relative;
}
.input-group.-error label:before {
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0;
  margin: auto 0;
  height: 1rem;
  width: 1rem;
  margin-right: 0.125rem;
}
label {
  font-weight: bold;
  display: block;
  margin-top: 0.5rem;
  margin-bottom: 0.25rem;
}
input[type="text"],
input[type="datetime-local"],
input[type="number"],
input[type="password"],
input[type="search"],
select,
textarea,
input[type="email"] {
  border: 1px solid var(--color-border-3);
  border-radius: 3px;
  margin-bottom: 0.5rem;
  line-height: 1rem;
  padding: 0.25rem 0.5rem;
  text-overflow: ellipsis;
  box-sizing: border-box;
  background: hsl(0, 0%, 100%);
  width: 100%;
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
}
input[type="text"]:disabled,
input[type="datetime-local"]:disabled,
input[type="number"]:disabled,
input[type="password"]:disabled,
input[type="search"]:disabled,
select:disabled,
textarea:disabled,
input[type="email"]:disabled {
  background: var(--color-background-3);
  -webkit-text-fill-color: var(--color-text-disabled);
  -webkit-opacity: 1;
}
input[type="text"]:focus,
input[type="datetime-local"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus,
input[type="email"]:focus {
  outline: none;
}
input[type="text"].is-inline,
input[type="datetime-local"].is-inline,
input[type="number"].is-inline,
input[type="password"].is-inline,
input[type="search"].is-inline,
select.is-inline,
textarea.is-inline,
input[type="email"].is-inline,
input[type="text"].-inline,
input[type="datetime-local"].-inline,
input[type="number"].-inline,
input[type="password"].-inline,
input[type="search"].-inline,
select.-inline,
textarea.-inline,
input[type="email"].-inline {
  display: inline-block;
}
input[type="text"].-error,
input[type="datetime-local"].-error,
input[type="number"].-error,
input[type="password"].-error,
input[type="search"].-error,
select.-error,
textarea.-error,
input[type="email"].-error {
  border: 1px solid hsl(359, 55%, 45%);
}
input[type="search"] {
  -webkit-appearance: none;
}
input:disabled {
  background: var(--color-background-2);
}
input:focus {
  outline: none;
}
input.is-inline,
input.-inline {
  display: inline-block;
}
input.-error {
  border: 1px solid hsl(359, 55%, 45%);
}
input[type="text"],
input[type="password"],
input[type="search"],
select,
input[type="email"] {
  height: 2rem;
}
textarea {
  line-height: 1.2rem;
  padding: 0.5rem;
  max-width: 100%;
}
input::-ms-clear {
  display: none;
}
input[type="file"] {
  margin-bottom: 0.5rem;
}
input[type="file"]:focus {
  outline: none;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
label.-for-checkbox {
  font-weight: normal;
}
label.-for-checkbox input[type="checkbox"] {
  margin-right: 0.5;
  position: relative;
  top: 0.05rem;
}
label.-for-radio {
  font-weight: normal;
}
label.-for-radio input[type="radio"] {
  margin-right: 0.5rem;
  position: relative;
  top: 0.05rem;
}
fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
label.-for-custom-checkbox {
  width: 2rem;
  height: 50px;
  display: inline-block;
  user-select: none;
}
label.-for-custom-checkbox:active {
  opacity: 0.5;
}
.custom-checkbox-link {
  color: var(--color-text-primary);
  position: relative;
  display: inline-block;
  opacity: 1;
  cursor: pointer;
  width: 2rem;
  margin-left: -1rem;
  height: 100%;
  line-height: 1;
  vertical-align: top;
  text-align: center;
}
.custom-checkbox-link.is-active {
  left: 0;
}
.custom-checkbox-link:active {
  opacity: 0.5;
}
input.-custom[type="checkbox"] {
  opacity: 0.001;
  height: 1px;
  width: 1px;
  display: inline-block;
}
input.-custom[type="checkbox"]:checked + .custom-checkbox {
  position: relative;
  left: 1px;
}
input.-custom[type="checkbox"]:active + .custom-checkbox {
  opacity: 0.5;
}
input.-custom[type="checkbox"] + .custom-checkbox {
  position: relative;
  display: inline-block;
  opacity: 1;
  cursor: pointer;
  width: 2rem;
  margin-left: -1rem;
  text-align: center;
}
.input-group.-button-only {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
button {
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
}
.ReactVirtualized__List:focus,
.ReactVirtualized__Grid__innerScrollContainer:focus {
  outline: 0;
}
.PullToRefresh-List--box {
  background-color: var(--color-list-background-8);
}
.PullToRefresh-List--text {
  padding-top: 80%;
  color: var(--color-text-primary-light) !important;
}
.my-masonry-grid {
  display: flex;
  padding-right: 1rem;
  /* Style your items */
}
.my-masonry-grid__column {
  padding-left: 0.8rem;
  /* gutter size */
  background-clip: padding-box;
  background: unset;
}
.my-masonry-grid__column > * {
  /* change div to reference your elements you put in <Masonry> */
  margin-bottom: 0.8rem;
}
.ListiumList .my-masonry-grid__column > * {
  margin-bottom: 0;
}
.Toggle {
  --toggle-height: 24px;
  display: inline-block;
  height: var(--toggle-height);
  width: calc(var(--toggle-height) * 1.6);
  position: relative;
  background: #ccc;
  border-radius: 12px;
  transition: opacity 0.32s linear, background 0.2s linear;
  cursor: pointer;
}
.DesktopEnvironment .Toggle {
  --toggle-height: 20px;
}
.Toggle:before {
  content: '';
  left: 2px;
  top: 2px;
  position: absolute;
  display: inline-block;
  width: calc(var(--toggle-height) - 4px);
  height: calc(var(--toggle-height) - 4px);
  border-radius: calc((var(--toggle-height) - 4px) / 2);
  background: white;
  transition: transform 0.2s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.Toggle.is-disabled {
  opacity: 0.25;
}
.Toggle.is-active {
  background: var(--color-list-button-background, hsl(147, 79%, 39%));
  box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
}
.Toggle.is-active:before {
  transform: translateX(calc(var(--toggle-height) * 0.6));
}
.Toggle--circleStyle {
  width: var(--toggle-height);
  transition: border-color 0.1s ease;
  border: #ccc 2px solid;
  background: transparent;
}
.Toggle--circleStyle:before {
  opacity: 0;
}
.Toggle--circleStyle.is-active {
  background: var(--color-list-button-background, hsl(147, 79%, 39%));
  border-color: var(--color-list-button-background, hsl(147, 79%, 39%));
}
.Toggle--circleStyle.is-active:before {
  opacity: 1;
  height: calc(var(--toggle-height) - 12px);
  width: calc(var(--toggle-height) - 12px);
  top: 4px;
  left: 4px;
  color: red;
  transform: translateX(0);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.Toggle + .Toggle {
  margin-left: 8px;
}
.ToggleGroup,
.toggle-group {
  display: inline-block;
  border: 1px solid var(--color-border-3);
  border-radius: 4px;
  font-size: 0.85714286rem;
  line-height: 1.32857143rem;
  background: var(--color-background-1);
  white-space: nowrap;
  vertical-align: middle;
  box-shadow: inset 0 1px 2px var(--color-background-3);
}
.ToggleGroup__item,
.toggle-item {
  background: none;
  display: inline-block;
  border: none;
  font-size: 0.85714286rem;
  line-height: 1.32857143rem;
  margin: -1px;
  padding: 0.3rem 0.5rem;
  color: var(--color-text-hint);
  margin: 0;
  margin-bottom: 0;
  transition: opacity 0.2s linear;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0);
  outline: none;
}
.ToggleGroup__item:hover,
.toggle-item:hover,
.ToggleGroup__item:focus,
.toggle-item:focus {
  color: var(--color-text-primary);
}
.ToggleGroup__item:active,
.toggle-item:active {
  outline: none;
  border-color: hsl(5, 90%, 58%);
}
.ToggleGroup__item:active,
.ToggleGroup__item.is-active,
.toggle-item:active,
.toggle-item.is-active {
  font-weight: 700;
  opacity: 1;
  border-radius: 3px;
  background: var(--color-list-button-background);
  border-color: var(--color-list-button-background);
  box-shadow: 0 0px 1px var(--color-background-3);
  color: hsl(0, 0%, 100%);
}
.ToggleGroup--condensed .ToggleGroup__item,
.toggle-group.toggle-group--condensed .ToggleGroup__item,
.ToggleGroup--condensed .toggle-item,
.toggle-group.toggle-group--condensed .toggle-item {
  padding: 0.3rem 0.2rem;
  margin-left: 0.2rem;
}
.ToggleGroup--condensed .ToggleGroup__item:first-child,
.toggle-group.toggle-group--condensed .ToggleGroup__item:first-child,
.ToggleGroup--condensed .toggle-item:first-child,
.toggle-group.toggle-group--condensed .toggle-item:first-child {
  margin-left: 0rem;
}
.ProgressBar,
.progress-bar {
  background: transparent;
  font-size: 0;
  display: block;
  height: 6px;
  position: relative;
}
.ProgressBar__done,
.progress-bar__done {
  background: hsl(5, 90%, 58%);
  transition: width 0.2s ease;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.HelpLink {
  display: inline-block;
  color: var(--color-text-secondary);
}
.HelpLink__icon {
  background: var(--color-background-3);
  display: inline-block;
  color: #FFF;
  border-radius: 50%;
  text-align: center;
  line-height: 18px;
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
.Tooltip {
  width: auto;
  position: relative;
  display: inline-block;
  height: auto;
  color: var(--color-text-primary-light);
  background: var(--color-background-8);
  margin-top: 0px;
  text-align: center;
  max-width: 20rem;
  padding: 0.715rem;
  font-size: 0.85714286rem;
  line-height: 1.32857143rem;
  z-index: 2000;
  border-radius: 4px;
}
.Tooltip.-left-align {
  text-align: left;
}
.Tooltip.-clickable {
  cursor: pointer;
}
.Tooltip--largeLight {
  box-shadow: 0px 2px 16px rgba(10, 10, 10, 0.6);
  color: var(--color-text-primary);
  background: var(--color-background-0);
  font-size: 1rem;
  line-height: 1.55rem;
}
.Tooltip--compact p {
  margin: 0.5em;
  font-size: 0.78571429rem;
  line-height: 1.45em;
}
.TooltipConnector {
  color: var(--color-background-8);
  height: 4px;
  width: 4px;
  display: block;
  position: relative;
  z-index: 2001;
}
.TooltipConnector.animate {
  transition: opacity 0.2s;
}
.TooltipConnector:before {
  display: inline-block;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 4px;
  border-top-color: rgba(0, 0, 0, 0);
  border-right-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
  border-top-width: 0;
  border-bottom-color: currentColor;
  position: absolute;
  right: 0;
  bottom: 100%;
  left: -2px;
  margin: 0 auto;
  content: ' ';
}
.TooltipConnector.-up:before {
  display: inline-block;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 4px;
  border-right-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
  border-bottom-width: 0;
  border-top-color: currentColor;
  top: 100%;
  bottom: auto;
}
.TooltipConnector.-right:before {
  display: inline-block;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 4px;
  border-top-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
  border-left-width: 0;
  border-right-color: currentColor;
  bottom: 0;
  top: -2px;
  right: 100%;
  left: auto;
}
.TooltipConnector.-left:before {
  display: inline-block;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 4px;
  border-top-color: rgba(0, 0, 0, 0);
  border-right-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, 0);
  border-right-width: 0;
  border-left-color: currentColor;
  top: -2px;
  bottom: 0;
  left: 100%;
  right: auto;
}
.TooltipConnector--largeLight {
  height: 8px;
  width: 8px;
  color: white;
}
.TooltipConnector--largeLight:before {
  display: inline-block;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 8px;
  border-top-color: rgba(0, 0, 0, 0);
  border-right-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
  border-top-width: 0;
  left: -4px;
}
.TooltipConnector--largeLight.-up:before {
  display: inline-block;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 8px;
  border-right-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
  border-bottom-width: 0;
  border-top-color: currentColor;
}
.TooltipConnector--largeLight.-right:before {
  display: inline-block;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 8px;
  border-top-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
  border-left-width: 0;
  border-right-color: currentColor;
  top: -4px;
}
.TooltipConnector--largeLight.-left:before {
  display: inline-block;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 8px;
  border-top-color: rgba(0, 0, 0, 0);
  border-right-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, 0);
  border-right-width: 0;
  border-left-color: currentColor;
  top: -4px;
}
.tooltip-loc.-left-align .Tooltip {
  text-align: left;
}
.dropdownMenuStyles {
  display: block;
  background: none;
  border: none;
  padding: 0;
  margin: 1px 0;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  text-align: left;
  width: 100%;
  max-width: 500px;
  height: 36px;
  line-height: 36px;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-text-primary);
}
.dropdownMenuStyles:focus {
  outline: none;
}
.dropdownMenuStyles--danger:hover {
  color: hsl(359, 55%, 45%);
}
.dropdownMenuStyles__toggle {
  font-size: 0.85714286rem;
  color: hsl(359, 55%, 45%);
}
.dropdownMenuStyles--emphasis {
  text-transform: uppercase;
}
.dropdownMenuStyles__tick,
.dropdownMenuStyles__toggleActive {
  color: hsl(115, 35%, 30%);
}
.MouseInterface .dropdownMenuStyles--interactive:not(.FlatMenuButton--disabled) {
  transition: all 0.1s linear;
}
.MouseInterface .dropdownMenuStyles--interactive:not(.FlatMenuButton--disabled):hover {
  background: var(--color-dropdown-hover);
}
.MouseInterface .dropdownMenuStyles--interactive:not(.FlatMenuButton--disabled):hover i.IconRangeColumnAdd {
  color: rgba(255, 255, 255, 0.2);
}
.MouseInterface .dropdownMenuStyles--danger:not(.FlatMenuButton--disabled):hover {
  color: hsl(359, 55%, 45%);
}
.MouseInterface .dropdownMenuStyles--hover {
  background: var(--color-dropdown-hover);
}
.dropdownMenuStyles--disabled {
  opacity: 0.5;
}
.dropdownMenuStyles__icon {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  font-size: 1.4em;
}
.dropdownMenuStyles__icon:not(svg) {
  height: 36px;
  width: 36px;
  line-height: 36px;
}
.dropdownMenuStyles__icon[xmlns] {
  margin-left: 9px;
}
.dropdownMenuStyles__text {
  display: inline-block;
  vertical-align: top;
  line-height: 36px;
  height: 36px;
  margin-left: 9px;
  margin-right: 36px;
  max-width: calc(100% - (36px * 1.25));
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dropdownMenuStyles__tick,
.dropdownMenuStyles__customRight,
.dropdownMenuStyles__subCaret,
.dropdownMenuStyles__toggle {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  text-transform: uppercase;
  text-align: center;
  height: 36px;
  width: 36px;
  line-height: 36px;
}
.dropdownMenuStyles__subCaret .icon,
.dropdownMenuStyles__subCaret .input-group.-error label,
.dropdownMenuStyles__subCaret .custom-checkbox-link,
.dropdownMenuStyles__subCaret .checkbox.-checked,
.dropdownMenuStyles__subCaret .checkbox.-unchecked,
.dropdownMenuStyles__subCaret input.-custom[type="checkbox"] + .custom-checkbox,
.dropdownMenuStyles__subCaret .image-upload .upload-link,
.dropdownMenuStyles__subCaret .ReactSelect__clear,
.dropdownMenuStyles__subCaret .ReactSelect__search-icon,
.dropdownMenuStyles__subCaret .DateTimePicker .touch-date.is-empty,
.dropdownMenuStyles__subCaret .DateTimePicker .touch-date.-empty,
.dropdownMenuStyles__subCaret .TimePicker .time-group .next,
.dropdownMenuStyles__subCaret .TimePicker .time-group .prev,
.dropdownMenuStyles__subCaret .PopupMenu__title__close,
.dropdownMenuStyles__subCaret .PopupMenu__title__back,
.dropdownMenuStyles__subCaret .BaseCell--manualurl a.link,
.dropdownMenuStyles__subCaret .ListTableViewHeaderCell__index-arrow-down,
.dropdownMenuStyles__subCaret .ListTableViewHeaderCell__fieldSettingsButton,
.dropdownMenuStyles__subCaret .ListTableViewHeaderCell__fieldHideButton,
.dropdownMenuStyles__subCaret .ListTableViewHeaderCell__status .sort-state,
.dropdownMenuStyles__subCaret .ListTableViewHeaderCell__status .filtered,
.dropdownMenuStyles__subCaret .ListTableViewHeaderCell__status .grouped,
.dropdownMenuStyles__subCaret .RowIndexCell__reminder-mark,
.dropdownMenuStyles__subCaret .RowIndexCell__dirty-mark {
  font-size: 1.4em;
}
.dropdownMenuStyles__customRight {
  width: auto;
}
.dropdownMenuStyles__tooltip {
  z-index: 100000 !important;
}
.FlatMenuButton {
  display: block;
  background: none;
  border: none;
  padding: 0;
  margin: 1px 0;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  text-align: left;
  width: 100%;
  max-width: 500px;
  height: 36px;
  line-height: 36px;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-text-primary);
}
.FlatMenuButton:focus {
  outline: none;
}
.FlatMenuButton--danger:hover {
  color: hsl(359, 55%, 45%);
}
.FlatMenuButton__toggle {
  font-size: 0.85714286rem;
  color: hsl(359, 55%, 45%);
}
.FlatMenuButton--emphasis {
  text-transform: uppercase;
}
.FlatMenuButton__tick,
.FlatMenuButton__toggleActive {
  color: hsl(115, 35%, 30%);
}
.MouseInterface .FlatMenuButton--interactive:not(.FlatMenuButton--disabled) {
  transition: all 0.1s linear;
}
.MouseInterface .FlatMenuButton--interactive:not(.FlatMenuButton--disabled):hover {
  background: var(--color-dropdown-hover);
}
.MouseInterface .FlatMenuButton--interactive:not(.FlatMenuButton--disabled):hover i.IconRangeColumnAdd {
  color: rgba(255, 255, 255, 0.2);
}
.MouseInterface .FlatMenuButton--danger:not(.FlatMenuButton--disabled):hover {
  color: hsl(359, 55%, 45%);
}
.MouseInterface .FlatMenuButton--hover {
  background: var(--color-dropdown-hover);
}
.FlatMenuButton--disabled {
  opacity: 0.5;
}
.FlatMenuButton__icon {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  font-size: 1.4em;
}
.FlatMenuButton__icon:not(svg) {
  height: 36px;
  width: 36px;
  line-height: 36px;
}
.FlatMenuButton__icon[xmlns] {
  margin-left: 9px;
}
.FlatMenuButton__text {
  display: inline-block;
  vertical-align: top;
  line-height: 36px;
  height: 36px;
  margin-left: 9px;
  margin-right: 36px;
  max-width: calc(100% - (36px * 1.25));
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.FlatMenuButton__tick,
.FlatMenuButton__customRight,
.FlatMenuButton__subCaret,
.FlatMenuButton__toggle {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  text-transform: uppercase;
  text-align: center;
  height: 36px;
  width: 36px;
  line-height: 36px;
}
.FlatMenuButton__subCaret .icon,
.FlatMenuButton__subCaret .input-group.-error label,
.FlatMenuButton__subCaret .custom-checkbox-link,
.FlatMenuButton__subCaret .checkbox.-checked,
.FlatMenuButton__subCaret .checkbox.-unchecked,
.FlatMenuButton__subCaret input.-custom[type="checkbox"] + .custom-checkbox,
.FlatMenuButton__subCaret .image-upload .upload-link,
.FlatMenuButton__subCaret .ReactSelect__clear,
.FlatMenuButton__subCaret .ReactSelect__search-icon,
.FlatMenuButton__subCaret .DateTimePicker .touch-date.is-empty,
.FlatMenuButton__subCaret .DateTimePicker .touch-date.-empty,
.FlatMenuButton__subCaret .TimePicker .time-group .next,
.FlatMenuButton__subCaret .TimePicker .time-group .prev,
.FlatMenuButton__subCaret .PopupMenu__title__close,
.FlatMenuButton__subCaret .PopupMenu__title__back,
.FlatMenuButton__subCaret .BaseCell--manualurl a.link,
.FlatMenuButton__subCaret .ListTableViewHeaderCell__index-arrow-down,
.FlatMenuButton__subCaret .ListTableViewHeaderCell__fieldSettingsButton,
.FlatMenuButton__subCaret .ListTableViewHeaderCell__fieldHideButton,
.FlatMenuButton__subCaret .ListTableViewHeaderCell__status .sort-state,
.FlatMenuButton__subCaret .ListTableViewHeaderCell__status .filtered,
.FlatMenuButton__subCaret .ListTableViewHeaderCell__status .grouped,
.FlatMenuButton__subCaret .RowIndexCell__reminder-mark,
.FlatMenuButton__subCaret .RowIndexCell__dirty-mark {
  font-size: 1.4em;
}
.FlatMenuButton__customRight {
  width: auto;
}
.FlatMenuButton__tooltip {
  z-index: 100000 !important;
}
.RowActionsDropdown__moveInputSpan {
  display: flex;
  align-items: center;
  align-self: center;
  height: 100%;
}
.RowActionsDropdown__moveInputSpan input {
  width: 5ch;
  height: 1.9rem;
  margin: 0;
}
.RowActionsDropdown__moveButton.Button--solidBack {
  color: var(--color-text-primary-light);
  background-color: var(--color-list-button-background);
}
.RowActionsDropdown__moveButton.Button--solidBack:hover {
  filter: var(--button-hover-filter);
}
.RowActionsDropdown.Button--disabled {
  opacity: 0.5;
}
.BackButton {
  height: 100%;
  color: hsl(5, 90%, 58%);
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.BackButton__icon {
  padding-left: calc(14px - 3px);
  font-size: 20px;
}
.BackButton__text {
  margin-left: 0;
}
.HomeButton {
  display: inline-block;
  height: 3rem;
  line-height: 3rem;
  cursor: pointer;
}
.HomeButton__icon {
  display: inline-block;
  text-align: center;
  width: 3rem;
}
.NativePrintMessage {
  display: none;
  border: 1px solid #000;
  padding: 30px 20px;
  margin: 50px;
}
.NativePrintMessage p {
  margin: 0.5rem 0;
}
.NativePrintMessage__message {
  padding-top: 2rem;
}
.NativePrintMessage__featureList {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.NativePrintMessage__column {
  width: 40%;
  padding: 0 10px;
  margin: 0;
}
.NativePrintMessage__brandLogo {
  display: block;
  width: 150px;
  margin: 0 auto;
}
.ImagePlaceholder {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  background-color: var(--color-background-4);
  border-radius: 4px;
}
.ImagePlaceholder > i {
  font-size: 60px;
  color: hsl(0, 0%, 100%);
}
.ListItemViewer .ImagePlaceholder {
  background-color: hsl(0, 0%, 0%);
  display: none;
}
@container list-item-viewer-container (min-width: 900px) {
  .ListItemViewer .ImagePlaceholder {
    display: grid;
    place-items: center;
    border-radius: 0;
    height: 100%;
  }
}
.ListItemViewer .ImagePlaceholder > i {
  color: var(--color-text-hint-light);
  opacity: 0.3;
}
.FixedScrollbar {
  display: flex;
  align-items: center;
  position: sticky;
  bottom: 0;
  left: 0;
  padding: 4px;
  height: 16px;
  z-index: 1000;
  transition: opacity 0.2s linear;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.FixedScrollbar__handle {
  background: var(--color-list-background-8);
  border-radius: 8px;
  opacity: 0.7;
  position: absolute;
  top: 2px;
  bottom: 4px;
  transition: opacity 0.2s linear;
}
.FixedScrollbar__handle:active,
.FixedScrollbar__handle:hover {
  opacity: 1;
}
.FixedScrollbar::-webkit-scrollbar {
  display: none;
}
.RichTextEditor {
  position: relative;
  max-height: inherit;
  width: 100%;
  padding: 0;
  --panels-height: calc(44px + calc(44px + var(--ios-status-bar-height)) + 2px);
  --ql-editor-font-size: 1rem;
  --ql-editor-line-height: 1.5em;
  --ql-editor-margin-top: calc(var(--ql-editor-line-height) * 0.6);
  --ql-editor-margin-top-li: calc(var(--ql-editor-line-height) * 0.3);
}
.RichTextEditor:not(.RichTextEditor--empty) {
  min-height: 15px;
}
.RichTextEditor--withBorder {
  border: 1px solid var(--color-border-3);
  padding: 3px 6px;
}
.RichTextEditor--disabled .ql-editor {
  overflow: hidden !important;
}
.RichTextEditor .ql-clipboard {
  display: none !important;
}
.RichTextEditor .ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: normal;
  word-wrap: break-word;
}
.RichTextEditor .ql-editor[contenteditable="true"] {
  white-space: pre-wrap;
}
.RichTextEditor .ql-editor li:before {
  margin-right: 0.8em;
  margin-left: -2em;
  line-height: 1.2;
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.RichTextEditor .ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.RichTextEditor .ql-editor ol > li,
.RichTextEditor .ql-editor ul > li {
  list-style-type: none;
}
.RichTextEditor .ql-editor ul > li::before {
  content: '\2022';
}
.RichTextEditor .ql-editor > * {
  cursor: text;
}
.RichTextEditor .ql-container {
  box-sizing: border-box;
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-size: 1rem;
  height: 100%;
  margin: 0px;
  position: relative;
}
.RichTextEditor .ql-editor {
  padding: 0;
}
.RichTextEditor .ql-editor > *:first-child,
.RichTextEditor .ql-editor > *:first-child > * {
  margin-top: 0;
}
.RichTextEditor .ql-editor p,
.RichTextEditor .ql-editor ul,
.RichTextEditor .ql-editor ol,
.RichTextEditor .ql-editor li,
.RichTextEditor .ql-editor blockquote {
  margin-top: var(--ql-editor-margin-top);
  font-size: var(--ql-editor-font-size);
  line-height: var(--ql-editor-line-height);
  padding-right: 0.15em;
}
.RichTextEditor .ql-editor ol,
.RichTextEditor .ql-editor ul {
  padding-left: 0;
}
.RichTextEditor .ql-editor li:not(:first-child) {
  margin-top: var(--ql-editor-margin-top-li);
}
.RichTextEditor .ql-editor ul li:not(.ql-direction-rtl),
.RichTextEditor .ql-editor ol li:not(.ql-direction-rtl) {
  padding-left: 0;
  margin-left: 3.5ch;
}
.RichTextEditor .ql-editor ul li:not(.ql-direction-rtl)::before,
.RichTextEditor .ql-editor ol li:not(.ql-direction-rtl)::before {
  padding-right: 1ch;
  margin-right: 0;
  margin-left: -3.5ch;
  line-height: 1.2;
  width: 3.5ch;
  text-align: right;
}
.RichTextEditor .ql-editor * {
  background-color: transparent !important;
}
.RichTextEditor .ql-editor ul li:not(.ql-direction-rtl)::before {
  padding-right: 1.7ch;
}
.RichTextEditor .ql-editor blockquote {
  margin-bottom: 0;
  font-style: italic;
  opacity: 0.75;
  margin-inline-start: 1.1ch;
  margin-inline-end: 0;
}
.ListBannerTextContent__description .RichTextEditor .ql-editor blockquote {
  border-color: var(--color-text-hint-reverse);
}
.MouseInterface .RichTextEditor .ql-editor {
  overflow: visible;
}
.MouseInterface .RichTextEditor .ql-editor.text-selected a:before,
.MouseInterface .RichTextEditor .ql-editor.text-selected a:after {
  visibility: hidden;
}
.RichTextEditor--readOnly .ql-editor > * {
  cursor: default;
}
.-is-ios .RichTextEditor:not(.RichTextEditor--readOnly) .ql-editor,
.-is-ios .RichTextEditor:not(.RichTextEditor--readOnly) .ql-editor * {
  -webkit-user-modify: read-write !important;
  -webkit-touch-callout: default !important;
  -webkit-user-select: text !important;
  user-select: text !important;
}
.RichTextEditor .ql-tooltip {
  z-index: 1;
}
.RichTextEditor .ql-toolbar.ql-snow {
  border: none;
  border-bottom: 1px solid var(--color-border-3);
  background: var(--color-background-00);
}
.RichTextEditor--fullPage .ql-toolbar {
  display: none;
}
.RichTextEditor--fullPage .ql-container {
  border: none;
  flex-grow: 1;
  height: 100%;
  background: var(--color-background-0);
}
.RichTextEditor--fullPageOpened {
  display: flex;
  flex-direction: column;
  z-index: 1;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: hsl(0, 0%, 100%);
  margin: 0;
  overflow: hidden;
}
.RichTextEditor--fullPageOpened .ql-toolbar {
  display: block;
}
:root:not(.-is-ios) .RichTextEditor--fullPageOpened .ql-toolbar {
  order: 1;
}
.RichTextEditor--fullPageOpened .ql-container {
  flex-grow: 0;
  flex-shrink: 0;
  max-height: calc(100% - var(--panels-height));
}
.RichTextEditor--fullPageOpened .ql-container .ql-editor {
  padding: 10px 15px;
  max-height: calc(100% - 20px);
  background: var(--color-background-00);
}
@media (orientation: landscape) {
  .-is-ios .RichTextEditor--fullPageOpened.RichTextEditor--focused .ql-editor {
    padding-bottom: 5%;
  }
}
@media (orientation: portrait) {
  .-is-ios .RichTextEditor--fullPageOpened.RichTextEditor--focused .ql-editor {
    padding-bottom: 10%;
    margin-bottom: 20%;
  }
}
.RichTextEditor__actions {
  display: flex;
  align-items: center;
  font-size: 1rem;
  border-top: none;
  background-color: var(--color-list-background-6);
  height: calc(44px + var(--ios-status-bar-height));
  padding-top: var(--ios-status-bar-height);
}
.RichTextEditor__actions button {
  padding: 0;
}
.RichTextEditor__close {
  display: flex;
  background: transparent;
  color: var(--color-text-primary-light);
  border: none;
  line-height: 44px;
  height: 44px;
}
.RichTextEditor__close .icon,
.RichTextEditor__close .input-group.-error label,
.RichTextEditor__close .custom-checkbox-link,
.RichTextEditor__close .checkbox.-checked,
.RichTextEditor__close .checkbox.-unchecked,
.RichTextEditor__close input.-custom[type="checkbox"] + .custom-checkbox,
.RichTextEditor__close .image-upload .upload-link,
.RichTextEditor__close .ReactSelect__clear,
.RichTextEditor__close .ReactSelect__search-icon,
.RichTextEditor__close .DateTimePicker .touch-date.is-empty,
.RichTextEditor__close .DateTimePicker .touch-date.-empty,
.RichTextEditor__close .TimePicker .time-group .next,
.RichTextEditor__close .TimePicker .time-group .prev,
.RichTextEditor__close .PopupMenu__title__close,
.RichTextEditor__close .PopupMenu__title__back,
.RichTextEditor__close .BaseCell--manualurl a.link,
.RichTextEditor__close .ListTableViewHeaderCell__index-arrow-down,
.RichTextEditor__close .ListTableViewHeaderCell__fieldSettingsButton,
.RichTextEditor__close .ListTableViewHeaderCell__fieldHideButton,
.RichTextEditor__close .ListTableViewHeaderCell__status .sort-state,
.RichTextEditor__close .ListTableViewHeaderCell__status .filtered,
.RichTextEditor__close .ListTableViewHeaderCell__status .grouped,
.RichTextEditor__close .RowIndexCell__reminder-mark,
.RichTextEditor__close .RowIndexCell__dirty-mark {
  font-size: 20px;
  padding: 0 0 0 10px;
}
.RichTextEditor__close[disabled] {
  color: var(--color-text-hint-light);
}
.RichTextEditor__close:focus,
.RichTextEditor__close:active {
  outline: 0;
}
.RichTextEditor__counter {
  position: absolute;
  color: var(--color-text-primary);
  font-size: 0.85714286rem;
  user-select: none;
  right: 10px;
  bottom: 5px;
}
.-is-ios .RichTextEditor__counter {
  bottom: auto;
  right: 17px;
  top: calc(var(--panels-height) - 35px);
}
.RichTextEditor__counter--warn {
  color: hsl(48, 100%, 50%) !important;
  font-weight: 700;
}
.RichTextEditor__counter--warnStrong {
  color: hsl(359, 55%, 45%) !important;
}
.RichTextEditor__counter--exceeded {
  color: hsl(359, 55%, 45%) !important;
  font-weight: 700;
}
.RichTextEditor--empty .RichTextEditor__counter {
  bottom: 8px;
}
.RichTextEditor__linkIcon {
  position: absolute;
}
.RichTextEditor--withFadeOut {
  -webkit-mask-image: linear-gradient(to bottom, #000000 calc(100% - 2em), rgba(0, 0, 0, 0.5) calc(100% - (2em * 0.66)), rgba(0, 0, 0, 0.1) calc(100% - (2em * 0.33)), rgba(0, 0, 0, 0) 100%);
}
.ListCardSlab__longText .RichTextEditor .ql-editor,
.ListCardFromGrid__longText .RichTextEditor .ql-editor,
.ListMapViewItemRow__long-text .RichTextEditor .ql-editor,
.HoverPreview--LongText .RichTextEditor .ql-editor {
  --ql-editor-font-size: 0.85714286rem;
  --ql-editor-line-height: 1.45em;
  --ql-editor-margin-top: calc(var(--ql-editor-line-height) * 0.3);
  --ql-editor-margin-top-li: calc(var(--ql-editor-line-height) * 0.1);
}
.ListComparisonView__field--TextLong .RichTextEditor .ql-editor {
  --ql-editor-font-size: calc(1rem - 1px);
  --ql-editor-line-height: 1.4em;
  --ql-editor-margin-top: calc(var(--ql-editor-line-height) * 0.4);
  --ql-editor-margin-top-li: calc(var(--ql-editor-line-height) * 0.2);
}
@media screen and (min-width: 800px) {
  .ListArticleItem__longTextContainer .RichTextEditor .ql-editor {
    --ql-editor-font-size: 1rem;
    --ql-editor-line-height: 1.6em;
  }
}
.ListItemEditorField.ListItemEditorField--Text-long .RichTextEditor .ql-editor {
  --ql-editor-margin-top: calc(var(--ql-editor-line-height) * 0.4);
}
.ListTeaser .RichTextEditor--readOnly .ql-editor {
  --ql-editor-font-size: 1rem;
  --ql-editor-line-height: 1.3em;
  --ql-editor-margin-top: calc(var(--ql-editor-line-height) * 0.3);
  --ql-editor-margin-top-li: calc(var(--ql-editor-line-height) * 0.1);
}
.EmbedContext  .RichTextEditor--readOnly .ql-editor {
  --ql-editor-font-size: 1rem;
  --ql-editor-line-height: 1.4em;
  --ql-editor-margin-top: calc(var(--ql-editor-line-height) * 0.3);
  --ql-editor-margin-top-li: calc(var(--ql-editor-line-height) * 0.1);
}
.TableOfContents {
  padding: 5px calc(2px + 1vw) 10px calc(1vw);
  height: 100%;
  overflow-y: auto;
  cursor: default;
  background-color: transparent;
  border: none;
  padding-bottom: 1rem;
}
.EmbedContext .TableOfContents {
  border: none;
}
.TableOfContents__title {
  margin: 0;
  padding-top: 0.2rem;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  text-align: left;
  font-size: 1.57142857rem;
  font-weight: 600;
  color: var(--color-text-primary);
  border-bottom: 1px solid var(--color-border-2);
}
@media (max-width: 900px) {
  .ListiumList--mobileMode.ListiumList--articleMode .TableOfContents__title,
  .ListiumList--embedMode.ListiumList--articleMode .TableOfContents__title {
    font-size: 1.57142857rem;
    padding-top: 0.6rem;
  }
}
@container list-container (max-width: 900px) {
  .ListiumList--articleMode .TableOfContents__title {
    font-size: 1.57142857rem;
    padding-top: 0.6rem;
  }
}
.TableOfContents__list {
  padding: 0;
  margin: 0;
  column-width: 300px;
  list-style: none;
  user-select: none;
}
.TableOfContents__listItem {
  list-style-position: inside;
  margin-left: 0;
  height: 36px;
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 8px;
  align-items: center;
  color: var(--color-list-button-text);
  border-radius: 4px;
  padding-left: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.TableOfContents__listItem--active {
  font-weight: 700;
}
.TableOfContents__listItem:hover {
  cursor: pointer;
  background-color: var(--color-list-background-2);
}
.ListSlideView .TableOfContents__listItem--banner {
  margin-bottom: 0.7em;
}
.TableOfContents__thumbnail {
  margin-right: 8px;
  vertical-align: middle;
  width: 30px;
  height: 24px;
  object-fit: cover;
  border-radius: 2px;
}
.TableOfContents__thumbnail-placeholder {
  width: 30px;
  height: 24px;
  border-radius: 2px;
  display: grid;
  place-items: center;
}
.TableOfContents__thumbnail-placeholder svg.TableOfContents__icon {
  width: 7px;
  height: 7px;
  border-radius: 2px;
  fill: var(--color-list-button-background);
  opacity: 0.4;
}
.TableOfContents__groupHeading {
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  list-style: none;
  padding-bottom: 4px;
}
.TableOfContents__groupHeading:not(:first-child) {
  margin-top: 12px;
}
.TableOfContents__groupHeading .ListGroupHeader {
  font-size: 1.14285714rem;
  font-weight: 600;
  text-transform: uppercase;
  min-height: 18px;
}
.MobileEnvironment .mobile-toc-container,
.EmbedContext .mobile-toc-container {
  position: fixed;
  left: 0;
  padding: 0 4px calc(var(--ios-safe-area-bottom) + 6px) 4px;
  z-index: 400;
  margin: 0;
  background-color: var(--color-background-00);
  transition: transform 0.4s cubic-bezier(0, 0.8, 0.5, 0.9), box-shadow 0.4s cubic-bezier(0, 0.8, 0.5, 0.9);
  z-index: 1000;
  transform: translateX(-100%);
  box-shadow: 0 0 0 0 hsla(0, 0%, 0%, 0);
}
.MobileEnvironment .mobile-toc-container--open,
.EmbedContext .mobile-toc-container--open {
  animation: open-toc 0.4s cubic-bezier(0, 0.8, 0.5, 0.9);
  transform: translateX(0);
  box-shadow: 0 0 200px 0 hsla(0, 0%, 0%, 0.95);
}
.EmbedContext .mobile-toc-container {
  width: 90vw;
  max-width: 280px;
  top: 0;
  height: 100vh;
}
.mobile-toc-container-tab {
  position: absolute;
  bottom: calc(20px + var(--ios-safe-area-bottom));
  right: 0;
  transform: translateX(32px);
  width: 32px;
  height: 48px;
  border-radius: 0 4px 4px 0;
  background-color: var(--color-background-00);
  box-shadow: 4px 0 4px rgba(0, 0, 0, 0.3);
  display: grid;
  place-items: center;
}
.mobile-toc-container-tab svg * {
  fill: var(--color-list-button-text);
  stroke: var(--color-list-button-text);
}
.ListArticleView__tableOfContentsContainer--closed .mobile-toc-container-tab,
.ListSlideView__tableOfContents--closed .mobile-toc-container-tab {
  background-color: var(--color-list-button-text);
  width: 38px;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transform: translateX(38px);
}
.ListArticleView__tableOfContentsContainer--closed .mobile-toc-container-tab svg *,
.ListSlideView__tableOfContents--closed .mobile-toc-container-tab svg * {
  fill: var(--color-text-primary-reverse);
  stroke: var(--color-text-primary-reverse);
}
.ListSlideView .mobile-toc-container-tab {
  bottom: calc(5px + var(--ios-safe-area-bottom));
}
.ScrollToTop {
  display: flex;
  flex-direction: column;
  position: fixed;
  right: 14px;
  bottom: calc(66px + var(--ios-safe-area-bottom));
  padding: 4px;
  width: 50px;
  height: 60px;
  border-radius: 4px;
  transition: opacity 0.3s;
  z-index: -1;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.ScrollToTop--visible {
  opacity: 1;
  z-index: 2;
}
.ScrollToTop__icon {
  fill: #fff;
  transform: rotate(-90deg);
  width: 100%;
  flex-grow: 1;
}
.ScrollToTop__text {
  text-transform: uppercase;
  color: #fff;
  margin: 0;
  text-align: center;
}
.EmbedContext  .ScrollToTop {
  bottom: 60px;
}
.SliderRange {
  font-size: 0.85714286rem;
  font-weight: 600;
  color: var(--color-text-secondary);
  padding-top: 6px;
  padding-bottom: 5px;
}
.SliderRange--disabled .SliderRange__minMaxValues,
.SliderRange--disabled .SliderRange__inputsContainer {
  display: none;
}
.SliderRange__minMaxValues {
  display: flex;
  justify-content: space-between;
  padding-left: 8px;
  padding-right: 9px;
}
.SliderRange__inputsContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0;
}
input.SliderRange__input {
  width: calc(35% - 10px);
  margin: 0;
  text-align: center;
  height: auto;
  border: 1px solid var(--color-input-border-light);
}
input.SliderRange__input:focus {
  border: 1px solid var(--color-list-accent);
}
.SliderRange__inputHyphen {
  margin-left: 10px;
  margin-right: 10px;
}
.SliderRange .rc-slider {
  --rc-slider-handle-size: 14px;
  --rc-slider-track-height: 4px;
  width: calc(100% - 2 * var(--rc-slider-handle-size));
  height: calc(var(--rc-slider-handle-size) + var(--rc-slider-track-height));
  margin: 0 auto;
}
.SliderRange .rc-slider-tooltip-inner {
  display: none;
  background-color: transparent;
  color: var(--color-text-primary);
  box-shadow: none;
  font-size: 0.85714286rem;
  padding-top: 5px;
}
.SliderRange .rc-slider-handle {
  width: var(--rc-slider-handle-size);
  height: var(--rc-slider-handle-size);
  border-color: var(--color-list-button-background, hsl(5, 90%, 58%));
  background-color: var(--color-list-button-background, hsl(5, 90%, 58%));
  opacity: 1;
  margin-top: calc(-1 * ((var(--rc-slider-handle-size) / 2) - var(--rc-slider-track-height) / 2));
}
.SliderRange .rc-slider-handle-dragging,
.SliderRange .rc-slider-handle:hover {
  border-color: var(--color-list-background-7, hsl(5, 90%, 58%)) !important;
  box-shadow: none !important;
}
.SliderRange .rc-slider-track {
  height: var(--rc-slider-track-height);
}
.SliderRange .rc-slider-rail:not(.rc-slider-disabled .rc-slider-rail) {
  background-color: var(--color-border-2);
}
.SliderRange .rc-slider-track {
  background-color: var(--color-list-button-background);
}
.DirectionButton {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px !important;
  min-height: 40px;
  border-radius: 50% !important;
  padding: 0 !important;
  cursor: pointer;
}
.DirectionButton svg {
  display: block !important;
  width: 50% !important;
  height: 50% !important;
}
.DirectionButton--left svg {
  transform: rotate(180deg);
}
.DirectionButton--absolutePositioning {
  position: absolute !important;
  z-index: 10;
  bottom: 0;
  top: 0;
  margin: auto !important;
}
.ListSlideView .DirectionButton {
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.15);
}
.ListSlideItemRenderer__container .DirectionButton,
.ListiumList__itemContainerContent .DirectionButton {
  border: 1px solid var(--color-border-3);
}
.UserBadges {
  display: flex;
  flex-direction: row;
  justify-items: flex-start;
  gap: 1px;
}
.UserBadges--small {
  margin-left: 0.25rem;
}
.UserBadges--medium {
  margin-left: 0.5rem;
}
.UserBadges--large {
  gap: 3px;
  margin-left: 0;
}
.UserBadge {
  display: grid;
  place-items: center;
  cursor: pointer;
}
.UserBadge--small svg {
  height: 1.2rem;
  width: 1.2rem;
  margin-top: 0.1rem;
}
.UserBadge--medium svg {
  height: 1.5rem;
  width: 1.5rem;
  margin-top: 0.2rem;
}
.UserBadge--large svg {
  height: 2.5rem;
  width: 2.5rem;
}
.UserBadge__badgeName {
  font-size: 0.78571429rem;
}
.UserBadge__helpTooltip {
  line-height: 1.35;
}
.UserBadge__helpTooltip strong {
  display: inline-block;
  margin-bottom: 6px;
}
.CollapsibleText {
  position: relative;
}
.CollapsibleText__content {
  overflow: hidden;
  padding-bottom: 1rem;
  -webkit-mask-image: linear-gradient(to bottom, #000000 calc(100% - 2rem), rgba(0, 0, 0, 0.5) calc(100% - (2rem * 0.66)), rgba(0, 0, 0, 0.1) calc(100% - (2rem * 0.33)), rgba(0, 0, 0, 0) 100%);
}
.CollapsibleText__switch {
  position: absolute;
  bottom: -0.2rem;
  right: 0;
  padding: 0 1.5ch;
  cursor: pointer;
  font-size: 0.78571429rem;
  font-weight: 600;
  color: var(--color-text-hint);
  background: var(--color-background-00);
  border: 1px solid var(--color-border-2);
  border-radius: 1rem;
}
.Avatar {
  display: inline-block;
  width: 64px;
  height: 64px;
  max-width: 100%;
  vertical-align: middle;
  object-fit: cover;
  border-radius: 50%;
}
.Avatar--square {
  border-radius: 1px;
}
.Avatar--small {
  width: 26px;
  height: 26px;
}
.Avatar--medium {
  width: 48px;
  height: 48px;
}
.Avatar--tiny {
  width: 16px;
  height: 16px;
}
.Avatar--large {
  width: 112px;
  height: 112px;
}
.Avatar--huge {
  width: 202px;
  height: 202px;
}
.AuthButton.Button {
  font-weight: 700;
  margin: 0.5rem 0;
  padding: 1.3rem 0 1.3rem 1.2rem;
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}
.AuthButton.Button .AuthButton__serviceIcon {
  height: 22px;
  margin-right: 1rem;
  position: absolute;
  left: 5px;
}
:root {
  --button-height: 2.57142857em;
  --button-height-compact: 2.14285714em;
  --button-spacing-unit: 0.21428571em;
  --button-spacing-number: 4;
  --button-margin: calc(3 * var(--button-spacing-unit));
  --button-hover-filter: brightness(90%) saturate(1.2);
}
.Button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: var(--button-height);
  border-radius: 4px;
  margin: 0;
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-weight: 600;
  outline: none;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
  border: solid 1px transparent;
  white-space: nowrap;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  font-size: 14px;
  height: var(--button-height);
  padding: 0 calc(var(--button-spacing-unit) * var(--button-spacing-number));
  transition: all 0.2s ease;
  background: transparent;
  color: var(--color-button-mixin-text);
}
.Button path,
.Button svg,
.Button g {
  min-width: 1em;
  min-height: 1em;
  max-height: 50%;
  fill: currentColor;
  fill-opacity: 1;
}
.Button__icon {
  justify-self: center;
}
.Button--svgScale-d10 svg {
  transform: scale(0.9);
}
.Button--svgScale-u10 svg {
  transform: scale(1.1);
}
.Button--svgScale-u20 svg {
  transform: scale(1.2);
}
.Button--svgScale-u30 svg {
  transform: scale(1.3);
}
.Button > * {
  margin: 0 var(--button-spacing-unit);
}
.Button--bigSize {
  font-size: 16px;
}
.Button--smallSize {
  font-size: 12px;
  font-weight: 600;
}
.Button--compact {
  --button-height: var(--button-height-compact);
  --button-spacing-number: 2;
}
.Button--compact .icon,
.Button--compact .input-group.-error label,
.Button--compact .custom-checkbox-link,
.Button--compact .checkbox.-checked,
.Button--compact .checkbox.-unchecked,
.Button--compact input.-custom[type="checkbox"] + .custom-checkbox,
.Button--compact .image-upload .upload-link,
.Button--compact .ReactSelect__clear,
.Button--compact .ReactSelect__search-icon,
.Button--compact .DateTimePicker .touch-date.is-empty,
.Button--compact .DateTimePicker .touch-date.-empty,
.Button--compact .TimePicker .time-group .next,
.Button--compact .TimePicker .time-group .prev,
.Button--compact .PopupMenu__title__close,
.Button--compact .PopupMenu__title__back,
.Button--compact .BaseCell--manualurl a.link,
.Button--compact .ListTableViewHeaderCell__index-arrow-down,
.Button--compact .ListTableViewHeaderCell__fieldSettingsButton,
.Button--compact .ListTableViewHeaderCell__fieldHideButton,
.Button--compact .ListTableViewHeaderCell__status .sort-state,
.Button--compact .ListTableViewHeaderCell__status .filtered,
.Button--compact .ListTableViewHeaderCell__status .grouped,
.Button--compact .RowIndexCell__reminder-mark,
.Button--compact .RowIndexCell__dirty-mark {
  padding: 0 !important;
}
.Button--uppercase {
  text-transform: uppercase;
}
.Button--wide {
  --button-spacing-number: 8;
}
.Button--fullWidth {
  width: 100%;
}
.Button--circleShape {
  --button-icon-modifier: 1.2;
  border-radius: 100px;
  height: calc(var(--button-height) / var(--button-icon-modifier));
  width: calc(var(--button-height) / var(--button-icon-modifier));
  font-size: calc(14px * var(--button-icon-modifier));
}
.Button--roundShape {
  padding: 0.78571429em;
  width: 100%;
  border-radius: 100px;
}
.Button--squareShape {
  padding: 0.78571429em;
}
.Button--tinySquareShape {
  padding: 4px 1px;
  margin: 0 !important;
}
.Button--leftMargin {
  margin-left: var(--button-margin);
  margin-right: 0;
}
.Button--rightMargin {
  margin-left: 0;
  margin-right: var(--button-margin);
}
.Button--bothMargin {
  margin-left: var(--button-margin);
  margin-right: var(--button-margin);
}
.Button--noMargin {
  margin-left: 0;
  margin-right: 0;
}
.Button svg path,
.Button svg g {
  transition: all 0.2s ease;
}
.Button svg,
.Button path,
.Button g {
  fill: var(--color-button-mixin-text);
}
.Button--solidBack {
  background: var(--color-button-mixin-background);
  color: var(--color-text-primary-light);
  --button-hover-filter: brightness(95%) saturate(0.9);
}
.Button--solidBack svg,
.Button--solidBack path,
.Button--solidBack g {
  fill: var(--color-text-primary-light);
}
.Button--solidBack.Button--defaultColor,
.Button--solidBack.Button--greyColor,
.Button--solidBack.Button--whiteColor {
  color: var(--color-text-primary);
}
.Button--solidBack.Button--defaultColor svg,
.Button--solidBack.Button--greyColor svg,
.Button--solidBack.Button--whiteColor svg,
.Button--solidBack.Button--defaultColor path,
.Button--solidBack.Button--greyColor path,
.Button--solidBack.Button--whiteColor path,
.Button--solidBack.Button--defaultColor g,
.Button--solidBack.Button--greyColor g,
.Button--solidBack.Button--whiteColor g {
  fill: var(--color-text-primary);
}
.Button--solidBack.Button--amazonColor,
.Button--lightBack.Button--amazonColor,
.Button--borderBack.Button--amazonColor {
  --color-amazon-background: #febd69;
  --color-amazon-text: #131a22;
  border: none;
  background: var(--color-amazon-background);
  color: var(--color-amazon-text);
}
.Button--solidBack.Button--amazonColor svg,
.Button--lightBack.Button--amazonColor svg,
.Button--borderBack.Button--amazonColor svg,
.Button--solidBack.Button--amazonColor path,
.Button--lightBack.Button--amazonColor path,
.Button--borderBack.Button--amazonColor path,
.Button--solidBack.Button--amazonColor g,
.Button--lightBack.Button--amazonColor g,
.Button--borderBack.Button--amazonColor g {
  fill: var(--color-amazon-text);
}
.Button--lightBack {
  background: var(--color-button-background);
}
.Button--lightBack.Button--listColor {
  background: var(--color-list-button-background-light);
  color: var(--color-list-button-text);
}
.Button--hoverBack {
  background: transparent;
  border: transparent;
}
.Button--borderBack {
  border: solid 1px currentColor;
}
.Button.-active,
.Button.is-active,
.Button:active {
  filter: var(--button-hover-filter);
}
.Button--disabled,
.Button.not-available {
  cursor: default;
  opacity: 0.5;
}
.Button--working .Button__icon,
.Button--working .Button__text {
  animation: opacityPulse 2s ease infinite;
}
.MouseInterface .Button.pretend-hover,
.MouseInterface .Button:not(.Button--disabled):hover {
  filter: var(--button-hover-filter);
}
.MouseInterface .Button.Button--solidBack.pretend-hover,
.MouseInterface .Button.Button--solidBack:not(.Button--disabled):hover {
  filter: var(--button-hover-filter);
}
.MouseInterface .Button.Button--lightBack.pretend-hover,
.MouseInterface .Button.Button--lightBack:not(.Button--disabled):hover {
  filter: var(--button-hover-filter);
}
.MouseInterface .Button.Button--hoverBack.pretend-hover,
.MouseInterface .Button.Button--hoverBack:not(.Button--disabled):hover {
  background: var(--color-list-background-3, var(--color-button-background));
  filter: none;
}
.Button__toggleGroup {
  background: hsla(0, 0%, 100%, 0.25);
  height: calc(var(--button-height) + 2px);
  flex: 1;
  align-items: center;
  line-height: normal;
  border-radius: calc(4px + 3px);
}
@media screen and (max-width: 1000px) {
  .DesktopEnvironment .Button__toggleGroup .Button {
    padding: 0 8px !important;
  }
}
.Button__toggleGroup--small {
  height: 32px;
}
.Button__leftToggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid var(--color-border-4-light) !important;
  border-right: 0 !important;
}
.Button__centerToggle {
  border-radius: 0;
  border: 1px solid var(--color-border-4-light) !important;
  border-right: 0 !important;
}
.Button__rightToggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: 1px solid var(--color-border-4-light) !important;
  border-left: 0 !important;
}
.Button__toggle {
  color: var(--color-text-primary-light);
  margin: 3px;
  height: calc(100% - 6px);
}
.Button__toggleActive {
  color: var(--color-text-primary) !important;
  color: var(--color-list-button-text) !important;
  background: var(--color-background-1) !important;
  cursor: default !important;
}
.Button__betaIcon {
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
  position: absolute;
  right: -5px;
  top: -3px;
  font-size: 10px;
  letter-spacing: -0.08ch;
  font-style: italic;
  font-weight: 700;
  line-height: 10px;
  color: var(--color-list-button-background);
}
.Button__betaIconShape {
  display: flex;
  align-items: center;
  height: 14px;
  padding: 0px 4px 0 5px;
  background: var(--color-text-primary-light);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 10% 50%);
}
.SuggestItem .Button--solidBack.Button--primaryColor,
.SharingSettings .Button--solidBack.Button--primaryColor,
.ListTableViewHeader__bulkEdit .Button--solidBack.Button--primaryColor,
.BulkListItemEditorConfirmation .Button--solidBack.Button--primaryColor,
.ImageUploadDialog .Button--solidBack.Button--primaryColor,
.LongTextModal .Button--solidBack.Button--primaryColor,
.BulkListItemEditor__modal .Button--solidBack.Button--primaryColor,
.CardDesigner .Button--solidBack.Button--primaryColor,
.LocationDialog .Button--solidBack.Button--primaryColor,
.MultiSelectChoicesModal .Button--solidBack.Button--primaryColor,
.PickerPopupModal .Button--solidBack.Button--primaryColor,
.SearchTermsSettingsModal .Button--solidBack.Button--primaryColor,
.ListNotificationsDialog .Button--solidBack.Button--primaryColor,
.modal--set-reminder .Button--solidBack.Button--primaryColor,
.modal--video-cell .Button--solidBack.Button--primaryColor {
  --color-button-mixin-background: var(--color-list-button-background);
}
.SuggestItem .Button--borderBack.Button--primaryColor,
.SharingSettings .Button--borderBack.Button--primaryColor,
.ListTableViewHeader__bulkEdit .Button--borderBack.Button--primaryColor,
.BulkListItemEditorConfirmation .Button--borderBack.Button--primaryColor,
.ImageUploadDialog .Button--borderBack.Button--primaryColor,
.LongTextModal .Button--borderBack.Button--primaryColor,
.BulkListItemEditor__modal .Button--borderBack.Button--primaryColor,
.CardDesigner .Button--borderBack.Button--primaryColor,
.LocationDialog .Button--borderBack.Button--primaryColor,
.MultiSelectChoicesModal .Button--borderBack.Button--primaryColor,
.PickerPopupModal .Button--borderBack.Button--primaryColor,
.SearchTermsSettingsModal .Button--borderBack.Button--primaryColor,
.ListNotificationsDialog .Button--borderBack.Button--primaryColor,
.modal--set-reminder .Button--borderBack.Button--primaryColor,
.modal--video-cell .Button--borderBack.Button--primaryColor {
  --color-button-mixin-text: var(--color-list-button-text);
}
.SearchBox {
  position: relative;
  margin: 11px;
  line-height: 20px;
}
.SearchBox:after {
  z-index: 1;
  position: absolute;
  font-size: 1.14285714rem;
  top: 4px;
  left: 7px;
  pointer-events: none;
  color: var(--color-text-hint);
}
.SearchBox__filter {
  padding: 5px 10px;
  padding-left: 26px;
  border-radius: 4px;
  outline: 0;
  border: 1px solid var(--color-border-1);
  background: var(--color-background-0);
  color: var(--color-text-primary);
  z-index: 1000;
  width: 100%;
  -webkit-appearance: none;
}
.SearchBox__filterReset {
  position: relative;
  background: none;
  border: none;
  line-height: 26px;
  text-align: center;
  vertical-align: middle;
  color: var(--color-text-hint);
  width: 26px;
  height: 26px;
  padding: 0;
  margin-top: -26px;
  float: right;
  transform: scale(0) rotate(-90deg);
  transition: transform 0.2s linear;
  cursor: pointer;
}
.SearchBox__filterReset:active {
  color: var(--color-text-secondary);
}
.SearchBox__filter--containsText + .SearchBox__filterReset {
  transform: scale(1) rotate(0);
}
.Image {
  opacity: 0.5;
  transition: all 0.4s linear;
  filter: blur(10px);
}
.Image--client {
  opacity: 1;
  filter: blur(0px);
}
.Spinner {
  margin: 100px auto;
  width: 60px;
  height: 60px;
  position: relative;
}
@media screen and (max-width: 24.9375em) {
  .Spinner {
    width: 40px;
    height: 40px;
  }
}
.Spinner--noMargin {
  margin-top: 0;
  margin-bottom: 0;
}
.Spinner--small {
  width: 40px;
  height: 40px;
}
.Spinner-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.Spinner-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: var(--color-text-secondary);
  border-radius: 100%;
  -webkit-animation: SpinnerBounceDelay 1.2s infinite ease-in-out both;
  animation: SpinnerBounceDelay 1.2s infinite ease-in-out both;
}
.Spinner1 {
  transform: rotate(330deg);
}
.Spinner2 {
  transform: rotate(30deg);
}
.Spinner3 {
  transform: rotate(60deg);
}
.Spinner4 {
  transform: rotate(90deg);
}
.Spinner5 {
  transform: rotate(120deg);
}
.Spinner6 {
  transform: rotate(150deg);
}
.Spinner7 {
  transform: rotate(180deg);
}
.Spinner8 {
  transform: rotate(210deg);
}
.Spinner9 {
  transform: rotate(240deg);
}
.Spinner10 {
  transform: rotate(270deg);
}
.Spinner11 {
  transform: rotate(300deg);
}
.Spinner1:before {
  animation-delay: -0.1s;
}
.Spinner2:before {
  animation-delay: -1.1s;
}
.Spinner3:before {
  animation-delay: -1s;
}
.Spinner4:before {
  animation-delay: -0.9s;
}
.Spinner5:before {
  animation-delay: -0.8s;
}
.Spinner6:before {
  animation-delay: -0.7s;
}
.Spinner7:before {
  animation-delay: -0.6s;
}
.Spinner8:before {
  animation-delay: -0.5s;
}
.Spinner9:before {
  animation-delay: -0.4s;
}
.Spinner10:before {
  animation-delay: -0.3s;
}
.Spinner11:before {
  animation-delay: -0.2s;
}
@-webkit-keyframes SpinnerBounceDelay {
  0%,
  80%,
  100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
@keyframes SpinnerBounceDelay {
  0%,
  80%,
  100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.message\* p:first-child,
.Message\* p:first-child {
  margin-top: 0;
}
.message\*.Message--info p:nth-child(2),
.Message\*.Message--info p:nth-child(2),
.message\*.Message--warning p:nth-child(2),
.Message\*.Message--warning p:nth-child(2),
.message\*.Message--danger p:nth-child(2),
.Message\*.Message--danger p:nth-child(2) {
  margin-top: 0;
}
.message\* p:last-child,
.Message\* p:last-child {
  margin-bottom: 0;
}
.message,
.Message {
  padding: 1rem;
  margin: 1rem 0;
  background-color: var(--color-background-3);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
}
.message__icon,
.Message__icon {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  margin-left: 0;
  left: 1rem;
  height: 2rem;
  font-size: 2rem;
  line-height: 2rem;
}
.message--info,
.Message--info,
.message--warning,
.Message--warning,
.message--danger,
.Message--danger {
  position: relative;
  padding-left: 4rem;
}
.message--info,
.Message--info {
  background-color: hsl(202, 60%, 85%);
}
.message--warning,
.Message--warning {
  background-color: hsl(28, 85%, 93%);
  color: hsl(28, 80%, 35%);
}
.message--danger,
.Message--danger {
  background-color: hsl(359, 35%, 90%);
  color: hsl(359, 55%, 45%);
}
.message--fade,
.Message--fade {
  animation: fadeOut 1.5s ease-out 0s;
  animation-fill-mode: forwards;
}
.message__message,
.Message__message {
  line-height: 20px;
}
.YouTube {
  width: 100%;
  height: 100%;
}
.YouTube iframe {
  width: inherit;
  height: inherit;
}
.ListiumList__listContainer--suspendedAccountNotice {
  --list-container-width: var(--svw);
  --list-sidebar-width-left: 0;
  --list-sidebar-width-right: 0;
}
.SuspendedAccountNotice {
  display: grid;
  place-items: center;
}
.ListiumList .SuspendedAccountNotice {
  height: calc(0.8 * var(--svh));
  background-color: var(--color-list-background-00);
}
.ProfilePage .SuspendedAccountNotice,
.DashboardDesktop .SuspendedAccountNotice {
  margin-top: 3rem;
}
.SuspendedAccountNotice__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}
.DashboardDesktop .SuspendedAccountNotice__container {
  background-color: var(--color-background-1);
}
.DashboardMobile .SuspendedAccountNotice__container {
  padding: 1rem;
  background-color: var(--color-background-0);
  border-bottom: 1px solid var(--color-border-2);
}
.SuspendedAccountNotice__title {
  font-weight: 600;
  font-size: 1.92857143rem;
  margin: 0 0 1.5rem;
}
.SuspendedAccountNotice__text {
  max-width: 400px;
  text-align: center;
  padding: 14px;
}
.SuspendedAccountNotice__text--long {
  text-align: left;
}
.DashboardMobile .SuspendedAccountNotice__text {
  font-size: 0.85714286rem;
}
.DashboardMobile .SuspendedAccountNotice__text ul {
  padding-left: 2ch;
}
.DashboardMobile .SuspendedAccountNotice__text ul li {
  line-height: 1.4;
  font-size: 0.85714286rem;
}
.SegmentedControl {
  --segmented-control-border-width: 4px;
  border-radius: 50px;
  background-color: var(--color-list-button-background);
  width: fit-content;
  min-width: 130px;
  height: calc(var(--button-height) + 2px);
  box-sizing: border-box;
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-items: center;
  position: relative;
  gap: clamp(0.25rem, 2vw, 1rem);
  padding: 0 0.5rem;
  font-size: 14px;
  border: none;
}
.SegmentedControl--width-content {
  width: fit-content;
}
.SegmentedControl--width-full {
  width: 100%;
}
.SegmentedControl--background-solid {
  background-color: var(--color-list-button-background);
  height: calc(var(--button-height) + 2px);
}
.SegmentedControl--background-solid-reverse {
  background-color: var(--color-background-00);
  height: calc(var(--button-height) + 2px);
}
.SegmentedControl--background-none {
  height: calc(var(--button-height) - 5px);
  background-color: transparent;
  padding: 0;
  gap: clamp(0.2rem, 6vw, 2.5rem);
}
.SegmentedControl--background-none.SegmentedControl--compact {
  height: calc(var(--button-height-compact) - 5px);
}
.SegmentedControl--border {
  border: 1px solid var(--color-list-border-2);
}
.SegmentedControl--shape-pills {
  border-radius: 50px;
}
.SegmentedControl--shape-buttons {
  border-radius: 4px;
}
.SegmentedControl--small {
  font-size: 12px;
}
.SegmentedControl--compact {
  height: calc(var(--button-height-compact) + 2px);
  min-width: 100px;
}
.SegmentedControl__input {
  display: none;
}
.SegmentedControl__label {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 1;
  position: relative;
  font-weight: 600;
  transition: color 0.3s ease;
  text-align: center;
  margin: 0;
  padding: 0 0.5rem;
}
.SegmentedControl--spacing-equal .SegmentedControl__label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.SegmentedControl--spacing-content .SegmentedControl__label {
  white-space: nowrap;
  padding: 0 0.5rem;
}
.SegmentedControl--spacing-content.SegmentedControl--background-none .SegmentedControl__label {
  padding: 0.35rem 0.2rem;
}
.SegmentedControl--background-solid .SegmentedControl__label {
  color: var(--color-text-primary-reverse);
}
.SegmentedControl--background-solid-reverse .SegmentedControl__label {
  color: var(--color-text-primary);
}
.SegmentedControl--background-none .SegmentedControl__label {
  color: var(--color-text-primary);
}
.SegmentedControl--background-solid .SegmentedControl__label--checked {
  color: var(--color-list-button-text);
}
.SegmentedControl--background-solid-reverse .SegmentedControl__label--checked {
  color: var(--color-text-primary-reverse);
}
.SegmentedControl--background-none .SegmentedControl__label--checked {
  color: var(--color-list-button-text);
  filter: brightness(0.5) saturate(1.5);
}
.SegmentedControl--spacing-content.SegmentedControl--background-none .SegmentedControl__label--checked {
  border-radius: inherit;
  margin: 0;
}
.SegmentedControl__slider {
  position: absolute;
  background-color: var(--color-background-00);
  height: 100%;
  border-radius: 50px;
  border: var(--segmented-control-border-width) solid var(--color-list-button-background);
  z-index: 0;
  left: 0;
  transition: left 0.3s ease;
}
.SegmentedControl__slider--no-transition {
  transition: none;
}
.SegmentedControl--spacing-content .SegmentedControl__slider {
  transition: left 0.3s ease, width 0.3s ease;
}
.SegmentedControl--spacing-content .SegmentedControl__slider.SegmentedControl__slider--no-transition {
  transition: none;
}
.SegmentedControl--background-solid .SegmentedControl__slider {
  background-color: var(--color-background-00);
}
.SegmentedControl--background-solid-reverse .SegmentedControl__slider {
  --segmented-control-border-width: 2px;
  background-color: var(--color-list-button-background);
  border-color: var(--color-background-00);
}
.SegmentedControl--background-none .SegmentedControl__slider {
  background-color: var(--color-list-background-4);
  opacity: 0.8;
  border: none;
}
.SegmentedControl--shape-pills .SegmentedControl__slider {
  border-radius: 50px;
}
.SegmentedControl--shape-buttons .SegmentedControl__slider {
  border-radius: 5px;
}
:root {
  --ad-slot-height: 90px;
}
.AdUnit {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  text-align: center;
  background: var(--color-background-1);
  color: var(--color-text-secondary);
  height: 0;
  padding: 0;
  width: 100%;
  transition: height 0.3s ease, opacity 0.3s ease;
  /* Add transition for smooth height changes */
}
@media screen and (max-width: 47.875em) {
  .AdUnit {
    --ad-slot-height: 100px;
  }
}
.AdUnit__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.AdUnit__header {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  opacity: 0;
  height: 1rem;
  padding-bottom: 0.5rem;
}
.AdUnit__body {
  height: var(--ad-slot-height);
}
.AdUnit--filled .AdUnit__header {
  opacity: 1;
}
.AdUnit:empty::before {
  content: '...';
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: inherit;
  color: var(--color-text-placeholder);
  font-size: 14px;
}
.AdUnit--empty {
  height: 0;
  padding: 0;
  overflow: hidden;
}
.AdUnit--filled {
  display: flex;
  padding: 0.8rem 0 1.2rem;
  height: auto;
}
.AdUnit--above-navbar {
  background-color: var(--color-background-8);
  color: var(--color-text-secondary-reverse);
}
.AdUnit--below-list-container {
  border-top: 1px solid var(--color-border-1);
}
.AdUnit--bottom-anchored {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.16), 0 -3px 6px rgba(0, 0, 0, 0.23);
  transition: bottom 0.4s ease;
}
.AdUnit--bottom-anchored.AdUnit--offBottom {
  bottom: -150px;
}
.tooltipped {
  position: relative;
  overflow: visible;
}
.tooltip-loc {
  position: absolute;
  height: auto;
  text-align: center;
  vertical-align: middle;
  display: block;
  z-index: 2000;
}
.tooltip-loc.-no-pointer-events {
  pointer-events: none;
}
.tooltip-loc.-no-pointer-events .tooltip {
  pointer-events: none;
}
.image-upload {
  position: relative;
}
.image-upload .upload-link:focus {
  outline: none;
}
.image-upload .popup-modal {
  width: 12rem;
  min-width: 12rem;
}
.image-upload .paste-target {
  width: 10rem;
  padding: 0.5rem 0;
  display: block;
  border: none;
  cursor: pointer;
  background: var(--color-background-3);
  margin: 0 auto;
  margin-bottom: 0.5rem;
  text-align: center;
}
.image-upload .paste-target:hover,
.image-upload .paste-target:focus {
  background: var(--color-background-3);
}
.image-upload .paste-target:focus {
  outline: 2px solid var(--color-border-4);
}
.modal--image-upload .modal__content {
  margin: 0;
  min-width: 313px;
  padding: 0;
}
.image-upload-list-view a {
  color: var(--color-text-hint);
  font-size: 1.57142857rem;
}
.image-upload__dropzone {
  margin-right: 50px;
  margin-top: 33px;
}
.dropzone-space {
  border: 3px dashed var(--color-border-2);
  border-radius: 6px;
  position: relative;
  height: 100%;
}
.dropzone-space:after {
  display: block;
  position: relative;
  padding-bottom: 100%;
  content: ' ';
}
.dropzone-message {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5rem;
  text-align: center;
  bottom: 0;
  margin: auto 0.5rem;
}
.dropzone-message__icon {
  display: block;
  font-size: 2rem;
  line-height: 3rem;
}
.image-upload__actions {
  list-style: none;
  margin: 0;
  padding: 0;
}
.image-upload-action {
  border-top: 1px solid var(--color-border-2);
}
.image-upload-action:last-child {
  border-bottom: 1px solid var(--color-border-2);
}
.image-upload__preview {
  text-align: center;
  max-width: 100%;
}
.image-upload__error {
  text-align: center;
  padding: 1rem 2rem;
  color: hsl(359, 55%, 45%);
}
.image-upload__error-icon {
  display: block;
  font-size: 2rem;
  line-height: 2rem;
  margin-bottom: 0.75rem;
}
.image-upload.is-previewing {
  position: relative;
}
.image-upload__progress {
  position: absolute;
  top: -1.3rem;
  right: -1.3rem;
  left: -1.3rem;
}
.image-upload__preview-image {
  max-width: 100%;
  max-height: 300px;
}
.image-upload-action__cta {
  cursor: pointer;
  display: grid;
  align-items: center;
  grid-template-columns: 35px 1fr 60px;
  gap: 10px;
  height: var(--panel-button-height);
  padding: 10px 14px;
  color: var(--color-text-primary);
  background-color: var(--color-background-00);
  position: relative;
  transition: background 0.2s linear;
  white-space: nowrap;
}
.image-upload-action__cta .image-upload-action__cta-text,
.image-upload-action__cta .image-upload-action__cta-icon {
  display: inline-block;
}
.image-upload-action__cta-icon {
  font-size: 1.2em;
  line-height: 1.8rem;
  text-align: center;
}
.image-upload-action__cta-text {
  vertical-align: middle;
}
.image-upload__message {
  text-align: center;
  font-weight: 700;
}
.image-upload-action__cta-paste {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  padding: 0;
  cursor: pointer;
  border: none;
  opacity: 0.001;
}
.image-upload-action__url-area {
  vertical-align: middle;
  white-space: nowrap;
}
.image-upload-action__url-area .Button:hover,
.image-upload-action__url-area .Button:focus {
  background: var(--color-background-3);
}
.image-upload-action__url-input {
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  opacity: 1;
  transition: opacity 0.3s ease;
  border-radius: 4px;
  border: none;
  background: var(--color-input-background);
  height: 2rem;
  outline: none;
  box-shadow: none;
  display: inline-block;
  padding: 0;
  width: calc(100% - 46px - 14px * 2);
}
.image-upload-action__url-input:focus {
  box-shadow: none;
}
.image-upload-action__hidden {
  opacity: 0.001;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  padding: 0;
  margin: 0;
}
.ImageUploadDialog__tabs {
  display: flex;
  position: relative;
  top: 1px;
  background-color: var(--color-background-2);
}
.ImageUploadDialog__tab {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, 0);
  border-left: 1px solid rgba(0, 0, 0, 0);
  border-right: 1px solid rgba(0, 0, 0, 0);
  border-color: var(--color-border-2);
  border-top-left-radius: 5px;
  border-bottom: 1px solid var(--color-border-2);
  border-top-right-radius: 5px;
  padding: 10px;
  font-weight: 600;
  color: var(--color-text-secondary);
  fill: var(--color-text-secondary);
}
.ImageUploadDialog__tab:not(.ImageUploadDialog__tab--active) {
  cursor: pointer;
}
.ImageUploadDialog__tab:not(.ImageUploadDialog__tab--active):hover {
  text-decoration: underline;
  color: var(--color-list-button-text);
  fill: var(--color-list-button-text);
  background: var(--color-list-background-3);
  text-decoration: none;
}
.ImageUploadDialog__tab--active {
  border-color: var(--color-border-2);
  background-color: hsl(0, 0%, 100%);
  color: var(--color-text-primary);
  fill: var(--color-text-primary);
  border-bottom: none;
  cursor: default;
}
.ImageUploadDialog__tab--active svg {
  opacity: 1 !important;
}
.ImageUploadDialog__tab + .ImageUploadDialog__tab {
  border-left: none;
}
.ImageUploadDialog__tabIcon {
  display: block;
  margin: 0 auto;
  font-size: 20px;
  width: 20px;
  height: 20px;
}
.ImageUploadDialog__content {
  padding: 20px;
  height: 389px;
  border: 1px solid var(--color-border-2);
}
.ImageUploadDialog__inner {
  height: 100%;
}
.ImageUploadDialog__dropzone {
  border: 3px dashed var(--color-border-2);
  border-radius: 6px;
  background-color: var(--color-background-1);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.ImageUploadDialog__dropzoneMessage {
  color: var(--color-text-primary);
  font-weight: 600;
}
.ImageUploadDialog__orText {
  padding: 20px;
  color: var(--color-text-secondary);
  font-size: 0.85714286rem;
  font-style: italic;
}
.ImageUploadDialog__selectFileButton {
  position: relative;
  width: 300px;
}
.ImageUploadDialog__selectFileButton .Button {
  width: 100%;
}
.ImageUploadDialog__clipboardButton {
  position: relative;
  margin-bottom: 10px;
  width: 300px;
}
.ImageUploadDialog__clipboardButton .Button {
  width: 100%;
}
.ImageUploadDialog__uploadHidden {
  opacity: 0.001;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  padding: 0;
  margin: 0 !important;
  cursor: pointer;
}
.ImageUploadDialog__pasteHidden {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  padding: 0;
  cursor: pointer;
  border: none;
  opacity: 0.001;
}
.ImageUploadDialog__videoUpload .ImageUploadDialog__inputTitle {
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.ImageUploadDialog__videoUpload .ImageUploadDialog__urlInput {
  width: 100%;
}
.ImageUploadDialog .YouTube {
  width: 320px;
  height: 180px;
  margin: 20px auto;
}
.ImageUploadDialog__videoActionsContainer {
  position: absolute;
  bottom: -55px;
  width: 100%;
  margin: 0 !important;
  left: 0;
}
.ImageUploadDialog__urlUpload {
  padding-top: 100px;
  height: 100%;
}
.ImageUploadDialog__urlForm {
  max-width: 400px;
  margin: 0 auto;
}
.ImageUploadDialog__urlInput {
  opacity: 1;
  transition: opacity 0.3s ease;
  border-radius: 4px;
  border: 1px solid var(--color-border-2);
  height: 2.6rem;
  outline: none;
  box-shadow: none;
  display: inline-block;
  padding: 0 0.5rem;
  margin-right: 10px;
  width: 310px;
}
.ImageUploadDialog__urlInput:focus {
  box-shadow: none;
  border: 1px solid var(--color-list-accent);
}
.ImageUploadDialog__explainer {
  color: var(--color-text-secondary);
  font-size: 0.85714286rem;
  line-height: 1.52785714rem;
  max-width: 400px;
  margin: 0 auto;
  margin-top: 10px;
  padding-right: 90px;
}
@media screen and (min-width: 768) {
  .image-upload {
    white-space: nowrap;
  }
  .image-upload.is-previewing {
    white-space: normal;
  }
  .image-upload-action:first-child {
    border: none;
  }
  .image-upload__dropzone {
    display: inline-block;
    white-space: normal;
    width: 10.7rem;
    vertical-align: top;
  }
  .image-upload__actions {
    display: inline-block;
    white-space: normal;
    width: 100%;
    vertical-align: top;
  }
  .image-upload__progress {
    top: 0;
    left: 0;
    right: 0;
  }
  .image-upload-action__cta {
    padding: 1.125rem 1.5rem;
  }
}
.FilesUpload {
  display: flex;
  justify-content: center;
  height: 100%;
  padding: 4px 0;
  cursor: pointer;
}
.FilesUpload__thumbnailContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 4px;
  border: 1px solid hsl(0, 0%, 100%);
  transition: border-color 0.2s linear;
  position: relative;
}
.ListTableViewRow:hover .FilesUpload__thumbnailContainer {
  border-color: var(--color-border-2);
}
.ListTableViewRow:hover .FilesUpload__thumbnailContainer:hover {
  border-color: var(--color-border-2);
}
.FilesUpload__uploadThumbnail {
  max-height: 32px;
  max-width: 23px;
  height: 32px;
  width: 23px;
  margin-right: 2px;
  margin-left: 2px;
  flex: 1 1 auto;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.FilesUpload__uploadThumbnailImage {
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
  border-radius: 4px;
  object-fit: cover;
}
.FilesUpload__additionals {
  padding-left: 4px;
  padding-right: 4px;
}
.FilesUpload__expandIcon {
  position: absolute;
  top: -4px;
  right: -10px;
  z-index: 10;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  background-color: var(--color-text-primary);
  color: hsl(0, 0%, 100%);
  text-align: center;
  opacity: 0;
  transition: all 0.2s linear;
  background-color: hsl(0, 0%, 100%);
}
.ListTableViewRow:hover .FilesUpload__expandIcon {
  opacity: 1;
  background-color: var(--color-background-3);
}
.ListTableViewRow:hover .FilesUpload__thumbnailContainer:hover .FilesUpload__expandIcon {
  background-color: var(--color-background-3);
}
.table-view-cell-filesupload {
  font-size: 14px;
  opacity: 0;
  transition: opacity 0.2s linear;
  line-height: 42px;
}
.ListTableViewRow:hover .table-view-cell-filesupload {
  opacity: 0.2;
}
.ListTableViewRow:hover .FilesUpload:hover .table-view-cell-filesupload {
  opacity: 0.5;
}
.MLToptimized .BaseCell--filesattachment {
  text-align: center;
}
.MLToptimzed--FileImage {
  height: 32px;
  width: 23px;
  margin-left: 2px;
  margin-right: 2px;
  border-radius: 4px;
  margin-top: 9px;
  vertical-align: top;
  object-fit: cover;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.MLToptimized--FileAdditional {
  padding-right: 4px;
  padding-left: 4px;
}
.FilesModal {
  display: flex;
}
.FilesModal__scroller {
  height: 500px;
  overflow-y: auto;
  margin-top: -25px;
  margin-bottom: -20px;
  padding-top: 25px;
  padding-bottom: 20px;
}
.FilesModal__files {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
  grid-gap: 10px;
  width: 100%;
}
.FilesModal__fileItem {
  border: 1px solid var(--color-border-2);
  border-radius: 5px;
}
.FilesModal__thumbnail {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: calc(100% - 50px);
  cursor: pointer;
}
.FilesModal__fileOptions {
  float: right;
}
.FilesModal--inline .FilesModal__fileOptions {
  float: none;
  order: 1;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.FilesModal__fileButton {
  padding: 10px 5px;
  display: inline-block;
  color: var(--color-text-primary);
  font-size: 1.28571429rem;
}
.FilesModal--inline .FilesModal__fileButton {
  padding-top: 5px;
  padding-bottom: 5px;
}
.FilesModal__fileButton--delete {
  color: hsl(359, 55%, 45%);
  padding-right: 10px;
}
.-is-ios .FilesModal__fileButton--download .icon::before,
.-is-ios .FilesModal__fileButton--download .input-group.-error label::before,
.-is-ios .FilesModal__fileButton--download .custom-checkbox-link::before,
.-is-ios .FilesModal__fileButton--download .checkbox.-checked::before,
.-is-ios .FilesModal__fileButton--download .checkbox.-unchecked::before,
.-is-ios .FilesModal__fileButton--download input.-custom[type="checkbox"] + .custom-checkbox::before,
.-is-ios .FilesModal__fileButton--download .image-upload .upload-link::before,
.-is-ios .FilesModal__fileButton--download .ReactSelect__clear::before,
.-is-ios .FilesModal__fileButton--download .ReactSelect__search-icon::before,
.-is-ios .FilesModal__fileButton--download .DateTimePicker .touch-date.is-empty::before,
.-is-ios .FilesModal__fileButton--download .DateTimePicker .touch-date.-empty::before,
.-is-ios .FilesModal__fileButton--download .TimePicker .time-group .next::before,
.-is-ios .FilesModal__fileButton--download .TimePicker .time-group .prev::before,
.-is-ios .FilesModal__fileButton--download .PopupMenu__title__close::before,
.-is-ios .FilesModal__fileButton--download .PopupMenu__title__back::before,
.-is-ios .FilesModal__fileButton--download .BaseCell--manualurl a.link::before,
.-is-ios .FilesModal__fileButton--download .ListTableViewHeaderCell__index-arrow-down::before,
.-is-ios .FilesModal__fileButton--download .ListTableViewHeaderCell__fieldSettingsButton::before,
.-is-ios .FilesModal__fileButton--download .ListTableViewHeaderCell__fieldHideButton::before,
.-is-ios .FilesModal__fileButton--download .ListTableViewHeaderCell__status .sort-state::before,
.-is-ios .FilesModal__fileButton--download .ListTableViewHeaderCell__status .filtered::before,
.-is-ios .FilesModal__fileButton--download .ListTableViewHeaderCell__status .grouped::before,
.-is-ios .FilesModal__fileButton--download .RowIndexCell__reminder-mark::before,
.-is-ios .FilesModal__fileButton--download .RowIndexCell__dirty-mark::before {
  content: '\f3cc';
}
.FilesModal__filename {
  padding: 10px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.FilesModal--inline .FilesModal__filename {
  font-size: 0.85714286rem;
}
.FilesModal__filenameInputWrapper {
  padding: 10px;
}
.FilesModal__filenameInput {
  width: 120px !important;
  padding: 5px;
}
.FilesModal__uploadMoreButton.Button {
  color: var(--color-list-button-text);
  font-size: 0.78571429rem;
  line-height: 1.6em;
  height: 1.8em;
}
.FilesModal__uploadMoreButton--has-uploaded-files.Button {
  position: absolute;
  top: -23px;
  right: 5px;
  margin: auto;
}
.DesktopEnvironment .FilesModal__uploadMoreButton--has-uploaded-files.Button {
  right: 60px;
}
.FilesModal .ModalActions {
  text-align: center;
}
.ListItemEditorField--FilesAttachment {
  flex-direction: column;
}
.fsp-picker {
  border-top: var(--ios-status-bar-height) solid #000;
}
.IconCycle {
  color: var(--color-text-primary);
  display: inline-block;
  transition: opacity 0.2s linear;
}
button.IconCycle {
  background: none;
  border: none;
}
.IconCycle--thumbs {
  font-size: 18px;
}
.IconCycle--thumbs .icon.icon--check-square-empty,
.IconCycle--thumbs .input-group.-error label.icon--check-square-empty,
.IconCycle--thumbs .custom-checkbox-link.icon--check-square-empty,
.IconCycle--thumbs .icon.custom-checkbox-link,
.IconCycle--thumbs .checkbox.-checked.icon--check-square-empty,
.IconCycle--thumbs .checkbox.-unchecked.icon--check-square-empty,
.IconCycle--thumbs .icon.checkbox.-unchecked,
.IconCycle--thumbs input.-custom[type="checkbox"] + .custom-checkbox.icon--check-square-empty,
.IconCycle--thumbs .iconinput.-custom[type="checkbox"] + .custom-checkbox,
.IconCycle--thumbs .image-upload .upload-link.icon--check-square-empty,
.IconCycle--thumbs .ReactSelect__clear.icon--check-square-empty,
.IconCycle--thumbs .ReactSelect__search-icon.icon--check-square-empty,
.IconCycle--thumbs .DateTimePicker .touch-date.is-empty.icon--check-square-empty,
.IconCycle--thumbs .DateTimePicker .touch-date.-empty.icon--check-square-empty,
.IconCycle--thumbs .TimePicker .time-group .next.icon--check-square-empty,
.IconCycle--thumbs .TimePicker .time-group .prev.icon--check-square-empty,
.IconCycle--thumbs .PopupMenu__title__close.icon--check-square-empty,
.IconCycle--thumbs .PopupMenu__title__back.icon--check-square-empty,
.IconCycle--thumbs .BaseCell--manualurl a.link.icon--check-square-empty,
.IconCycle--thumbs .ListTableViewHeaderCell__index-arrow-down.icon--check-square-empty,
.IconCycle--thumbs .ListTableViewHeaderCell__fieldSettingsButton.icon--check-square-empty,
.IconCycle--thumbs .ListTableViewHeaderCell__fieldHideButton.icon--check-square-empty,
.IconCycle--thumbs .ListTableViewHeaderCell__status .sort-state.icon--check-square-empty,
.IconCycle--thumbs .ListTableViewHeaderCell__status .filtered.icon--check-square-empty,
.IconCycle--thumbs .ListTableViewHeaderCell__status .grouped.icon--check-square-empty,
.IconCycle--thumbs .RowIndexCell__reminder-mark.icon--check-square-empty,
.IconCycle--thumbs .RowIndexCell__dirty-mark.icon--check-square-empty {
  font-size: 1rem;
  position: relative;
  top: -1px;
}
.IconCycle:focus {
  border: none;
  outline: none;
}
.icon--thumbs-up.colored {
  color: #4CB243;
}
.icon--thumb-up.colored {
  color: #B9D443;
}
.icon--thumb-side.colored {
  color: #FFDD36;
}
.icon--thumb-down.colored {
  color: #FF8446;
}
.icon--thumbs-down.colored {
  color: #CA484E;
}
.icon--ok.colored,
.icon--tick.colored {
  color: #4CB243;
}
.icon--question.colored,
.icon--unsure.colored {
  color: #FF9C19;
}
.icon--cross.colored,
.icon--remove.colored,
.input-group.-error label.colored,
.ReactSelect__clear.colored,
.PopupMenu__title__close.colored {
  color: #CA4B4E;
}
.IconCycleColumnAdd {
  font-size: 1.28571429rem;
}
.IconCycleColumnAdd > * {
  display: inline-block;
  width: 32px;
  text-align: center;
}
.PanelledModal .IconCycleColumnAdd {
  color: var(--color-text-primary);
  font-size: 16px;
}
.IconCycleGroupTitle {
  font-size: 20px;
  display: inline-block;
}
.IconCycleGroupTitle.icon--check-square-empty,
.IconCycleGroupTitle.custom-checkbox-link,
.IconCycleGroupTitle.checkbox.-unchecked,
.IconCycleGroupTitleinput.-custom[type="checkbox"] + .custom-checkbox {
  opacity: 0.2;
}
.ListItemEditorField__fieldWrapper .IconCycle {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
.ListItemEditorField__fieldWrapper .IconCycle a {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
.ListTableViewRow .IconCycle--harvey_balls.IconCycle--blankValue,
.ListTableViewRow .IconCycle--thumbs.IconCycle--blankValue,
.ListTableViewRow .IconCycle--tick_cross.IconCycle--blankValue {
  opacity: 0;
}
.ListTableViewRow:hover .IconCycle--harvey_balls.IconCycle--blankValue,
.ListTableViewRow:hover .IconCycle--thumbs.IconCycle--blankValue,
.ListTableViewRow:hover .IconCycle--tick_cross.IconCycle--blankValue {
  opacity: 0.2;
}
.ListTableViewRow:hover .IconCycle--harvey_balls.IconCycle--blankValue:hover,
.ListTableViewRow:hover .IconCycle--thumbs.IconCycle--blankValue:hover,
.ListTableViewRow:hover .IconCycle--tick_cross.IconCycle--blankValue:hover {
  opacity: 0.5;
}
.ListCardSlab__metaEntryValue .IconCycle--harvey_balls.IconCycle--blankValue,
.ListCardSlab__metaEntryValue .IconCycle--thumbs.IconCycle--blankValue,
.ListCardSlab__metaEntryValue .IconCycle--tick_cross.IconCycle--blankValue {
  opacity: 0.2;
}
.IconSpread {
  color: var(--color-text-primary);
  padding: 0 0rem;
  display: inline-block;
  transition: opacity 0.2s linear;
  list-style: none;
  user-select: none;
}
.IconSpread--thumbs {
  font-size: 18px;
}
.IconSpread:focus {
  border: none;
  outline: none;
}
.IconSpread__li {
  display: inline-block;
  line-height: 1;
  margin: 0 0.25rem;
}
.IconSpread__li:first-child {
  margin-left: 0;
}
.IconSpread__li:last-child {
  margin-right: 0;
}
.IconSpread__pip {
  line-height: 2rem;
  font-size: 20px;
  display: inline-block;
  cursor: pointer;
  color: var(--color-star--off);
  transition: all 0s ease 0s;
}
.IconSpread__pip.is-active {
  color: var(--color-star--on);
}
.IconSpreadColumnAdd {
  font-size: 20px;
}
.IconSpreadColumnAdd > * {
  display: inline-block;
  width: 32px;
  text-align: center;
}
.PanelledModal .IconSpreadColumnAdd {
  color: var(--color-text-primary);
  font-size: 16px;
}
.IconSpreadGroupTitle {
  font-size: 20px;
  display: inline-block;
}
.ListItemEditorField__fieldWrapper .IconSpread {
  padding-left: 0;
}
.ListTableViewRow .IconSpread--harvey_balls.IconSpread--blankValue,
.ListTableViewRow .IconSpread--thumbs.IconSpread--blankValue,
.ListTableViewRow .IconSpread--tick_cross.IconSpread--blankValue {
  opacity: 0;
}
.ListTableViewRow:hover .IconSpread--harvey_balls.IconSpread--blankValue,
.ListTableViewRow:hover .IconSpread--thumbs.IconSpread--blankValue,
.ListTableViewRow:hover .IconSpread--tick_cross.IconSpread--blankValue {
  opacity: 1;
}
.ListFilterHighlightDialog__valueInput .IconRange .IconRange__pip {
  line-height: 30px !important;
}
.Popup .IconRange .IconRange__pip {
  line-height: 1.5 !important;
}
.IconRange {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  user-select: none;
}
.IconRange:focus {
  border: none;
  outline: none;
}
.IconRange__li {
  display: inline-block;
  line-height: 1;
}
.IconRange__pip {
  line-height: 3.4rem;
  font-size: 20px;
  display: inline-block;
  cursor: pointer;
  color: var(--color-star--off);
}
button.IconRange__pip {
  background: none;
  border: none;
  padding: 0;
}
.BaseCell--spinoff .IconRange__pip {
  cursor: default;
}
.IconRange__pip.is-active {
  color: var(--color-star--on);
}
.FiltersField .IconRange__pip {
  line-height: 1;
}
.IconRange--interactive .IconRange__pip.is-targeted {
  color: var(--color-star--hover);
}
.MouseInterface .IconRange--interactive .IconRange__pip:hover {
  color: var(--color-star--hover);
}
.IconRange--interactive .IconRange__pip.is-active {
  color: var(--color-star--on);
}
.IconRange:focus {
  border: none;
  outline: none;
}
.IconRange--star .IconRange__pip,
.ListRowViewItem .IconRange--price .IconRange__pip {
  letter-spacing: -4px;
  font-size: 1.35rem;
  margin-right: 0.1rem;
}
.ListTableViewRowCell .IconRange--price .IconRange__pip {
  width: 11px;
  height: 50px;
  overflow: hidden;
}
.ListTableViewRowCell .IconRange--price .IconRange__pip .icon--price {
  font-size: 1.28571429rem;
  line-height: 3.3rem;
  position: relative;
  right: 4px;
}
.ListCardSlab__metaEntryValue .IconRange--price .IconRange__pip {
  width: 13px;
}
.ListCardSlab__metaEntryValue .IconRange--price .IconRange__pip .icon--price {
  font-size: 1.14285714rem;
}
.IconRangeColumnAdd {
  font-size: 20px;
}
.IconRangeColumnAdd__inactive,
.IconRangeColumnAdd__active {
  display: inline-block;
  width: 20px;
  text-align: center;
}
.IconRangeColumnAdd__active {
  color: var(--color-star--on);
}
.IconRangeColumnAdd__inactive {
  color: var(--color-star--off);
}
.IconRangeGroupTitle {
  font-size: 20px;
}
.IconRangeGroupTitle__inactive,
.IconRangeGroupTitle__active {
  display: inline-block;
  width: 20px;
  text-align: center;
}
.IconRangeGroupTitle__active {
  color: var(--color-star--on);
}
.IconRangeGroupTitle__inactive {
  color: var(--color-star--off);
}
.ReactSelectPopup,
.ReactSelect {
  display: block;
  width: 100%;
  padding: 0;
  position: relative;
  color: var(--color-text-primary);
  border: none;
  outline: none;
  cursor: pointer;
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-size: 1rem;
}
.ReactSelectPopup:focus,
.ReactSelect:focus {
  border-color: var(--color-border-4);
}
.ReactSelectPopup.is-popup,
.ReactSelect.is-popup {
  width: auto;
  display: inline-block;
  z-index: 2000;
}
.ReactSelectPopup.is-inverted:after,
.ReactSelect.is-inverted:after {
  top: auto;
  bottom: 0px;
  height: 2rem;
}
.ReactSelect.ReactSelect--no-chrome {
  border: none;
  transition: border-color 0.2s linear;
  background: transparent;
}
.ReactSelect.ReactSelect--no-chrome .ReactSelect__clear {
  line-height: 1.6rem;
  height: 2rem;
  opacity: 0;
}
.-mouse-active .ReactSelect.ReactSelect--no-chrome:hover .ReactSelect__clear,
.ReactSelect.ReactSelect--no-chrome:focus .ReactSelect__clear {
  opacity: 0.5;
}
.-mouse-active .ReactSelect.ReactSelect--no-chrome:hover .ReactSelect__clear:hover,
.ReactSelect.ReactSelect--no-chrome:focus .ReactSelect__clear:hover {
  opacity: 1;
}
.ReactSelect.ReactSelect--no-chrome .ReactSelect__placeholder,
.ReactSelect.ReactSelect--no-chrome .ReactSelect__value {
  padding: 0.6rem 0.6rem;
  padding-top: 9px;
  border: 1px solid transparent;
  transition: border-color 0.2s linear;
  background: transparent;
}
.ReactSelect.ReactSelect--no-chrome .ReactSelect__placeholder:after,
.ReactSelect.ReactSelect--no-chrome .ReactSelect__value:after {
  line-height: 2.7em;
  opacity: 0;
  transition: opacity 0.2s linear;
}
.ReactSelect.ReactSelect--no-chrome.ReactSelectPopup .ReactSelect__placeholder,
.-mouse-active .ReactSelect.ReactSelect--no-chrome:hover .ReactSelect__placeholder,
.ReactSelect.ReactSelect--no-chrome:focus .ReactSelect__placeholder,
.ReactSelect.ReactSelect--no-chrome.ReactSelectPopup .ReactSelect__value,
.-mouse-active .ReactSelect.ReactSelect--no-chrome:hover .ReactSelect__value,
.ReactSelect.ReactSelect--no-chrome:focus .ReactSelect__value {
  border-color: var(--color-border-2);
  padding-right: 2rem;
}
.ReactSelect.ReactSelect--no-chrome.ReactSelectPopup .ReactSelect__placeholder:after,
.-mouse-active .ReactSelect.ReactSelect--no-chrome:hover .ReactSelect__placeholder:after,
.ReactSelect.ReactSelect--no-chrome:focus .ReactSelect__placeholder:after,
.ReactSelect.ReactSelect--no-chrome.ReactSelectPopup .ReactSelect__value:after,
.-mouse-active .ReactSelect.ReactSelect--no-chrome:hover .ReactSelect__value:after,
.ReactSelect.ReactSelect--no-chrome:focus .ReactSelect__value:after {
  opacity: 1;
}
.ReactSelect.ReactSelect--no-chrome:focus {
  border-color: var(--color-border-4);
}
.ReactSelect.ReactSelect--no-chrome.is-inverted .ReactSelect__placeholder:after,
.ReactSelect.ReactSelect--no-chrome.is-inverted .ReactSelect__value:after {
  bottom: 0.6rem;
}
.ReactSelect.ReactSelect--no-chrome.is-popup .ReactSelect__placeholder,
.ReactSelect.ReactSelect--no-chrome.is-popup .ReactSelect__value {
  border-color: var(--color-border-2);
  background: var(--color-background-0);
  padding-bottom: 9px;
  line-height: 19px;
  padding-right: 2rem;
}
.ReactSelect.ReactSelect--no-chrome.is-popup .ReactSelect__placeholder:after,
.ReactSelect.ReactSelect--no-chrome.is-popup .ReactSelect__value:after {
  opacity: 1;
}
.ReactSelectPopup {
  padding-bottom: 0.5rem;
}
.ReactSelectPopup.is-inverted {
  padding-bottom: 0.1rem;
  padding-top: 0.5rem;
}
.ReactSelectPopup:after {
  height: 2rem;
}
.ReactSelect__value,
.ReactSelect__placeholder {
  padding: 0.1rem 0.25rem;
  padding-right: 2rem;
  width: 100%;
  border: none;
  background: none;
  outline: none;
  text-align: left;
  white-space: nowrap;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ReactSelect__value:after,
.ReactSelect__placeholder:after {
  line-height: 1.8em;
  vertical-align: middle;
  height: 100%;
  color: var(--color-border-4);
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0.5rem;
}
.ReactSelect__value,
.ReactSelect__placeholder,
.ReactSelect__dropdown {
  position: relative;
  border-radius: 2px;
  border: 1px solid var(--color-border-2);
  background: var(--color-background-0);
}
.ReactSelect__dropdown {
  margin: 4px 0;
  display: inline-block;
}
.ReactSelect__clear {
  line-height: 1.8em;
  cursor: pointer;
  vertical-align: middle;
  height: 100%;
  color: var(--color-text-primary);
  opacity: 0.5;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 0;
  right: 1.5rem;
}
.ReactSelect__clear:before {
  padding-top: 0.5rem;
}
.ReactSelect__clear:hover,
.ReactSelect__clear:focus {
  opacity: 1;
}
.ReactSelect.is-popup .ReactSelect__clear {
  opacity: 0.5;
}
.ReactSelect__placeholder {
  color: var(--color-text-secondary);
}
.ReactSelect__search-area {
  margin: 0.5rem;
  display: block;
  position: relative;
  height: 2rem;
  width: calc(100% - 1rem);
}
.ReactSelect__search-box {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  border: 1px solid var(--color-border-2);
  background: hsl(0, 0%, 100%);
  border-radius: 2px;
  outline: none;
  padding: 0.3rem;
}
.ReactSelect__search-box:focus {
  border-color: var(--color-border-4);
}
.ReactSelect .ReactSelect__choices-area {
  position: relative;
  max-height: 10rem;
}
.ReactSelect__search-icon {
  line-height: 1.9em;
  vertical-align: middle;
  height: 100%;
  color: var(--color-text-primary);
  pointer-events: none;
  position: absolute;
  bottom: 0;
  right: 0.5rem;
}
.ReactSelect__choices {
  margin: 0;
  padding: 0;
  position: relative;
  white-space: nowrap;
}
.ReactSelect__nothing-found {
  padding: 0.1rem;
  margin: 0.5rem;
  font-size: 0.85714286rem;
  font-style: italic;
  color: var(--color-text-secondary);
  display: block;
}
.ReactSelect__choice {
  margin: 0;
  padding: 0;
}
.ReactSelect__choice a {
  transition: none;
  padding: 0.125rem 0.5rem;
  color: var(--color-text-primary);
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ReactSelect__choice a:active,
.ReactSelect__choice a:focus,
.ReactSelect__choice a:hover {
  background-color: var(--color-background-3);
}
.ReactSelect__choice.is-targeted a {
  background-color: var(--color-background-3);
}
.ReactSelect__choice.is-selected a {
  background: var(--color-background-9);
  color: hsl(0, 0%, 100%);
}
.MultiSelect {
  display: inline-block;
  color: var(--color-text-primary-dark);
  min-height: 26px;
  min-width: 46px;
}
.MultiSelect--readOnly {
  cursor: default;
}
.MultiSelect__valueList {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  height: 100%;
  display: flex;
  gap: 4px;
  flex-wrap: nowrap;
  align-items: center;
}
.ListItemEditorField .MultiSelect__valueList {
  flex-wrap: wrap;
  gap: 2px;
}
.MultiSelect__additionals {
  display: inline-block;
  font-weight: 600;
  font-size: 0.85714286rem;
  color: var(--color-text-hint);
  letter-spacing: -0.2ch;
  margin-left: -0.2ch;
  padding: 0 2px 0 0;
}
.MultiSelect__value {
  background: var(--color-list-select-0);
  display: flex;
  flex-wrap: nowrap;
  padding: 0.2em 0.35em;
  line-height: 1.5;
  border-radius: 4px;
  font-size: calc(1rem * 0.9);
  color: hsl(0, 0%, 100%);
  font-weight: 500;
  position: relative;
}
.MultiSelect__value--noColors {
  background: var(--color-list-select-00);
  color: var(--color-text-primary);
}
.MultiSelect__value--single.MultiSelect__value--noColors {
  display: inline-block;
  height: unset;
  padding: 0;
}
.MultiSelect__value--single.MultiSelect__value--noColors {
  background: none;
  font-size: 1rem;
  font-weight: 400;
}
.ListItemEditorField .MultiSelect__value {
  padding: 0.2em 0.3em;
  line-height: 1.4;
}
.MultiSelect__value:last-child {
  margin-right: 0;
}
.PrintPreview__cell .MultiSelect__valueList {
  padding-top: 2px;
}
.PrintPreview__cell .MultiSelect__valueList .MultiSelect__value {
  margin-bottom: 3px;
}
.ListCell__selectWrapper {
  position: relative;
  line-height: 2rem;
  min-height: 1.55rem;
}
.ListCell__selectOverlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 1px;
  opacity: 0;
  height: auto;
}
.MultiSelectPopup {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  border-radius: 8px;
  background: var(--color-background-00);
  animation: cardFadeIn 0.2s ease;
  width: 236px;
  padding: 1rem;
}
.MultiSelectPopup.is-closing {
  animation: cardFadeOut 0.2s ease;
}
.MultiSelectPopup__inputWrapper {
  position: relative;
}
.MultiSelectPopup__input {
  border: 1px solid var(--color-border-2);
  border-radius: 2px;
  padding: 0.5rem;
  width: 100%;
}
.MultiSelectPopup__nextColor {
  position: absolute;
  right: 0;
  top: 0;
  background: var(--color-list-select-0);
  width: 24px;
  height: 24px;
  border-radius: 12px;
  margin-top: 5px;
  margin-right: 5px;
}
.MultiSelectPopup__choices,
.MultiSelectPopup__currentChoices {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 6px;
}
.MultiSelectPopup--multi .MultiSelectPopup__currentChoices {
  padding: 0 0 1rem 0;
}
.MultiSelectPopup__choice {
  opacity: 0.5;
}
.MultiSelectPopup__currentChoice,
.MultiSelectPopup__choice {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  color: var(--color-text-primary-reverse);
  font-size: calc(1rem * 0.9);
  padding: 0 0.4em;
  line-height: 1.7;
  border-radius: 3px;
  word-break: break-word;
}
.MultiSelectPopup__currentChoice--noColors,
.MultiSelectPopup__choice--noColors {
  color: var(--color-text-primary);
  background-color: var(--color-list-select-00);
}
.MultiSelectPopup__choices {
  max-height: 250px;
  overflow-y: auto;
  --scrollbar-width: 8px;
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.MultiSelectPopup__choices:hover {
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: var(--color-list-background-4) transparent;
}
.MultiSelectPopup__choices ::-webkit-scrollbar {
  width: var(--scrollbar-width, initial);
  background-color: rgba(0, 0, 0, 0);
}
.MultiSelectPopup__choices ::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.MultiSelectPopup__choices ::-webkit-scrollbar-thumb {
  border-radius: calc(var(--scrollbar-width, initial) / 2);
  background-color: rgba(0, 0, 0, 0);
}
.MultiSelectPopup__choices:hover::-webkit-scrollbar-track {
  background-color: transparent;
}
.MultiSelectPopup__choices:hover::-webkit-scrollbar-thumb {
  background-color: var(--color-list-background-4);
}
.MultiSelectPopup .MultiSelectPopup__choicesArea {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: var(--color-background-00);
}
.MultiSelectPopup--multi .MultiSelectPopup__currentChoices {
  border-bottom: 1px solid var(--color-border-4);
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}
.MultiSelectPopup__nothingFound,
.MultiSelectPopup__orSelectFrom {
  margin: 0;
  padding-left: 0.6rem;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  font-size: 0.71428571rem;
  color: var(--color-text-secondary);
}
.MultiSelectPopup__nothingFound {
  color: var(--color-text-primary);
}
.MultiSelectPopup__currentChoice {
  padding-right: 1.5rem;
}
.MultiSelectPopup__currentChoice:after {
  font-family: 'listiumicons';
  font-size: 0.71428571rem;
  content: '\ee85';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  border-left: 1px solid var(--color-text-primary-light);
  color: var(--color-text-primary-light);
  padding: 0.1rem 0.2rem;
}
.MultiSelectPopup__currentChoice--noColors:after {
  color: var(--color-text-primary);
  border-color: var(--color-border-2);
}
.MultiSelectPopup__currentChoice,
.MultiSelectPopup__choice--active,
.MultiSelectPopup__choice--selected {
  opacity: 1;
}
.Modal.MultiSelectChoicesModal {
  border-top: none;
}
.Modal.MultiSelectChoicesModal .ModalTitle {
  margin: -15px 0 10px -15px;
}
.Modal.MultiSelectChoicesModal .ModalTitle,
.Modal.MultiSelectChoicesModal .ModalTitleAddon {
  font-size: 1.28571429rem;
}
.Modal.MultiSelectChoicesModal .ModalActions {
  padding: 10px 15px 12px 15px;
}
.InlineEdit,
.InlineEditArea {
  position: relative;
  display: block;
  max-width: 100%;
  height: 100%;
  line-height: inherit;
  padding: 0;
}
.InlineEdit__display,
.InlineEditArea__display,
.InlineEdit > span,
.InlineEditArea > span,
.InlineEdit > pre,
.InlineEditArea > pre {
  display: inline-block;
  min-width: 100%;
  opacity: 0.001;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  vertical-align: top;
  white-space: pre;
  margin: 0;
}
.InlineEdit__wrapper,
.InlineEditArea__wrapper {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 1px;
  line-height: inherit;
}
.InlineEdit input[type=text],
.InlineEditArea input[type=text],
.InlineEdit input,
.InlineEditArea input,
.InlineEdit textarea,
.InlineEditArea textarea {
  opacity: 1;
  border: none;
  text-align: inherit;
  width: 100%;
  height: 100%;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  box-shadow: none;
  line-height: inherit;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  color: inherit;
  text-shadow: inherit;
  padding: 0;
  outline: none;
  background: transparent;
  resize: none;
}
.MouseInterface .InlineEdit input[type=text]:focus,
.MouseInterface .InlineEditArea input[type=text]:focus,
.MouseInterface .InlineEdit input:focus,
.MouseInterface .InlineEditArea input:focus,
.MouseInterface .InlineEdit textarea:focus,
.MouseInterface .InlineEditArea textarea:focus {
  opacity: 1;
  box-shadow: none;
}
.-is-ios .InlineEdit textarea,
.-is-ios .InlineEditArea textarea {
  margin-left: -3px;
}
.MouseInterface .InlineEdit.-focussed > span,
.MouseInterface .InlineEditArea.-focussed > span {
  opacity: 0;
  z-index: -10000;
}
.MouseInterface .InlineEdit.-focussed.-placeholder > span,
.MouseInterface .InlineEditArea.-focussed.-placeholder > span {
  z-index: inherit;
}
.InlineEdit span.-hide,
.InlineEditArea span.-hide {
  opacity: 0;
  z-index: -10000;
}
.InlineEdit.-placeholder > span,
.InlineEditArea.-placeholder > span {
  color: var(--color-text-hint);
}
.InlineEditArea .InlineEdit__display,
.InlineEditArea > span {
  white-space: pre-wrap;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
@-moz-document url-prefix() {
  .InlineEdit .InlineEdit__display,
  .InlineEditArea .InlineEdit__display,
  .InlineEdit span,
  .InlineEditArea span,
  .InlineEdit pre,
  .InlineEditArea pre {
    padding: 0 1px;
  }
}
.noselect,
.DateTimePicker {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.listium-cell.-datetime {
  overflow: visible;
}
.DateTimePicker .widget-anchor {
  min-width: 7rem;
  height: 3.5rem;
  position: absolute;
  display: inline;
  pointer-events: none;
  top: 0;
  left: 0;
}
.ListItemEditorField .DateTimePicker .widget-anchor {
  min-width: 6rem;
  height: 1.5rem;
}
.Filters .DateTimePicker .widget-anchor {
  min-width: 7rem;
  height: 2.2rem;
}
.Filters .InlineEdit.DateTimePicker {
  background: var(--color-input-background-light);
}
.DateTimePicker .touch-date {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-text-primary);
  outline: none;
}
.DateTimePicker .touch-date.is-empty,
.DateTimePicker .touch-date.-empty {
  text-align: center;
  vertical-align: middle;
  color: var(--color-text-hint);
}
.DateTimePicker .popup-modal,
.DateTimePicker.popup-modal.-transplant,
.DateTimePicker.popup-modal {
  padding-bottom: 0;
}
@media screen and (min-width: 768) {
  .DateTimePicker .popup-modal,
  .DateTimePicker.popup-modal.-transplant,
  .DateTimePicker.popup-modal {
    min-width: 13rem;
    width: 13rem;
    animation: none;
    font-family: 'Noto Sans', 'Open Sans', sans-serif;
    z-index: 2005;
  }
  .DateTimePicker .popup-modal.-closing,
  .DateTimePicker.popup-modal.-transplant.-closing,
  .DateTimePicker.popup-modal.-closing {
    animation: none;
  }
}
.DateTimePicker .popup-modal .close-button,
.DateTimePicker.popup-modal.-transplant .close-button,
.DateTimePicker.popup-modal .close-button {
  padding: 0.5rem;
}
.modal--DateTimePicker {
  min-width: 24rem;
}
.modal.modal--DateTimePicker {
  max-width: 24rem;
  min-width: 18rem;
}
.modal.modal--DateTimePicker .TouchInterface {
  max-width: 2000px;
}
.modal.modal--DateTimePicker .modal__content {
  margin: 0;
  padding: 0;
}
.DatePicker {
  min-width: 16rem;
  margin-bottom: 10px;
}
.DatePicker-month {
  display: block;
  padding: 12px 0;
  margin: 0;
  text-align: center;
  border-bottom: 1px solid var(--color-border-2);
}
.InlineEdit.DateTimePicker .DatePicker-month__current,
.DatePicker-month__current {
  width: auto;
  text-transform: uppercase;
  display: inline-block;
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-weight: 700;
  min-width: 10rem;
  vertical-align: middle;
}
.DatePicker-year__prev,
.DatePicker-year__next,
.DatePicker-month__prev,
.DatePicker-month__next {
  cursor: pointer;
  vertical-align: middle;
  font-size: 18px;
  line-height: 18px;
  padding: 0 5px;
}
.DatePicker-year__prev {
  padding-left: 12px;
}
.DatePicker-year__next {
  padding-right: 12px;
}
.DatePicker-calendar-heading {
  padding: 0;
  margin: 0;
  padding-top: 12px;
  list-style: none;
  display: block;
  white-space: nowrap;
  margin: 0 auto;
  width: 14rem;
}
.DatePicker-calendar-heading__day {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
}
.DatePicker-calendar-heading__day,
.DatePicker-day {
  text-align: center;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.DatePicker-day {
  font-size: 12px;
}
.DatePicker-calendar {
  padding: 0;
  margin: 0 auto;
  width: 14rem;
  padding-bottom: 12px;
  list-style: none;
}
.DatePicker-calendar:after {
  content: "";
  display: table;
  clear: both;
}
.TouchInterface .DatePicker {
  min-width: 17.5rem;
}
.TouchInterface .DatePicker-calendar,
.TouchInterface .DatePicker-calendar-heading {
  width: 17.5rem;
}
.TouchInterface .DatePicker-calendar-heading__day,
.TouchInterface .DatePicker-day {
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: 1rem;
}
.TouchInterface .TimePicker {
  padding-bottom: 10px;
  padding-top: 10px;
}
.TouchInterface .-picker-showing-date .TimePicker {
  padding-bottom: 10px;
  padding-top: 0;
}
.modal--set-reminder {
  max-width: 26rem;
}
.modal--set-reminder .DateTimePicker {
  height: auto;
  background-color: #fff;
}
.modal--set-reminder .modal__content {
  margin: 0;
}
.modal--set-reminder .modal__content .DateTimePicker {
  width: 100%;
}
.modal--set-reminder .modal__actions .Button {
  min-width: 4rem;
}
.modal--set-reminder .DatePicker {
  min-width: 21rem;
}
.modal--set-reminder .DatePicker-calendar,
.modal--set-reminder .DatePicker-calendar-heading {
  width: 21rem;
}
.modal--set-reminder .DatePicker-calendar-heading__day,
.modal--set-reminder .DatePicker-day {
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 1rem;
}
.DatePicker-day {
  cursor: pointer;
}
.DatePicker-day a {
  color: var(--color-text-primary);
  display: inline-block;
  letter-spacing: -0.05rem;
  text-align: center;
  height: 2rem;
  line-height: 2rem;
  position: relative;
  width: 2rem;
  transition: none;
}
.DatePicker-day a span {
  margin-left: -0.125rem;
}
.DatePicker-day.is-today a {
  font-weight: 700;
}
.DatePicker-day.is-selected {
  background: hsl(5, 90%, 58%);
  border-radius: 5px;
}
.DatePicker-day.is-selected a {
  color: hsl(0, 0%, 100%);
}
.DatePicker-day--padding {
  cursor: normal;
  color: var(--color-text-secondary);
}
.DatePicker__monthIndicator {
  text-transform: uppercase;
  position: absolute;
  font-size: 0.6rem;
  font-weight: 600;
  top: -0.8rem;
  left: 0;
  right: 0;
  text-align: center;
}
.DateTimePicker__close-button {
  margin-left: -5px;
}
.Button.Button--borderBack.DateTimePicker__now-button {
  color: hsl(5, 90%, 58%);
  border-color: var(--color-border-3);
  margin-right: 10px;
}
.Button.Button--borderBack.DateTimePicker__now-button--showClear {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: 0;
}
.Button.Button--borderBack.DateTimePicker__clear-button {
  float: left;
}
.DateTimePicker .ModalActions {
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: -10px;
  padding-bottom: 11px;
  margin-top: 10px;
  padding-top: 11px;
  border-radius: 0 0 4px 4px;
}
.-contains-only-date .ModalActions {
  border-top: none;
  padding-top: 10px;
}
.DateTimePicker .TimePicker input {
  position: static;
  display: inline-block;
  opacity: 1;
  border: none;
  text-align: center;
  height: 20px;
  line-height: 1;
  width: 3rem;
  font-size: 16px;
  color: var(--color-text-primary);
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
}
.DateTimePicker .TimePicker span {
  width: 2em;
  line-height: 20px;
  min-width: 0;
  font-size: 16px;
  color: var(--color-text-primary);
}
.DateTimePicker .TimePicker button {
  clear: both;
  display: block;
  width: 100%;
}
.TimePicker {
  text-align: center;
}
.TimePicker .time-group {
  display: inline-block;
  text-align: center;
}
.TimePicker .time-group.-hour {
  position: relative;
  margin-right: 0.25rem;
}
.TimePicker .time-group.-hour:after {
  content: ':';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  height: 1rem;
  line-height: 1rem;
  margin: auto 0;
}
.TimePicker .time-group.-minute,
.TimePicker .time-group.-merid {
  margin-right: 0.25rem;
}
.TimePicker .time-group.-merid {
  margin-right: 6px;
  margin-left: 10px;
}
.TimePicker .time-group.-merid .time {
  position: relative;
  top: 0.03rem;
}
.TimePicker .time-group .next,
.TimePicker .time-group .prev {
  display: block;
  font-size: 1.28571429rem;
  text-align: center;
}
.DateTimePicker .TimePicker button,
.DateTimePicker .DatePicker button {
  display: none;
}
.-DateTimePicker .TimePicker,
.DateTimePicker .TimePicker {
  clear: both;
}
.MouseInterface .DateTimePicker.popup-modal.-transplant,
.MouseInterface .DateTimePicker.popup-modal {
  width: 13rem;
}
.MouseInterface .DateTimePicker.popup-modal.-transplant .actions,
.MouseInterface .DateTimePicker.popup-modal .actions {
  display: none;
}
.PickerPopupModal {
  background-color: hsl(0, 0%, 100%);
  padding: 10px;
  min-width: 290px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  border-radius: 8px;
  background: var(--color-background-00);
  animation: cardFadeIn 0.2s ease;
}
.PickerPopupModal.is-closing {
  animation: cardFadeOut 0.2s ease;
}
.ListTableViewRow .DateTimePicker .touch-date.is-empty {
  cursor: pointer;
  color: var(--color-text-primary);
  opacity: 0;
  transition: opacity 0.2s linear;
}
.ListTableViewRow:hover .DateTimePicker .touch-date.is-empty {
  opacity: 0.2;
}
.ListTableViewRow:hover .DateTimePicker .touch-date.is-empty:hover {
  opacity: 0.5;
}
.DatePicker-day.is-selected {
  background: var(--color-list-button-background);
}
.DateTimePicker .Button.Button--solidBack.Button--primary {
  background: var(--color-list-button-background);
}
.DateTimePicker .Button.Button--solidBack.Button--primary:not(.Button--disabled):hover {
  background: var(--color-list-button-background);
}
.DatePicker-month__next,
.DatePicker-year__next,
.DatePicker-month__prev,
.DatePicker-year__prev {
  color: var(--color-list-button-text);
}
.TimePicker .next.-hour,
.TimePicker .next.-minute,
.TimePicker .next.-merid,
.TimePicker .prev.-hour,
.TimePicker .prev.-minute,
.TimePicker .prev.-merid {
  color: var(--color-list-button-text);
}
.LinkEditor {
  position: relative;
  width: 3rem;
  display: inline-block;
  vertical-align: top;
  height: 100%;
  overflow: visible;
}
.LinkEditor__content {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  text-align: left;
  vertical-align: middle;
  height: 2rem;
  line-height: 100%;
  display: flex;
  width: 3rem;
}
.LinkEditor.hang-left .LinkEditor__content {
  right: 0;
  left: auto;
}
.LinkEditor__icon {
  display: inline-block;
  cursor: pointer;
  height: 100%;
  width: 42px;
  line-height: 50px;
  text-align: center;
  flex: 0 0 42px;
  padding: 0;
}
.LinkEditor__icon:focus {
  outline: none;
}
.LinkEditor.has-value .LinkEditor__icon {
  color: hsl(5, 90%, 58%);
  opacity: 1;
}
.LinkEditor__input {
  display: inline-block;
  vertical-align: middle;
  line-height: 2.2rem;
  margin: 0;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  margin-right: 0.25rem;
  border: 1px solid var(--color-border-3);
  width: 100%;
  flex: 1 1 218px;
  border-radius: 3px;
  color: var(--color-text-primary);
  padding-left: 0.5rem;
  padding-right: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.LinkEditor.hang-left .LinkEditor__input {
  margin-right: 0;
  margin-left: 0.25rem;
}
.LinkEditor__clear {
  color: hsl(359, 55%, 45%);
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 0.5rem;
  top: 0.9rem;
  height: 1.5rem;
  line-height: 1.5rem;
  padding: 0 0.25rem;
  margin-left: -25px;
  margin-bottom: 2px;
}
.LinkEditor.hang-left .LinkEditor__clear {
  right: 3.5rem;
}
.LinkEditor.is-active {
  z-index: 920;
  opacity: 1;
}
.LinkEditor.is-active .LinkEditor__content {
  padding: 0;
  overflow: hidden;
  text-align: left;
  width: 260px;
  height: 100%;
  border-radius: 4px;
  z-index: 900;
}
.LinkEditor.is-active .LinkEditor__content input {
  box-shadow: none !important;
}
.LinkEditor.is-active .LinkEditor__content:before,
.LinkEditor.is-active .LinkEditor__content:after {
  content: " ";
  height: 0;
  width: 0;
  border: solid transparent;
  display: inline-block;
  position: absolute;
  left: 29px;
  top: 50%;
  border-color: rgba(255, 255, 255, 0);
  z-index: 1000;
}
.LinkEditor.is-active .LinkEditor__content:before {
  border-right-color: var(--color-border-3);
  border-width: 7px;
  margin-top: -7px;
}
.LinkEditor.is-active .LinkEditor__content:after {
  border-right-color: hsl(0, 0%, 100%);
  border-width: 6px;
  left: 31px;
  margin-top: -6px;
}
.LinkEditor.is-active.hang-left .LinkEditor__content:before,
.LinkEditor.is-active.hang-left .LinkEditor__content:after {
  left: auto;
  right: 29px;
}
.LinkEditor.is-active.hang-left .LinkEditor__content:before {
  border-right-color: transparent;
  border-left-color: var(--color-border-3);
  border-width: 7px;
  margin-top: -7px;
}
.LinkEditor.is-active.hang-left .LinkEditor__content:after {
  border-right-color: transparent;
  border-left-color: hsl(0, 0%, 100%);
  border-width: 6px;
  right: 31px;
  margin-top: -6px;
}
.ListTableViewRow .LinkEditor.is-empty .LinkEditor__icon {
  cursor: pointer;
  color: var(--color-text-primary);
  opacity: 0;
  transition: opacity 0.2s linear;
}
.ListTableViewRow:hover .LinkEditor.is-empty .LinkEditor__icon {
  opacity: 0.2;
}
.ListTableViewRow:hover .LinkEditor.is-empty .LinkEditor__icon:hover {
  opacity: 0.5;
}
/*

			List of places this component has been used:
1. AuthDialog
2. ListDeleteDialog
3. ListSlideItem
5. ListFilterHighlightDialog
7. SharingSettings
8. ListItemEditorField
9. SearchTermsSettingsModal

*/
@keyframes modal-pop {
  0% {
    transform: translate(0, 30vh);
    opacity: 0.8;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
.FloatingStackLayer .Modal {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  border-radius: 8px;
  background: var(--color-background-00);
  animation: cardFadeIn 0.2s ease;
}
.FloatingStackLayer .Modal.is-closing {
  animation: cardFadeOut 0.2s ease;
}
.Modal {
  border: none;
  padding: 30px;
  overflow: hidden;
  width: 100%;
  position: relative;
}
.ListSidebarLeft .Modal {
  border-radius: 0;
}
.Modal:before,
.Modal:after {
  content: "";
  display: table;
}
.Modal__container {
  position: relative;
  display: flex;
  flex-direction: column;
}
.DesktopEnvironment .Modal__container {
  width: inherit;
  height: inherit;
}
.ListSidebarRight .Modal__container {
  max-height: 100%;
}
.FloatingStackLayer.is-center-css .Modal__container {
  width: auto;
  height: auto;
}
.Modal__close {
  color: var(--color-text-primary-light);
  opacity: 90%;
  position: absolute;
  right: 1rem;
  top: 1rem;
  font-size: 1.28571429rem;
  z-index: 1;
}
.Modal--closeIconOutside .Modal__close {
  display: flex;
  top: -3rem;
  background: var(--color-background-8);
  line-height: 1;
  height: 35px;
  width: 35px;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
}
.EmbedContext .Modal--closeIconOutside .Modal__close {
  background: var(--color-list-background-8);
}
.DesktopEnvironment .Modal--closeIconOutside .Modal__close {
  right: 5px;
}
.EmbedContext .Modal--closeIconOutside .Modal__close {
  right: 1rem;
}
.Modal__close-icon {
  padding: 10px;
  width: 40px;
}
.Modal--dark-close .Modal__close {
  color: var(--color-text-secondary);
}
.Modal--small {
  border-top: 0;
  max-width: min(450px, 95vw);
}
.DesktopEnvironment .Modal--small {
  padding: 50px 60px;
}
@media (min-width: 600px) and (min-height: 600px) {
  .TouchInterface .Modal--small {
    padding: 50px;
  }
}
@media (orientation: portrait) and (max-width: 599px), (orientation: portrait) and (max-height: 599px) {
  .TouchInterface .Modal--small {
    min-width: 90vw;
  }
}
.Modal--medium {
  width: min(550px, 95vw);
}
.Modal--large {
  width: min(650px, 95vw);
}
.Modal--xlarge {
  width: min(800px, 95vw);
}
.Modal--xxlarge {
  width: min(1000px, 95vw);
}
.Modal--centered {
  text-align: center;
}
.Modal:not(.Modal--noListColor) .Button.Button--solidBack.Button--primary {
  background: var(--color-list-button-background);
}
.Modal:not(.Modal--noListColor) .Button.Button--borderBack.Button--primary {
  color: var(--color-list-button-text);
  border-color: var(--color-list-button-text);
}
.Modal:not(.Modal--noListColor) .Button.Button--solidBack.Button--primary:not(.Button--disabled):hover {
  background: var(--color-list-button-background);
}
.Modal:not(.Modal--noListColor) .Option:hover {
  background: var(--color-list-accent);
}
.Modal:not(.Modal--noListColor) {
  border-top-color: var(--color-list-background-6);
}
.Modal:not(.Modal--small) .ModalTitle {
  background: var(--color-list-background-6);
}
.ModalTitle {
  font-size: 1.92857143rem;
  line-height: 1.4;
  font-weight: 700;
  margin-top: 0;
  padding-bottom: 0.5rem;
  text-overflow: ellipsis;
  margin-bottom: 1.5rem;
}
.Modal--small .ModalTitle {
  font-size: 1.8rem;
  white-space: normal;
}
.ModalTitle::first-letter {
  text-transform: uppercase;
}
.Modal .ModalTitle {
  font-size: 1.57142857rem;
}
.Modal:not(.Modal--small) .ModalTitle {
  background: var(--color-list-background-6);
  color: hsl(0, 0%, 100%);
  margin-left: -30px;
  margin-right: -30px;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 25px;
  padding-bottom: 20px;
  margin-top: -38px;
  padding-top: 30px;
  border-radius: 4px 4px 0 0;
}
.ModalSubtitle {
  font-size: 1.28571429rem;
  line-height: 1.86428571rem;
  font-weight: 700;
  display: block;
  padding-bottom: 0.5rem;
  text-overflow: ellipsis;
  margin-bottom: 1.5rem;
}
.ModalTitleAddon {
  font-size: 1.92857143rem;
  line-height: 2.60357143rem;
  font-weight: 400;
  color: var(--color-text-secondary);
  margin-top: 0;
  max-width: 100%;
  overflow: hidden;
  padding-bottom: 0.5rem;
  text-overflow: ellipsis;
  margin-bottom: 1.5rem;
}
.Modal--small .ModalTitleAddon {
  font-size: 1.8rem;
  white-space: normal;
}
.Modal .ModalTitleAddon {
  font-size: 1.57142857rem;
}
.Modal .ModalTitleAddon {
  color: hsl(0, 0%, 100%);
}
.ModalActions {
  display: flex;
  justify-content: flex-end;
  margin-top: 2rem;
}
.ModalActions__action {
  margin-left: 1rem;
}
.ModalActions__action:empty {
  margin-left: 0;
}
.ModalActions__action:first-child {
  margin-left: 0;
}
.ModalActions--hasSeparator {
  border-top: 1px solid var(--color-border-2);
  margin-top: 0;
  padding-top: 2rem;
}
.Modal--centered .ModalActions,
.Modal--small .ModalActions {
  justify-content: center;
}
.Modal:not(.Modal--small) .ModalActions {
  background: #f0f0f2;
  margin-left: -30px;
  margin-right: -30px;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: -30px;
  padding-bottom: 15px;
  margin-top: 20px;
  padding-top: 15px;
  border-radius: 0 0 4px 4px;
}
@media screen and (max-width: 31.1875em) {
  .Modal:not(.Modal--small) .ModalActions {
    margin-left: -21px;
    margin-bottom: -21px;
    margin-right: -21px;
  }
}
.ModalScroller {
  overflow-y: auto;
  max-height: calc(100vh - 180px);
  margin: -25px -30px -20px;
  padding: 30px;
}
.DesktopSlidePagination__prevButton {
  left: -50px;
}
.DesktopSlidePagination__nextButton {
  right: -50px;
}
.DesktopSlidePagination__counter {
  color: hsl(0, 0%, 100%);
  margin: 0;
  min-width: 6ch;
  text-align: center;
  user-select: none;
  position: absolute;
  top: 0;
  align-self: center;
  margin: 0 auto;
  padding: 0.2rem 1rem;
  border-radius: 12px;
  background: var(--color-background-8);
  font-size: 0.85714286rem;
}
.Modal__container .DesktopSlidePagination__counter {
  top: -2.7rem;
}
.Tabs {
  margin: 0;
  position: relative;
  overflow: hidden;
  text-align: center;
  user-select: none;
  display: flex;
  justify-content: center;
}
.Tab {
  display: inline-flex;
  justify-content: center;
  flex-grow: 1;
  height: 3em;
  max-width: 20ch;
  cursor: pointer;
  border-radius: 8px;
  background-clip: border-box;
}
.MouseInterface .Tab:not(.is-active):hover {
  background-color: var(--color-background-2--hover);
}
button.Tab__inner,
.Tab__inner {
  background: none;
  border: none;
  color: inherit;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  display: flex;
  transition: none;
  height: 100%;
  border-bottom: 3px solid transparent;
  color: var(--color-text-primary);
  padding: 0.5em;
  width: 100%;
  justify-content: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
button.Tab__inner:active,
.Tab__inner:active {
  border-color: hsl(5, 90%, 58%);
}
.Tab.is-active button.Tab__inner,
.Tab.is-active .Tab__inner {
  border-color: hsl(5, 100%, 65%);
}
.Tab.is-active button.Tab__inner .Tab__text,
.Tab.is-active .Tab__inner .Tab__text {
  color: hsl(5, 90%, 58%);
}
.Tab__text {
  font-weight: 600;
  font-size: 1.14285714rem;
  color: var(--color-text-primary);
  align-self: center;
  text-align: center;
  padding: 0 min(0.3em, calc(1vw - 0.6em), 2em);
}
.Tab__count {
  position: relative;
  display: inline-block;
  font-weight: bold;
  background: hsl(5, 90%, 58%);
  color: var(--color-text-primary-light);
  padding: 0.1rem 0.4rem 0.1rem;
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-size: 0.8rem;
  line-height: 0.8rem;
  border-radius: 4px;
  margin-left: 0.5rem;
  top: -1px;
}
.SplashModal {
  height: 100%;
  width: 100%;
}
.SplashModal__body {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  background: var(--color-background-00);
  padding: 2rem;
}
.SplashModal__close {
  position: absolute;
  right: 1rem;
  top: 1rem;
  font-size: 1.28571429rem;
  color: var(--color-text-primary);
}
.DesktopEnvironment .SplashModal__close {
  right: 2rem;
  top: 2rem;
}
.SplashModal__backing {
  position: absolute;
  height: 100%;
  width: 100%;
}
.DropdownWidget {
  padding: 0 5px;
  border: 1px solid var(--color-border-3);
  border-radius: 5px;
  position: relative;
  font-size: 1rem;
  line-height: 1.55rem;
  cursor: pointer;
}
.DropdownWidget--disabled {
  opacity: 0.5;
  cursor: default;
}
.DropdownWidget__optionsContainer {
  position: absolute;
  width: 100%;
  top: 25px;
  left: 0px;
  display: none;
  padding: 3px;
  border: 1px solid var(--color-border-3);
  border-radius: 4px;
  text-align: right;
  z-index: 2000000;
}
.DropdownWidget__selectedOption {
  display: flex;
}
.DropdownWidget__selectedOptionLabel {
  text-align: right;
  flex: 1 1 auto;
}
.DropdownWidget .icon,
.DropdownWidget .input-group.-error label,
.DropdownWidget .custom-checkbox-link,
.DropdownWidget .checkbox.-checked,
.DropdownWidget .checkbox.-unchecked,
.DropdownWidget input.-custom[type="checkbox"] + .custom-checkbox,
.DropdownWidget .image-upload .upload-link,
.DropdownWidget .ReactSelect__clear,
.DropdownWidget .ReactSelect__search-icon,
.DropdownWidget .DateTimePicker .touch-date.is-empty,
.DropdownWidget .DateTimePicker .touch-date.-empty,
.DropdownWidget .TimePicker .time-group .next,
.DropdownWidget .TimePicker .time-group .prev,
.DropdownWidget .PopupMenu__title__close,
.DropdownWidget .PopupMenu__title__back,
.DropdownWidget .BaseCell--manualurl a.link,
.DropdownWidget .ListTableViewHeaderCell__index-arrow-down,
.DropdownWidget .ListTableViewHeaderCell__fieldSettingsButton,
.DropdownWidget .ListTableViewHeaderCell__fieldHideButton,
.DropdownWidget .ListTableViewHeaderCell__status .sort-state,
.DropdownWidget .ListTableViewHeaderCell__status .filtered,
.DropdownWidget .ListTableViewHeaderCell__status .grouped,
.DropdownWidget .RowIndexCell__reminder-mark,
.DropdownWidget .RowIndexCell__dirty-mark {
  flex: 0 0 auto;
  margin-left: 10px;
  margin-right: 10px;
}
.DropdownWidget--active .DropdownWidget__optionsContainer {
  background: var(--color-background-0);
  display: block;
}
.Option {
  background: var(--color-background-0);
  padding-right: 24px;
}
.Option:hover {
  color: hsl(0, 0%, 100%);
  background: hsl(5, 90%, 58%);
}
.Option--danger:hover {
  color: hsl(0, 0%, 100%);
  background: hsl(359, 55%, 45%);
}
.PopupMenu {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  border-radius: 8px;
  background: var(--color-background-00);
  animation: cardFadeIn 0.2s ease;
  overflow: hidden;
  position: relative;
  transition: height 0.5s ease;
}
.PopupMenu.is-closing {
  animation: cardFadeOut 0.2s ease;
}
.PopupMenu.is-closing,
.PopupMenu--closing {
  animation: cardFadeOut 0.2s ease;
}
.PopupMenu__title {
  background: var(--color-background-2);
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid var(--color-border-2);
  position: relative;
}
.PopupMenu__title.PopupMenu__title--clickable {
  cursor: pointer;
  transition: background 0.2s linear;
}
.PopupMenu__title.PopupMenu__title--clickable:hover {
  background: var(--color-background-0--hover);
}
.PopupMenu__title.PopupMenu__title--clickable:hover .PopupMenu__title__back {
  opacity: 1;
}
.PopupMenu__title__heading {
  margin: 0;
  padding: 0.6rem 1.3rem;
  text-transform: uppercase;
  text-align: center;
  border: none;
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.75rem;
  color: var(--color-text-secondary);
}
.PopupMenu__title__close,
.PopupMenu__title__back {
  position: absolute;
  color: var(--color-text-secondary);
  cursor: pointer;
  font-size: 0.8rem;
  height: 2rem;
  width: 3rem;
  line-height: 2rem;
  left: 0;
  text-align: center;
  margin: auto;
  top: 0.2rem;
  bottom: 0;
  opacity: 0.5;
  transition: opacity 0.2s linear;
}
.PopupMenu__title__close:hover,
.PopupMenu__title__back:hover,
.PopupMenu__title__close:focus,
.PopupMenu__title__back:focus {
  opacity: 1;
  text-decoration: none;
}
.PopupMenu__title__actions {
  position: absolute;
  height: 2.25rem;
  line-height: 2.25rem;
  margin: auto;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: right;
}
.PopupMenu__title__action {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  padding: 0.6rem 1rem;
}
.PopupMenuItems {
  padding-bottom: var(--ios-safe-area-bottom);
}
@media screen and (max-height: 900px) {
  .PopupMenuItems {
    max-height: 890px;
    overflow: auto;
  }
}
@media screen and (max-height: 800px) {
  .PopupMenuItems {
    max-height: 790px;
    overflow: auto;
  }
}
@media screen and (max-height: 700px) {
  .PopupMenuItems {
    max-height: 690px;
    overflow: auto;
  }
}
@media screen and (max-height: 600px) {
  .PopupMenuItems {
    max-height: 590px;
    overflow: auto;
  }
}
@media screen and (max-height: 500px) {
  .PopupMenuItems {
    max-height: 490px;
    overflow: auto;
  }
}
@media screen and (max-height: 400px) {
  .PopupMenuItems {
    max-height: 390px;
    overflow: auto;
  }
}
@media screen and (max-height: 300px) {
  .PopupMenuItems {
    max-height: 290px;
    overflow: auto;
  }
}
@media screen and (max-height: 200px) {
  .PopupMenuItems {
    max-height: 190px;
    overflow: auto;
  }
}
.PopupMenu__title__close {
  font-size: 1rem;
  top: 0.1rem;
}
.PopupMenu__pane {
  transition: transform 0.45s ease;
  position: relative;
  width: 100vw;
}
.PopupMenu__pane--hidden {
  top: 0;
  position: absolute;
  transform: translateX(-100%);
  transition-delay: 0.025s;
}
.PopupMenu__pane--floating {
  animation: cardFadeIn 0.2s ease;
  border: 1px solid var(--color-border-2);
  background: hsl(0, 0%, 100%);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  margin-top: -2px;
  border-radius: 0 0 4px 4px;
}
.PopupMenu__pane--floating.is-closing {
  animation: cardFadeOut 0.2s ease;
}
.PopupMenu__slide-enter {
  transform: translateX(100%);
}
.PopupMenu__slide-enter.PopupMenu__slide-enter-active {
  transform: translateX(0%);
}
.PopupMenu__slide-leave {
  top: 0;
  position: absolute;
  transform: translateX(0%);
  transition-delay: 0.025s;
}
.PopupMenu__slide-leave.PopupMenu__slide-leave-active {
  top: 0;
  position: absolute;
  transform: translateX(100%);
}
.PopupMenuItems {
  margin: 0;
  padding: 0;
}
.PopupMenuItem {
  list-style: none;
  position: relative;
}
.PopupMenuItem .icon--view-card::before {
  transform: scale(0.85);
}
.PopupMenuItem + .PopupMenuItem {
  border-top: 1px solid var(--color-border-2);
}
.PopupMenu__header {
  margin: 0;
  padding: 0.1rem 1.3rem;
  text-transform: uppercase;
  text-align: left;
  border: none;
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-weight: 400;
  background: var(--color-background-3);
  list-style: none;
  font-size: 13px;
  line-height: 1.75rem;
  color: var(--color-text-secondary);
}
.PopupMenu__separator {
  list-style: none;
  height: 5px;
  background: var(--color-border-2);
}
.PopupMenuItem__content {
  padding: 0.5rem 1.25rem;
  display: block;
  cursor: pointer;
  vertical-align: middle;
  color: var(--color-text-primary);
}
.-mouse-active .PopupMenuItem__content:not(.is-disabled) .PopupMenuItem__content:hover,
.PopupMenuItem__content:not(.is-disabled) .PopupMenuItem__content:focus,
.PopupMenuItem__content:not(.is-disabled) .PopupMenuItem__content:active {
  background: var(--color-background-2);
}
.PopupMenuItem--canceller .PopupMenuItem__content {
  padding: 1rem 1.25rem;
  text-align: center;
}
.PopupMenuItem.PopupMenuItem--inline-action .PopupMenuItem__content:hover,
.PopupMenuItem.PopupMenuItem--inline-action .PopupMenuItem__content:focus {
  background: transparent;
}
.PopupMenuItem__inline-content {
  position: absolute;
  right: 0.65rem;
  height: 2rem;
  line-height: 1.8rem;
  vertical-align: middle;
  top: 0;
  bottom: 0;
  margin: auto;
}
.PopupMenuItem__inline-content input {
  display: inline-block;
  width: 4rem;
}
.PopupMenuItem__icon {
  display: inline-block;
  width: 3.5rem;
  margin-left: -1rem;
  text-align: center;
  color: var(--color-text-secondary);
  font-size: 1.3em;
  line-height: 1rem;
  vertical-align: middle;
}
.PopupMenuItem__icon .icon,
.PopupMenuItem__icon .input-group.-error label,
.PopupMenuItem__icon .custom-checkbox-link,
.PopupMenuItem__icon .checkbox.-checked,
.PopupMenuItem__icon .checkbox.-unchecked,
.PopupMenuItem__icon input.-custom[type="checkbox"] + .custom-checkbox,
.PopupMenuItem__icon .image-upload .upload-link,
.PopupMenuItem__icon .ReactSelect__clear,
.PopupMenuItem__icon .ReactSelect__search-icon,
.PopupMenuItem__icon .DateTimePicker .touch-date.is-empty,
.PopupMenuItem__icon .DateTimePicker .touch-date.-empty,
.PopupMenuItem__icon .TimePicker .time-group .next,
.PopupMenuItem__icon .TimePicker .time-group .prev,
.PopupMenuItem__icon .PopupMenu__title__close,
.PopupMenuItem__icon .PopupMenu__title__back,
.PopupMenuItem__icon .BaseCell--manualurl a.link,
.PopupMenuItem__icon .ListTableViewHeaderCell__index-arrow-down,
.PopupMenuItem__icon .ListTableViewHeaderCell__fieldSettingsButton,
.PopupMenuItem__icon .ListTableViewHeaderCell__fieldHideButton,
.PopupMenuItem__icon .ListTableViewHeaderCell__status .sort-state,
.PopupMenuItem__icon .ListTableViewHeaderCell__status .filtered,
.PopupMenuItem__icon .ListTableViewHeaderCell__status .grouped,
.PopupMenuItem__icon .RowIndexCell__reminder-mark,
.PopupMenuItem__icon .RowIndexCell__dirty-mark {
  width: 20px;
  height: 20px;
}
.PopupMenuItem.is-disabled .PopupMenuItem__content {
  opacity: 0.4;
}
.PopupMenuItem.PopupMenuItem--submenu:after,
.PopupMenuItem.is-active:after {
  color: var(--color-text-secondary);
  font-size: 0.8rem;
  height: 2rem;
  line-height: 2rem;
  width: 1.5rem;
  position: absolute;
  text-align: center;
  pointer-events: none;
  right: 0.65rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.PopupMenuItem.PopupMenuItem--submenu:after {
  line-height: 2.2rem;
}
.PopupMenuItem.is-active:after {
  content: '\e824';
  font-size: 1.3rem;
}
.PopupMenu--white-mobile {
  background-color: hsl(0, 0%, 100%);
  border: none;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
}
.PopupMenu--white-mobile .PopupMenuItem {
  background: white;
}
.PopupMenu--white-mobile .PopupMenuItem:first-child {
  padding-top: 0.2rem;
}
.PopupMenu--white-mobile .PopupMenuItem--canceller {
  border-style: none;
}
.PopupMenu--white-mobile .PopupMenuItem--danger .PopupMenuItem__content {
  color: hsl(359, 55%, 45%);
}
.PopupMenu--white-mobile .PopupMenuItem__content {
  padding: 1rem 14px;
  font-size: 1.14285714rem;
  font-weight: 600;
  text-align: left;
  color: var(--color-text-primary);
  fill: var(--color-list-button-text);
}
@media (orientation: landscape) and (max-width: 599px), (orientation: landscape) and (max-height: 599px) {
  .TouchInterface .PopupMenu--white-mobile .PopupMenuItem__content {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }
}
.EmbedContext .PopupMenu--white-mobile .PopupMenuItem__content {
  padding: 0.7rem 1rem;
}
.PopupMenu--white-mobile .PopupMenuItem__content .PopupMenuItem__icon {
  color: inherit;
  fill: inherit;
  padding-bottom: 3px;
}
.PopupMenu--white-mobile .PopupMenuItem__content .PopupMenuItem__icon path,
.PopupMenu--white-mobile .PopupMenuItem__content .PopupMenuItem__icon svg,
.PopupMenu--white-mobile .PopupMenuItem__content .PopupMenuItem__icon g {
  fill: inherit;
}
.PopupMenu--white-mobile .PopupMenuItem--canceller .PopupMenuItem__content {
  margin: 0.3rem calc(14px * 0.4) calc(1rem + var(--ios-safe-area-bottom));
  padding: 1rem calc(14px * 0.6);
  background: var(--color-background-3);
  border-radius: 8px;
}
@media (orientation: landscape) and (max-width: 599px), (orientation: landscape) and (max-height: 599px) {
  .TouchInterface .PopupMenu--white-mobile .PopupMenuItem--canceller .PopupMenuItem__content {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
  }
}
.-is-kitkat .PopupMenu {
  width: 320px;
}
.-contains-MobileMoreMenu,
.-contains-MobileAccountMenu {
  transform: none !important;
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  top: initial !important;
}
.-contains-MobileMoreMenu .PopupMenu,
.-contains-MobileAccountMenu .PopupMenu,
.-contains-MobileMoreMenu .Popup,
.-contains-MobileAccountMenu .Popup {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: calc(100vw - 2 * var(--ios-safe-area-side));
  margin: 0 auto;
}
@media (max-width: 599px), (max-height: 599px) {
  .TouchInterface .-contains-ListFieldSettingsMenu > div,
  .TouchInterface .-contains-PopupFlatMenu > div,
  .TouchInterface .-contains-GenericDialog > div,
  .TouchInterface .-contains-MultiSelectSettingsModal > div,
  .TouchInterface .-contains-SearchTermsSettingsModal > div {
    width: 100% !important;
  }
}
.Popup {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  border-radius: 8px;
  background: var(--color-background-00);
  animation: cardFadeIn 0.2s ease;
  padding: 0.6rem;
  position: relative;
  user-select: none;
}
.Popup.is-closing {
  animation: cardFadeOut 0.2s ease;
}
.Popup:before,
.Popup:after {
  content: "";
  display: table;
}
.Popup--noAnimation {
  animation: none;
}
.FlatMenu__separator {
  margin: 0;
  border: none;
  border-bottom: 1px solid var(--color-border-2);
  margin: 10px 0;
}
.GenericPageContainer {
  position: relative;
  /* Custom rules for padding for ios status bar issues */
}
.GenericPageContainer__touchStatusBar {
  display: none;
}
@media (orientation: portrait) {
  .-is-ios.-is-app .GenericPageContainer__touchStatusBar {
    z-index: 900;
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    height: var(--ios-status-bar-height);
    border-top: var(--ios-status-bar-height) solid var(--color-background-9);
  }
}
.GenericPageContainer .DashboardMobile__fixedHeader {
  top: var(--ios-status-bar-height);
}
.GenericPageContainer .ProfilePage {
  padding-top: var(--ios-status-bar-height);
}
.GenericPageContainer__scrollPane {
  padding-top: var(--ios-status-bar-height);
}
.scroll-content,
.ScrollPane {
  overflow: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.floating-modal\* .ScrollPane.scroll-content,
.floating-modal\* .ScrollPane {
  overflow: hidden;
}
.DesktopEnvironment  .ScrollPane.scroll-content,
.DesktopEnvironment  .ScrollPane {
  overflow: hidden;
}
.ScrollContainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.ScrollContainer.-momentum {
  -webkit-overflow-scrolling: touch;
}
.PanelledModal {
  --panel-button-height: 46px;
  border-radius: 0;
  background-clip: padding-box;
  overflow: hidden;
  background-color: var(--color-list-background-1, --color-background-1);
}
.EmbedContext .PanelledModal {
  --panel-button-height: 40px;
}
.MobileEnvironment .PanelledModal,
.EmbedContext .PanelledModal {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  border-radius: 8px;
  background: var(--color-background-00);
  animation: cardFadeIn 0.2s ease;
  background: var(--color-list-background-1, --color-background-1);
}
.MobileEnvironment .PanelledModal.is-closing,
.EmbedContext .PanelledModal.is-closing {
  animation: cardFadeOut 0.2s ease;
}
.PanelledModal:before,
.PanelledModal:after {
  content: "";
  display: table;
}
.DesktopEnvironment .PanelledModal {
  background-color: var(--color-list-background-main);
}
.EmbedContext .PanelledModal {
  --panel-button-height: 40px;
}
.PanelledModal__header {
  overflow: hidden;
  position: relative;
}
.ListSidebarLeft .PanelledModal {
  background: none;
}
.PanelledModal__animHeader {
  height: calc(44px + var(--ios-status-bar-height));
  padding-top: var(--ios-status-bar-height);
  background: var(--color-list-background-7);
  color: var(--color-text-primary-light);
  border-bottom: 1px solid var(--color-border-3);
  text-align: center;
  vertical-align: middle;
  position: relative;
}
.ListSidebarRight .PanelledModal__animHeader {
  height: 50px;
  background: var(--color-list-background-main);
  color: var(--color-text-primary);
  border-bottom: none;
}
.PanelledModal__headingWrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
  width: 100%;
}
.PanelledModal__centeredContent {
  flex: 0 1 calc(100% - 200px);
  display: flex;
  flex-direction: column;
  width: 100%;
}
.PanelledModal__title {
  margin: 0;
  text-transform: none;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.35em;
  border-bottom: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-text-primary-light);
  text-align: center;
  margin: 0 auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: default;
}
.PanelledModal__title:active {
  background-color: rgba(0, 0, 0, 0);
}
.ListSidebarRight .PanelledModal__title {
  font-size: 1.14285714rem;
  color: var(--color-text-primary);
}
.PanelledModal__subtitle {
  margin: 0;
  padding: 0;
  font-size: 0.71428571rem;
  line-height: 1.2em;
  color: var(--color-text-primary-light);
  font-weight: 400;
  text-transform: none;
  border: none;
  margin: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 85%;
}
.ListSidebarRight .PanelledModal__subtitle {
  display: none;
}
.PanelledModal__back {
  flex: 0 0 100px;
  z-index: 2;
  left: 0;
  top: 0;
  height: 44px;
  line-height: 44px;
  font-size: 1rem;
  text-align: left;
  display: flex;
  color: var(--color-text-primary-light);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.PanelledModal__back:active {
  background-color: rgba(0, 0, 0, 0);
  opacity: 0.6;
}
.ListSidebarLeft .PanelledModal__main-panel .PanelledModal__back {
  visibility: hidden;
}
.PanelledModal__backIcon {
  font-size: 20px;
  padding: 0 0 0 10px;
}
.EmbedContext .PanelledModal__backIcon {
  transform: scale(-1, 1) translateX(-10px);
}
.ListSidebarRight .PanelledModal__backIcon {
  font-size: 1.14285714rem;
  padding-right: 2px;
  padding-left: 0;
  color: var(--color-list-button-text);
}
.PanelledModal__backText {
  margin-left: 0;
  padding-right: 2px;
}
.EmbedContext .PanelledModal__backText {
  display: none;
}
.ListSidebarRight .PanelledModal__backText {
  font-size: 1rem;
  color: var(--color-list-button-text);
}
.PanelledModal__headingRight {
  flex: 0 0 100px;
  display: flex;
  white-space: pre;
  padding-right: 8px;
  justify-content: flex-end;
}
.PanelledModal__headingRightButton {
  padding: 7px;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.PanelledModal__headingRightButton:active {
  opacity: 0.8;
}
.PanelledModal__headingRightButton .icon.icon--trash,
.PanelledModal__headingRightButton .input-group.-error label.icon--trash,
.PanelledModal__headingRightButton .custom-checkbox-link.icon--trash,
.PanelledModal__headingRightButton .checkbox.-checked.icon--trash,
.PanelledModal__headingRightButton .checkbox.-unchecked.icon--trash,
.PanelledModal__headingRightButton input.-custom[type="checkbox"] + .custom-checkbox.icon--trash,
.PanelledModal__headingRightButton .image-upload .upload-link.icon--trash,
.PanelledModal__headingRightButton .ReactSelect__clear.icon--trash,
.PanelledModal__headingRightButton .ReactSelect__search-icon.icon--trash,
.PanelledModal__headingRightButton .DateTimePicker .touch-date.is-empty.icon--trash,
.PanelledModal__headingRightButton .DateTimePicker .touch-date.-empty.icon--trash,
.PanelledModal__headingRightButton .TimePicker .time-group .next.icon--trash,
.PanelledModal__headingRightButton .TimePicker .time-group .prev.icon--trash,
.PanelledModal__headingRightButton .PopupMenu__title__close.icon--trash,
.PanelledModal__headingRightButton .PopupMenu__title__back.icon--trash,
.PanelledModal__headingRightButton .BaseCell--manualurl a.link.icon--trash,
.PanelledModal__headingRightButton .ListTableViewHeaderCell__index-arrow-down.icon--trash,
.PanelledModal__headingRightButton .ListTableViewHeaderCell__fieldSettingsButton.icon--trash,
.PanelledModal__headingRightButton .ListTableViewHeaderCell__fieldHideButton.icon--trash,
.PanelledModal__headingRightButton .ListTableViewHeaderCell__status .sort-state.icon--trash,
.PanelledModal__headingRightButton .ListTableViewHeaderCell__status .filtered.icon--trash,
.PanelledModal__headingRightButton .ListTableViewHeaderCell__status .grouped.icon--trash,
.PanelledModal__headingRightButton .RowIndexCell__reminder-mark.icon--trash,
.PanelledModal__headingRightButton .RowIndexCell__dirty-mark.icon--trash {
  font-size: 1.14285714rem;
  color: hsl(359, 55%, 45%);
}
.PanelledModal__headingRightButton--red {
  color: hsl(359, 55%, 45%);
}
.ListSidebarRight .PanelledModal__headingRightButton {
  color: var(--color-text-primary-light);
}
.PanelledModal__headingRightButton--background {
  background-color: hsl(0, 0%, 100%);
  line-height: 1.5;
  font-weight: 600;
  font-size: 0.85714286rem;
  padding: 3px 7px;
  border-radius: 4px;
  color: var(--color-list-button-text);
}
.ListSidebarRight .PanelledModal__headingRightButton--background {
  background-color: var(--color-list-button-background);
}
.PanelledModal__headingRightButton:not(.PanelledModal__headingRightButton--background) {
  color: var(--color-text-primary-light);
}
.PanelledModal__headingRightButton--disabled {
  opacity: 0.6;
  cursor: default;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.PanelledModal__headingRightButton--disabled:active {
  background-color: hsl(0, 0%, 100%);
  opacity: 0.6;
}
.PanelledModal__viewPane {
  height: calc(100% - calc(44px + var(--ios-status-bar-height)));
  width: 100%;
  position: relative;
  overflow: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.PanelledModal__viewPane:before,
.PanelledModal__viewPane:after {
  content: "";
  display: table;
}
.PanelledModal__viewPane > *:last-child {
  margin-bottom: 30px;
}
.ListSidebarLeft .PanelledModal__viewPane {
  height: calc(100% - 170px);
}
.ListSidebarRight .PanelledModal__viewPane {
  overflow-y: auto;
  background: linear-gradient(var(--color-list-sidebar-background) 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), var(--color-list-sidebar-background) 70%) 0 100%, /* Shadows */ radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background: linear-gradient(var(--color-list-sidebar-background) 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), var(--color-list-sidebar-background) 70%) 0 100%, /* Shadows */ radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: var(--color-list-sidebar-background);
  background-size: 100% 40px, 100% 40px, 100% 6px, 100% 6px;
  /* Opera doesn't support this in the shorthand */
  background-attachment: local, local, scroll, scroll;
  z-index: 10;
}
.EmbedContext .PanelledModal__viewPane {
  height: 100%;
  padding-bottom: calc(44px + 3rem);
}
.PanelledModalPanel {
  padding-top: 2rem;
  min-height: 100%;
  padding-bottom: calc(50px + var(--ios-safe-area-bottom));
}
.PanelledModalPanel:only-child {
  margin-bottom: 0;
}
.ListSidebarLeft .PanelledModalPanel {
  background: none;
}
.PanelledModal__animHeader,
.PanelledModalPanel {
  transform: translateX(100%);
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.PanelledModal__animHeader.is-entering,
.PanelledModalPanel.is-entering {
  transform: translateX(100%);
}
.PanelledModal__animHeader.is-set-left,
.PanelledModalPanel.is-set-left {
  transform: translateX(-100%);
  z-index: 0;
}
.PanelledModal__animHeader.is-entering.is-set-left,
.PanelledModalPanel.is-entering.is-set-left {
  transform: translateX(-100%);
}
.PanelledModal__animHeader.is-animating,
.PanelledModalPanel.is-animating {
  transition: transform 0.3s ease;
}
.PanelledModal__animHeader.is-visible,
.PanelledModalPanel.is-visible,
.PanelledModal__animHeader.is-entering.is-visible,
.PanelledModalPanel.is-entering.is-visible {
  transform: translateX(0);
}
.PanelledModal__animHeader.is-visible,
.PanelledModalPanel.is-visible {
  position: relative;
}
.PanelledModal__animHeader.is-animating,
.PanelledModalPanel.is-animating {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.PanelledModal__animHeader {
  transform: translateX(0) !important;
}
.PanelledModal__animHeader .PanelledModal__headingWrapper {
  opacity: 0;
}
.PanelledModal__animHeader.is-animating .PanelledModal__headingWrapper {
  transition: opacity 0.3s linear;
}
.PanelledModal__animHeader.is-visible {
  position: relative;
}
.PanelledModal__animHeader.is-visible .PanelledModal__headingWrapper {
  opacity: 1;
}
.PanelledModal__animHeader.is-visible,
.PanelledModal__animHeader.is-entering.is-visible {
  z-index: 2;
}
.PanelledModal__largeButtonContainer {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 100%;
  margin: calc(14px * 2) auto;
}
.ListSettingsCore__publishingPanel .PanelledModal__largeButtonContainer,
.ListSettingsCore__publishingViewsPanel .PanelledModal__largeButtonContainer {
  padding-left: 14px;
  padding-right: 14px;
}
.PanelButton,
button.PanelButton {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  gap: 14px;
  padding: 0 14px;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  margin: 0;
  height: var(--panel-button-height);
  line-height: var(--panel-button-height);
  border: 1px solid var(--color-border-1);
  background-color: var(--color-background-00);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border-bottom: 1px solid var(--color-border-2);
}
.PanelButton:active,
button.PanelButton:active {
  background-color: var(--color-background-3);
}
.DesktopEnvironment .PanelButton,
.DesktopEnvironment button.PanelButton {
  background-color: var(--color-list-background-sidebar-input);
  cursor: pointer;
}
.ListEmbedDialog .PanelButton,
.ListEmbedDialog button.PanelButton {
  padding-top: 4px;
  padding-bottom: 4px;
}
.ListSidebarRight .PanelButton,
.ListSidebarRight button.PanelButton,
.ListSidebarRight .PanelButton:first-of-type,
.ListSidebarRight button.PanelButton:first-of-type,
.ListSidebarRight .PanelButton:last-of-type,
.ListSidebarRight button.PanelButton:last-of-type {
  border-radius: 4px;
  margin-bottom: 4px;
  border: 1px solid var(--color-border-2);
}
.PanelSection .PanelButton:first-of-type,
.PanelSection button.PanelButton:first-of-type {
  border-top: 1px solid var(--color-border-2);
}
.PanelButton + .PanelButton,
.PanelButton + button.PanelButton,
button.PanelButton + .PanelButton,
button.PanelButton + button.PanelButton {
  border-top: none;
}
.PanelButton--bothBorders,
button.PanelButton--bothBorders {
  border-top: 1px solid var(--color-border-2) !important;
}
.PanelButton__title,
button.PanelButton__title {
  color: var(--color-text-primary);
  font-weight: 500;
}
.PanelButton--danger .PanelButton__title,
button.PanelButton--danger .PanelButton__title {
  color: hsl(359, 55%, 45%);
}
.PanelButton--withLeftIcon,
button.PanelButton--withLeftIcon {
  gap: 10px;
}
.PanelButton__title,
button.PanelButton__title,
.PanelButton__rightIcon,
button.PanelButton__rightIcon,
.PanelButton__customLeft,
button.PanelButton__customLeft,
.PanelButton__customRight,
button.PanelButton__customRight,
.PanelButton__value,
button.PanelButton__value {
  display: inline-block;
  line-height: calc(var(--panel-button-height) - 1px);
}
.PanelButton__customLeft,
button.PanelButton__customLeft {
  flex-shrink: 0;
  color: var(--color-text-primary);
  display: flex;
  align-items: center;
}
.PanelButton__rightIcon,
button.PanelButton__rightIcon {
  color: var(--color-text-hint);
  font-size: 24px;
  line-height: var(--panel-button-height);
}
.PanelButton__rightIcon.icon--tick,
button.PanelButton__rightIcon.icon--tick {
  color: var(--color-list-button-text);
}
.PanelButton__value,
button.PanelButton__value {
  flex: none;
  max-width: calc(100% - 11rem);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-text-secondary);
  line-height: calc(var(--panel-button-height) - 1px);
}
.PanelButton__value:last-child,
button.PanelButton__value:last-child {
  padding-right: 8px;
}
.PanelButton__title,
button.PanelButton__title {
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.PanelButton__customRight,
button.PanelButton__customRight {
  display: flex;
  align-items: center;
}
.PanelButton__leftIcon,
button.PanelButton__leftIcon {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  color: var(--color-text-primary);
  border-radius: 2px;
  display: grid;
  place-items: center;
}
.PanelButton__leftIcon.icon--image,
button.PanelButton__leftIcon.icon--image,
.PanelButton__leftIcon.icon--price,
button.PanelButton__leftIcon.icon--price,
.PanelButton__leftIcon.icon--star,
button.PanelButton__leftIcon.icon--star,
.PanelButton__leftIcon.icon--percentage,
button.PanelButton__leftIcon.icon--percentage,
.PanelButton__leftIcon.icon--star,
button.PanelButton__leftIcon.icon--star,
.PanelButton__leftIcon.icon--picture,
button.PanelButton__leftIcon.icon--picture {
  scale: 1.2;
}
.PanelButton__leftIcon.icon--long-text,
button.PanelButton__leftIcon.icon--long-text,
.PanelButton__leftIcon.icon--youtube-play,
button.PanelButton__leftIcon.icon--youtube-play,
.PanelButton__leftIcon.icon--search,
button.PanelButton__leftIcon.icon--search,
.PanelButton__leftIcon.icon--link,
button.PanelButton__leftIcon.icon--link,
.PanelButton__leftIcon.icon--share-secret,
button.PanelButton__leftIcon.icon--share-secret,
.PanelButton__leftIcon.ReactSelect__search-icon,
button.PanelButton__leftIcon.ReactSelect__search-icon,
.PanelButton__leftIcon.BaseCell--manualurl a.link,
button.PanelButton__leftIcon.BaseCell--manualurl a.link {
  scale: 1.1;
}
.PanelButton__leftIcon.icon--dropdown,
button.PanelButton__leftIcon.icon--dropdown,
.PanelButton__leftIcon.icon--math,
button.PanelButton__leftIcon.icon--math {
  scale: 0.9;
}
.PanelButton__leftIcon.icon--checklist,
button.PanelButton__leftIcon.icon--checklist {
  scale: 0.85;
}
.PanelButton__leftIconSVG,
button.PanelButton__leftIconSVG {
  width: 1.1rem;
  height: 1.1rem;
}
.PanelButton__leftIconSVG path,
button.PanelButton__leftIconSVG path {
  fill: var(--color-text-primary);
}
.PanelButton--disabled .PanelButton__leftIconSVG path,
.PanelButton--disabled button.PanelButton__leftIconSVG path {
  fill: var(--color-text-disabled);
}
.PanelButton--blue .PanelButton__title,
.PanelButton--blue button.PanelButton__title,
button.PanelButton--blue .PanelButton__title,
button.PanelButton--blue button.PanelButton__title {
  color: hsl(5, 90%, 58%);
}
.PanelButton--red .PanelButton__title,
.PanelButton--red button.PanelButton__title,
button.PanelButton--red .PanelButton__title,
button.PanelButton--red button.PanelButton__title {
  color: hsl(359, 55%, 45%);
}
.PanelButton--listColor .PanelButton__title,
.PanelButton--listColor button.PanelButton__title,
button.PanelButton--listColor .PanelButton__title,
button.PanelButton--listColor button.PanelButton__title {
  color: var(--color-list-button-text);
}
.PanelButton--requiredValue .PanelButton__value,
.PanelButton--requiredValue button.PanelButton__value,
button.PanelButton--requiredValue .PanelButton__value,
button.PanelButton--requiredValue button.PanelButton__value {
  border-radius: 4px;
  color: hsl(359, 55%, 45%);
  font-weight: 600;
  font-size: 1rem;
}
.PanelButton--capitalizeValue .PanelButton__value,
.PanelButton--capitalizeValue button.PanelButton__value,
button.PanelButton--capitalizeValue .PanelButton__value,
button.PanelButton--capitalizeValue button.PanelButton__value {
  text-transform: capitalize;
}
.PanelButton--capitalizeTitle .PanelButton__title,
.PanelButton--capitalizeTitle button.PanelButton__title,
button.PanelButton--capitalizeTitle .PanelButton__title,
button.PanelButton--capitalizeTitle button.PanelButton__title {
  text-transform: capitalize;
}
.PanelButton--centered,
button.PanelButton--centered,
.PanelButton--centered .PanelButton__title,
.PanelButton--centered button.PanelButton__title,
button.PanelButton--centered .PanelButton__title,
button.PanelButton--centered button.PanelButton__title {
  text-align: center;
}
.PanelButton:disabled,
button.PanelButton:disabled,
.PanelButton.is-disabled,
button.PanelButton.is-disabled {
  cursor: default;
}
.PanelButton:disabled > *,
button.PanelButton:disabled > *,
.PanelButton.is-disabled > *,
button.PanelButton.is-disabled > * {
  opacity: 0.3;
}
.PanelSection {
  margin-bottom: calc(14px * 2);
  position: relative;
}
.PanelSection__title {
  margin: 0;
  padding: 0 14px 0.4rem;
  font-size: 0.78571429rem;
  line-height: 1.3em;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.PanelSection__rightTitle {
  margin: 0;
  padding: 0;
  text-align: right;
  text-transform: none;
  font-size: 0.78571429rem;
  font-weight: 600;
  border: none;
  color: var(--color-text-secondary);
  position: absolute;
  top: 0;
  right: 14px;
}
.PanelSection__helpText {
  margin: 0.45rem 14px 0;
  padding-bottom: 0.45rem;
  font-size: 0.78571429rem;
  line-height: 1.3em;
  color: var(--color-text-secondary);
}
.PanelSection__helpText\* p {
  font-size: 0.85714286rem;
  line-height: 1.3em;
}
.PanelSection--centerContent {
  text-align: center;
}
.PanelSection--noMargin {
  margin: 0;
}
.PanelInput {
  margin: 0;
  display: block;
  position: relative;
  background: hsl(0, 0%, 100%);
  border: 1px solid var(--color-border-2);
  border-radius: 8px;
  margin: 6px 14px;
}
.PanelInput:before,
.PanelInput:after {
  content: "";
  display: table;
}
.PanelInput:after {
  content: "";
  display: table;
  clear: both;
}
.PanelInput + .PanelInput {
  border-top: none;
}
.PanelInput__hiddenSpacer {
  opacity: 0.001;
  white-space: pre-wrap;
}
input[type=text].PanelInput__input,
.PanelInput__input,
.PanelInput__hiddenSpacer {
  padding: calc((var(--panel-button-height) - 1.4em) / 2) 14px;
  line-height: 1.4em;
  font-weight: normal;
  border-radius: 8px;
}
input[type=text].PanelInput__input,
.PanelInput__input {
  position: absolute;
  margin: 0;
  border: none;
  resize: none;
  background: var(--color-input-background-light);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 100%;
}
.DesktopEnvironment input[type=text].PanelInput__input,
.DesktopEnvironment .PanelInput__input {
  background: var(--color-list-background-sidebar-input);
}
input[type=text].PanelInput__input:focus,
.PanelInput__input:focus {
  background: var(--color-input-background-light--focus);
}
input[type=text].PanelInput__input {
  height: 100%;
}
.PanelInput--blue .PanelInput__title {
  color: hsl(5, 90%, 58%);
}
.PanelInput--red .PanelInput__title {
  color: hsl(359, 55%, 45%);
}
.PanelInput--center {
  text-align: center;
}
.PanelInput--center .PanelInput__title {
  float: none;
}
.Filters__fieldsContainer {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}
.ListiumList--published .Filters__fieldsContainer--binary {
  display: none;
}
.ListSidebarLeft .Filters {
  padding: 0 0 4rem 0;
}
.ListSidebarLeft .Filters__fieldsContainer {
  padding-right: 0 !important;
}
.ListSidebarLeft .Filters__fieldsContainer--input {
  width: 100%;
}
.ListSidebarLeft .Filters__fieldsContainer--selection {
  flex-direction: column;
  width: 100%;
}
.ListSidebarLeft .Filters .FiltersField .Button {
  background: var(--color-list-background-2);
}
.FiltersField {
  display: flex;
  flex-direction: column;
  padding: 0;
  border-bottom: 1px solid var(--color-border-2);
  border-top: 1px solid transparent;
  background-color: var(--color-background-00);
}
.MobileEnvironment .FiltersField,
.EmbedContext .FiltersField {
  padding: 0 14px;
}
.DesktopEnvironment .FiltersField {
  background-color: transparent;
  border-bottom: 1px solid var(--color-list-border-1);
  transition: border 0.1s ease-in-out;
}
.FiltersField .IconCycle {
  padding: 0 0.5rem;
}
.DesktopEnvironment .FiltersField--open {
  border-bottom: 1px solid var(--color-list-border-3);
  border-top: 1px solid var(--color-list-border-3);
}
.FiltersField--Primary input,
.FiltersField--Text input {
  padding: 5px 8px !important;
  background: var(--color-input-background-light);
}
.FiltersField--DateTime .FiltersField__content {
  display: flex;
}
.FiltersField--DateTime .FiltersField__content .InlineEdit {
  height: unset;
}
.FiltersField--DateTime .FiltersField__content .DateTimePicker {
  display: flex;
  align-items: center;
  text-align: left;
  margin-top: 1.3rem;
  padding-left: 6px;
  background: var(--color-input-background-light);
  border: 1px solid var(--color-input-border-light);
}
.FiltersField--DateTime .FiltersField__content .DateTimePicker .touch-date {
  text-align: left;
}
.FiltersField--DateTime .FiltersField__content .DateTimePicker:before {
  display: block;
  content: 'To';
  font-size: 0.78571429rem;
  font-weight: 600;
  color: var(--color-text-secondary);
  position: absolute;
  top: -18px;
  left: 5px;
}
.FiltersField--DateTime .FiltersField__content .DateTimePicker:first-child {
  margin-right: 10px;
}
.FiltersField--DateTime .FiltersField__content .DateTimePicker:first-child:before {
  content: 'From';
}
.FiltersField--SymbolCol .IconRange__pip {
  line-height: 1;
}
.FiltersField__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  height: 46px;
}
.FiltersField__icon {
  width: 18px;
  height: 26px;
  display: grid;
  place-content: center;
  color: var(--color-list-background-6);
  font-size: 1rem;
}
.FiltersField__title {
  grid-area: title;
  font-weight: 500;
  line-height: 1.3;
  max-height: 2.6em;
  overflow: hidden;
  margin-right: auto;
}
.FiltersField__settings {
  height: 100%;
  display: flex;
  flex-direction: row;
  gap: 5px;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
  min-width: 50px;
  align-self: end;
  line-height: 1.2;
}
.FiltersField__content {
  overflow: hidden;
  padding: 0 0 10px 30px;
  transition: padding 0.1s ease-in-out;
}
.FiltersField--open .FiltersField__content {
  padding: 0 0 20px 30px;
}
.Filters__fieldsContainer--binary .FiltersField__content {
  display: flex;
  flex-direction: row;
}
.Filters__fieldsContainer--binary .FiltersField__content .icon,
.Filters__fieldsContainer--binary .FiltersField__content .input-group.-error label,
.Filters__fieldsContainer--binary .FiltersField__content .custom-checkbox-link,
.Filters__fieldsContainer--binary .FiltersField__content .checkbox.-checked,
.Filters__fieldsContainer--binary .FiltersField__content .checkbox.-unchecked,
.Filters__fieldsContainer--binary .FiltersField__content input.-custom[type="checkbox"] + .custom-checkbox,
.Filters__fieldsContainer--binary .FiltersField__content .image-upload .upload-link,
.Filters__fieldsContainer--binary .FiltersField__content .ReactSelect__clear,
.Filters__fieldsContainer--binary .FiltersField__content .ReactSelect__search-icon,
.Filters__fieldsContainer--binary .FiltersField__content .DateTimePicker .touch-date.is-empty,
.Filters__fieldsContainer--binary .FiltersField__content .DateTimePicker .touch-date.-empty,
.Filters__fieldsContainer--binary .FiltersField__content .TimePicker .time-group .next,
.Filters__fieldsContainer--binary .FiltersField__content .TimePicker .time-group .prev,
.Filters__fieldsContainer--binary .FiltersField__content .PopupMenu__title__close,
.Filters__fieldsContainer--binary .FiltersField__content .PopupMenu__title__back,
.Filters__fieldsContainer--binary .FiltersField__content .BaseCell--manualurl a.link,
.Filters__fieldsContainer--binary .FiltersField__content .ListTableViewHeaderCell__index-arrow-down,
.Filters__fieldsContainer--binary .FiltersField__content .ListTableViewHeaderCell__fieldSettingsButton,
.Filters__fieldsContainer--binary .FiltersField__content .ListTableViewHeaderCell__fieldHideButton,
.Filters__fieldsContainer--binary .FiltersField__content .ListTableViewHeaderCell__status .sort-state,
.Filters__fieldsContainer--binary .FiltersField__content .ListTableViewHeaderCell__status .filtered,
.Filters__fieldsContainer--binary .FiltersField__content .ListTableViewHeaderCell__status .grouped,
.Filters__fieldsContainer--binary .FiltersField__content .RowIndexCell__reminder-mark,
.Filters__fieldsContainer--binary .FiltersField__content .RowIndexCell__dirty-mark {
  margin-right: 5px;
  font-size: 1.28571429rem;
}
.Filters__fieldsContainer--binary .FiltersField__content > div {
  display: flex;
  align-items: center;
  font-weight: normal;
  cursor: pointer;
}
.Filters__fieldsContainer--input .FiltersField__content input {
  background: var(--color-input-background-light);
  border: 1px solid var(--color-input-border-light);
  border-radius: 4px;
}
.FiltersField__content > * {
  width: 100%;
  border-radius: 4px;
  min-height: 30px;
}
.FiltersField__valuesList {
  list-style: none;
  padding: 0;
  margin: 0;
}
.FiltersField__valuesListItem {
  display: flex;
  flex-direction: row;
  justify-content: start;
  line-height: 1.4em;
}
.FiltersField__valuesListValue {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 4px;
  padding-right: 14px;
  max-width: 85vw;
}
.FiltersField__binaryItem {
  width: 55px;
}
.FiltersField__clearButton {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 70px;
  border-radius: 4px;
  font-size: 0.85714286rem;
  cursor: pointer;
  background-color: var(--color-list-button-background);
  color: var(--color-text-primary-light);
  font-weight: 600;
  padding: 0.3em 0.4em;
}
.FiltersField__clearButton .icon,
.FiltersField__clearButton .input-group.-error label,
.FiltersField__clearButton .custom-checkbox-link,
.FiltersField__clearButton .checkbox.-checked,
.FiltersField__clearButton .checkbox.-unchecked,
.FiltersField__clearButton input.-custom[type="checkbox"] + .custom-checkbox,
.FiltersField__clearButton .image-upload .upload-link,
.FiltersField__clearButton .ReactSelect__clear,
.FiltersField__clearButton .ReactSelect__search-icon,
.FiltersField__clearButton .DateTimePicker .touch-date.is-empty,
.FiltersField__clearButton .DateTimePicker .touch-date.-empty,
.FiltersField__clearButton .TimePicker .time-group .next,
.FiltersField__clearButton .TimePicker .time-group .prev,
.FiltersField__clearButton .PopupMenu__title__close,
.FiltersField__clearButton .PopupMenu__title__back,
.FiltersField__clearButton .BaseCell--manualurl a.link,
.FiltersField__clearButton .ListTableViewHeaderCell__index-arrow-down,
.FiltersField__clearButton .ListTableViewHeaderCell__fieldSettingsButton,
.FiltersField__clearButton .ListTableViewHeaderCell__fieldHideButton,
.FiltersField__clearButton .ListTableViewHeaderCell__status .sort-state,
.FiltersField__clearButton .ListTableViewHeaderCell__status .filtered,
.FiltersField__clearButton .ListTableViewHeaderCell__status .grouped,
.FiltersField__clearButton .RowIndexCell__reminder-mark,
.FiltersField__clearButton .RowIndexCell__dirty-mark {
  width: 8px;
  height: 8px;
  margin-right: 5px;
  fill: var(--color-list-button-text);
}
.FiltersField__toggleArrow {
  font-size: 1.28571429rem;
}
.FiltersField__toggleArrow--disabled .FiltersField__toggleArrowIcon {
  opacity: 0.2;
}
.FiltersControls {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px;
  height: 50px;
  gap: 10px;
}
.ListSidebarLeft .FiltersControls {
  justify-content: space-between;
  gap: unset;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--color-list-border-2);
}
@media screen and (min-width: 62.5em) {
  .ListArticleView__mainContainer .FiltersControls {
    display: none;
  }
}
.FiltersControls--insideFiltersPanel {
  justify-content: space-between;
  margin-top: 0;
  margin-bottom: 0;
  color: var(--color-text-secondary);
}
.ListSidebarLeft .FiltersControls {
  padding: 0;
  margin: 0;
}
.ListSidebarLeft .FiltersControls__closeIcon {
  display: none;
}
.ListSidebarLeft .FiltersControls__message {
  line-height: 1.8em;
  padding: 0;
}
.ListSidebarLeft .FiltersControls .Button {
  margin: 0;
}
.FiltersControls__message {
  padding-right: 1rem;
}
@media screen and (max-width: 24.9375em) {
  .FiltersControls__message {
    font-size: 0.85714286rem;
  }
}
.ListiumList__listWrapper .FiltersControls__message {
  color: var(--color-text-primary);
}
.ListiumList__listWrapper .ListGridView--tierListMode .FiltersControls__message {
  color: var(--color-text-primary-light);
}
.EmbedContext .FiltersControls__message {
  font-size: 0.85714286rem;
}
.FiltersControls__clearAllButton {
  background-color: var(--color-list-button-background) !important;
  transition: opacity 0.2s ease-out;
}
.FiltersControls__clearAllButton.Button--disabled {
  opacity: 0;
}
.FiltersControls__closeIcon {
  position: absolute;
  right: 15px;
  font-size: 1.28571429rem;
  cursor: pointer;
}
.EmbedContext .FiltersControls__closeIcon {
  display: none;
}
.FloatingStackLayer.-contains-ListArrange {
  transform: translateX(0);
  opacity: 1;
}
.FloatingStackLayer.-contains-ListArrange.is-hidden {
  transform: translateX(100vw);
}
.FloatingStackLayer.-contains-ListArrange.is-animating {
  transition: transform 0.2s ease-out;
}
.ImageGallery {
  --image-gallery-thumbnails-height: 80px;
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: hsl(0, 0%, 0%);
}
@media screen and (max-width: 24.9375em) {
  .ImageGallery {
    --image-gallery-thumbnails-height: 60px;
  }
}
@container list-item-viewer-container (min-width: 900px) {
  .ImageGallery {
    --image-gallery-thumbnails-height: 100px;
  }
}
.ImageGallery--singleVideo,
.ImageGallery--singleImage {
  --image-gallery-thumbnails-height: 0px !important;
}
.ImageGallery ul,
.ImageGallery li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.ImageGallery li {
  padding: 3px 0;
  display: inline-block;
}
.ImageGallery label {
  margin-left: 5px;
}
.ListArticleItem .ImageGallery {
  width: 100%;
  height: calc((100vw * 0.5625) + var(--image-gallery-thumbnails-height));
}
.DesktopEnvironment .ListArticleItem .ImageGallery {
  height: calc((var(--article-body-width, calc(70vw - 300px)) * 0.5625) + var(--image-gallery-thumbnails-height));
}
.EmbedContext .ListArticleItem .ImageGallery--singleImage,
.EmbedContext .ListArticleItem .ImageGallery--singleVideo {
  max-height: calc(100vh - 140px);
}
.ImageGallery--singleImage {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.ImageGallery--singleImage img {
  max-width: 100%;
  max-height: 100%;
  min-width: min(150px, 30vmin);
  min-height: min(150px, 30vmin);
  object-fit: contain;
  padding: clamp(10px, 2vh, 20px) 0;
}
@container list-item-viewer-container (min-width: 900px) {
  .ImageGallery--singleImage img {
    padding: 0 clamp(10px, 2.5vw, 20px);
  }
}
.ImageGallery .image-gallery {
  width: 100%;
  height: 100%;
}
.ImageGallery .image-gallery-content {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: calc(100% - var(--image-gallery-thumbnails-height)) var(--image-gallery-thumbnails-height);
}
.ImageGallery .image-gallery-slide-wrapper {
  padding: 15px;
}
.ImageGallery .image-gallery-swipe {
  height: 100%;
}
.ImageGallery .image-gallery-left-nav,
.ImageGallery .image-gallery-right-nav {
  padding: 10px 10px 10px 14px;
}
.ImageGallery .image-gallery-left-nav .image-gallery-svg,
.ImageGallery .image-gallery-right-nav .image-gallery-svg {
  max-height: 15vmin;
}
.ImageGallery .image-gallery-slides {
  height: 100%;
}
.ImageGallery .image-gallery-slide {
  height: 100%;
}
.ImageGallery .image-gallery-slide--video > div {
  width: 100%;
  height: 100%;
}
.ImageGallery .image-gallery-content .image-gallery-slide .image-gallery-image {
  max-height: 100%;
}
.ImageGallery .image-gallery-slide .image-gallery-image {
  width: unset;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ImageGallery .image-gallery-image,
.ImageGallery .image-gallery-slide > div > div {
  max-width: 100%;
  max-height: 100%;
  min-height: 20%;
  min-width: 20%;
  object-fit: contain;
}
.ImageGallery .image-gallery-slide--video > div > div {
  height: 100%;
  background-repeat: no-repeat;
}
.ImageGallery .image-gallery-thumbnails-wrapper {
  display: grid;
  place-content: center;
}
.ImageGallery .image-gallery-thumbnail:hover,
.ImageGallery .image-gallery-thumbnail.active {
  border-color: var(--color-list-border-3);
}
.ImageGallery .image-gallery-thumbnails {
  padding: 0;
}
.ImageGallery .image-gallery-thumbnail-image {
  max-height: calc(var(--image-gallery-thumbnails-height) - 10px);
  object-fit: contain;
}
@media (hover: hover) and (pointer: fine) {
  .ImageGallery .image-gallery-icon:hover {
    color: var(--color-list-border-3);
  }
}
.ImageGallery .play-button:hover {
  background-color: rgba(0, 0, 0, 0.9);
}
.ImageGallery .video-thumbnail :after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  margin: 0 auto;
  border-style: solid;
  border-width: 12.5px 0 12.5px 20px;
  border-color: transparent transparent transparent #ffffff;
}
.Selector {
  position: relative;
  user-select: none;
}
.Selector__label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  font-size: 1rem;
  margin: 0;
  cursor: pointer;
  transition: all 0.2s linear;
}
.Selector__label:focus {
  outline: 0;
}
.Selector__label > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
  line-height: 1.2;
}
.Selector__label.--with-arrow {
  background: var(--color-input-background-light);
  border: 1px solid var(--color-input-border-light);
  height: var(--button-height-compact);
  padding: 0 10px;
  border-radius: 4px;
  min-width: 60px;
}
.Selector__label.--with-arrow:hover {
  filter: var(--button-hover-filter);
}
.Selector__label.--with-arrow::after {
  display: inline-block;
  content: '';
  width: 0;
  height: 0;
  margin-left: 5px;
  margin-top: 1px;
  vertical-align: middle;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--color-text-primary);
  transition: border-color 0.2s;
}
.Selector__options {
  display: none;
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  list-style: none;
  font-size: 1rem;
  opacity: 0;
  border-radius: 4px;
  margin: auto;
  padding: 0.75rem;
  background-color: var(--color-background-00);
  transition: opacity 0.2s;
  z-index: 100;
  box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.2);
  width: 0;
  height: 0;
  overflow: hidden;
}
.Selector__options--position-left {
  right: 0;
  left: auto;
}
.Selector__option {
  padding: 0;
}
.Selector__option label,
.Selector__option a {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  height: 36px;
  padding: 3px 40px 3px 10px;
  border-radius: 3px;
  font-weight: 500;
  margin: 0;
  cursor: pointer;
  color: var(--color-text-primary);
}
.Selector__option label:not(.disabled),
.Selector__option a:not(.disabled) {
  cursor: pointer;
}
.Selector__option label .Selector__label__text:not(.--hasSubSelector),
.Selector__option a .Selector__label__text:not(.--hasSubSelector) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Selector__option label.disabled,
.Selector__option a.disabled,
.Selector__option label.disabled.Selector__toggle,
.Selector__option a.disabled.Selector__toggle {
  color: var(--color-text-disabled);
}
.Selector__option label.disabled .Selector__right-icon,
.Selector__option a.disabled .Selector__right-icon {
  display: none;
}
.Selector__option label:not(.disabled):hover,
.Selector__option a:not(.disabled):hover {
  background: var(--color-dropdown-hover);
}
.Selector__option label:not(.disabled):hover.--danger,
.Selector__option a:not(.disabled):hover.--danger {
  color: hsl(359, 55%, 45%) !important;
}
.Selector__option label.--hasSubSelector:not(.disabled):hover > div > .Selector__options,
.Selector__option a.--hasSubSelector:not(.disabled):hover > div > .Selector__options {
  display: block;
  width: auto;
  height: auto;
  overflow: visible;
  opacity: 1;
  transform: translateY(0);
  top: -15px;
  transform: translateX(-10px);
  color: var(--color-text-primary);
}
.Selector__toggle {
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 8px;
  padding: 0 4px;
  border-radius: 4px;
  text-transform: uppercase;
  text-align: center;
  font-size: 0.85714286rem;
  font-weight: 600;
  color: hsl(359, 55%, 45%);
  background-color: var(--color-background-3);
}
.Selector__toggleActive {
  color: hsl(115, 35%, 30%);
}
.Selector__toggler {
  display: none;
}
.Selector__toggler:checked + .Selector__options {
  display: block;
  width: auto;
  height: auto;
  overflow: visible;
  opacity: 1;
  transform: translateY(0);
}
.Selector__separator {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0.5rem 0;
}
.Selector__right-icon {
  position: absolute;
  right: 7px;
  font-size: 1em;
}
.--hasSubSelector > .Selector__right-icon {
  font-size: 1.6em;
}
.Selector__svgIcon {
  width: 18px;
  margin-right: 10px;
  fill: var(--color-text-primary);
}
.Selector .NavbarItem__action {
  fill: var(--color-text-primary-light);
}
.Selector__icon {
  font-size: 1.4em;
  margin-right: 10px;
}
.DraggableTextLines {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.DraggableTextLines__addItem {
  height: 40px;
}
.DraggableTextLines__shadow {
  display: block;
  height: 41px;
  border-radius: 4px;
}
.ListSidebarLeft .DraggableTextLines {
  margin: 0.5rem 0.8rem;
}
.DraggableTextLine,
.DraggableTextLines__addItem {
  list-style: none;
  padding-left: 0;
  border-radius: 8px;
  border: 2px solid var(--color-list-border-2);
  margin: 0;
  background: #FFF;
  border-bottom: var(--color-border-2) 1px solid;
  vertical-align: middle;
  position: relative;
  height: 40px;
  display: grid;
  grid-template-areas: 'drag-handle input color-pip delete-button';
  grid-template-columns: 30px 1fr 40px 40px;
  gap: 5px;
}
.DraggableTextLines--disabled .DraggableTextLine {
  grid-template-areas: 'input color-pip';
  grid-template-columns: 1fr 40px;
}
.DraggableTextLine__dragHandle {
  display: grid;
  place-items: center;
  grid-area: drag-handle;
}
.DraggableTextLine__dragTexture {
  width: 12px;
  height: 16px;
  background: url("https://listium-res.cloudinary.com/image/upload/v1513751913/static/2x2dots.png") 4px repeat-y;
}
.DraggableTextLine__placeholder {
  color: var(--color-text-placeholder);
  grid-area: input;
  align-self: center;
  padding-left: 8px;
}
.DraggableTextLine__initial {
  text-decoration: line-through;
}
.DraggableTextLine__input[type=text] {
  position: relative;
  display: inline-block;
  border: 1px solid var(--color-list-border-2);
  padding: 4px 8px;
  height: 30px;
  margin: 4px 0;
  background: transparent;
  font-size: 1rem;
  grid-area: input;
}
.DraggableTextLine__input[type=text]:disabled {
  color: #000;
  background: transparent;
  border: none;
}
.DraggableTextLine__input[type=text]:hover,
.DraggableTextLine__input[type=text]:focus {
  box-shadow: none;
}
.DraggableTextLine__colorChanger {
  display: grid;
  place-items: center;
  grid-area: color-pip;
}
.DraggableTextLine__colorPip {
  width: 20px;
  height: 20px;
  border-radius: 10px;
}
.DraggableTextLines--disabled .DraggableTextLine__colorPip {
  cursor: default;
}
.DraggableTextLine__remove {
  display: grid;
  place-items: center;
  grid-area: delete-button;
  background: none;
  border: none;
  color: var(--color-text-secondary);
}
.DraggableTextLine.is-dragging {
  transform: rotate(1deg);
}
.DraggableTextLine__colorPicker {
  --draggabale-text-line-swatch-size: 30px;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  top: 37px;
  right: -2px;
  height: calc(var(--draggabale-text-line-swatch-size) * 2.5);
  width: calc(var(--draggabale-text-line-swatch-size) * 7.5);
  background-color: var(--color-background-00);
  border: 2px solid var(--color-list-border-2);
  border-radius: 8px;
  padding: 5px;
  z-index: 1;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.DraggableTextLine__colorPickerSwatchContainer {
  width: var(--draggabale-text-line-swatch-size);
  height: var(--draggabale-text-line-swatch-size);
  display: grid;
  place-items: center;
  cursor: pointer;
}
.DraggableTextLine__colorPickerSwatch {
  width: 20px;
  height: 20px;
  border-radius: 10px;
}
.ListSidebarLeft .DraggableTextLine {
  border-radius: 4px;
}
.DraggableTextLines {
  margin: 0 14px;
  box-shadow: none;
  cursor: default;
}
.DraggableTextLines--disabled .DraggableTextLine {
  background: var(--color-list-background-1);
}
.FooterSimple {
  text-align: center;
}
.FooterSimple__links {
  padding: 1rem 0;
}
.FooterSimple__logo {
  opacity: 0.3;
  height: 40px;
}
.FooterSimple__link {
  display: inline;
  list-style-type: none;
  padding: 0 3rem;
}
.FooterSimple__link:not(:first-child) {
  border-left: 1px solid var(--color-border-3);
}
.UserChip {
  display: inline-block;
  color: var(--color-text-primary);
  font-size: 1.28571429rem;
  text-align: left;
}
.UserChip__avatar {
  margin-right: 0.4rem;
}
.UserChip__name {
  color: hsl(5, 90%, 58%);
}
.UserChip__prefix {
  margin-right: 4px;
}
.UserChip--small {
  font-size: 1.14285714rem;
}
.UserChip--small__avatar {
  margin-right: 0.5rem;
}
.UserChip--tiny {
  font-size: 1rem;
}
.ProfileLists .UserChip {
  pointer-events: none;
}
:root {
  --list-teaser-link-transition: all 0.15s ease;
  --list-teaser-gap: 2px;
  --list-teaser-padding: 12px;
  --list-teaser-min-width: 320px;
}
:root .FooterListTeasers {
  --list-teaser-gap: 2px;
  --list-teaser-padding: 8px;
  --list-teaser-min-width: 200px;
}
.ListTeaser {
  cursor: pointer;
  background: var(--color-background-00);
  border-radius: 8px;
  overflow: hidden;
  display: grid;
  position: relative;
  grid-template-columns: 100%;
  grid-template-rows: 180px 1fr;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}
.ListTeaser__imageContainer {
  grid-area: image;
}
.ListTeaser__category {
  grid-area: category;
}
.ListTeaser__bodyWrapper {
  grid-area: body;
}
.ListTeaser__user {
  grid-area: user;
}
.ListTeaser__stats {
  grid-area: stats;
}
.ListTeaser:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.ListTeaser--small {
  --list-teaser-gap: 2px;
  --list-teaser-padding: 8px;
  --list-teaser-min-width: 200px;
  grid-template-rows: 90px 1fr;
}
.ListTeaser__image {
  overflow: hidden;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.ListTeaser__imageOverlay {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 90px;
  background: rgba(0, 0, 0, 0.5);
  color: var(--color-text-primary-reverse);
  font-size: 0.78571429rem !important;
  padding: var(--list-teaser-padding);
  backdrop-filter: blur(3px);
  opacity: 0;
  transition: var(--list-teaser-link-transition);
}
.ListTeaser--small:hover .ListTeaser__imageOverlay {
  opacity: 1;
}
.ListTeaser__imageOverlay a {
  color: var(--color-text-secondary-reverse);
}
.ListTeaser__imageOverlay .RichTextEditor {
  overflow: hidden;
  min-height: unset;
  max-height: 100%;
}
.ListTeaser__imageOverlay .RichTextEditor .ql-editor {
  --ql-editor-font-size: 0.78571429rem;
}
.ListTeaser__content {
  display: grid;
  padding: var(--list-teaser-padding);
  gap: var(--list-teaser-gap);
  text-align: left;
  grid-template-columns: 1fr;
  grid-template-rows: auto 8rem 1.3em 1.3em;
  grid-template-areas: 'category' 'body' 'user' 'stats';
}
.ListTeaser--small .ListTeaser__content {
  grid-template-columns: 100%;
  grid-template-rows: 1fr auto auto;
  grid-template-areas: 'body' 'user' 'stats';
}
.ListTeaser--small .ListTeaser__category {
  display: none;
}
.ListTeaser__categoryLink {
  vertical-align: top;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  color: var(--color-text-secondary);
  font-size: 0.78571429rem;
  line-height: 1.2em;
  font-weight: 600;
  border-bottom: 1px solid var(--color-text-secondary);
}
f .ListTeaser__categoryLink:hover {
  color: hsl(5, 90%, 58%);
  border-color: hsl(5, 100%, 65%);
}
.ListTeaser__bodyWrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-bottom: 8px;
  -webkit-mask-image: linear-gradient(to bottom, #000000 calc(100% - 1.5em), rgba(0, 0, 0, 0.5) calc(100% - (1.5em * 0.66)), rgba(0, 0, 0, 0.1) calc(100% - (1.5em * 0.33)), rgba(0, 0, 0, 0) 100%);
}
.ListTeaser--small .ListTeaser__bodyWrapper {
  -webkit-mask-image: linear-gradient(to bottom, #000000 calc(100% - 0em), rgba(0, 0, 0, 0.5) calc(100% - (0em * 0.66)), rgba(0, 0, 0, 0.1) calc(100% - (0em * 0.33)), rgba(0, 0, 0, 0) 100%);
  margin-bottom: 2px;
}
.ListTeaser__title {
  flex: 0 0 auto;
  margin-bottom: var(--list-teaser-gap);
  font-size: 1.28571429rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  max-height: 50rem;
}
.ListTeaser__title a {
  color: var(--color-text-primary);
}
.ListTeaser--small .ListTeaser__title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 4px;
}
.ListTeaser__description {
  position: relative;
  color: var(--color-text-primary);
  text-overflow: ellipsis;
  overflow: hidden;
}
.ListTeaser__description strong {
  font-weight: 600;
}
.ListTeaser__description a {
  pointer-events: none;
  cursor: default;
  color: inherit;
}
.ListTeaser__description p {
  --ql-editor-font-size: 1rem;
  line-height: 1.3;
  margin-bottom: 6px;
  margin-top: 0px;
}
.ListTeaser__description li {
  --ql-editor-font-size: 1rem;
}
.ListTeaser--small .ListTeaser__description {
  display: none;
}
.ListTeaser__user {
  white-space: nowrap;
  overflow: hidden;
  font-size: 0.78571429rem;
  line-height: 18px;
  color: var(--color-text-secondary);
  font-weight: 600;
  display: flex;
  align-items: center;
}
.ListTeaser__user .UserChip {
  width: 100%;
}
.ListTeaser__user .UserChip__inner {
  display: flex;
  align-items: center;
  height: 100%;
}
.ListTeaser__user .UserChip__name {
  font-size: 0.85714286rem;
  color: var(--color-text-secondary);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  transition: var(--list-teaser-link-transition);
}
.ListTeaser--small .ListTeaser__user * {
  font-size: 0.78571429rem !important;
}
.ListTeaser__stats {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  color: var(--color-text-secondary);
  font-size: 0.85714286rem;
  font-weight: 600;
  white-space: nowrap;
  line-height: 1.1;
  overflow: hidden;
}
.ListTeaser--small .ListTeaser__stats {
  justify-content: flex-start;
  font-size: 0.71428571rem;
}
.ListTeaser__stat {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  white-space: nowrap;
}
.ListTeaser__stat .icon,
.ListTeaser__stat .input-group.-error label,
.ListTeaser__stat .custom-checkbox-link,
.ListTeaser__stat .checkbox.-checked,
.ListTeaser__stat .checkbox.-unchecked,
.ListTeaser__stat input.-custom[type="checkbox"] + .custom-checkbox,
.ListTeaser__stat .image-upload .upload-link,
.ListTeaser__stat .ReactSelect__clear,
.ListTeaser__stat .ReactSelect__search-icon,
.ListTeaser__stat .DateTimePicker .touch-date.is-empty,
.ListTeaser__stat .DateTimePicker .touch-date.-empty,
.ListTeaser__stat .TimePicker .time-group .next,
.ListTeaser__stat .TimePicker .time-group .prev,
.ListTeaser__stat .PopupMenu__title__close,
.ListTeaser__stat .PopupMenu__title__back,
.ListTeaser__stat .BaseCell--manualurl a.link,
.ListTeaser__stat .ListTableViewHeaderCell__index-arrow-down,
.ListTeaser__stat .ListTableViewHeaderCell__fieldSettingsButton,
.ListTeaser__stat .ListTableViewHeaderCell__fieldHideButton,
.ListTeaser__stat .ListTableViewHeaderCell__status .sort-state,
.ListTeaser__stat .ListTableViewHeaderCell__status .filtered,
.ListTeaser__stat .ListTableViewHeaderCell__status .grouped,
.ListTeaser__stat .RowIndexCell__reminder-mark,
.ListTeaser__stat .RowIndexCell__dirty-mark {
  padding-right: 5px;
  font-size: 1rem;
  line-height: 1rem;
}
.ListTeaser__views {
  padding-right: 6px;
}
.ListTeaser--small .ListTeaser__views {
  padding-right: 4px;
}
.ListTeaser__likes,
.ListTeaser__time {
  padding-left: 6px;
  border-left: 1px solid var(--color-border-3);
}
.ListTeaser--small .ListTeaser__likes,
.ListTeaser--small .ListTeaser__time {
  padding-left: 4px;
}
.HomeListTeasers .ListTeaser {
  width: 100%;
}
.GenericTouchTopBar {
  display: flex;
  flex-direction: row;
  padding: 10px 0;
  position: fixed;
  top: 0;
  background: var(--color-background-0);
  z-index: 990;
  width: 100%;
  height: 44px;
  border-bottom: 1px solid transparent;
}
.not-at-top .GenericTouchTopBar {
  border-bottom: 1px solid var(--color-border-2);
}
.GenericTouchTopBar__backButton {
  height: 100%;
  padding-right: 10px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: var(--ios-safe-area-side);
}
.GenericTouchTopBar__backIcon {
  font-size: 1.28571429rem;
  line-height: 1.86428571rem;
  padding-right: 5px;
}
.GenericTouchTopBar .BackButton__text {
  opacity: 1;
  transition: opacity 0.4s ease;
}
.not-at-top .GenericTouchTopBar .BackButton__text {
  opacity: 0;
}
.GenericTouchTopBar__title {
  font-size: 1.14285714rem;
  font-weight: 600;
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  margin: 0;
  line-height: 1.67142857rem;
  flex: 1;
  text-align: center;
  opacity: 0;
  transition: opacity 0s;
}
.not-at-top .GenericTouchTopBar__title {
  opacity: 1;
  transition: opacity 0.4s ease;
}
.GenericTouchTopBar__exploreLink {
  position: absolute;
  top: 0px;
  right: 13px;
  line-height: 44px;
  height: 44px;
  display: block;
  font-size: 1rem;
  color: hsl(5, 90%, 58%);
  z-index: 1;
}
.ListSidebarRight .panelGroup .panelWrapper {
  flex-direction: column;
}
.HoverPreview {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  border-radius: 8px;
  background: var(--color-background-00);
  animation: cardFadeIn 0.2s ease;
  border: none;
  padding: 1rem;
  position: relative;
}
.HoverPreview.is-closing {
  animation: cardFadeOut 0.2s ease;
}
.HoverPreview__editLink {
  position: absolute;
  font-size: 0.85714286rem;
  top: 0.5rem;
  right: 1rem;
  color: var(--color-text-secondary);
}
.HoverPreview--LongText .HoverPreview__content {
  margin-top: 1.5rem;
  max-height: 12rem;
  overflow: auto;
  width: 200px;
  text-align: left;
  white-space: pre-wrap;
  font-size: 0.85714286rem;
  line-height: 1.59428571rem;
  word-wrap: break-word;
}
.HoverPreview--ImageAttachment {
  cursor: pointer;
  background: var(--color-background-9);
}
.HoverPreview--ImageAttachment .HoverPreview__content {
  width: 200px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.HoverPreview--ImageAttachment .HoverPreview__image {
  max-width: 100%;
  max-height: 100%;
}
.HoverPreview__imageExpandIcon {
  position: absolute;
  top: 0.7rem;
  right: 0.75rem;
  color: var(--color-text-secondary-light);
  font-size: 24px;
  line-height: 24px;
}
.HoverPreview__connectorDark.FloatingStackLayer__connector {
  color: var(--color-text-primary);
}
.ExploreSearch {
  display: flex;
  align-items: center;
  height: 32px;
  width: 100%;
  background: var(--color-input-background-dark);
  border-radius: 4px;
  border: none;
  color: var(--color-text-primary);
  line-height: 1.4em;
}
.ExploreSearch input {
  background-color: transparent;
  border: none;
  margin: 0;
}
.DesktopEnvironment .ExploreSearch input {
  padding-right: 1.8em;
  padding-left: 2em;
}
.ExploreSearch:focus {
  background: var(--color-input-background-dark--focus);
}
.ExploreSearch::placeholder {
  color: var(--color-text-placeholder);
}
.ExploreSearch:after {
  z-index: 1;
  position: absolute;
  font-size: 1.28571429rem;
  line-height: 1em;
  top: 0.45em;
  left: 0.35em;
  pointer-events: none;
  color: var(--color-text-placeholder);
}
.ExploreSearch__reset {
  background: none;
  border: none;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  color: var(--color-text-hint);
  width: 30px;
  height: 30px;
  padding: 0;
  opacity: 0;
  cursor: pointer;
  outline: none;
}
.ExploreSearch__reset:hover,
.ExploreSearch__reset:active {
  color: var(--color-text-secondary);
}
.ExploreSearch__input--containsText + .ExploreSearch__reset {
  opacity: 1;
}
.ExploreSearchResultsLists {
  max-width: 100%;
}
.ExploreSearchResultsLists__container {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-top: 25px;
  padding-bottom: 10rem;
}
.ExploreSearchResultsLists__divider {
  border-bottom: 1px solid var(--color-border-1);
  width: 100%;
}
.ExploreSearchResultsLists__divider:last-child {
  display: none;
}
.ExploreSearchResultsItems {
  max-width: 100%;
}
.ExploreSearchResultsItems__container {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-top: 25px;
  padding-bottom: 10rem;
}
.ExploreSearchResultsItems__divider {
  border-bottom: 1px solid var(--color-border-1);
  width: 100%;
}
.ExploreSearchResultsItems__divider:last-child {
  display: none;
}
:root {
  --explore-search-result-padding: 4px;
}
.ExploreSearchResult {
  display: flex;
  flex-direction: row;
  gap: 5px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  max-width: 100%;
}
.ExploreSearchResult__imageContainer {
  flex: 0 0 60px;
  height: 60px;
  background-color: var(--color-background-4);
  display: grid;
  place-items: center;
  border-radius: 4px;
}
.ExploreSearchResult__image {
  overflow: hidden;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.ExploreSearchResult__placeholderLetter,
.ExploreSearchResult__placeholderIcon {
  font-size: 1.92857143rem;
  font-weight: 700;
  color: var(--color-text-primary-light);
}
.ExploreSearchResult__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 6px;
  text-align: left;
  width: 100%;
  overflow: hidden;
}
.ExploreSearchResultsLists .ExploreSearchResult__content {
  gap: var(--list-teaser-gap);
}
.ExploreSearchResult__title {
  flex: 0 0 auto;
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
@media screen and (max-width: 31.1875em) {
  .ExploreSearchResult__title {
    font-size: 0.85714286rem;
    font-weight: 600;
  }
}
.ExploreSearchResult__meta {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  font-size: 0.85714286rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--color-text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
@media screen and (max-width: 31.1875em) {
  .ExploreSearchResult__meta {
    font-size: 0.78571429rem;
    font-weight: 400;
    line-height: 1.3;
  }
}
.ExploreSearchResult__metaRow {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  min-width: 0;
}
.ExploreSearchResult__separator:after {
  content: '·';
  padding: 0 4px;
}
.ExploreSearchResult__metaItem {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  max-width: 20ch;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.ExploreSearchResult__listTitle {
  min-width: 0;
  color: var(--color-text-secondary);
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
@media screen and (max-width: 31.1875em) {
  .ExploreSearchResult__listTitle {
    font-size: 0.85714286rem;
    font-weight: 600;
    color: var(--color-text-secondary);
  }
}
.ExploreSearchResult__author {
  max-width: 20ch;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.ExploreSearchResult__author .UserChip {
  width: 100%;
}
.ExploreSearchResult__author .UserChip__inner {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.ExploreSearchResult__author .UserChip__name {
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  font-size: 1rem;
  text-overflow: ellipsis;
  color: var(--color-text-secondary);
}
.ExploreSearchResult__author .UserBadges {
  display: none;
}
.ExploreSearchResult__divider {
  border-bottom: 1px solid var(--color-border-3);
}
.SiteSearchBox {
  z-index: 100;
  position: relative;
  display: inline-block;
  flex-grow: 1;
}
.NavBar .SiteSearchBox {
  max-width: 600px;
  min-width: 100px;
}
.SiteSearchBox__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  opacity: 0.4;
  background-color: black;
}
.DesktopEnvironment .SiteSearchBox__overlay {
  top: var(--navbar-height-desktop);
}
.SiteSearchBox__inputBoxWrapper {
  position: relative;
  z-index: 101;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.SiteSearchBox__inputBoxReset {
  position: absolute;
  right: 16px;
  color: var(--color-text-secondary);
}
input.SiteSearchBox__input {
  width: 100%;
  height: 34px;
  border-radius: 18px;
  padding: 8px 16px 8px 38px;
  border: 1px solid var(--color-border-2);
  outline: none;
  margin-bottom: 0;
}
input.SiteSearchBox__input--focused,
input.SiteSearchBox__input--containsText {
  border-color: var(--color-text-primary);
  padding-left: 16px;
}
.SiteSearchBox__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 500px;
  overflow-y: auto;
  background-color: var(--color-background-00);
  border: 1px solid var(--color-border-2);
  border-top: none;
  border-radius: 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 10;
  --scrollbar-width: 8px;
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.SiteSearchBox__dropdown:hover {
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: var(--color-background-4) transparent;
}
.SiteSearchBox__dropdown ::-webkit-scrollbar {
  width: var(--scrollbar-width, initial);
  background-color: rgba(0, 0, 0, 0);
}
.SiteSearchBox__dropdown ::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.SiteSearchBox__dropdown ::-webkit-scrollbar-thumb {
  border-radius: calc(var(--scrollbar-width, initial) / 2);
  background-color: rgba(0, 0, 0, 0);
}
.SiteSearchBox__dropdown:hover::-webkit-scrollbar-track {
  background-color: transparent;
}
.SiteSearchBox__dropdown:hover::-webkit-scrollbar-thumb {
  background-color: var(--color-background-4);
}
.NavBar .SiteSearchBox__dropdown {
  min-width: 500px;
}
.SiteSearchBox__dropdownItem {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 12px;
  padding: 10px 12px;
  min-height: 30px;
  text-decoration: none;
  color: var(--color-text-primary);
  line-height: 1.15em;
  align-items: center;
  overflow: hidden;
}
.SiteSearchBox__dropdownItem:hover,
.SiteSearchBox__dropdownItem:focus {
  background-color: var(--color-button-background);
  outline: none;
}
.SiteSearchBox__dropdownItem--focused {
  background-color: var(--color-button-background);
}
.SiteSearchBox__exploreLinkSearchIcon,
.SiteSearchBox__categoryResultsSearchIcon,
.SiteSearchBox__itemLinkImageIcon,
.SiteSearchBox__placeholderLetter {
  display: grid;
  place-items: center;
  color: var(--color-text-primary);
  font-size: 1.57142857rem;
  background-color: var(--color-background-2);
  border-radius: 4px;
  height: 40px;
  width: 40px;
}
.SiteSearchBox__inputBoxSearchIcon {
  position: absolute;
  left: 12px;
  color: var(--color-text-primary);
  font-size: 1.57142857rem;
  padding-top: 2px;
}
.SiteSearchBox__exploreLinkText {
  font-weight: 700;
}
.SiteSearchBox__dropdownItemImageContainer {
  display: grid;
  place-items: center;
}
.SiteSearchBox__placeholderLetter {
  font-size: 1.57142857rem;
  font-weight: 700;
  color: var(--color-text-primary-light);
}
.SiteSearchBox__dropdownItemImage {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 4px;
}
.SiteSearchBox__dropdownItemInfo {
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-width: 100%;
  min-width: 0;
}
.SiteSearchBox__dropdownItemTitle {
  flex-shrink: 1;
  font-size: 1rem;
  font-weight: 700;
  max-height: 2.4em;
  line-height: 1.2em;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.SiteSearchBox__dropdownItemTitle--itemResult {
  display: flex;
  gap: 0.5ch;
}
.SiteSearchBox__dropdownItemTitleItemName {
  min-width: 0;
  max-width: 70%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.SiteSearchBox__dropdownItemTitleListName {
  min-width: 0;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.SiteSearchBox__dropdownItemUsername {
  font-size: 12px;
  color: var(--color-text-secondary);
}
.SiteSearchBox__categoryResultsItemText {
  font-weight: 700;
}
.SiteSearchBox__noResults {
  padding: 10px 12px;
}
.SiteSearchBox__dropdownDivider {
  border-top: 1px solid var(--color-border-2);
  padding: 5px 12px 0 14px;
}
.SiteSearchBox__dropdownSectionHeading {
  font-size: 0.85714286rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.ListSearch__container {
  position: relative;
}
.ListSearch__inputWrapper {
  position: relative;
  display: flex;
  align-items: center;
  background-color: var(--color-background-00);
  border: 1px solid var(--color-input-border-light);
  border-radius: 8px;
}
.ListSearch__searchIcon {
  width: 18px;
  height: 18px;
  position: absolute;
  left: 12px;
  z-index: 1;
  transition: width 0.2s ease-out, opacity 0.2s ease-out;
}
.ListSearch__searchIcon path {
  fill: var(--color-text-primary);
  fill-opacity: 1;
}
.ListSearch__container--active .ListSearch__searchIcon {
  width: 0;
  min-width: 0;
  opacity: 0;
}
.ListTopBarMobile .ListSearch__searchIcon path,
.EmbedActionBar .ListSearch__searchIcon path {
  fill: var(--color-text-primary-light);
}
input.ListSearch__input {
  margin: 0;
  padding: 8px 12px 8px 36px;
  margin-right: 24px;
  border: none;
  background: transparent;
  width: 100%;
  transition: padding 0.2s ease-out;
}
input.ListSearch__input::placeholder {
  color: var(--color-text-placeholder);
}
.ListSearch__container--active input.ListSearch__input {
  padding-left: 14px;
}
.ListSearch__clearButton {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.ListSearch__historyContainer {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: var(--color-background-00);
  border: 1px solid var(--color-input-border-light);
  border-top: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  max-height: 300px;
  overflow-y: auto;
  z-index: 1000;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  display: none;
  color: var(--color-text-primary);
}
.ListSearch__container--with-history .ListSearch__historyContainer {
  display: block;
}
.ListSearch__historyItem {
  padding: 8px 12px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ListSearch__historyItem:hover {
  background-color: var(--color-list-background-1);
}
.ListSearch__historyItemText {
  flex: 1;
  margin-right: 8px;
}
.ListSearch__historyItemText strong {
  font-weight: 700;
  background-color: var(--color-list-background-2);
  filter: saturate(3);
}
.ListSearch__historyItemCount {
  color: var(--color-text-hint);
  font-size: 0.85714286rem;
}
.ListSearch__historyItemCount--no-results {
  color: var(--color-text-disabled);
}
.ListSearch__historyItem--no-results {
  color: var(--color-text-secondary);
  background: var(--color-list-background-2);
}
.ListSearch__historyDivider {
  padding: 8px 12px;
  color: var(--color-text-hint);
  font-size: 0.85714286rem;
  background: var(--color-list-background-2);
  border-top: 1px solid var(--color-list-border-light);
  border-bottom: 1px solid var(--color-list-border-light);
}
.ListSettingsBarDesktop .ListSearch__container {
  width: 200px;
  transition: all 0.2s ease-out;
}
.ListSettingsBarDesktop .ListSearch__container:not(.ListSettingsBarDesktop .ListSearch__container--active) {
  width: 40px;
}
.ListSettingsBarDesktop .ListSearch__container:not(.ListSettingsBarDesktop .ListSearch__container--active) .ListSearch__inputWrapper {
  background: transparent;
  border-color: transparent;
  padding-right: 0;
}
.ListSettingsBarDesktop .ListSearch__container:not(.ListSettingsBarDesktop .ListSearch__container--active) .ListSearch__input {
  opacity: 0;
  width: 0;
  padding: 0;
  pointer-events: none;
}
.ListSettingsBarDesktop .ListSearch__container:not(.ListSettingsBarDesktop .ListSearch__container--active) .ListSearch__clearButton {
  display: none;
}
.ListSettingsBarDesktop .ListSearch__container--with-history .ListSearch__inputWrapper {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-color: transparent;
}
.ListTopBarMobile .ListSearch__container {
  position: fixed;
  top: var(--list-top-bar-height-touch);
  left: 0;
  right: 0;
  z-index: 100;
  padding: 8px;
  transform: translateY(0);
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}
.ListTopBarMobile .ListSearch__container:not(.ListTopBarMobile .ListSearch__container--active) {
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
}
.ListTopBarMobile .ListSearch__container--with-history .ListSearch__historyContainer {
  border-top: 1px solid var(--color-input-border-light);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.ListTopBarMobile .ListSearch__container--with-history .ListSearch__inputWrapper {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ListTopBarMobile .ListSearch__inputWrapper {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.EmbedActionBar .ListSearch__container {
  width: 30vw;
  max-width: 200px;
  transition: all 0.2s ease-out;
}
.EmbedActionBar .ListSearch__container--active {
  min-width: 150px;
}
.EmbedActionBar .ListSearch__container:not(.EmbedActionBar .ListSearch__container--active) {
  width: 40px;
}
.EmbedActionBar .ListSearch__container:not(.EmbedActionBar .ListSearch__container--active) .ListSearch__inputWrapper {
  background: transparent;
  border-color: transparent;
}
.EmbedActionBar .ListSearch__container:not(.EmbedActionBar .ListSearch__container--active) .ListSearch__input {
  opacity: 0;
  width: 0;
  padding: 0;
  pointer-events: none;
}
.EmbedActionBar .ListSearch__container:not(.EmbedActionBar .ListSearch__container--active) .ListSearch__clearButton {
  display: none;
}
.EmbedActionBar .ListSearch__container--with-history .ListSearch__inputWrapper {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-color: transparent;
}
.ListTopBarMobile .ListSearch__historyContainer {
  position: relative;
  left: 0;
  right: 0;
  border: 1px solid var(--color-input-border-light);
  border-radius: 0;
  border-left: none;
  border-right: none;
  border-top: none;
}
.EmbedActionBar .ListSearch__container--with-history .ListSearch__inputWrapper {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.Dialog {
  border: none;
  padding: 30px;
  overflow: auto;
  border-radius: 8px;
  background: var(--color-background-00);
  max-width: 90vw;
  max-height: 90vh;
}
@media (min-width: 600px) and (min-height: 600px) {
  .TouchInterface .Dialog {
    width: 400px;
    height: auto;
  }
}
.Dialog::backdrop {
  background: rgba(0, 0, 0, 0.5);
}
.Dialog__close {
  position: absolute;
  top: 8px;
  right: 8px;
  border: none;
  background: transparent;
  font-size: 24px;
  cursor: pointer;
  padding: 8px;
  color: var(--color-text);
  z-index: 1;
}
.Dialog__close:hover {
  opacity: 0.8;
}
.Dialog__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 2rem;
  background: #f0f0f2;
  margin-left: -30px;
  margin-right: -30px;
  padding: 15px 30px;
  margin-bottom: -30px;
  border-radius: 0 0 8px 8px;
}
.Dialog__actions--hasSeparator {
  border-top: 1px solid var(--color-border-2);
}
.Dialog--centered .Dialog__actions {
  justify-content: center;
}
.Dialog__action {
  margin-left: 1rem;
}
.Dialog__action:empty {
  margin-left: 0;
}
.Dialog__action:first-child {
  margin-left: 0;
}
.ListMapView {
  display: flex;
  flex-grow: 1;
  height: calc(var(--list-container-height, 100%) - 2rem);
  padding-bottom: 10px;
  max-height: 1200px;
  box-sizing: content-box;
}
@media screen and (max-width: 59.3125em) {
  .ListMapView {
    height: calc(100vh - 100px);
    flex-direction: column;
  }
}
.EmbedContext .ListMapView {
  height: calc(100vh - var(--embed-banner-height));
  padding-bottom: 0;
}
.ListMapView.no-image-col .ListMapView__mapContainer {
  flex-basis: calc(100% - 500px);
}
.ListMapView.no-image-col .ListMapView__itemsContainer {
  flex-basis: 500px;
}
.ListMapView.no-long-text-col .ListMapView__mapContainer {
  flex-basis: calc(100% - 400px - var(--map-view-image-width));
}
.ListMapView.no-long-text-col .ListMapView__itemsContainer {
  flex-basis: calc(400px + var(--map-view-image-width));
}
.ListMapView.no-image-col.no-long-text-col .ListMapView__mapContainer {
  flex-basis: calc(100% - 400px);
}
.ListMapView.no-image-col.no-long-text-col .ListMapView__itemsContainer {
  flex-basis: 400px;
}
.ListMapView__itemsContainer {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  --scrollbar-width: 10px;
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  flex-basis: 50%;
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  background-color: var(--color-background-00);
}
.ListMapView__itemsContainer:hover {
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: var(--color-list-background-5) transparent;
}
.ListMapView__itemsContainer ::-webkit-scrollbar {
  width: var(--scrollbar-width, initial);
  background-color: rgba(0, 0, 0, 0);
}
.ListMapView__itemsContainer ::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.ListMapView__itemsContainer ::-webkit-scrollbar-thumb {
  border-radius: calc(var(--scrollbar-width, initial) / 2);
  background-color: rgba(0, 0, 0, 0);
}
.ListMapView__itemsContainer:hover::-webkit-scrollbar-track {
  background-color: transparent;
}
.ListMapView__itemsContainer:hover::-webkit-scrollbar-thumb {
  background-color: var(--color-list-background-5);
}
@media screen and (max-width: 59.3125em) {
  .ListMapView__itemsContainer {
    flex-basis: 70%;
    order: 2;
  }
}
.ListMapView__mapContainer {
  flex-basis: 50%;
}
@media screen and (max-width: 59.3125em) {
  .ListMapView__mapContainer {
    order: 1;
    flex-basis: 30% !important;
  }
}
.ListMapView--mobileMode .ListMapView__mapContainer {
  flex-basis: 100% !important;
}
.ListMapView__groupHeader {
  padding-left: 15px;
  margin-top: 2.5rem !important;
  font-size: 1.92857143rem !important;
  padding-right: 10px;
}
.ListComparisonView {
  --tt-item-width: 250px;
  --tt-field-names-width: 200px;
  height: var(--list-container-height, 100vh);
  width: calc(var(--list-container-width));
}
@media screen and (max-width: 37.4375em) {
  .ListComparisonView {
    --tt-item-width: 55vw;
    --tt-field-names-width: 35vw;
    font-size: 0.78571429rem;
  }
}
.ListComparisonView .FiltersControls {
  margin: 0;
}
.DesktopEnvironment .ListComparisonView {
  width: calc(var(--list-container-width) - 20px);
}
.EmbedContext .ListComparisonView {
  width: 100%;
}
.ListComparisonView__container {
  display: grid;
  grid-template-columns: var(--tt-field-names-width) 1fr;
  padding: 10px 10px 20px 20px;
  column-gap: 15px;
}
@media screen and (max-width: 37.4375em) {
  .ListComparisonView__container {
    column-gap: 6px;
    padding: 6px 0;
  }
}
.ListComparisonView__container .FixedScrollbar {
  grid-column: 2;
}
.ListComparisonView__scrollTo {
  position: sticky;
  content: "";
  width: 30px;
  top: 45%;
  z-index: 10;
  height: 0;
  overflow: visible;
}
.ListComparisonView__scrollTo .Button {
  margin-top: 30px;
}
.ListComparisonView__scrollTo--prev {
  left: calc(var(--tt-field-names-width) + 10px);
}
@media screen and (max-width: 37.4375em) {
  .ListComparisonView__scrollTo--prev {
    left: calc(var(--tt-field-names-width) - 10px);
  }
}
.ListComparisonView__scrollTo--next {
  float: right;
  right: 30px;
  width: 0;
}
.ListComparisonView__scrollTo--disabled {
  opacity: 0;
}
.ListComparisonView__items {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: var(--tt-item-width);
  column-gap: 4px;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow-y: visible;
  padding-bottom: 15px;
  padding-left: 10px;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
}
.ListComparisonView__items::-webkit-scrollbar {
  display: none;
}
.ListComparisonView__items > .ListComparisonView__item {
  scroll-snap-align: start;
}
.ListComparisonView__item {
  display: grid;
  width: var(--tt-item-width);
  overflow: hidden;
  padding-bottom: 25px;
  cursor: pointer;
  border: 2px solid var(--color-list-border-1);
  border-radius: 8px;
  padding: 6px;
  transition: opacity 0.1s linear;
}
.DesktopEnvironment .ListComparisonView__item {
  box-shadow: none;
  transition: all 0.3s ease;
}
.DesktopEnvironment .ListComparisonView__item:hover {
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.08);
}
.DesktopEnvironment .ListComparisonView__item:hover {
  border-color: var(--color-list-border-3);
}
.ListComparisonView__item--partlyHidden {
  opacity: 0.4;
}
.ListComparisonView__editButton {
  position: initial !important;
  opacity: 1 !important;
}
.ListComparisonView__field {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.45rem 0.5rem;
  min-height: 2.5em;
  overflow: hidden;
  word-break: break-word;
  line-height: 1.3em;
}
.ListComparisonView__field > *:empty:before {
  content: "—";
  color: var(--color-text-secondary);
}
.ListComparisonView__field--TextShort {
  text-align: center;
}
.ListComparisonView__field--TextLong {
  position: relative;
  align-items: flex-start;
  padding-left: 12px;
  padding-bottom: 0;
  -webkit-mask-image: linear-gradient(to bottom, #000000 calc(100% - 2em), rgba(0, 0, 0, 0.5) calc(100% - (2em * 0.66)), rgba(0, 0, 0, 0.1) calc(100% - (2em * 0.33)), rgba(0, 0, 0, 0) 100%);
}
.ListComparisonView__field:not(.ListComparisonView__field--ImageAttachment):not(.ListComparisonView__field--Primary) {
  border-top: 1px solid var(--color-list-border-2);
}
.ListComparisonView__fieldNames {
  border-top: calc(6px + 2px) solid transparent;
  filter: brightness(0.97) saturate(2);
  padding-right: 8px;
}
.ListComparisonView__fieldNames .ListComparisonView__field {
  justify-content: left;
  text-align: left;
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-text-Primary);
  padding-right: 10px;
  padding-left: 10px;
}
.ListComparisonView__fieldNames .ListComparisonView__field:last-child > div {
  margin: 0 !important;
  transform: none;
}
.ListComparisonView__actions {
  position: relative;
  height: 0;
  opacity: 0;
  transition: all 0.2s linear;
}
.ListComparisonView__item:hover .ListComparisonView__actions {
  opacity: 1;
}
.ListComparisonView .ListiumList__addButton {
  margin-top: 0;
}
.ListComparisonView__field--ImageAttachment {
  height: calc((var(--tt-item-width) - 16px) * 0.75);
  padding: 8px;
  overflow: hidden;
}
.ListComparisonView__field--ImageAttachment img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.ListComparisonView__field--Primary {
  height: 5.8em;
}
.ListComparisonView__field--Primary h2,
.ListComparisonView__field--Primary h3,
.ListComparisonView__field--Primary span {
  font-size: 1.2em;
  font-weight: 600;
  text-align: center;
  line-height: 1.34;
  margin: 0;
}
.ListComparisonView__field--TextLong {
  height: 8.5rem;
  max-height: 30rem;
}
.ListComparisonView__item .ListComparisonView__field--Map > .Map {
  color: var(--color-text-primary);
}
.ListComparisonView__item .ListComparisonView__field--Map > .Map:hover {
  color: var(--color-list-button-text);
}
.ListComparisonView__item .ListComparisonView__field--SymbolCol > * {
  transform: scale(1.1);
}
@media screen and (max-width: 37.4375em) {
  .ListComparisonView__item .ListComparisonView__field--SymbolCol > * {
    transform: scale(0.9);
  }
}
.ListComparisonView__item .ListComparisonView__field--SymbolCol > *.IconCycle {
  transform: scale(1.1);
}
.ListComparisonView__item .ListComparisonView__field--SymbolCol > *.IconRange--price li {
  width: 2.1ch;
}
.ListComparisonView__field--MultiSelect > *,
.ListComparisonView__field--Primary > *,
.ListComparisonView__field--TextShort > *,
.ListComparisonView__field--Map > * {
  max-height: 100%;
  overflow: hidden;
}
.ListComparisonView__field--TextShort,
.ListComparisonView__field--Map {
  height: 3.6em;
  min-height: 3.6em;
}
.ListComparisonView__field--SymbolCol,
.ListComparisonView__field--ManualURL,
.ListComparisonView__field--SearchLink,
.ListComparisonView__field--FilesAttachment,
.ListComparisonView__field--SubTask,
.ListComparisonView__field--Number,
.ListComparisonView__field--DateTime,
.ListComparisonView__field--SingleSelect,
.ListComparisonView__field--MultiSelect,
.ListComparisonView__field--ShopLink,
.ListComparisonView__field--AmazonLink,
.ListComparisonView__field--Video,
.ListComparisonView__field--Formula {
  height: 3.6em;
  min-height: 3.6em;
}
.ListComparisonView__field--SymbolCol > *,
.ListComparisonView__field--ManualURL > *,
.ListComparisonView__field--SearchLink > *,
.ListComparisonView__field--FilesAttachment > *,
.ListComparisonView__field--SubTask > *,
.ListComparisonView__field--Number > *,
.ListComparisonView__field--DateTime > *,
.ListComparisonView__field--SingleSelect > *,
.ListComparisonView__field--MultiSelect > *,
.ListComparisonView__field--ShopLink > *,
.ListComparisonView__field--AmazonLink > *,
.ListComparisonView__field--Video > *,
.ListComparisonView__field--Formula > * {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  max-height: 50rem;
  word-break: unset;
}
.ListComparisonView__item .ListComparisonView__field--ManualURL .ListLinks__link {
  display: flex;
  align-self: center;
}
.ListMapView {
  --map-view-image-height: 165px;
  --map-view-image-width: 165px;
  --map-view-links-height: 2rem;
  --map-view-long-text-height: calc(6.4 * calc(0.85714286rem * 1.35));
}
.ListMapView .no-links {
  --map-view-links-height: 0;
  --map-view-long-text-height: calc(8.4 * calc(0.85714286rem * 1.35));
}
@container list-container (max-width: 1300px) {
  .ListMapView {
    --map-view-image-width: 100px;
  }
}
.ListMapViewItemRow {
  display: grid;
  position: relative;
  min-height: var(--map-view-image-height);
  overflow: hidden;
  padding: 12px;
  cursor: pointer;
  grid-template-areas: "image title meta" "image text meta" "image links links";
  grid-template-columns: var(--map-view-image-width) auto 12rem;
  grid-template-rows: 20px auto var(--map-view-links-height);
  grid-gap: 4px 12px;
}
.no-links .ListMapViewItemRow {
  grid-template-areas: "image title meta" "image text meta";
  grid-template-rows: 20px auto;
}
.ListMapViewItemRow:after {
  width: calc(100% - 12px * 2);
  content: '';
  background-color: var(--color-border-2);
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.ListMapViewItemRow.no-image-col {
  grid-template-areas: "title meta" "text meta" "links links";
  grid-template-columns: auto 12rem;
}
.ListMapViewItemRow.no-image-col .ListMapViewItemRow__image {
  display: none;
}
.ListMapViewItemRow.no-image-col .ListMapViewItemRow__info {
  padding: 0;
}
.ListMapViewItemRow.no-meta-field {
  grid-template-areas: "image title" "image text" "image links";
  grid-template-columns: var(--map-view-image-width) auto;
}
.ListMapViewItemRow.no-image-col.no-meta-field {
  grid-template-areas: "title" "text" "links";
  grid-template-columns: auto;
}
.ListMapViewItemRow.no-long-text {
  grid-template-areas: "image title" "image meta" "image links";
  grid-template-columns: var(--map-view-image-width) auto;
}
.ListMapViewItemRow.no-long-text .ListMapViewItemRow__metaSection {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-top: 10px;
}
.ListMapViewItemRow.no-long-text.no-image-col {
  grid-template-areas: "title" "meta" "links";
  grid-template-columns: auto;
}
.ListMapViewItemRow.no-long-text.no-meta-field {
  grid-template-areas: "image title" "image links";
}
.ListMapViewItemRow.no-long-text.no-meta-field .ListMapViewItemRow__links {
  align-content: initial;
}
.ListMapViewItemRow.no-long-text.no-image-col.no-meta-field {
  grid-template-areas: "title" "links";
}
.ListMapViewItemRow__image {
  width: 100%;
  height: 100%;
  max-height: var(--map-view-image-height);
  border-radius: 4px;
  grid-area: image;
}
.ListMapViewItemRow__image > img {
  width: inherit;
  height: var(--map-view-image-height);
  max-width: inherit;
  border-radius: inherit;
  object-fit: cover;
}
.ListMapViewItemRow__imagePlaceholder {
  height: var(--map-view-image-height);
  border-radius: 4px;
}
.ListMapViewItemRow__title {
  margin: 0;
  font-size: 1.14285714rem;
  line-height: 1.2em;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  grid-area: title;
}
.ListMapViewItemRow__long-text {
  margin: 0;
  color: var(--color-text-primary);
  font-size: 0.85714286rem;
  line-height: calc(0.85714286rem * 1.35);
  overflow: hidden;
  word-break: break-word;
  grid-area: text;
  height: var(--map-view-long-text-height);
  min-width: 130px;
  width: 100%;
  -webkit-mask-image: linear-gradient(to bottom, #000000 calc(100% - 0.9em), rgba(0, 0, 0, 0.5) calc(100% - 0.6em), rgba(0, 0, 0, 0.1) calc(100% - 0.3em), rgba(0, 0, 0, 0) 100%);
}
.ListMapViewItemRow.no-long-text-provided .ListMapViewItemRow__long-text {
  font-style: italic;
}
.ListMapViewItemRow.no-long-text-provided .ListMapViewItemRow__links {
  max-height: 100px;
}
.ListMapViewItemRow__links {
  grid-area: links;
  display: flex;
  align-content: end;
  overflow: hidden;
}
.no-meta-field .ListMapViewItemRow__links,
.no-image-col .ListMapViewItemRow__links {
  max-width: 100%;
}
.ListMapViewItemRow__links .Button {
  margin-bottom: 0;
  margin-left: 0 !important;
  margin-right: 0.5rem !important;
  margin-top: 0;
}
.ListMapViewItemRow__links .Button:first-of-type {
  margin-left: 0;
}
.ListTimelineView {
  background-color: var(--color-list-background-1);
  padding: min(30px, 2vw);
  max-width: 100%;
  margin: 0 auto;
}
.ListTimelineView--filtered {
  padding-top: 0;
}
.ListTimelineView--published {
  min-height: 0px;
  padding-bottom: 16px;
}
.ListTimelineView .ReactVirtualized__Grid,
.ListTimelineView .ReactVirtualized__Grid__innerScrollContainer {
  overflow: visible !important;
}
.ListTimelineView__noItemsImage {
  position: fixed;
  right: 60px;
  bottom: 30px;
  opacity: 0.6;
  width: 240px;
}
.ListiumList--published .ListTimelineView__noItemsImage {
  transform: translateY(-50px);
}
.ListTimeline__item {
  list-style-type: none;
  display: grid;
  width: 100%;
  grid-template-areas: 'date index item';
  gap: min(15px, 3vw);
  grid-template-columns: auto 29px 1fr;
  align-items: center;
  position: relative;
}
.ListTimelineView .TouchInterface .ListTimeline__item {
  grid-template-columns: 0 3rem 1fr;
  gap: 6px;
  margin-left: -6px;
}
@container list-container (max-width: 450px) {
  .ListTimelineView .ListTimeline__item {
    grid-template-columns: 0 3rem 1fr;
    gap: 6px;
    margin-left: -6px;
  }
}
.ListTimelineView .TouchInterface .ListTimeline__item {
  grid-template-columns: 1fr 29px 1fr;
}
@container list-container (min-width: 1200px) {
  .ListTimelineView .ListTimeline__item {
    grid-template-columns: 1fr 29px 1fr;
  }
}
.ListTimelineView .TouchInterface .ListTimeline__item--even {
  grid-template-areas: 'item index date';
}
@container list-container (min-width: 1200px) {
  .ListTimelineView .ListTimeline__item--even {
    grid-template-areas: 'item index date';
  }
}
.ListTimeline__itemContainer {
  position: relative;
  grid-area: item;
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  margin-bottom: 1rem;
}
.ListTimeline__itemContainer > .ListCardSlab {
  margin: 0 !important;
  width: 100%;
  max-width: 600px;
}
.ListTimelineView .TouchInterface .ListTimeline__itemContainer {
  margin-top: -1.5rem;
  margin-bottom: -1.5rem;
}
@container list-container (min-width: 1200px) {
  .ListTimelineView .ListTimeline__itemContainer {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }
}
.ListTimeline__itemCardContainer {
  width: 100%;
  justify-content: flex-start;
}
.ListTimelineView .TouchInterface .ListTimeline__item--even .ListTimeline__itemCardContainer {
  justify-content: flex-end;
}
@container list-container (min-width: 1200px) {
  .ListTimelineView .ListTimeline__item--even .ListTimeline__itemCardContainer {
    justify-content: flex-end;
  }
}
.ListTimeline__itemIndexContainer {
  grid-area: index;
}
.ListTimeline__itemIndexContainer::after {
  content: '';
  position: absolute;
  left: calc(50% - 2px);
  height: 100%;
  border: 2px solid var(--color-list-button-text);
}
.ListTimeline__item:first-child .ListTimeline__itemIndexContainer::after {
  height: 50%;
  top: 50%;
}
.ListTimeline__item:last-child .ListTimeline__itemIndexContainer::after {
  height: 50%;
  top: 0;
}
.ListTimeline__item--dateEmpty .ListTimeline__itemIndexContainer::after {
  display: none;
}
.ListTimeline__itemIndex {
  border: 3px solid var(--color-list-button-text);
  border-radius: 50%;
  width: 29px;
  height: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  background: var(--color-list-background-1);
  z-index: 5;
  background-color: var(--color-list-button-text);
  color: white;
  font-size: 0.85714286rem;
}
.ListTimeline__itemIndex--number {
  display: flex;
}
.ListTimelineView .TouchInterface .ListTimeline__itemIndex--number {
  display: none;
}
@container list-container (max-width: 450px) {
  .ListTimelineView .ListTimeline__itemIndex--number {
    display: none;
  }
}
.ListTimeline__itemIndex--date {
  display: none;
}
.ListTimelineView .TouchInterface .ListTimeline__itemIndex--date {
  display: flex;
  font-size: 0.71428571rem;
  line-height: 1.2;
  width: 3rem;
  height: 3rem;
  border-radius: 8px;
}
@container list-container (max-width: 450px) {
  .ListTimelineView .ListTimeline__itemIndex--date {
    display: flex;
    font-size: 0.71428571rem;
    line-height: 1.2;
    width: 3rem;
    height: 3rem;
    border-radius: 8px;
  }
}
.ListTimeline__itemDateContainer {
  grid-area: date;
  justify-content: flex-end;
}
.ListTimelineView .TouchInterface .ListTimeline__itemDateContainer {
  display: none;
}
@container list-container (max-width: 450px) {
  .ListTimelineView .ListTimeline__itemDateContainer {
    display: none;
  }
}
.ListTimelineView .TouchInterface .ListTimeline__item--even .ListTimeline__itemDateContainer {
  justify-content: flex-start;
}
@container list-container (min-width: 1200px) {
  .ListTimelineView .ListTimeline__item--even .ListTimeline__itemDateContainer {
    justify-content: flex-start;
  }
}
.ListTimeline__itemDate {
  position: relative;
  display: flex;
  justify-content: right;
  text-align: center;
  width: 7ch;
  height: max-content;
  border-radius: 4px;
  font-weight: 600;
  color: var(--color-list-button-text);
}
.ListTimelineView .TouchInterface .ListTimeline__itemDate {
  width: 12ch;
}
@container list-container (min-width: 1200px) {
  .ListTimelineView .ListTimeline__itemDate {
    width: 12ch;
  }
}
.ListTimelineView .TouchInterface .ListTimeline__itemDate {
  font-size: 0.85714286rem;
}
@container list-container (max-width: 450px) {
  .ListTimelineView .ListTimeline__itemDate {
    font-size: 0.85714286rem;
  }
}
.ListTimelineView .TouchInterface .ListTimeline__item--even .ListTimeline__itemDate {
  justify-content: left;
}
@container list-container (min-width: 1200px) {
  .ListTimelineView .ListTimeline__item--even .ListTimeline__itemDate {
    justify-content: left;
  }
}
.ListTimeline__cardWrapper {
  position: relative;
  width: auto;
  height: auto;
  display: inline-block;
}
.ListTimeline__editButtonContainer {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 2;
}
.ListTimeline__editButtonContainer .ListItem__editButton {
  position: static;
}
.ListSlideView {
  height: var(--list-container-height, 100%);
}
.DesktopEnvironment .ListSlideView {
  overflow: hidden;
}
.EmbedContext .ListSlideView {
  overflow: hidden;
  height: 100%;
  min-height: 100%;
}
.ListSlideView__body {
  display: flex;
  width: 100%;
  overflow: visible;
  margin: 0 auto 0 0;
  position: relative;
  padding: calc(var(--list-top-bar-height-touch) - 1px) 0 0 0;
  height: 100%;
  background-color: hsl(0, 0%, 100%);
}
.DesktopEnvironment .ListSlideView__body {
  height: var(--list-container-height, 100%);
  min-height: 600px;
  max-height: max(1200px, var(--list-container-height, 100vh));
  padding: 20px 80px 40px 0;
}
.EmbedContext .ListSlideView__body {
  padding: 0;
  height: calc(var(--list-container-height, 100%) - 50px);
  min-height: 100%;
}
.ListSlideView__tableOfContents {
  margin: 0 5rem 0 1rem;
  background-color: transparent;
  border: none;
  padding: 5px;
  min-width: 200px;
}
.DesktopEnvironment .ListSlideView__tableOfContents {
  border-right: 1px solid var(--color-list-border-2);
  flex: 1 1 calc(20% + 120px);
  min-width: 200px;
  max-width: 400px;
  --scrollbar-width: 8px;
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.DesktopEnvironment .ListSlideView__tableOfContents:hover {
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: var(--color-list-background-4) transparent;
}
.DesktopEnvironment .ListSlideView__tableOfContents ::-webkit-scrollbar {
  width: var(--scrollbar-width, initial);
  background-color: rgba(0, 0, 0, 0);
}
.DesktopEnvironment .ListSlideView__tableOfContents ::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.DesktopEnvironment .ListSlideView__tableOfContents ::-webkit-scrollbar-thumb {
  border-radius: calc(var(--scrollbar-width, initial) / 2);
  background-color: rgba(0, 0, 0, 0);
}
.DesktopEnvironment .ListSlideView__tableOfContents:hover::-webkit-scrollbar-track {
  background-color: transparent;
}
.DesktopEnvironment .ListSlideView__tableOfContents:hover::-webkit-scrollbar-thumb {
  background-color: var(--color-list-background-4);
}
.MobileEnvironment .ListSlideView__tableOfContents,
.EmbedContext .ListSlideView__tableOfContents {
  position: fixed;
  left: 0;
  padding: 0 4px calc(var(--ios-safe-area-bottom) + 6px) 4px;
  z-index: 400;
  margin: 0;
  background-color: var(--color-background-00);
  transition: transform 0.4s cubic-bezier(0, 0.8, 0.5, 0.9), box-shadow 0.4s cubic-bezier(0, 0.8, 0.5, 0.9);
  z-index: 1000;
  transform: translateX(-100%);
  box-shadow: 0 0 0 0 hsla(0, 0%, 0%, 0);
}
.MobileEnvironment .ListSlideView__tableOfContents--open,
.EmbedContext .ListSlideView__tableOfContents--open {
  animation: open-toc 0.4s cubic-bezier(0, 0.8, 0.5, 0.9);
  transform: translateX(0);
  box-shadow: 0 0 200px 0 hsla(0, 0%, 0%, 0.95);
}
.EmbedContext .ListSlideView__tableOfContents {
  width: 90vw;
  max-width: 280px;
  top: 0;
  height: 100vh;
}
.ListSlideView__tableOfContentsContainerTab {
  position: absolute;
  bottom: calc(20px + var(--ios-safe-area-bottom));
  right: 0;
  transform: translateX(32px);
  width: 32px;
  height: 48px;
  border-radius: 0 4px 4px 0;
  background-color: var(--color-background-00);
  box-shadow: 4px 0 4px rgba(0, 0, 0, 0.3);
  display: grid;
  place-items: center;
}
.ListSlideView__tableOfContentsContainerTab svg * {
  fill: var(--color-list-button-text);
  stroke: var(--color-list-button-text);
}
.ListArticleView__tableOfContentsContainer--closed .ListSlideView__tableOfContentsContainerTab,
.ListSlideView__tableOfContents--closed .ListSlideView__tableOfContentsContainerTab {
  background-color: var(--color-list-button-text);
  width: 38px;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transform: translateX(38px);
}
.ListArticleView__tableOfContentsContainer--closed .ListSlideView__tableOfContentsContainerTab svg *,
.ListSlideView__tableOfContents--closed .ListSlideView__tableOfContentsContainerTab svg * {
  fill: var(--color-text-primary-reverse);
  stroke: var(--color-text-primary-reverse);
}
.ListSlideView .ListSlideView__tableOfContentsContainerTab {
  bottom: calc(5px + var(--ios-safe-area-bottom));
}
@keyframes close-toc {
  0% {
    transform: translateX(0%);
    box-shadow: 0 0 200px 0 hsla(0, 0%, 0%, 0.95);
  }
  100% {
    transform: translateX(-100%);
    box-shadow: 0 10px 10px 0 hsla(0, 0%, 0%, 0.4);
  }
}
@keyframes open-toc {
  0% {
    transform: translateX(-100%);
    box-shadow: 0 10px 10px 0 hsla(0, 0%, 0%, 0.4);
  }
  100% {
    transform: translateX(0%);
    box-shadow: 0 0 200px 0 hsla(0, 0%, 0%, 0.95);
  }
}
.list-article {
  position: relative;
  padding: 0;
  clear: both;
  display: block;
  width: auto;
  list-style: none;
}
.list-Article {
  list-style: none !important;
}
.list-Article.ListItem__editButton {
  opacity: 1 !important;
  position: relative;
}
.list-Article.ListItem__viewButton {
  opacity: 1 !important;
  position: relative;
}
.list-article-published {
  top: 2rem;
}
.ListFooter {
  display: block;
}
.list-article__selection-area {
  width: 4rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  height: 24px;
  font-size: 24px;
  margin: auto;
}
.list-article__selection-area i {
  cursor: pointer;
}
.list-article--dirty-state .ListArticleItem {
  opacity: 0.9;
  border: 2px solid hsl(5, 90%, 60%);
  box-sizing: border-box;
  border-radius: 8px;
  padding: 12px;
  background: hsl(5, 92%, 95%);
}
.list-article--dirty-state .ListArticleItem__title {
  color: hsl(5, 90%, 58%);
}
.list-article--selected {
  color: hsl(202, 55%, 35%);
}
.ListArticleView {
  --list-container-top-padding: 20px;
  --article-container-padding: 1rem;
  --list-article-view-max-width: 1260px;
  background-color: var(--color-background-00);
  padding-bottom: 80px;
  width: 100%;
  max-width: var(--list-article-view-max-width);
  margin: 0 auto;
  padding: var(--list-container-top-padding) 0 80px;
}
.EmbedContext .ListArticleView {
  --list-article-view-max-width: 850px;
}
.ListArticleView--filtered {
  padding-top: 0;
}
.ListArticleView--published {
  min-height: 0px;
  padding-bottom: 16px;
}
.ListArticleView__articleContainer {
  --table-of-contents-width: calc(var(--list-container-width) * 0.08 + 175px);
  --article-view-gap: calc(var(--list-container-width) * 0.02 + 5px);
}
.DesktopEnvironment .ListArticleView__articleContainer {
  display: grid;
  grid-template-columns: var(--table-of-contents-width) 1fr;
  gap: var(--article-view-gap);
  padding-right: var(--article-view-gap);
  padding-top: 2rem;
}
@media (max-width: 900px) {
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleView__articleContainer,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleView__articleContainer {
    gap: 0;
    padding-right: 0;
  }
}
@container list-container (max-width: 900px) {
  .ListiumList--articleMode .ListArticleView__articleContainer {
    gap: 0;
    padding-right: 0;
  }
}
.ListArticleView__articleBodyContainer {
  --article-container-width: 100%;
}
.ListArticleView__tableOfContentsContainer {
  margin: 0 0 1.5rem;
}
.DesktopEnvironment .ListArticleView__tableOfContentsContainer {
  overflow-y: auto;
  position: sticky;
  top: calc(var(--top-bars-height-desktop) + 10px);
  height: calc(100vh - var(--top-bars-height-desktop) - 50px);
  padding-right: 5px;
  border-right: 1px solid var(--color-border-2);
  --scrollbar-width: 12px;
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.DesktopEnvironment .ListArticleView__tableOfContentsContainer:hover {
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: var(--color-list-background-4) transparent;
}
.DesktopEnvironment .ListArticleView__tableOfContentsContainer ::-webkit-scrollbar {
  width: var(--scrollbar-width, initial);
  background-color: rgba(0, 0, 0, 0);
}
.DesktopEnvironment .ListArticleView__tableOfContentsContainer ::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.DesktopEnvironment .ListArticleView__tableOfContentsContainer ::-webkit-scrollbar-thumb {
  border-radius: calc(var(--scrollbar-width, initial) / 2);
  background-color: rgba(0, 0, 0, 0);
}
.DesktopEnvironment .ListArticleView__tableOfContentsContainer:hover::-webkit-scrollbar-track {
  background-color: transparent;
}
.DesktopEnvironment .ListArticleView__tableOfContentsContainer:hover::-webkit-scrollbar-thumb {
  background-color: var(--color-list-background-4);
}
.MobileEnvironment .ListArticleView__tableOfContentsContainer,
.EmbedContext .ListArticleView__tableOfContentsContainer {
  position: fixed;
  left: 0;
  padding: 0 4px calc(var(--ios-safe-area-bottom) + 6px) 4px;
  z-index: 400;
  margin: 0;
  background-color: var(--color-background-00);
  transition: transform 0.4s cubic-bezier(0, 0.8, 0.5, 0.9), box-shadow 0.4s cubic-bezier(0, 0.8, 0.5, 0.9);
  z-index: 1000;
  transform: translateX(-100%);
  box-shadow: 0 0 0 0 hsla(0, 0%, 0%, 0);
}
.MobileEnvironment .ListArticleView__tableOfContentsContainer--open,
.EmbedContext .ListArticleView__tableOfContentsContainer--open {
  animation: open-toc 0.4s cubic-bezier(0, 0.8, 0.5, 0.9);
  transform: translateX(0);
  box-shadow: 0 0 200px 0 hsla(0, 0%, 0%, 0.95);
}
.EmbedContext .ListArticleView__tableOfContentsContainer {
  width: 90vw;
  max-width: 280px;
  top: 0;
  height: 100vh;
}
.EmbedContext .ListArticleView__tableOfContentsContainer {
  overflow-x: visible;
}
.ListArticleView__tableOfContentsContainerTab {
  position: absolute;
  bottom: calc(20px + var(--ios-safe-area-bottom));
  right: 0;
  transform: translateX(32px);
  width: 32px;
  height: 48px;
  border-radius: 0 4px 4px 0;
  background-color: var(--color-background-00);
  box-shadow: 4px 0 4px rgba(0, 0, 0, 0.3);
  display: grid;
  place-items: center;
}
.ListArticleView__tableOfContentsContainerTab svg * {
  fill: var(--color-list-button-text);
  stroke: var(--color-list-button-text);
}
.ListArticleView__tableOfContentsContainer--closed .ListArticleView__tableOfContentsContainerTab,
.ListSlideView__tableOfContents--closed .ListArticleView__tableOfContentsContainerTab {
  background-color: var(--color-list-button-text);
  width: 38px;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transform: translateX(38px);
}
.ListArticleView__tableOfContentsContainer--closed .ListArticleView__tableOfContentsContainerTab svg *,
.ListSlideView__tableOfContents--closed .ListArticleView__tableOfContentsContainerTab svg * {
  fill: var(--color-text-primary-reverse);
  stroke: var(--color-text-primary-reverse);
}
.ListSlideView .ListArticleView__tableOfContentsContainerTab {
  bottom: calc(5px + var(--ios-safe-area-bottom));
}
.ListArticleView__mapContainer {
  margin: 1.5rem 0;
  height: 40rem;
  width: 100%;
  border-radius: 4px;
  border: 1px solid var(--color-list-border-2);
}
.EmbedContext .ListArticleView__mapContainer {
  display: none;
}
.ListArticleView .ReactVirtualized__Grid,
.ListArticleView .ReactVirtualized__Grid__innerScrollContainer {
  overflow: visible !important;
}
.ListArticleView__noItemsImage {
  position: fixed;
  right: 60px;
  bottom: 30px;
  opacity: 0.6;
  width: 240px;
}
.ListiumList--published .ListArticleView__noItemsImage {
  transform: translateY(-50px);
}
.ListGridView {
  --grid-spacing: 8px;
  --grid-container-padding: 3rem;
  --grid-item-width: 200px;
  --grid-item-height: calc(var(--grid-item-width) * 0.75);
  --list-container-top-padding: 20px;
  padding: var(--grid-container-padding);
  padding-bottom: 6rem;
}
@media screen and (max-width: 87.4375em) {
  .ListGridView {
    --grid-columns: 6;
  }
}
@media screen and (max-width: 74.9375em) {
  .ListGridView {
    --grid-columns: 5;
  }
}
@media screen and (max-width: 62.4375em) {
  .ListGridView {
    --grid-columns: 4;
  }
}
@media screen and (max-width: 49.9375em) {
  .ListGridView {
    --grid-columns: 3;
  }
}
@media screen and (max-width: 37.4375em) {
  .ListGridView {
    --grid-columns: 2;
  }
}
@media screen and (max-width: 81.1875em) {
  .ListGridView {
    --grid-item-width: calc((100vw - (var(--grid-container-padding) * 4)) / var(--grid-columns));
  }
}
.ListGridView--filtered {
  padding-top: 0;
}
.ListGridView__contentWrapper {
  position: relative;
}
.ListGridView .FiltersControls {
  margin: 0;
}
.ListGridView__itemsWrapper {
  display: flex;
  flex-wrap: wrap;
  gap: var(--grid-spacing);
}
.ListGridView__group {
  width: 100%;
}
.ListGridView__itemsContainer {
  display: flex;
  flex-wrap: wrap;
}
.ListGridView__actions {
  position: absolute;
  top: -1rem;
  right: 2rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.ListGridView--tierListMode {
  --grid-item-width: 130px;
  --grid-item-height: calc(var(--grid-item-width) * 0.75);
  --grid-spacing: 1px;
  --grid-header-width: 120px;
  background: var(--color-background-9);
  min-height: 100%;
  padding: var(--grid-container-padding);
}
.ListGridView--tierListMode .ListGridView__tierListHeadersTitle {
  font-size: 1.28571429rem;
  font-weight: 700;
  color: var(--color-text-primary-reverse);
  margin-bottom: 0.8rem;
  width: var(--grid-header-width);
  text-align: center;
}
.ListGridView--tierListMode .ListGridView__contentWrapper {
  padding-top: 1rem;
}
.ListGridView--grouped .ListGridViewGroup--gridMode.ListGridViewGroup--unassignedItems {
  margin-top: 2.5rem;
  padding-top: 2.5rem;
  border-top: 1px solid var(--color-border-2);
}
.ListGridViewGroup__itemsContainer {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--grid-spacing);
  min-height: 30px;
  margin: 0.5rem 0 1.5rem;
}
.ListGridViewGroup__dropIndicator {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.05);
  border: 2px dashed var(--color-border-4);
}
.ListGridView--tierListMode .ListGridViewGroup {
  display: flex;
  gap: 1px;
  margin-bottom: var(--grid-spacing);
  border: 1px solid black;
  background: var(--color-background-8);
  border-radius: var(--grid-spacing);
  min-height: 100px;
}
.ListGridView--tierListMode .ListGridViewGroup__groupHeaderWrapper {
  display: flex;
  flex-direction: row;
  flex: 0 0 var(--grid-header-width);
  background: var(--color-background-8);
  border-radius: var(--grid-spacing);
  overflow: hidden;
}
.ListGridView--tierListMode .ListGridViewGroup__groupHeaderWrapper .ListGroupHeader--grid.ListGroupHeader {
  display: grid;
  place-content: center;
  font-weight: 700;
  color: var(--color-text-primary);
  font-size: 1.14285714rem;
  height: 100%;
  background-color: var(--grid-header-background-color);
  border-radius: var(--grid-spacing) 0 0 var(--grid-spacing);
  padding: 0;
  overflow: hidden;
  max-width: 150px;
}
.ListGridView--tierListMode .ListGridViewGroup__groupHeaderWrapper .ListGroupHeader--grid.ListGroupHeader .IconRangeGroupTitle__inactive {
  opacity: 0.5;
}
.ListGridView--tierListMode .ListGridViewGroup__groupHeaderWrapper .ListGroupHeader--grid.ListGroupHeader .ListGroupHeader__title {
  max-width: 100%;
  overflow: hidden;
  text-wrap: wrap;
  text-align: center;
}
.ListGridView--tierListMode .ListGridViewGroup__groupHeaderWrapper .icon.IconCycleGroupTitle,
.ListGridView--tierListMode .ListGridViewGroup__groupHeaderWrapper .input-group.-error label.IconCycleGroupTitle,
.ListGridView--tierListMode .ListGridViewGroup__groupHeaderWrapper .custom-checkbox-link.IconCycleGroupTitle,
.ListGridView--tierListMode .ListGridViewGroup__groupHeaderWrapper .checkbox.-checked.IconCycleGroupTitle,
.ListGridView--tierListMode .ListGridViewGroup__groupHeaderWrapper .checkbox.-unchecked.IconCycleGroupTitle,
.ListGridView--tierListMode .ListGridViewGroup__groupHeaderWrapper input.-custom[type="checkbox"] + .custom-checkbox.IconCycleGroupTitle,
.ListGridView--tierListMode .ListGridViewGroup__groupHeaderWrapper .image-upload .upload-link.IconCycleGroupTitle,
.ListGridView--tierListMode .ListGridViewGroup__groupHeaderWrapper .ReactSelect__clear.IconCycleGroupTitle,
.ListGridView--tierListMode .ListGridViewGroup__groupHeaderWrapper .ReactSelect__search-icon.IconCycleGroupTitle,
.ListGridView--tierListMode .ListGridViewGroup__groupHeaderWrapper .DateTimePicker .touch-date.is-empty.IconCycleGroupTitle,
.ListGridView--tierListMode .ListGridViewGroup__groupHeaderWrapper .DateTimePicker .touch-date.-empty.IconCycleGroupTitle,
.ListGridView--tierListMode .ListGridViewGroup__groupHeaderWrapper .TimePicker .time-group .next.IconCycleGroupTitle,
.ListGridView--tierListMode .ListGridViewGroup__groupHeaderWrapper .TimePicker .time-group .prev.IconCycleGroupTitle,
.ListGridView--tierListMode .ListGridViewGroup__groupHeaderWrapper .PopupMenu__title__close.IconCycleGroupTitle,
.ListGridView--tierListMode .ListGridViewGroup__groupHeaderWrapper .PopupMenu__title__back.IconCycleGroupTitle,
.ListGridView--tierListMode .ListGridViewGroup__groupHeaderWrapper .BaseCell--manualurl a.link.IconCycleGroupTitle,
.ListGridView--tierListMode .ListGridViewGroup__groupHeaderWrapper .ListTableViewHeaderCell__index-arrow-down.IconCycleGroupTitle,
.ListGridView--tierListMode .ListGridViewGroup__groupHeaderWrapper .ListTableViewHeaderCell__fieldSettingsButton.IconCycleGroupTitle,
.ListGridView--tierListMode .ListGridViewGroup__groupHeaderWrapper .ListTableViewHeaderCell__fieldHideButton.IconCycleGroupTitle,
.ListGridView--tierListMode .ListGridViewGroup__groupHeaderWrapper .ListTableViewHeaderCell__status .sort-state.IconCycleGroupTitle,
.ListGridView--tierListMode .ListGridViewGroup__groupHeaderWrapper .ListTableViewHeaderCell__status .filtered.IconCycleGroupTitle,
.ListGridView--tierListMode .ListGridViewGroup__groupHeaderWrapper .ListTableViewHeaderCell__status .grouped.IconCycleGroupTitle,
.ListGridView--tierListMode .ListGridViewGroup__groupHeaderWrapper .RowIndexCell__reminder-mark.IconCycleGroupTitle,
.ListGridView--tierListMode .ListGridViewGroup__groupHeaderWrapper .RowIndexCell__dirty-mark.IconCycleGroupTitle {
  color: var(--color-text-primary) !important;
}
.ListGridView--tierListMode .ListGridViewGroup__itemsContainer {
  width: 100%;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: var(--grid-spacing);
  padding: 0 var(--grid-spacing);
  margin: 0;
}
.ListGridView--tierListMode .ListGridViewGroup--unassignedItems {
  margin-top: 3rem;
}
.ListGridView--tierListMode .ListGridViewGroup__dropIndicator {
  background: var(--color-background-6);
  border: 2px dashed var(--color-border-2-light);
}
.ListGridViewItem {
  position: relative;
  width: var(--grid-item-width);
  height: var(--grid-item-height);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
  opacity: 1;
  transform: scale(1);
  transition: none;
}
.ListGridViewItem:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.ListGridViewItem--isBeingDragged {
  opacity: 0.5;
  transform: scale(1.1);
  z-index: 10001;
}
.ListGridViewItem--wasJustDropped {
  animation: dropScale 0.3s ease-out forwards;
  z-index: 10000;
}
.ListGridViewItem__inner {
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  border-radius: 4px;
  overflow: hidden;
}
.ListGridViewItem__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.2s ease-in;
  opacity: 1;
}
.ListGridViewItem__image--loading {
  opacity: 0;
}
.ListGridViewItem__imagePlaceholder {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.ListGridViewItem__primaryValue,
h3.ListGridViewItem__primaryValue {
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  margin: 0;
  padding: 25% 10px calc(10px - 3px) 10px;
  overflow: hidden;
  color: var(--color-text-primary-light);
  font-weight: 600;
  font-size: 0.78571429rem;
  line-height: 1.4em;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 0.3) 35%, rgba(0, 0, 0, 0.1) 45%);
  text-shadow: 0.5px 0.5px 1px hsla(0, 0%, 0%, 0.5);
  display: flex;
  align-items: flex-end;
}
.ListGridViewItem:hover .ListGridViewItem__primaryValue {
  opacity: 1;
}
.ListGridView--tierListMode .ListGridViewItem__inner,
.ListGridView--tierListMode .ListGridViewItem__imagePlaceholder {
  border-radius: var(--grid-spacing);
}
.ListGridView--tierListMode .ListGridViewItem__inner .ImagePlaceholder > i,
.ListGridView--tierListMode .ListGridViewItem__imagePlaceholder .ImagePlaceholder > i {
  font-size: 20px;
}
@keyframes dropScale {
  0% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
.ListRowView {
  --list-row-view-padding: calc(14px / 2);
  --list-row-view-edit-spacer: 0px;
  --list-view-max-width: min(100%, 850px, calc(100vw - var(--list-row-view-edit-spacer) - var(--list-row-view-padding) * 2));
  --list-view-min-width: 300px;
  padding: calc(var(--list-row-view-padding) * 2) var(--list-row-view-padding) 5rem var(--list-row-view-padding);
  display: flex;
  flex-direction: column;
  width: fit-content;
  max-width: var(--list-view-max-width);
  min-width: var(--list-view-min-width);
  margin: 0 auto;
}
@media screen and (max-width: 33.0625em) {
  .ListRowView {
    margin: 0;
  }
}
@media screen and (max-width: 28.0625em) {
  .ListRowView {
    width: 100%;
  }
}
.DesktopEnvironment .ListRowView {
  --list-row-view-edit-spacer: 50px;
}
.ListRowView .FiltersControls {
  margin: 0;
}
.ListRowViewHeader {
  height: 42px;
  width: 100%;
  background: var(--color-background-00);
  position: sticky;
  z-index: 100;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.DesktopEnvironment .ListRowViewHeader {
  top: var(--top-bars-height-desktop);
}
.EmbedContext .ListRowViewHeader {
  top: var(--embed-banner-height, 160px);
}
.ListRowViewHeader__titleColumn {
  padding: 0.8rem 0.5rem 0.5rem 14px;
  display: inline-block;
  text-transform: uppercase;
  color: var(--color-text-primary);
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-weight: 700;
}
.ListRowViewHeader__actionColumnSelect,
.ListRowViewHeader__actionColumnText {
  background: transparent;
  text-transform: uppercase;
  text-align: right;
  border: none;
  margin: 0;
  width: auto;
  height: 100%;
  padding: 0.6rem 4px 0.4rem 0.5rem;
  color: var(--color-text-primary);
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-weight: 700;
  max-width: 25ch;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.ListRowViewHeader__actionColumnText {
  width: 30ch;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5ch;
}
.ListRowViewHeader__actionColumnTextContent {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  flex: 1;
}
.ListRowViewHeader__actionColumnIcon {
  color: var(--color-text-secondary);
  width: 10px;
  height: 10px;
  position: relative;
}
.ListRowViewHeader__actionColumnSelect {
  opacity: 0;
}
.ListRowViewItem {
  --list-view-row-padding: 6px;
  --list-view-row-height: 64px;
  --list-row-view-background: var(--color-background-00);
  margin: 3px 0;
  position: relative;
  display: flex;
  height: var(--list-view-row-height);
  gap: 5px;
  max-width: 100%;
  min-width: 0;
  width: 100%;
  border: 1px solid transparent;
}
.DesktopEnvironment .ListRowViewItem {
  --list-view-row-height: 60px;
  margin: 4px 0;
}
.ListRowViewItem:hover {
  --list-row-view-background: var(--color-list-background-1);
  background: var(--list-row-view-background);
  border-radius: 4px;
  border-color: var(--color-border-1);
}
.ListRowViewItem--noMetaFields {
  --list-view-row-padding: 16px 6px;
}
.ListRowViewItem--noMetaFields.ListRowViewItem--noImageField {
  --list-view-row-height: 30px;
  --list-view-row-padding: 6px;
}
.DesktopEnvironment .ListRowViewItem--noMetaFields.ListRowViewItem--noImageField {
  --list-view-row-height: 30px;
}
.ListRowViewItem--shadow {
  opacity: 0;
}
.ListRowViewItem--endOfGroup {
  border-bottom-width: 0;
}
.ListRowViewItem__imageCell {
  flex: 0 0 var(--list-view-row-height);
  height: var(--list-view-row-height);
  padding: 4px;
  line-height: var(--list-view-row-height);
  font-size: 20px;
  text-align: center;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ListRowViewItem__imageCell:hover {
  cursor: pointer;
}
.ListRowViewItem__image {
  height: 100%;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  transition: opacity 0.2s ease-in;
  opacity: 1;
}
.ListRowViewItem__image--hidden {
  opacity: 0;
}
.ListRowViewItem__imagePlaceholder {
  background: var(--color-background-1);
  display: grid;
  place-items: center;
  font-size: 20px;
  transition: all 0.2s ease-in-out;
  border-radius: 4px;
}
.ListRowViewItem__imagePlaceholder .icon,
.ListRowViewItem__imagePlaceholder .input-group.-error label,
.ListRowViewItem__imagePlaceholder .custom-checkbox-link,
.ListRowViewItem__imagePlaceholder .checkbox.-checked,
.ListRowViewItem__imagePlaceholder .checkbox.-unchecked,
.ListRowViewItem__imagePlaceholder input.-custom[type="checkbox"] + .custom-checkbox,
.ListRowViewItem__imagePlaceholder .image-upload .upload-link,
.ListRowViewItem__imagePlaceholder .ReactSelect__clear,
.ListRowViewItem__imagePlaceholder .ReactSelect__search-icon,
.ListRowViewItem__imagePlaceholder .DateTimePicker .touch-date.is-empty,
.ListRowViewItem__imagePlaceholder .DateTimePicker .touch-date.-empty,
.ListRowViewItem__imagePlaceholder .TimePicker .time-group .next,
.ListRowViewItem__imagePlaceholder .TimePicker .time-group .prev,
.ListRowViewItem__imagePlaceholder .PopupMenu__title__close,
.ListRowViewItem__imagePlaceholder .PopupMenu__title__back,
.ListRowViewItem__imagePlaceholder .BaseCell--manualurl a.link,
.ListRowViewItem__imagePlaceholder .ListTableViewHeaderCell__index-arrow-down,
.ListRowViewItem__imagePlaceholder .ListTableViewHeaderCell__fieldSettingsButton,
.ListRowViewItem__imagePlaceholder .ListTableViewHeaderCell__fieldHideButton,
.ListRowViewItem__imagePlaceholder .ListTableViewHeaderCell__status .sort-state,
.ListRowViewItem__imagePlaceholder .ListTableViewHeaderCell__status .filtered,
.ListRowViewItem__imagePlaceholder .ListTableViewHeaderCell__status .grouped,
.ListRowViewItem__imagePlaceholder .RowIndexCell__reminder-mark,
.ListRowViewItem__imagePlaceholder .RowIndexCell__dirty-mark {
  font-size: 20px;
  line-height: 1;
  color: var(--color-background-4);
  height: auto;
}
.ListRowViewItem__imageCellEmpty {
  width: var(--list-view-row-height);
  height: 100%;
}
.ListRowViewItem__imageCellEmpty a {
  position: relative;
  top: 6px;
  left: 1px;
  height: 25px;
  line-height: 25px;
  display: block;
}
.ListRowViewItem__imageCellPlaceholder {
  background: var(--color-background-2);
}
.ListRowViewItem__textContentContainer {
  flex: 1 1 0;
  overflow: hidden;
  text-overflow: ellipsis;
  height: var(--list-view-row-height);
  font-weight: 400;
  transition: opacity 0.2s linear, transform 0.2s ease;
}
.ListRowViewItem__textContentContainer:hover {
  cursor: pointer;
}
.ListRowViewItem__textContent {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  height: 100%;
  max-width: 100%;
  padding: var(--list-view-row-padding);
}
.ListRowViewItem__itemName {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.ListRowViewItem__metaContainer {
  position: relative;
  width: 100%;
  padding-right: 20px;
}
.ListRowViewItem__metaContainer::after {
  content: '';
  position: absolute;
  top: 0;
  right: 20px;
  width: 20px;
  height: 100%;
  background: linear-gradient(to right, transparent, var(--list-row-view-background));
}
.ListRowViewItem__meta {
  font-size: 0.78571429rem;
  color: var(--color-text-hint);
  max-width: 100%;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  gap: 0.2rem;
  align-items: center;
  justify-content: flex-start;
  overflow-x: scroll;
  overflow-y: hidden;
  height: fit-content;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.ListRowViewItem__meta::-webkit-scrollbar {
  display: none;
}
.ListRowViewItem__focussedPrimary {
  z-index: 900;
  opacity: 1;
}
.ListRowViewItem__focussedPrimaryArea {
  z-index: 900;
}
.ListRowViewItem__action {
  flex: 0 0 auto;
  padding: 0;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.ListRowViewItem__actionCell {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  white-space: nowrap;
  max-height: calc(var(--list-view-row-height) - 1);
  overflow: hidden;
  padding: var(--list-view-row-padding);
}
.ListRowViewItem__actionCell,
.ListRowViewItem__actionCell * {
  font-size: 1.3rem;
  line-height: 1.3rem;
}
.DesktopEnvironment .ListRowViewItem__actionCell,
.DesktopEnvironment .ListRowViewItem__actionCell * {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.ListRowViewItem__actionCell .IconRange__pip {
  letter-spacing: -6px;
}
.ListRowViewItem__actionCell:hover,
.ListRowViewItem__actionCell *:hover {
  cursor: pointer;
}
.ListRowViewItem__actionCell .icon--check-square-empty,
.ListRowViewItem__actionCell .custom-checkbox-link,
.ListRowViewItem__actionCell .checkbox.-unchecked,
.ListRowViewItem__actionCell input.-custom[type="checkbox"] + .custom-checkbox {
  opacity: 0.2;
}
.ListRowViewItem__actionCell .IconCycle {
  padding: 0;
}
.ListRowViewItem .BaseCell--multiselect .ListRowViewItem__actionCell:before,
.ListRowViewItem .BaseCell--dropdown .ListRowViewItem__actionCell:before {
  font-family: "listiumicons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  content: '\e84b';
  color: var(--color-text-secondary);
  position: absolute;
  right: 1rem;
}
.ListRowViewItem__action\* .custom-checkbox-link {
  padding: 1.2rem 0;
  width: 40px;
  margin-right: 10px;
  text-align: center;
  margin-left: 0;
  font-size: 1.28571429rem;
}
.ListRowViewItem__action\* textarea:focus,
.ListRowViewItem__action\* textarea {
  border: none !important;
  box-shadow: none !important;
}
.ListRowViewItem__action\*.BaseCell--multiselect .ListRowViewItem__actionCell,
.ListRowViewItem__action\*.BaseCell--dropdown .ListRowViewItem__actionCell {
  width: 100%;
}
.ListRowViewItem__action\*.BaseCell--multiselect .ListRowViewItem__actionCell,
.ListRowViewItem__action\*.BaseCell--dropdown {
  text-align: left;
}
.ListRowViewItem__action\*.BaseCell--multiselect .ListRowViewItem__actionCell select::-ms-expand,
.ListRowViewItem__action\*.BaseCell--dropdown select::-ms-expand {
  display: none;
}
.ListRowViewItem__action\*.BaseCell--multiselect .ListRowViewItem__actionCell select,
.ListRowViewItem__action\*.BaseCell--dropdown select {
  width: calc(100% - 22px);
  -webkit-appearance: none;
  appearance: none;
  line-height: 2rem;
  margin: 0;
  height: 3rem;
  border: none;
  position: relative;
  background: transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.ListRowViewItem__action\*.BaseCell--multiselect .ListRowViewItem__actionCell select:active,
.ListRowViewItem__action\*.BaseCell--dropdown select:active {
  background-color: rgba(0, 0, 0, 0);
}
.ListRowViewItem--dirty .ListRowViewItem__number,
.ListRowViewItem--dirty .ListRowViewItem__primary,
.ListRowViewItem--dirty .ListRowViewItem__primaryRender,
.ListRowViewItem--dirty .ListRowViewItem__action\*,
.ListRowViewItem--dirty .ListRowViewItem__action\* .custom-checkbox-link,
.ListRowViewItem--dirty .ListRowViewItem__action\* select {
  color: hsl(5, 90%, 60%);
}
.ListRowViewItem--selected .ListRowViewItem__number,
.ListRowViewItem--selected .ListRowViewItem__primary,
.ListRowViewItem--selected .ListRowViewItem__primaryRender,
.ListRowViewItem--selected .ListRowViewItem__action\*,
.ListRowViewItem--selected .ListRowViewItem__action\* .custom-checkbox-link,
.ListRowViewItem--selected .ListRowViewItem__action\* select {
  color: hsl(5, 90%, 58%);
}
.list-card {
  position: relative;
  padding: 0;
  clear: both;
  display: block;
  width: auto;
  list-style: none;
}
@keyframes scaleOutCard {
  0% {
    max-height: 0;
    background: hsl(5, 100%, 95%);
  }
  100% {
    max-height: 200px;
    background: var(--color-background-0);
  }
}
.list-card__selection-area {
  width: 4rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  height: 24px;
  font-size: 24px;
  margin: auto;
}
.list-card__selection-area i {
  cursor: pointer;
}
.list-card.is-in-selection-mode {
  background: hsl(0, 0%, 93%);
}
.list-card.is-in-selection-mode .ListCardSlab,
.list-card.is-in-selection-mode .ListCardFromGrid {
  margin-left: 4rem;
}
.list-card--dirty-state .ListCardSlab,
.list-card--dirty-state .ListCardFromGrid {
  opacity: 0.9;
  border: 3px solid hsl(5, 90%, 60%);
  padding: 5px;
  color: hsl(5, 90%, 60%) !important;
}
.list-card--dirty-state .ListCardSlab__title,
.list-card--dirty-state .ListCardFromGrid__cardTitle {
  color: hsl(5, 90%, 58%);
}
.list-card--dirty-state .ListCardSlab__metaEntryLabel,
.list-card--dirty-state .ListCardSlab__metaEntryValue {
  color: hsl(5, 90%, 58%);
}
.list-card--dirty-state .ListCardFromGrid--notGrouped {
  padding-right: 200px;
}
.list-card--selected {
  color: hsl(202, 55%, 35%);
}
.BaseCell {
  display: block;
  height: 50px;
  line-height: 50px;
  position: relative;
  text-align: left;
  user-select: none;
  border-bottom: 1px solid var(--color-border-1);
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: width 0.5s ease, padding 0.5s ease;
  margin: auto;
  max-width: calc(100% - 0.5rem);
  height: 100%;
}
.BaseCell h3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.BaseCell--group-title {
  background: var(--color-background-1);
}
.BaseCell__touch-barrier {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.BaseCell--selected {
  color: var(--color-list-button-text);
}
.BaseCell--selected .ReactSelect,
.BaseCell--selected .row-number,
.BaseCell--selected i,
.BaseCell--selected a,
.BaseCell--selected input,
.BaseCell--selected select {
  color: var(--color-list-button-text) !important;
}
.BaseCell--action {
  width: 12rem;
}
.BaseCell--blank {
  border: none;
}
.BaseCell--hidden {
  width: 20px !important;
}
.BaseCell--hidden + .BaseCell--hidden {
  width: 0 !important;
}
.BaseCell--spinoff {
  background: var(--color-list-locked-table-cell-background);
}
.BaseCell--spinoff h2 {
  margin: 0;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 2px;
}
.BaseCell--spinoff .LinkEditor {
  margin-top: -2px;
}
.BaseCell--spinoff .LinkEditor:before {
  display: none;
}
@keyframes fadeOutFocus {
  0% {
    border-bottom: 2px solid var(--color-border-3);
  }
  100% {
    border-bottom: 1px solid var(--color-border-1);
  }
}
@keyframes fadeOutError {
  0% {
    background: transparent;
  }
  20% {
    background: hsl(359, 35%, 90%);
  }
  100% {
    background: transparent;
  }
}
.BaseCell.is-in-nav-focus {
  box-shadow: inset 0 0 2px black;
}
.BaseCell--error {
  animation: fadeOutError 0.5s ease 0s forwards;
}
.BaseCell__action-icon {
  opacity: 0.5;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  cursor: pointer;
}
.BaseCell__action-icon:hover,
.BaseCell__action-icon:focus {
  opacity: 1;
}
.BaseCell__action-icon .i-trash {
  color: hsl(359, 55%, 45%);
}
.BaseCell--dummy {
  background: hsl(0, 0%, 100%);
  border-bottom: none;
}
.list-row--dummy .BaseCell--primary {
  overflow: visible;
}
.list-row--dummy .BaseCell--primary .InlineEdit span {
  overflow: visible;
}
.BaseCell--dummy.BaseCell--primary .InlineEdit input {
  width: 100%;
  margin: 7.5px -0.5rem 7.5px -0.5rem;
  border: 1px solid var(--color-list-border-3);
  border-radius: 4px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  height: 35px;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
.BaseCell--dummy.BaseCell--primary .InlineEdit input::placeholder {
  color: var(--color-text-placeholder);
}
.BaseCell--dummy.BaseCell--primary .InlineEdit input:focus,
.BaseCell--dummy.BaseCell--primary .InlineEdit input:hover {
  border-color: var(--color-list-border-4);
  opacity: 1;
}
.BaseCell--dummy.BaseCell--primary .InlineEdit.PrimaryCell--firstItemPlaceholder input {
  opacity: 1;
}
.icon--price.colored {
  font-size: 1.25rem;
  line-height: 3.5rem;
  position: relative;
  width: 11px;
  height: 50px;
  right: 4px;
  display: inline-block;
}
.icon--price.standard {
  color: var(--color-star--off);
  font-size: 1.25rem;
  line-height: 3.5rem;
  position: relative;
  width: 11px;
  height: 50px;
  right: 4px;
  display: inline-block;
}
.icon--star.colored,
.icon--star.colored {
  letter-spacing: -4px;
  font-size: 1.35rem;
  margin-right: 0.1rem;
  line-height: 3.4rem;
}
.icon--star.standard,
.icon--star.standard {
  color: var(--color-star--off);
  letter-spacing: -4px;
  font-size: 1.35rem;
  margin-right: 0.1rem;
  line-height: 3.4rem;
}
.BaseCell-primary-read-only {
  font-size: inherit;
  font-weight: 600;
}
.ImportColumn .BaseCell-primary-read-only {
  margin: 0;
}
.BaseCell--formula,
.BaseCell--number {
  text-align: right;
}
.BaseCell--amazondata {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}
.BaseCell--amazonlink {
  text-align: center;
}
.BaseCell--text .long-text-button {
  display: block;
  cursor: pointer;
  text-align: center;
  transition: opacity 0.2s linear;
  opacity: 1;
  outline: none;
}
.-mouse-active .BaseCell--text .long-text-button.is-empty {
  opacity: 0;
}
.-mouse-active .BaseCell--text .long-text-button.is-empty:focus {
  opacity: 0.75;
}
.-mouse-active .BaseCell--text:hover .long-text-button.is-empty {
  opacity: 0.3;
}
.-mouse-active .BaseCell--text:hover .long-text-button.is-empty:active {
  opacity: 1;
}
.BaseCell .InlineEdit {
  min-width: 100%;
}
.BaseCell--total {
  font-weight: bold;
}
.BaseCell--total .total {
  user-select: text;
}
.BaseCell__totals-title {
  text-transform: uppercase;
  font-weight: 700;
}
.BaseCell--list-name,
.BaseCell--imageattachment,
.BaseCell--manualurl,
.BaseCell--dropdown {
  overflow: visible;
}
.BaseCell--imageattachment,
.BaseCell--starrating,
.BaseCell--searchlink,
.BaseCell--shoplink,
.BaseCell--boolean,
.BaseCell--subtask,
.BaseCell--symbolcol,
.BaseCell--tristate {
  text-align: center;
}
.BaseCell--searchlink a:focus,
.BaseCell--shoplink a:focus,
.BaseCell--amazonlink a:focus,
.BaseCell--boolean a:focus {
  outline: none;
}
.-mouse-active .BaseCell--manualurl .inline-link-editor.is-empty {
  transition: opacity 0.2s linear, color 0.2s linear;
  opacity: 0;
}
.-mouse-active .BaseCell--manualurl .inline-link-editor.is-empty.is-active {
  opacity: 1;
}
.-mouse-active .BaseCell--manualurl:hover .inline-link-editor.is-empty,
.-mouse-active .BaseCell--manualurl.is-in-focus .inline-link-editor.is-empty {
  opacity: 0.7;
}
.-mouse-active .BaseCell--manualurl:hover .inline-link-editor.is-empty.is-active,
.-mouse-active .BaseCell--manualurl.is-in-focus .inline-link-editor.is-empty.is-active {
  opacity: 1;
}
.BaseCell--spinoff .icon--link,
.BaseCell--spinoff .icon--youtube-play,
.MLToptimized .icon--link,
.MLToptimized .icon--youtube-play,
.BaseCell--spinoff .icon--share-secret,
.MLToptimized .icon--share-secret,
.BaseCell--spinoff .BaseCell--manualurl a.link,
.MLToptimized .BaseCell--manualurl a.link {
  width: 100%;
  text-align: center;
  display: inline-block;
  color: hsl(5, 90%, 58%);
}
.BaseCell--spinoff.BaseCell--formula,
.BaseCell--spinoff.BaseCell--number,
.MLToptimized .BaseCell--formula,
.MLToptimized .BaseCell--number {
  padding-right: 1px;
}
.BaseCell--spinoff .icon--long-text,
.MLToptimized .Map-filled,
.MLToptimized .icon--long-text {
  text-align: center;
  display: inline-block;
}
.BaseCell--spinoff.BaseCell--multiselect,
.BaseCell--spinoff.BaseCell--primary-internal,
.BaseCell--spinoff.BaseCell--text,
.BaseCell--spinoff.BaseCell--primary,
.BaseCell--spinoff.BaseCell--multiselect,
.BaseCell--spinoff.BaseCell--datetime,
.BaseCell--spinoff.BaseCell--formula,
.BaseCell--spinoff.BaseCell--number,
.MLToptimized .BaseCell--multiselect,
.MLToptimized .BaseCell--primary-internal,
.MLToptimized .BaseCell--primary h3,
.MLToptimized .BaseCell--text,
.MLToptimized .BaseCell--multiselect,
.MLToptimized .BaseCell--datetime,
.MLToptimized .BaseCell--formula,
.MLToptimized .BaseCell--number {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.BaseCell--spinoff.BaseCell--primary-internal,
.BaseCell--spinoff.BaseCell--primary h3,
.BaseCell--spinoff.BaseCell--number,
.BaseCell--spinoff.BaseCell--formula,
.BaseCell--spinoff.BaseCell--text,
.MLToptimized .BaseCell--primary-internal,
.MLToptimized .BaseCell--primary h3,
.MLToptimized .BaseCell--number,
.MLToptimized .BaseCell--formula,
.MLToptimized .BaseCell--text {
  white-space: pre;
}
.BaseCell--boolean {
  vertical-align: middle;
  height: 100%;
}
.BaseCell--boolean .-for-custom-checkbox {
  margin: 0;
  height: 100%;
}
.BaseCell--boolean .custom-checkbox-link {
  line-height: 50px;
}
.DesktopEnvironment .BaseCell--boolean .custom-checkbox-link {
  line-height: 50px;
}
.BaseCell--dropdown .ReactSelect {
  position: relative;
  top: -1px;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  width: calc(100% + 1.5rem);
  display: inline-block;
  line-height: 1.4rem;
  vertical-align: middle;
  transition: width 0.25s ease;
}
.BaseCell--multiselect .MultiSelect {
  position: relative;
  display: flex;
  align-items: center;
  height: 50px;
}
.DesktopEnvironment  .BaseCell--dropdown .ReactSelect:hover,
.DesktopEnvironment  .BaseCell--dropdown .ReactSelect:focus {
  transition-delay: 0.5s;
  z-index: 900;
  width: calc(100% + 3rem);
}
.DesktopEnvironment  .BaseCell--dropdown .ReactSelect:hover .ReactSelect__placeholder,
.DesktopEnvironment  .BaseCell--dropdown .ReactSelect:focus .ReactSelect__placeholder,
.DesktopEnvironment  .BaseCell--dropdown .ReactSelect:hover .ReactSelect__value,
.DesktopEnvironment  .BaseCell--dropdown .ReactSelect:focus .ReactSelect__value {
  background: var(--color-background-0);
}
.BaseCell--dropdown .ReactSelect:active {
  transition: none;
  z-index: 900;
  width: calc(100% + 3rem);
}
.BaseCell--dropdown .ReactSelect:active .ReactSelect__placeholder,
.BaseCell--dropdown .ReactSelect:active .ReactSelect__value {
  background: var(--color-background-0);
}
.ListTableViewRow .BaseCell--text .long-text-button.is-empty {
  cursor: pointer;
  color: var(--color-text-primary);
  opacity: 0;
  transition: opacity 0.2s linear;
}
.ListTableViewRow:hover .BaseCell--text .long-text-button.is-empty {
  opacity: 0.2;
}
.ListTableViewRow:hover .BaseCell--text .long-text-button.is-empty:hover {
  opacity: 0.5;
}
.cell-measure.regular {
  font-size: 1rem;
}
.cell-measure.large {
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 1rem;
}
.cell-measure.small {
  font-size: 1rem;
}
.long-text-button,
.BaseCell--shoplink a,
.BaseCell--shoplink,
.BaseCell--searchlink a,
.BaseCell--searchlink,
.BaseCell--amazonlink a,
.BaseCell--amazonlink,
.LinkEditor.has-value .LinkEditor__icon,
.MLToptimized .icon--link,
.MLToptimized .icon--long-text,
.MLToptimized .icon--url,
.MLToptimized .icon--share-secret,
.MLToptimized .BaseCell--manualurl a.link,
.icon--long-text.optimized,
.MLToptimized .icon--share-secret,
.MLToptimized .BaseCell--manualurl a.link {
  color: var(--color-list-button-text);
}
.LongTextModal__input {
  position: relative;
  height: 25rem;
  width: 100%;
  line-height: 18px;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}
.LongTextModal__input .TouchInterface {
  height: 100%;
  width: 100%;
}
.LongTextModal__aiSettings {
  padding: 0.5rem;
  font-size: 0.85714286rem;
  margin: 0.5rem 0 1rem 0;
  background: var(--color-list-background-1);
  border-radius: 4px;
  border: 2px solid var(--color-list-border-3);
}
.LongTextModal__aiSettingsTitle {
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.LongTextModal__aiSettingsInput {
  height: 2rem;
  border-radius: 4px;
  border: 1px solid var(--color-border-3);
  padding: 0 0.5ch;
}
.LongTextModal__aiSettingsInput input[type="text"] {
  all: unset;
}
.LongTextModal__aiSettingsInput option {
  padding-left: 0;
}
.LongTextModal__aiSettingsInput--wordCount {
  width: 5ch;
}
.LongTextModal__aiSettingsInput--seedText {
  width: 21ch;
}
.LongTextModal__aiSettingsInput--tone {
  width: 17ch;
}
@keyframes scaleUpThumbnail {
  0% {
    transform: scale(0.33);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.BaseCell--imageattachment {
  position: relative;
  /* Optimized scrolling components - TD */
}
.BaseCell--imageattachment .upload-link {
  cursor: pointer;
  padding: 1rem 1rem;
}
.BaseCell--imageattachment .image-link.image-link-desktop {
  width: 56px;
}
.BaseCell--imageattachment .image-link {
  height: 38px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin-top: -4px;
}
.BaseCell--imageattachment .image-link img {
  border-radius: 4px;
  position: relative;
  width: 38px;
  height: 38px;
  object-fit: fill;
}
.BaseCell--imageattachment img.image-link {
  border-radius: 4px;
  position: relative;
  width: 38px;
  height: 38px;
}
.BaseCell--imageattachment .image-cell-drop-zone {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 50px;
}
.BaseCell--imageattachment .image-cell-drop-zone.is-dragging {
  border: 2px dashed var(--color-border-3);
}
.BaseCell--imageattachment .image-cell-drop-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-background-2);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  color: var(--color-text-hint);
  font-weight: 600;
  font-size: 0.85714286rem;
  padding: 5px;
}
.BaseCell--imageattachment .image-cell-upload-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-background-2);
  color: var(--color-text-secondary);
  font-weight: 600;
}
.BaseCell--imageattachment .image-cell-drop-text {
  max-width: 100%;
  line-height: 1.2em;
  text-align: center;
  text-wrap: wrap;
  overflow: hidden;
}
.image-attachment-thumbnail {
  position: relative;
  opacity: 0;
  width: 250px;
  z-index: 2000;
  transform-origin: top center;
  pointer-events: none;
  text-align: center;
  display: block;
  animation: scaleUpThumbnail 0.5s ease forwards;
  animation-delay: 0.5s;
}
.image-attachment-thumbnail img {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  border-radius: 4px;
  max-width: 250px;
  max-height: 250px;
  width: auto;
  height: auto;
}
.image-link-delete {
  color: hsl(359, 55%, 45%);
  background-color: hsl(0, 0%, 100%);
  border-radius: 4px;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 21px;
  position: absolute;
  bottom: 7px;
  right: -40px;
  left: auto;
  cursor: pointer;
  font-size: 18px !important;
  border: 1px solid hsl(359, 55%, 45%);
}
.image-link-ListFieldsEditor {
  display: inline-block;
  width: auto;
  min-width: 40px;
  min-height: 10px;
  position: relative;
}
.image-link-ListFieldsEditor:focus {
  outline: none;
}
.image-link-isBulkEditor {
  cursor: default;
}
.-mouse-active .BaseCell--imageattachment .upload-link {
  opacity: 0.001;
}
.-mouse-active .BaseCell--imageattachment .upload-link:focus,
.-mouse-active .BaseCell--imageattachment:hover .upload-link {
  opacity: 0.3;
}
.image-modal {
  text-align: center;
  overflow: auto;
  max-height: 200px;
}
.image-modal {
  min-width: 260px;
  min-height: 260px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal--image-attachment {
  opacity: 0;
  animation: none;
  transition: opacity 0.25s linear;
}
.modal--image-attachment.is-loaded {
  opacity: 1;
}
.modal--image-attachment .modal__content {
  background: black;
  padding: 0;
  overflow: hidden;
  height: 100%;
  white-space: nowrap;
}
.modal--image-attachment .modal__content:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  opacity: 0;
}
.modal--image-attachment .modal__content:before {
  margin: 0;
}
@media screen and (min-width: 768) {
  .modal--image-attachment {
    background: rgba(0, 0, 0, 0.3);
    box-shadow: none;
    max-width: 90vw;
  }
  .modal--image-attachment .modal__title {
    background: transparent;
  }
  .modal--image-attachment .modal__title__heading {
    border: none;
  }
  .modal--image-attachment .modal__content {
    background: transparent;
  }
}
.image-modal__wrapper {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  position: relative;
  width: 100%;
}
.image-modal__wrapper:first-child {
  margin-left: 0em;
}
.image-modal__low-quality {
  position: relative;
  max-height: calc(100vh - 3rem);
}
@media screen and (min-width: 768) {
  .image-modal__low-quality {
    max-height: 80vh;
  }
}
.image-modal__full-quality {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
}
.ListTableViewRow .upload-link {
  cursor: pointer;
  color: var(--color-text-primary);
  opacity: 0;
  transition: opacity 0.2s linear;
}
.ListTableViewRow:hover .upload-link {
  opacity: 0.2;
}
.ListTableViewRow:hover .upload-link:hover {
  opacity: 0.5;
}
.BaseCell--manualurl {
  position: relative;
  text-align: center;
}
.BaseCell--manualurl a.link {
  text-decoration: none;
  line-height: 50px;
  display: block;
}
.BaseCell--manualurl a.link.-show-text {
  width: 100%;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
.BaseCell--manualurl a.link.-show-text:before {
  content: none;
}
.BaseCell--manualurl a.link.-blank {
  opacity: 0.6;
  transition: opacity 0.25s linear;
  color: var(--color-text-hint);
}
.BaseCell--manualurl .edit-tooltip {
  display: none;
  position: absolute;
  top: 100%;
  left: -12.5%;
  height: 31px;
  width: 125%;
  margin-top: -0.25rem;
  padding: 0.25rem;
  font-size: 0.8rem;
  line-height: 1.5rem;
  z-index: 2000;
  background: var(--color-background-3);
}
.BaseCell--manualurl .edit-tooltip input {
  margin: 0;
  border: none;
  outline: none;
  background: var(--color-background-3);
  width: 100%;
}
.BaseCell--manualurl .edit-tooltip input:focus {
  outline: none;
}
.BaseCell--manualurl.-focussed .edit-tooltip,
.BaseCell--manualurl:hover .edit-tooltip,
.BaseCell--manualurl .edit-tooltip input:focus,
.BaseCell--manualurl a.link:focus + .edit-tooltip {
  display: block;
}
.BaseCell--manualurl.-focussed .edit-tooltip:before,
.BaseCell--manualurl:hover .edit-tooltip:before,
.BaseCell--manualurl .edit-tooltip input:focus:before,
.BaseCell--manualurl a.link:focus + .edit-tooltip:before {
  position: absolute;
  right: 0px;
  bottom: 100%;
  left: 50%;
  margin: 0;
  margin-left: -4px;
  display: inline-block;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 8px;
  border-top-color: rgba(0, 0, 0, 0);
  border-right-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
  border-top-width: 0;
  content: ' ';
}
.no-touch .BaseCell--manualurl a.link.-blank {
  opacity: 0.001;
}
.no-touch .BaseCell--manualurl:hover a.link.-blank,
.no-touch .BaseCell--manualurl a.link.-blank:focus {
  opacity: 1;
}
.LinkMenuEntry__icon {
  display: inline-block;
  width: 25px;
}
.ListItemViewer {
  container-type: inline-size;
  container-name: list-item-viewer-container;
  height: 100%;
  width: 100%;
  position: relative;
}
.ListItemModal .ListItemViewer {
  width: min(1400px, calc(100vw - 140px));
  height: min(1100px, calc(100vh - 100px));
}
.ListItemViewer__contentWrapper {
  background-color: var(--color-background-00);
  padding: 0;
  display: flex;
  position: relative;
  height: 100%;
  min-height: 100%;
  width: 100%;
  overflow-y: auto;
  --scrollbar-width: 8px;
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  flex-direction: column;
}
.ListItemViewer__contentWrapper:hover {
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: var(--color-list-background-4) transparent;
}
.ListItemViewer__contentWrapper ::-webkit-scrollbar {
  width: var(--scrollbar-width, initial);
  background-color: rgba(0, 0, 0, 0);
}
.ListItemViewer__contentWrapper ::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.ListItemViewer__contentWrapper ::-webkit-scrollbar-thumb {
  border-radius: calc(var(--scrollbar-width, initial) / 2);
  background-color: rgba(0, 0, 0, 0);
}
.ListItemViewer__contentWrapper:hover::-webkit-scrollbar-track {
  background-color: transparent;
}
.ListItemViewer__contentWrapper:hover::-webkit-scrollbar-thumb {
  background-color: var(--color-list-background-4);
}
@container list-item-viewer-container (min-width: 900px) {
  .ListItemViewer__contentWrapper {
    flex-direction: row;
    overflow: hidden;
    height: 100%;
  }
}
.ListItemModal .ListItemViewer__contentWrapper {
  min-height: auto;
  max-height: 100%;
}
@container list-item-viewer-container (max-width: calc(900px - 0.001px)) {
  .ListSlideViewItem .ListItemViewer__contentWrapper {
    height: 100%;
    min-height: auto;
  }
}
@container list-item-viewer-container (min-width: 900px) {
  .ListSlideViewItem .ListItemViewer__contentWrapper {
    overflow: hidden;
    height: 100%;
  }
}
@container list-item-viewer-container (min-width: 900px) {
  .EmbedContext .ListSlideViewItem .ListItemViewer__contentWrapper {
    overflow: hidden;
    flex-direction: row;
    height: 100%;
  }
}
@container list-item-viewer-container (max-width: calc(900px - 0.001px)) {
  .ListItemPanel .ListItemViewer__contentWrapper {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    flex: 1;
    position: relative;
    min-height: 0;
    --scrollbar-width: 4px;
    scrollbar-width: var(--scrollbar-width, initial);
    scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    -webkit-overflow-scrolling: touch;
  }
  .ListItemPanel .ListItemViewer__contentWrapper:hover {
    scrollbar-width: var(--scrollbar-width, initial);
    scrollbar-color: var(--color-list-background-5) transparent;
  }
  .ListItemPanel .ListItemViewer__contentWrapper ::-webkit-scrollbar {
    width: var(--scrollbar-width, initial);
    background-color: rgba(0, 0, 0, 0);
  }
  .ListItemPanel .ListItemViewer__contentWrapper ::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
  }
  .ListItemPanel .ListItemViewer__contentWrapper ::-webkit-scrollbar-thumb {
    border-radius: calc(var(--scrollbar-width, initial) / 2);
    background-color: rgba(0, 0, 0, 0);
  }
  .ListItemPanel .ListItemViewer__contentWrapper:hover::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .ListItemPanel .ListItemViewer__contentWrapper:hover::-webkit-scrollbar-thumb {
    background-color: var(--color-list-background-5);
  }
}
@container list-item-viewer-container (min-width: 900px) {
  .ListItemPanel .ListItemViewer__contentWrapper {
    height: 100%;
    overflow: hidden;
  }
}
.ListItemModal .ListItemViewer--noImageField .ListItemViewer__contentWrapper {
  height: min(900px, calc(100vh - 100px));
  width: min(700px, calc(100vw - 140px));
}
@container list-item-viewer-container (max-width: calc(900px - 0.001px)) {
  .ListSlideViewItem .ListItemViewer--noImageField .ListItemViewer__contentWrapper {
    height: 100%;
    min-height: 50%;
  }
}
@container list-item-viewer-container (min-width: 900px) {
  .ListSlideViewItem .ListItemViewer--noImageField .ListItemViewer__contentWrapper {
    max-height: min(100%, 700px);
  }
}
@container list-item-viewer-container (min-width: 900px) {
  .ListItemViewer--noImageField .ListItemViewer__contentWrapper {
    max-width: 700px;
    margin: 0 auto;
  }
}
.ListItemViewer__imageContainer {
  background: hsl(0, 0%, 0%);
  flex: 0 1 auto;
  width: 100%;
  height: auto;
}
@container list-item-viewer-container (min-width: 900px) {
  .ListItemViewer__imageContainer {
    flex: 1 1 auto;
    height: 100%;
    overflow: hidden;
  }
}
@container list-item-viewer-container (max-width: calc(900px - 0.001px)) {
  .ListItemViewer--multipleImages .ListItemViewer__imageContainer {
    width: 100%;
    aspect-ratio: 16/11;
    flex: 0 0 auto;
    min-height: max(220px, 25vh);
    max-height: 40vh;
  }
}
@container list-item-viewer-container (min-width: 900px) {
  .ListItemViewer--multipleImages .ListItemViewer__imageContainer {
    height: 100%;
    min-height: unset;
  }
}
@container list-item-viewer-container (max-width: calc(900px - 0.001px)) {
  .ListItemViewer--singleImage .ListItemViewer__imageContainer {
    width: 100%;
    aspect-ratio: 16/9;
    min-height: max(220px, 20vh);
    max-height: 35vh;
  }
}
@container list-item-viewer-container (min-width: 900px) {
  .ListItemViewer--singleImage .ListItemViewer__imageContainer {
    height: 100%;
    min-height: unset;
  }
}
.ListItemViewer--noImageField .ListItemViewer__imageContainer {
  display: none;
}
@container list-item-viewer-container (max-width: calc(900px - 0.001px)) {
  .ListItemViewer--noImage .ListItemViewer__imageContainer {
    height: 0;
  }
}
.ListItemViewer__outerContentContainer {
  background: var(--color-background-00);
  display: flex;
  padding: 10px;
  flex-direction: column;
  text-align: left;
  min-width: 350px;
  flex: 1 1 auto;
}
@container list-item-viewer-container (min-width: 900px) {
  .ListItemModal .ListItemViewer__outerContentContainer,
  .ListItemPanel .ListItemViewer__outerContentContainer,
  .ListSlideViewItem .ListItemViewer__outerContentContainer {
    height: 100%;
    flex: 0 0 35%;
    overflow: hidden;
  }
}
@container list-item-viewer-container (max-width: calc(900px - 0.001px)) {
  .MobileEnvironment .ListSlideViewItem .ListItemViewer__outerContentContainer,
  .EmbedContext .ListSlideViewItem .ListItemViewer__outerContentContainer {
    padding-bottom: calc(44px + var(--safe-area-inset-bottom, 0px) + 20px);
  }
}
@container list-item-viewer-container (max-width: calc(900px - 0.001px)) {
  .ListItemViewer--noImageField .ListItemViewer__outerContentContainer {
    flex: 0 1 auto;
  }
}
@container list-item-viewer-container (min-width: 900px) {
  .ListItemViewer--noImageField .ListItemViewer__outerContentContainer {
    flex: 1 0 100%;
    padding: 35px;
  }
}
.ListItemViewer__title {
  font-weight: 700;
  font-size: 1.57142857rem;
  line-height: 1.3em;
  margin: 0;
  word-break: break-word;
  flex-grow: 0;
  padding: 10px;
  grid-area: header;
}
@container list-item-viewer-container (min-width: 900px) {
  .ListItemViewer__title {
    padding-top: 0;
  }
}
@container list-item-viewer-container (max-width: 450px) {
  .ListItemViewer__title {
    font-size: 1.28571429rem;
  }
}
.ListItemViewer__innerContentContainer {
  position: relative;
  min-height: min-content;
  overflow: visible;
  flex: 1 1 auto;
}
.MobileEnvironment .ListItemViewer__innerContentContainer,
.EmbedContext .ListItemViewer__innerContentContainer {
  flex: 0 0 auto;
}
@container list-item-viewer-container (min-width: 900px) {
  .EmbedContext .ListItemViewer__innerContentContainer {
    flex: 0 0 500px;
  }
}
@container list-item-viewer-container (min-width: 900px) {
  .ListItemPanel .ListItemViewer__innerContentContainer,
  .ListSlideViewItem .ListItemViewer__innerContentContainer,
  .ListItemModal .ListItemViewer__innerContentContainer {
    max-height: 100%;
    min-height: unset;
    flex: 1 1 auto;
    overflow-y: auto;
    background: linear-gradient(var(--color-background-00) 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), var(--color-background-00) 70%) 0 100%, /* Shadows */ radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
    background: linear-gradient(var(--color-background-00) 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), var(--color-background-00) 70%) 0 100%, /* Shadows */ radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
    background-repeat: no-repeat;
    background-color: var(--color-background-00);
    background-size: 100% 40px, 100% 40px, 100% 8px, 100% 8px;
    /* Opera doesn't support this in the shorthand */
    background-attachment: local, local, scroll, scroll;
    z-index: 10;
    --scrollbar-width: 8px;
    scrollbar-width: var(--scrollbar-width, initial);
    scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  }
  .ListItemPanel .ListItemViewer__innerContentContainer:hover,
  .ListSlideViewItem .ListItemViewer__innerContentContainer:hover,
  .ListItemModal .ListItemViewer__innerContentContainer:hover {
    scrollbar-width: var(--scrollbar-width, initial);
    scrollbar-color: var(--color-list-background-4) transparent;
  }
  .ListItemPanel .ListItemViewer__innerContentContainer ::-webkit-scrollbar,
  .ListSlideViewItem .ListItemViewer__innerContentContainer ::-webkit-scrollbar,
  .ListItemModal .ListItemViewer__innerContentContainer ::-webkit-scrollbar {
    width: var(--scrollbar-width, initial);
    background-color: rgba(0, 0, 0, 0);
  }
  .ListItemPanel .ListItemViewer__innerContentContainer ::-webkit-scrollbar-track,
  .ListSlideViewItem .ListItemViewer__innerContentContainer ::-webkit-scrollbar-track,
  .ListItemModal .ListItemViewer__innerContentContainer ::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
  }
  .ListItemPanel .ListItemViewer__innerContentContainer ::-webkit-scrollbar-thumb,
  .ListSlideViewItem .ListItemViewer__innerContentContainer ::-webkit-scrollbar-thumb,
  .ListItemModal .ListItemViewer__innerContentContainer ::-webkit-scrollbar-thumb {
    border-radius: calc(var(--scrollbar-width, initial) / 2);
    background-color: rgba(0, 0, 0, 0);
  }
  .ListItemPanel .ListItemViewer__innerContentContainer:hover::-webkit-scrollbar-track,
  .ListSlideViewItem .ListItemViewer__innerContentContainer:hover::-webkit-scrollbar-track,
  .ListItemModal .ListItemViewer__innerContentContainer:hover::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .ListItemPanel .ListItemViewer__innerContentContainer:hover::-webkit-scrollbar-thumb,
  .ListSlideViewItem .ListItemViewer__innerContentContainer:hover::-webkit-scrollbar-thumb,
  .ListItemModal .ListItemViewer__innerContentContainer:hover::-webkit-scrollbar-thumb {
    background-color: var(--color-list-background-4);
  }
  .ListItemPanel .ListItemViewer__innerContentContainer:before,
  .ListSlideViewItem .ListItemViewer__innerContentContainer:before,
  .ListItemModal .ListItemViewer__innerContentContainer:before {
    content: '';
    position: absolute;
    width: calc(100% - 10px * 2);
    border-top: 1px solid var(--color-border-2);
    top: 0;
    left: 10px;
  }
}
.ListItemViewer__longTextContainer {
  padding: 10px 10px calc(10px * 2);
}
.ListItemViewer__longTextContainer .ListLongText__longText {
  min-height: 1rem;
}
.ListItemViewer__longTextContainer .ListLongText__longTextContent--placeholder {
  color: var(--color-text-secondary);
}
.ListItemViewer--noLongText .ListItemViewer__longTextContainer {
  display: none;
}
.ListItemViewer__metaSection {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  row-gap: 2px;
  column-gap: 3%;
}
.ListItemViewer__metaSection .ListMetaFields__metaEntry {
  padding: 0;
  padding: 10px;
  text-align: left;
}
.ListItemViewer__linksSection {
  background: transparent;
  position: sticky;
  bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-basis: 0;
  padding: 10px 10px 0 10px;
  grid-area: footer;
  position: relative;
}
.MobileEnvironment .ListItemViewer__linksSection .Button:first-child {
  margin-left: 0;
}
@container list-item-viewer-container (min-width: 900px) {
  .DesktopEnvironment .ListItemViewer__linksSection:before {
    content: '';
    position: absolute;
    width: calc(100% - 10px * 2);
    border-top: 1px solid var(--color-border-2);
    top: 0;
    left: 10px;
  }
}
.ListItemEditor {
  position: relative;
  height: auto;
  min-height: 100%;
}
.ListItemPanel .ListItemEditor {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  flex: 1;
  position: relative;
  min-height: 0;
  --scrollbar-width: 4px;
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  -webkit-overflow-scrolling: touch;
}
.ListItemPanel .ListItemEditor:hover {
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: var(--color-list-background-5) transparent;
}
.ListItemPanel .ListItemEditor ::-webkit-scrollbar {
  width: var(--scrollbar-width, initial);
  background-color: rgba(0, 0, 0, 0);
}
.ListItemPanel .ListItemEditor ::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.ListItemPanel .ListItemEditor ::-webkit-scrollbar-thumb {
  border-radius: calc(var(--scrollbar-width, initial) / 2);
  background-color: rgba(0, 0, 0, 0);
}
.ListItemPanel .ListItemEditor:hover::-webkit-scrollbar-track {
  background-color: transparent;
}
.ListItemPanel .ListItemEditor:hover::-webkit-scrollbar-thumb {
  background-color: var(--color-list-background-5);
}
.ListItemEditor__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  color: var(--color-text-secondary);
  font-size: 1rem;
}
.ListItemActivity {
  position: relative;
}
.ListItemPanel .ListItemActivity {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  flex: 1;
  position: relative;
  min-height: 0;
  --scrollbar-width: 4px;
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  -webkit-overflow-scrolling: touch;
}
.ListItemPanel .ListItemActivity:hover {
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: var(--color-list-background-5) transparent;
}
.ListItemPanel .ListItemActivity ::-webkit-scrollbar {
  width: var(--scrollbar-width, initial);
  background-color: rgba(0, 0, 0, 0);
}
.ListItemPanel .ListItemActivity ::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.ListItemPanel .ListItemActivity ::-webkit-scrollbar-thumb {
  border-radius: calc(var(--scrollbar-width, initial) / 2);
  background-color: rgba(0, 0, 0, 0);
}
.ListItemPanel .ListItemActivity:hover::-webkit-scrollbar-track {
  background-color: transparent;
}
.ListItemPanel .ListItemActivity:hover::-webkit-scrollbar-thumb {
  background-color: var(--color-list-background-5);
}
.ListItemComments {
  position: relative;
}
.ListItemPanel .ListItemComments {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  flex: 1;
  position: relative;
  min-height: 0;
  --scrollbar-width: 4px;
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  -webkit-overflow-scrolling: touch;
  padding-bottom: calc(80px + var(--safe-area-inset-bottom, 0px));
}
.ListItemPanel .ListItemComments:hover {
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: var(--color-list-background-5) transparent;
}
.ListItemPanel .ListItemComments ::-webkit-scrollbar {
  width: var(--scrollbar-width, initial);
  background-color: rgba(0, 0, 0, 0);
}
.ListItemPanel .ListItemComments ::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.ListItemPanel .ListItemComments ::-webkit-scrollbar-thumb {
  border-radius: calc(var(--scrollbar-width, initial) / 2);
  background-color: rgba(0, 0, 0, 0);
}
.ListItemPanel .ListItemComments:hover::-webkit-scrollbar-track {
  background-color: transparent;
}
.ListItemPanel .ListItemComments:hover::-webkit-scrollbar-thumb {
  background-color: var(--color-list-background-5);
}
.DesktopLargePaginationDefaultStyles .ListItemPagination {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 10;
}
.DesktopLargePaginationDefaultStyles .ListItemPagination__arrowButton {
  z-index: 10;
  pointer-events: auto;
}
.DesktopLargePaginationDefaultStyles .ListItemPagination__arrowButton--left {
  left: -60px;
}
.DesktopLargePaginationDefaultStyles .ListItemPagination__arrowButton--right {
  right: -60px;
}
.DesktopLargePaginationDefaultStyles .ListItemPagination__counter {
  position: relative;
  top: 0;
  transform: translateY(-10px);
  color: hsl(0, 0%, 100%);
  margin: 0 auto;
  width: fit-content;
  min-width: 6ch;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  padding: 0.2rem 1rem;
  height: 1.8rem;
  border-radius: 0.9rem;
  background: var(--color-background-8);
  font-size: 1.14285714rem;
  pointer-events: auto;
}
.DesktopLargePaginationDefaultStyles .ListItemPagination__counter--hidden {
  display: none;
}
.ListItemModal .ListItemPagination {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 10;
}
.ListItemModal .ListItemPagination__arrowButton {
  z-index: 10;
  pointer-events: auto;
}
.ListItemModal .ListItemPagination__arrowButton--left {
  left: -60px;
}
.ListItemModal .ListItemPagination__arrowButton--right {
  right: -60px;
}
.ListItemModal .ListItemPagination__counter {
  position: relative;
  top: 0;
  transform: translateY(-10px);
  color: hsl(0, 0%, 100%);
  margin: 0 auto;
  width: fit-content;
  min-width: 6ch;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  padding: 0.2rem 1rem;
  height: 1.8rem;
  border-radius: 0.9rem;
  background: var(--color-background-8);
  font-size: 1.14285714rem;
  pointer-events: auto;
}
.ListItemModal .ListItemPagination__counter--hidden {
  display: none;
}
.ListItemModal .ListItemPagination__counter {
  transform: translateY(-40px);
}
.DesktopEnvironment:not(.EmbedContext) .ListSlideViewItem .ListItemPagination {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 10;
}
.DesktopEnvironment:not(.EmbedContext) .ListSlideViewItem .ListItemPagination__arrowButton {
  z-index: 10;
  pointer-events: auto;
}
.DesktopEnvironment:not(.EmbedContext) .ListSlideViewItem .ListItemPagination__arrowButton--left {
  left: -60px;
}
.DesktopEnvironment:not(.EmbedContext) .ListSlideViewItem .ListItemPagination__arrowButton--right {
  right: -60px;
}
.DesktopEnvironment:not(.EmbedContext) .ListSlideViewItem .ListItemPagination__counter {
  position: relative;
  top: 0;
  transform: translateY(-10px);
  color: hsl(0, 0%, 100%);
  margin: 0 auto;
  width: fit-content;
  min-width: 6ch;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  padding: 0.2rem 1rem;
  height: 1.8rem;
  border-radius: 0.9rem;
  background: var(--color-background-8);
  font-size: 1.14285714rem;
  pointer-events: auto;
}
.DesktopEnvironment:not(.EmbedContext) .ListSlideViewItem .ListItemPagination__counter--hidden {
  display: none;
}
.ListItemPanel .ListItemPagination,
.MobileEnvironment .ListSlideViewItem .ListItemPagination,
.EmbedContext .ListSlideViewItem .ListItemPagination {
  display: flex;
  justify-content: space-around;
  padding: 0;
  align-items: center;
  background-color: var(--color-list-background-8);
  width: 100%;
  height: 100%;
  z-index: 2;
}
.ListSidebarRight .ListItemPanel .ListItemPagination,
.ListSidebarRight .MobileEnvironment .ListSlideViewItem .ListItemPagination,
.ListSidebarRight .EmbedContext .ListSlideViewItem .ListItemPagination {
  height: 100%;
  min-height: 0;
  background-color: var(--color-list-background-1);
  border-radius: 0;
  width: 100%;
  padding: 0;
}
.ListItemPanel .ListItemPagination__spacer,
.MobileEnvironment .ListSlideViewItem .ListItemPagination__spacer,
.EmbedContext .ListSlideViewItem .ListItemPagination__spacer {
  width: 45px;
  height: 45px;
}
.ListItemPanel .ListItemPagination__counter,
.MobileEnvironment .ListSlideViewItem .ListItemPagination__counter,
.EmbedContext .ListSlideViewItem .ListItemPagination__counter {
  color: hsl(0, 0%, 100%);
  margin: 0;
  min-width: 6ch;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  font-size: 0.85714286rem;
}
.ListSidebarRight .ListItemPanel .ListItemPagination__counter,
.ListSidebarRight .MobileEnvironment .ListSlideViewItem .ListItemPagination__counter,
.ListSidebarRight .EmbedContext .ListSlideViewItem .ListItemPagination__counter {
  font-size: 0.85714286rem;
  font-weight: 600;
  color: var(--color-text-primary);
}
.ListItemPanel .ListItemPagination__icon,
.MobileEnvironment .ListSlideViewItem .ListItemPagination__icon,
.EmbedContext .ListSlideViewItem .ListItemPagination__icon {
  width: 45px;
  height: 45px;
  padding: 14px;
  cursor: pointer;
  fill: hsl(0, 0%, 100%);
}
.ListItemPanel .ListItemPagination__icon g,
.MobileEnvironment .ListSlideViewItem .ListItemPagination__icon g,
.EmbedContext .ListSlideViewItem .ListItemPagination__icon g {
  fill: hsl(0, 0%, 100%);
}
.ListItemPanel .ListItemPagination__icon--flipped,
.MobileEnvironment .ListSlideViewItem .ListItemPagination__icon--flipped,
.EmbedContext .ListSlideViewItem .ListItemPagination__icon--flipped {
  transform: rotate(180deg);
}
.ListItemPanel .ListItemPagination__icon--disabled,
.MobileEnvironment .ListSlideViewItem .ListItemPagination__icon--disabled,
.EmbedContext .ListSlideViewItem .ListItemPagination__icon--disabled {
  opacity: 0.4;
  cursor: default;
}
.ListItemPanel .ListItemPagination__icon--toc,
.MobileEnvironment .ListSlideViewItem .ListItemPagination__icon--toc,
.EmbedContext .ListSlideViewItem .ListItemPagination__icon--toc {
  padding: 11px;
}
.ListSidebarRight .ListItemPanel .ListItemPagination__icon,
.ListSidebarRight .MobileEnvironment .ListSlideViewItem .ListItemPagination__icon,
.ListSidebarRight .EmbedContext .ListSlideViewItem .ListItemPagination__icon {
  width: calc(45px * 0.9);
  height: calc(45px * 0.9);
  fill: var(--color-list-button-text);
}
.ListSidebarRight .ListItemPanel .ListItemPagination__icon g,
.ListSidebarRight .MobileEnvironment .ListSlideViewItem .ListItemPagination__icon g,
.ListSidebarRight .EmbedContext .ListSlideViewItem .ListItemPagination__icon g {
  fill: var(--color-list-button-text);
}
.ListSlideViewItem {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  max-width: 1400px;
  overflow: hidden;
}
.DesktopEnvironment .ListSlideViewItem {
  overflow: visible;
  padding-top: 30px;
}
@media (max-width: 899.999px) {
  .ListSlideViewItem {
    height: 100%;
  }
}
.DesktopEnvironment .ListSlideViewItem__viewer,
.DesktopEnvironment .ListSlideViewItem .ListBanner {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
}
.ListSlideViewItem__viewer {
  height: 100%;
  width: 100%;
  border-top: 0;
  padding: 0;
  overflow: hidden;
}
.ListSlideViewItem__editButton {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 10;
  padding: 8px 16px;
  background: var(--color-background-00);
  border: 1px solid var(--color-list-border-2);
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.ListSlideViewItem__editButton:hover {
  background: var(--color-background-2);
  border-color: var(--color-border-3);
}
.DesktopEnvironment .ListSlideViewItem__editButton {
  position: absolute;
  right: 15px;
  top: -5px;
  z-index: 1;
}
.ListSlideViewItem__editButton--desktop {
  opacity: 0;
  visibility: hidden;
}
.ListSlideViewItem__content:hover .ListSlideViewItem__editButton--desktop {
  opacity: 1;
  visibility: visible;
}
.ListSlideViewItem__editButton--mobile {
  opacity: 1;
  visibility: visible;
}
.ListSlideViewItem__no-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--color-text-secondary);
  font-size: 1.28571429rem;
}
.ListSlideViewItem__paginationContainer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: calc(50px + var(--ios-safe-area-bottom));
  z-index: 900;
  background-color: var(--color-list-background-2);
}
.DesktopEnvironment .ListSlideViewItem__paginationContainer {
  display: none;
}
.ListiumList {
  scroll-snap-type: x proximity;
  --color-list-background-main: var(--color-list-background-1);
  --color-list-background-sidebar-input: var(--color-background-00);
}
.ListiumList > * {
  scroll-snap-align: start;
}
.ListiumList .ListComparisonView {
  --list-container-height: auto;
  min-height: calc(100vh - var(--top-bars-height-desktop));
}
.DesktopEnvironment .ListiumList {
  --top-bars-height-desktop: calc(60px + 60px);
  --list-container-padding-desktop: 14px;
  --list-container-height: calc(100vh - var(--top-bars-height-desktop));
  --list-container-width: calc(var(--svw) - var(--list-sidebar-width-left) - var(--list-sidebar-width-right));
}
.EmbedContext .ListiumList {
  --list-container-height: calc(100vh - var(--embed-banner-height));
  --list-container-width: var(--svw);
}
.DesktopEnvironment .ListiumList--publishingBarVisible {
  --top-bars-height-desktop: calc(60px + 60px + 60px);
}
.ListiumList--sidebarLeftHidden {
  --list-sidebar-width-left: 50px;
}
.ListiumList--sidebarRightHidden {
  --list-sidebar-width-right: 0px;
}
@media screen and (max-width: 81.1875em) {
  .ListiumList:not(.ListiumList--articleMode):not(.ListiumList--slideshowMode).ListiumList--sidebarLeftVisible:not(.ListiumList--sidebarRightVisible) {
    --list-container-width: var(--svw);
  }
  .ListiumList:not(.ListiumList--articleMode):not(.ListiumList--slideshowMode).ListiumList--sidebarLeftVisible:not(.ListiumList--sidebarRightVisible) .ListiumList__listContainer {
    margin-left: calc(var(--list-sidebar-width-left) * -1);
  }
  .ListiumList:not(.ListiumList--articleMode):not(.ListiumList--slideshowMode).ListiumList--sidebarLeftVisible:not(.ListiumList--sidebarRightVisible) .ListSidebarLeft {
    margin: 7px;
    border-radius: 12px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 84.3125em) {
  .ListiumList:not(.ListiumList--articleMode):not(.ListiumList--slideshowMode).ListiumList--sidebarRightVisible:not(.ListiumList--sidebarLeftVisible) {
    --list-container-width: calc(var(--svw) - 50px);
  }
  .ListiumList:not(.ListiumList--articleMode):not(.ListiumList--slideshowMode).ListiumList--sidebarRightVisible:not(.ListiumList--sidebarLeftVisible) .ListiumList__listContainer {
    margin-right: calc(var(--list-sidebar-width-right) * -1);
  }
  .ListiumList:not(.ListiumList--articleMode):not(.ListiumList--slideshowMode).ListiumList--sidebarRightVisible:not(.ListiumList--sidebarLeftVisible) .ListSidebarRight {
    margin: 7px;
    border-radius: 12px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 99.9375em) {
  .ListiumList:not(.ListiumList--articleMode):not(.ListiumList--slideshowMode).ListiumList--sidebarLeftVisible.ListiumList--sidebarRightVisible {
    --list-container-width: var(--svw);
  }
  .ListiumList:not(.ListiumList--articleMode):not(.ListiumList--slideshowMode).ListiumList--sidebarLeftVisible.ListiumList--sidebarRightVisible .ListiumList__listContainer {
    margin-left: calc(var(--list-sidebar-width-left) * -1);
  }
  .ListiumList:not(.ListiumList--articleMode):not(.ListiumList--slideshowMode).ListiumList--sidebarLeftVisible.ListiumList--sidebarRightVisible .ListSidebarLeft {
    margin: 7px;
    border-radius: 12px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  }
  .ListiumList:not(.ListiumList--articleMode):not(.ListiumList--slideshowMode).ListiumList--sidebarLeftVisible.ListiumList--sidebarRightVisible .ListiumList__listContainer {
    margin-right: calc(var(--list-sidebar-width-right) * -1);
  }
  .ListiumList:not(.ListiumList--articleMode):not(.ListiumList--slideshowMode).ListiumList--sidebarLeftVisible.ListiumList--sidebarRightVisible .ListSidebarRight {
    margin: 7px;
    border-radius: 12px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 93.6875em) {
  .ListiumList--articleMode.ListiumList--sidebarLeftVisible:not(.ListiumList--sidebarRightVisible),
  .ListiumList--slideshowMode.ListiumList--sidebarLeftVisible:not(.ListiumList--sidebarRightVisible) {
    --list-container-width: var(--svw);
  }
  .ListiumList--articleMode.ListiumList--sidebarLeftVisible:not(.ListiumList--sidebarRightVisible) .ListiumList__listContainer,
  .ListiumList--slideshowMode.ListiumList--sidebarLeftVisible:not(.ListiumList--sidebarRightVisible) .ListiumList__listContainer {
    margin-left: calc(var(--list-sidebar-width-left) * -1);
  }
  .ListiumList--articleMode.ListiumList--sidebarLeftVisible:not(.ListiumList--sidebarRightVisible) .ListSidebarLeft,
  .ListiumList--slideshowMode.ListiumList--sidebarLeftVisible:not(.ListiumList--sidebarRightVisible) .ListSidebarLeft {
    margin: 7px;
    border-radius: 12px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 96.8125em) {
  .ListiumList--articleMode.ListiumList--sidebarRightVisible:not(.ListiumList--sidebarLeftVisible),
  .ListiumList--slideshowMode.ListiumList--sidebarRightVisible:not(.ListiumList--sidebarLeftVisible) {
    --list-container-width: calc(var(--svw) - 50px);
  }
  .ListiumList--articleMode.ListiumList--sidebarRightVisible:not(.ListiumList--sidebarLeftVisible) .ListiumList__listContainer,
  .ListiumList--slideshowMode.ListiumList--sidebarRightVisible:not(.ListiumList--sidebarLeftVisible) .ListiumList__listContainer {
    margin-right: calc(var(--list-sidebar-width-right) * -1);
  }
  .ListiumList--articleMode.ListiumList--sidebarRightVisible:not(.ListiumList--sidebarLeftVisible) .ListSidebarRight,
  .ListiumList--slideshowMode.ListiumList--sidebarRightVisible:not(.ListiumList--sidebarLeftVisible) .ListSidebarRight {
    margin: 7px;
    border-radius: 12px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 112.4375em) {
  .ListiumList--articleMode.ListiumList--sidebarLeftVisible.ListiumList--sidebarRightVisible,
  .ListiumList--slideshowMode.ListiumList--sidebarLeftVisible.ListiumList--sidebarRightVisible {
    --list-container-width: var(--svw);
  }
  .ListiumList--articleMode.ListiumList--sidebarLeftVisible.ListiumList--sidebarRightVisible .ListiumList__listContainer,
  .ListiumList--slideshowMode.ListiumList--sidebarLeftVisible.ListiumList--sidebarRightVisible .ListiumList__listContainer {
    margin-left: calc(var(--list-sidebar-width-left) * -1);
  }
  .ListiumList--articleMode.ListiumList--sidebarLeftVisible.ListiumList--sidebarRightVisible .ListSidebarLeft,
  .ListiumList--slideshowMode.ListiumList--sidebarLeftVisible.ListiumList--sidebarRightVisible .ListSidebarLeft {
    margin: 7px;
    border-radius: 12px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  }
  .ListiumList--articleMode.ListiumList--sidebarLeftVisible.ListiumList--sidebarRightVisible .ListiumList__listContainer,
  .ListiumList--slideshowMode.ListiumList--sidebarLeftVisible.ListiumList--sidebarRightVisible .ListiumList__listContainer {
    margin-right: calc(var(--list-sidebar-width-right) * -1);
  }
  .ListiumList--articleMode.ListiumList--sidebarLeftVisible.ListiumList--sidebarRightVisible .ListSidebarRight,
  .ListiumList--slideshowMode.ListiumList--sidebarLeftVisible.ListiumList--sidebarRightVisible .ListSidebarRight {
    margin: 7px;
    border-radius: 12px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  }
}
.ListiumList__listWrapper {
  display: flex;
  flex-direction: row;
}
.ListiumList__listWrapper .ListSidebarLeft {
  order: 1;
}
.ListiumList__listWrapper .ListiumList__listContainer {
  order: 2;
}
.ListiumList__listWrapper .ListSidebarRight {
  order: 3;
}
.EmbedContext .ListiumList__listWrapper {
  margin-top: calc(var(--embed-banner-height) - 1px);
}
.DesktopEnvironment .ListiumList__listWrapper {
  background-color: var(--color-list-background-main);
}
.ListiumList__listContainer {
  min-height: 400px;
  max-width: 100%;
  background-color: var(--color-list-background-main);
  position: relative;
}
.DesktopEnvironment .ListiumList__listContainer {
  width: var(--list-container-width);
}
.EmbedContext .ListiumList__listContainer {
  min-height: var(--list-container-height, 100vh);
}
.MobileEnvironment .ListiumList__listContainer,
.EmbedContext .ListiumList__listContainer {
  background-color: var(--color-background-00);
}
.ListiumList__listContainerInner {
  container-type: inline-size;
  container-name: list-container;
}
.DesktopEnvironment .ListiumList__listContainerInner {
  width: calc(var(--list-container-width) - var(--list-container-padding-desktop, 0) * 2);
  height: calc(100% - var(--list-container-padding-desktop) * 2);
  margin: var(--list-container-padding-desktop);
  border-radius: 12px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  overflow: clip;
  background-color: var(--color-background-00);
}
.DesktopEnvironment .ListiumList--slideshowMode .ListiumList__listContainerInner,
.DesktopEnvironment .ListiumList--cardMode .ListiumList__listContainerInner,
.DesktopEnvironment .ListiumList--mapMode .ListiumList__listContainerInner {
  height: calc(var(--list-container-height, 100vh) - var(--list-container-padding-desktop) * 2);
}
.MobileEnvironment .ListiumList__listContainerInner,
.EmbedContext .ListiumList__listContainerInner {
  min-width: var(--svw);
}
.-is-ios .ListiumList--slideshowMode .ListiumList__listContainerInner {
  container-type: normal;
}
.ListiumList__itemContainer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2900;
  display: none;
}
.ListiumList__itemContainer.is-active {
  display: block;
}
.ListiumList__itemContainer .Modal {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  border-radius: 8px;
  background: var(--color-background-00);
  animation: cardFadeIn 0.2s ease;
  border-radius: 8px 8px 0 0;
}
.ListiumList__itemContainer .Modal.is-closing {
  animation: cardFadeOut 0.2s ease;
}
.DesktopEnvironment .ListiumList__itemContainer .Modal {
  border-radius: 8px;
}
.ListiumList__itemContainerBacking {
  background: #000;
  opacity: 0.7;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.EmbedContext .ListiumList__itemContainerBacking {
  opacity: 0.85;
}
.DesktopEnvironment .ListiumList__itemContainerContent {
  display: grid;
  place-items: center;
  height: 100%;
}
.DesktopEnvironment .ListiumList__itemContainerContent .Modal__container {
  height: min(900px, calc(100vh - 100px));
  width: min(1200px, calc(100vw - 120px));
}
.DesktopEnvironment .ListiumList__itemContainerContent--noImageField .Modal__container {
  height: min(600px, calc(100vh - 100px));
  width: min(500px, calc(100vw - 120px));
}
.EmbedContext .ListiumList__itemContainerContent {
  position: absolute;
  top: 3.5rem;
  left: 0;
  right: 0;
  bottom: 0;
}
.ListiumList--slideshowMode {
  display: grid;
  grid-template-rows: min-content min-content 1fr;
  grid-template-columns: 100%;
}
.ListiumList__addButton {
  display: block;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  font-size: 1.28571429rem;
  border: none;
  color: hsl(0, 0%, 100%);
  margin: 2rem auto;
  border-radius: 4px;
  padding: 10px 50px;
}
.ListiumList__addButton:focus {
  outline: 0;
}
.ListItem {
  --formattedBackgroundColor: transparent;
  --formattedBorderColor: transparent;
}
.ListItem__dnd-placeholder {
  background: var(--color-background-3);
  border: 2px dashed var(--color-border-3);
  border-radius: 2px;
}
.ListRowViewItem .ListItem__viewButton,
.ListRowViewItem .ListItem__editButton,
.ListRowViewItem .ListItem__openButton,
.ListCardSlab .ListItem__viewButton,
.ListCardSlab .ListItem__editButton,
.ListCardSlab .ListItem__openButton,
.ListCardFromGrid .ListItem__viewButton,
.ListCardFromGrid .ListItem__editButton,
.ListCardFromGrid .ListItem__openButton,
.ListGridViewItem .ListItem__viewButton,
.ListGridViewItem .ListItem__editButton,
.ListGridViewItem .ListItem__openButton,
.ListTimelineView .ListItem__viewButton,
.ListTimelineView .ListItem__editButton,
.ListTimelineView .ListItem__openButton,
.ListComparisonView .ListItem__viewButton,
.ListComparisonView .ListItem__editButton,
.ListComparisonView .ListItem__openButton,
.ListMapView .ListItem__viewButton,
.ListMapView .ListItem__editButton,
.ListMapView .ListItem__openButton {
  z-index: 1;
  position: absolute;
}
.ListRowViewItem .ListItem__viewButton.Button:hover,
.ListRowViewItem .ListItem__editButton.Button:hover,
.ListRowViewItem .ListItem__openButton.Button:hover,
.ListCardSlab .ListItem__viewButton.Button:hover,
.ListCardSlab .ListItem__editButton.Button:hover,
.ListCardSlab .ListItem__openButton.Button:hover,
.ListCardFromGrid .ListItem__viewButton.Button:hover,
.ListCardFromGrid .ListItem__editButton.Button:hover,
.ListCardFromGrid .ListItem__openButton.Button:hover,
.ListGridViewItem .ListItem__viewButton.Button:hover,
.ListGridViewItem .ListItem__editButton.Button:hover,
.ListGridViewItem .ListItem__openButton.Button:hover,
.ListTimelineView .ListItem__viewButton.Button:hover,
.ListTimelineView .ListItem__editButton.Button:hover,
.ListTimelineView .ListItem__openButton.Button:hover,
.ListComparisonView .ListItem__viewButton.Button:hover,
.ListComparisonView .ListItem__editButton.Button:hover,
.ListComparisonView .ListItem__openButton.Button:hover,
.ListMapView .ListItem__viewButton.Button:hover,
.ListMapView .ListItem__editButton.Button:hover,
.ListMapView .ListItem__openButton.Button:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  filter: none;
}
.ListCardSlab .ListItem__viewButton,
.ListCardSlab .ListItem__editButton,
.ListCardSlab .ListItem__openButton,
.ListCardFromGrid .ListItem__viewButton,
.ListCardFromGrid .ListItem__editButton,
.ListCardFromGrid .ListItem__openButton,
.ListMapView .ListItem__viewButton,
.ListMapView .ListItem__editButton,
.ListMapView .ListItem__openButton,
.ListTimelineView .ListItem__viewButton,
.ListTimelineView .ListItem__editButton,
.ListTimelineView .ListItem__openButton {
  padding: 0;
  height: 31px;
  width: 31px;
  top: 6px;
  right: 6px;
  background-color: var(--color-background-00);
}
.ListTimelineView .ListItem__viewButton,
.ListTimelineView .ListItem__editButton,
.ListTimelineView .ListItem__openButton {
  position: static;
}
.ListComparisonView .ListItem__viewButton,
.ListComparisonView .ListItem__editButton,
.ListComparisonView .ListItem__openButton {
  padding: 0;
  height: 31px;
  width: 31px;
  top: -3px;
  right: -3px;
  background-color: var(--color-background-00);
}
.ListRowViewItem .ListItem__viewButton,
.ListRowViewItem .ListItem__editButton,
.ListRowViewItem .ListItem__openButton {
  position: absolute;
  padding: 0;
  height: 31px;
  width: 31px;
  top: 12px;
  right: -40px;
  background-color: var(--color-background-00);
}
.ListGridViewItem .ListItem__viewButton,
.ListGridViewItem .ListItem__editButton,
.ListGridViewItem .ListItem__openButton {
  padding: 0;
  height: 29px;
  width: 29px;
  top: -2px;
  right: -2px;
  color: var(--color-list-button-text);
  background-color: var(--color-list-background-1);
  border: 1px solid var(--color-list-border-3);
}
.ListGridViewItem .ListItem__viewButton::before,
.ListGridViewItem .ListItem__editButton::before,
.ListGridViewItem .ListItem__openButton::before {
  font-size: 1rem;
}
.MouseInterface .ListItem__viewButton,
.MouseInterface .ListItem__editButton,
.MouseInterface .ListItem__openButton {
  opacity: 0;
}
.ListItem__editButton::before {
  font-family: 'listiumicons';
  content: '\f3eb';
  padding: 2px;
}
.ListItem__viewButton::before {
  font-family: 'listiumicons';
  content: '\f616';
  padding: 2px;
}
.ListItem__openButton::before {
  font-family: 'listiumicons';
  content: '\f1d8';
  padding: 2px;
}
.ListItem:hover .ListItem__viewButton,
.ListItem:hover .ListItem__editButton,
.ListItem:hover .ListItem__openButton {
  opacity: 1;
}
.ListItemsRenderer__List {
  outline: none;
  transition: opacity 0.15s;
}
.BaseCell--total {
  display: block;
  vertical-align: middle;
  border-bottom: none;
  height: 50px;
  margin-top: 20px;
  transition: width 0.5s ease, padding 0.5s ease;
  overflow: hidden;
}
.DesktopEnvironment .BaseCell--total {
  margin-top: 25px;
  height: 50px;
}
.BaseCell--total .BaseCell__content {
  vertical-align: middle;
}
.ListGroupHeader {
  transition: width 0.5s ease, padding 0.5s ease;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  white-space: nowrap;
}
h2.ListGroupHeader {
  margin: unset;
  font-size: unset;
  line-height: unset;
}
.ListGroupHeader--withTotal {
  display: flex;
  justify-content: space-between;
}
.ListGroupHeader--withTotal .ListGroupHeader__title {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ListGroupHeader--withTotal .ListGroupHeader__count {
  margin-left: 10px;
  flex: 1 1 auto;
  text-align: right;
}
.ListGroupHeader__countTip {
  color: inherit;
  cursor: default;
}
.ListGroupHeader__fieldName {
  display: none;
}
.ListGroupHeader--blank {
  display: none;
}
.ListGroupHeader--article.ListGroupHeader {
  max-width: var(--list-article-view-max-width);
  margin: 0 auto;
  font-weight: 700;
  letter-spacing: -0.04em;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 2.57142857rem;
  line-height: 1.4em;
  margin-bottom: 40px;
  padding: 0 var(--article-container-padding);
}
@media (max-width: 900px) {
  .ListiumList--mobileMode.ListiumList--articleMode .ListGroupHeader--article.ListGroupHeader,
  .ListiumList--embedMode.ListiumList--articleMode .ListGroupHeader--article.ListGroupHeader {
    font-size: 1.92857143rem;
    margin-bottom: 30px;
  }
}
@container list-container (max-width: 900px) {
  .ListiumList--articleMode .ListGroupHeader--article.ListGroupHeader {
    font-size: 1.92857143rem;
    margin-bottom: 30px;
  }
}
.ListGroupHeader--listTableView.ListGroupHeader {
  margin-bottom: 0;
  margin-top: 0;
  height: 3.5rem;
  line-height: 3.5rem;
  vertical-align: top;
  font-size: 1.28571429rem;
  font-weight: 700;
  letter-spacing: 0.02rem;
  max-width: 100%;
}
.ListGroupHeader--listTableView.ListGroupHeader--symbol {
  letter-spacing: 0;
}
.ListTableView__frozenRows .ListGroupHeader--listTableView.ListGroupHeader {
  background-color: var(--color-list-background-header-rows);
  height: 100%;
  padding-right: 5px;
}
.ListTableView--totalsInactive .ListGroupHeader {
  width: calc(var(--list-table-view-container-width) - 30px) !important;
}
.ListTableView__frozenRows .ListGroupHeader {
  width: unset !important;
}
.MobileEnvironment .ListGroupHeader,
.EmbedContext .ListGroupHeader {
  max-width: calc(100vw - var(--list-index-width) - 10px);
}
.ListGroupHeader--listCardView.ListGroupHeader {
  white-space: normal;
  user-select: none;
  text-align: left;
  margin-top: 0;
  min-height: 1.1em;
  padding: 0 calc(14px - (11px / 2)) 0.8rem;
  font-size: 1.14285714rem;
  text-transform: uppercase;
  letter-spacing: -0.03em;
  line-height: 1.2;
}
.ListGroupHeader--listCardView.ListGroupHeader--symbol {
  text-align: center;
  padding: 0 12px 0 14px;
}
.ListGroupHeader--listCardView.ListGroupHeader--symbol .IconRangeGroupTitle .IconRangeGroupTitle__active {
  color: var(--color-text-primary);
}
.ListGroupHeader--listCardView.ListGroupHeader--symbol .IconRangeGroupTitle .IconRangeGroupTitle__inactive {
  color: var(--color-text-secondary);
  opacity: 0.2;
}
.ListGroupHeader--listRowView.ListGroupHeader {
  margin: 0 auto;
  font-size: 1.28571429rem;
  line-height: 1.4em;
  background: var(--color-background-00);
  border-bottom: 1px solid var(--color-border-2);
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  max-width: none;
  padding: 2rem calc(14px / 2) 0.3rem;
}
.ListGroupHeader--listRowView.ListGroupHeader--blank {
  display: none;
}
.ListRowView__groupRow:first-of-type .ListGroupHeader--listRowView.ListGroupHeader {
  padding-top: 1rem;
}
.ListGroupHeader--touchCard.ListGroupHeader {
  max-width: 600px;
  margin: 0 auto;
  font-size: 1.28571429rem;
  line-height: 1.4em;
  text-transform: uppercase;
  letter-spacing: 0.01rem;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 18px 12px 6px;
  right: 0;
}
.ListGroupHeader--touchCard.ListGroupHeader--blank {
  display: none;
}
.ListGroupHeader--grid.ListGroupHeader {
  width: 100%;
  line-height: 1.4em;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 1.92857143rem;
  padding: 0 var(--grid-spacing) 0;
}
@media screen and (max-width: 56.1875em) {
  .ListGroupHeader--grid.ListGroupHeader {
    font-size: 1.28571429rem;
  }
}
.ListGroupHeader--grid.ListGroupHeader--blank {
  display: none;
}
.ListGroupHeader--mapView .ListGroupHeader__title {
  font-size: 1.57142857rem;
  line-height: 1.3;
}
.TotalsList {
  color: var(--color-text-secondary);
}
.TotalsList > * + * {
  border-top: 1px solid var(--color-border-2);
}
.TotalsListLine {
  display: flex;
  text-transform: uppercase;
  font-size: 0.85714286rem;
  padding: 3px 1px 2px;
}
.ListCardView .TotalsListLine {
  justify-content: space-between;
}
.TotalsListLine__title {
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
}
.TotalsListLine__count {
  float: right;
}
.ListTableView {
  --list-table-view-container-width: 100%;
  --color-list-background-header-rows: var(--color-list-background-1);
  background-color: var(--color-background-00);
  padding-bottom: 50px;
}
.ListTableView .ListTableViewHeader,
.ListTableView__scrollRegion {
  animation: fadeIn 0.3s linear forwards;
}
.ListTableView--firstRender .ListTableViewHeader,
.ListTableView--firstRender .ListTableView__scrollRegion {
  animation: none;
}
.ListTableView__rows {
  padding: 0;
  margin: 0;
  list-style: none;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 10;
}
.MobileEnvironment .ListTableView__rows,
.EmbedContext .ListTableView__rows {
  overflow: scroll;
  overscroll-behavior: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.MobileEnvironment .ListTableView__rows::-webkit-scrollbar,
.EmbedContext .ListTableView__rows::-webkit-scrollbar {
  display: none;
}
.ListTableView__scrollRegion {
  position: relative;
  overflow: auto;
}
.ListTableView__frozenRows {
  position: absolute;
  top: 0;
  left: 0;
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 5;
}
.ListTableView__frozenRows.is-visible {
  z-index: 15;
}
.EmbedContext .ListTableView__frozenRows {
  z-index: 15;
}
html:not(.-has-loaded) .ListTableView.ListTableView--published .ListTableView__VirtualizedGrid {
  width: 100vw !important;
}
html:not(.-has-loaded) .ReactVirtualized__Grid__innerScrollContainer {
  width: 100% !important;
  max-width: 100% !important;
}
.ListTableView__frozenRows .ReactVirtualized__Grid,
.ListTableView__frozenRows .ReactVirtualized__Grid__innerScrollContainer {
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow: visible !important;
}
@keyframes pop-row {
  0%,
  100% {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    transform: scale(1);
  }
  33% {
    background: var(--color-background-0);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    transform: scale(1.1);
  }
}
@keyframes slide-row {
  0% {
    transform: translateY(-49px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes raiseDragRow {
  0% {
    background: var(--color-background-1--dragging);
    transform: translate(0, 0);
    box-shadow: 0px 0px 0px 0 hsla(0, 0%, 13%, 0.3);
  }
  33% {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    transform: translate(13px, 5px);
  }
  100% {
    transform: translate(11px, 3px);
  }
}
@keyframes lowerDragRow {
  0% {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    background: var(--color-background-0);
    transform: translate(11px, 3px);
  }
  100% {
    background: var(--color-background-0);
    transform: translate(0, 0);
    box-shadow: 0px 0px 0px 0 hsla(0, 0%, 13%, 0.3);
  }
}
.ListTableViewRow {
  display: block;
  margin: 0;
  text-align: center;
  height: 3.5rem;
  white-space: nowrap;
  position: relative;
  background-color: var(--color-background-00);
}
.ListTableViewRow--dummy {
  display: none;
  border-bottom: none;
}
.DesktopEnvironment .ListTableViewRow--dummy {
  display: block;
}
.ListTableViewRow--dummy .ListTableViewRowCell:not(.BaseCell--primary) {
  opacity: 0;
  transition: opacity 0.5s ease;
}
.ListTableViewRow--dummy:hover .ListTableViewRowCell:not(.BaseCell--primary) {
  opacity: 1;
}
.ListTableViewRow--dummy .ListTableViewRowCell:not(.BaseCell--primary).is-in-focus {
  opacity: 1;
}
.ListTableViewRow--newRow {
  transition: background 0.1s linear, opacity 0.1s linear;
  animation: pop-row 0.3s cubic-bezier(0.2, 0.5, 0.2, 1) forwards;
}
.ListTableViewRow--slideRow {
  transition: background 0.1s linear, opacity 0.1s linear;
  animation: slide-row 0.3s cubic-bezier(0.2, 0.5, 0.2, 1) forwards;
}
.ListTableViewRow.ListTableViewRow--hover.highlight-strikethrough {
  opacity: 0.8;
}
.ListTableViewRow.ListTableViewRow--hover.highlight-strikethrough:before {
  border-top-color: rgba(0, 0, 0, 0.2);
}
.ListTableViewRow.highlight-strikethrough:not(.ListTableViewRow--hover) {
  opacity: 0.3;
}
.ListTableViewRow.highlight-strikethrough > * {
  position: relative;
}
.ListTableViewRow.highlight-strikethrough > *:before {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  border-top: 1px solid var(--color-border-4);
  content: '';
  z-index: 200;
}
.ListTableViewRow__spacer {
  border-bottom: 1px solid var(--color-border-1);
  height: 50px;
}
.ListTableViewRow__spacer--dummy {
  border-bottom-width: 0;
}
.ListTableView__frozenRows .ListTableViewRow__spacer {
  display: none !important;
}
.EmbedContext .ListTableViewRow__spacer {
  display: none !important;
}
.ListTableViewRow--dirty {
  color: hsl(5, 90%, 60%);
}
.ListTableViewRow--dirty span,
.ListTableViewRow--dirty i,
.ListTableViewRow--dirty a {
  color: hsl(5, 90%, 60%) !important;
}
.ListTableViewRow--dirty .MultiSelect__value:not(.MultiSelect__value--noColors) {
  background-color: hsl(5, 92%, 95%);
  border-color: hsl(5, 90%, 60%);
}
.ListTableViewRow--dirty .IconRange__pip:not(.is-targeted) i,
.ListTableViewRow--dirty .icon--star.standard,
.ListTableViewRow--dirty .icon--price.standard,
.ListTableViewRow--dirty .icon--star.standard {
  color: hsl(5, 90%, 60%) !important;
}
.ListTableViewRow--dirty .IconRange__pip:not(.is-active) i {
  opacity: 0.4;
}
.ListTableViewRow--dirty .RowIndexCell__dragHandle {
  border-color: hsl(5, 90%, 60%);
}
.ListTableViewRow--shadow {
  position: relative;
  opacity: 0 !important;
}
.ListTableViewRow__shadowBlocker {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ListTableViewRow--spinoffRow .RowIndexCell {
  background: var(--color-list-locked-table-row-background);
}
.ListTableViewRow__drag-line {
  height: 0px;
  border-top: 1px double var(--color-list-accent);
  border-bottom: 1px double var(--color-list-accent);
  display: block;
  position: absolute;
  z-index: 2000;
}
.ListTableViewRow.is-drag-clone {
  border: 1px solid var(--color-border-1);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  min-width: 0;
  background: var(--color-background-1--dragging);
  border-radius: 3px;
  list-style-type: none;
  z-index: 2000;
  animation: raiseDragRow 0.2s ease-out forwards;
}
.ListTableViewRow.is-drag-clone .BaseCell {
  border: none;
  background: transparent;
}
.ListTableViewRow.is-drag-clone * {
  cursor: grabbing !important;
}
.ListTableViewRow.is-just-moved {
  animation: lowerDragRow 0.4s ease-in forwards;
}
.ListTableView__frozenRows.highlight-strikethrough:before {
  width: 100% !important;
}
.ListTableView__frozenRows.is-visible .ListTableViewRow--dummy {
  padding-right: 1rem !important;
}
@keyframes slide-row {
  0% {
    transform: translateY(-49px);
  }
  100% {
    transform: translateY(0px);
  }
}
.ListTableViewGroupRow {
  text-align: center;
  white-space: nowrap;
  background: var(--color-list-background-header-rows);
  color: var(--color-text-primary);
  font-weight: 700;
  height: 49px;
  padding-top: 35px;
}
.ListTableViewGroupRow--slideRow {
  transition: background 0.1s linear, opacity 0.1s linear;
  animation: slide-row 0.3s cubic-bezier(0.2, 0.5, 0.2, 1) forwards;
}
.ListTableViewGroupRow:first-child {
  padding-top: 10px;
  height: 24px;
}
.ListTableViewGroupRow--blank {
  display: none;
}
.ListTableView__frozenRows .ListTableViewGroupRow {
  text-align: left;
}
.ListTableView__frozenRows .ListTableViewGroupRow .ListTableViewGroupRow__container {
  vertical-align: top;
}
.ListTableViewGroupRow__container {
  display: inline-block;
  text-align: left;
  padding-left: var(--list-index-width);
  height: 49px;
  transition: width 0.5s ease, padding 0.5s ease;
  pointer-events: none;
}
.ListTableViewGroupRow .BaseCell--total {
  display: inline-block;
  vertical-align: top;
  margin-top: 0;
}
.ListTableViewGroupRow .BaseCell--total .BaseCell__content {
  overflow: visible;
  transition: opacity 0.3s linear;
}
.ListTableViewGroupRow .BaseCell--total.BaseCell--hidden .BaseCell__content {
  opacity: 0;
}
.ListTableViewRowCell {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.ListTableViewRowCell .InlineEdit > input {
  border: none;
  /* padding-bottom: 1px; */
  height: 50px;
  line-height: 50px;
}
.ListTableViewRowCell.BaseCell--primary {
  font-weight: 600;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.ListTableViewRowCell.BaseCell--primary h3 {
  font-size: unset;
  margin: unset;
  line-height: unset;
  font-weight: unset;
  display: block;
  width: 100%;
  height: 100%;
}
.ListTableView__frozenRows .ListTableViewRowCell.BaseCell--primary:after {
  position: absolute;
  left: 100%;
  top: 0;
  bottom: 0;
  content: '';
  width: 10px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0) 5px);
}
.EmbedContext .ListTableView__frozenRows .ListTableViewRowCell.BaseCell--primary:after {
  opacity: 0;
}
.EmbedContext .ListTableView__frozenRows.is-visible .ListTableViewRowCell.BaseCell--primary:after {
  opacity: 1;
}
.-active-frozen-headers .ListTableViewHeader__freezeRegion {
  z-index: 15;
}
@keyframes hideFilterControls {
  from {
    height: 50px;
  }
  to {
    height: 0px;
  }
}
.ListTableViewHeader {
  background: var(--color-background-0);
  position: sticky;
  width: var(--list-container-width);
  max-width: 100%;
  top: var(--top-bars-height-desktop);
  z-index: 17;
}
.EmbedContext .ListTableViewHeader {
  top: var(--embed-banner-height);
}
.ListTableViewHeader .FiltersControls {
  background: var(--color-background-2);
  margin: 0;
}
.ListTableViewHeader__freezeRegion {
  position: absolute;
  background: var(--color-background-0);
  top: 1px;
  left: 0;
  z-index: 5;
}
.ListTableViewHeader__freezeRegion.is-visible {
  z-index: 15;
}
.ListTableViewHeader__freezeRegion:after {
  position: absolute;
  left: 100%;
  top: 0;
  bottom: 0;
  content: '';
  width: 10px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.12), transparent 5px);
}
.ListTableViewHeader--selectionMode .ListTableViewHeader__freezeRegion {
  top: 52px;
}
.ListTableViewHeader__scrollRegion {
  text-align: center;
  max-width: 100%;
  overflow: hidden;
  background: var(--color-background-0);
  z-index: 10;
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0);
}
.ListTableViewHeader__bulkEdit {
  background: var(--color-background-2);
  border-bottom: 1px solid var(--color-border-1);
  padding: 0.5rem;
  text-align: center;
}
.ListTableViewHeader__columnHeaders {
  margin: 0 auto;
  width: auto;
  padding: 0;
  white-space: nowrap;
  background: var(--color-background-00);
}
.MobileEnvironment .ListTableViewHeader__columnHeaders,
.EmbedContext .ListTableViewHeader__columnHeaders {
  border-bottom: 1px solid var(--color-border-2);
}
.ListTableViewScroller {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 14px;
  z-index: 1000;
  transition: opacity 0.2s linear;
}
.ListTableViewScroller.is-transparent {
  opacity: 0;
}
.ListTableViewScroller.is-hidden {
  display: none;
}
.ListTableViewScroller__handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0%;
  width: 50%;
}
.ListTableViewScroller__handle.is-dragging .ListTableViewScroller__handleRender,
.ListTableViewScroller__handle:hover .ListTableViewScroller__handleRender {
  opacity: 1;
}
.ListTableViewScroller__handleRender {
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 4px;
  background: var(--color-list-background-8);
  border-radius: 8px;
  opacity: 0.7;
  transition: opacity 0.2s linear;
}
.ListTableViewScroller--avoidMessage {
  bottom: 55px;
}
.ListTableViewHeaderCell__wrapper {
  display: inline-block;
  position: relative;
  white-space: normal;
  height: var(--table-header-cell-height);
  transition: width 0.5s ease;
  vertical-align: top;
}
.ListTableViewHeaderCell__wrapper .drop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 50%;
}
.ListTableViewHeaderCell__wrapper .drop.right {
  right: 0;
  left: inherit;
}
.ListTableViewHeaderCell__wrapper.is-being-resized .ListTableViewHeaderCell {
  transition: none;
}
.ListTableViewHeaderCell__wrapper.is-being-resized .ListTableViewHeaderCell .ListTableViewHeaderCell__resize-handle {
  opacity: 0.5;
}
.ListTableViewHeaderCell__wrapper.-hidden + .ListTableViewHeaderCell__wrapper.-hidden .ListTableViewHeaderCell--hidden {
  width: 0 !important;
  border: none !important;
}
.ListTableViewHeaderCell__wrapper.-hidden + .ListTableViewHeaderCell__wrapper.-hidden .ListTableViewHeaderCell--hidden .ListTableViewHeaderCell__hidden-mark {
  display: none;
}
.ListTableViewHeaderCell {
  display: inline-block;
  list-style: none;
  position: relative;
  height: calc(8px + 32px + 15px + (2 * 2px));
  width: 100%;
  transition: width 0.5s ease;
  max-height: 100%;
  border-bottom: 1px solid var(--color-border-2);
  background: var(--color-background-00);
  user-select: none;
  padding: 2px 4px;
  vertical-align: top;
}
.MobileEnvironment .ListTableViewHeaderCell,
.EmbedContext .ListTableViewHeaderCell {
  border-bottom: none;
}
.ListTableViewHeaderCell--hasCaptions {
  height: calc(8px + 32px + 15px + 15px + (2 * 2px));
}
.ListiumList--spinoff .ListTableViewHeaderCell--index,
.ListTableViewHeaderCell--spinoff {
  background: var(--color-list-locked-table-field-background);
}
.ListTableViewHeaderCell.is-in-nav-focus {
  box-shadow: inset 0 0 2px black;
}
.ListTableViewHeaderCell.is-being-dragged {
  opacity: 0.5;
  background: rgba(0, 0, 0, 0.25);
}
.ListTableViewHeaderCell-drag-line {
  width: 0px;
  border-right: 1px double var(--color-list-accent);
  border-left: 1px double var(--color-list-accent);
  display: block;
  position: fixed;
  z-index: 2000;
  margin-left: -0.5px;
}
.ListTableViewHeaderCell--index {
  width: var(--list-index-width);
}
.ListTableViewHeaderCell--index a {
  color: var(--color-text-primary);
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
}
.MouseInterface .ListTableViewHeaderCell--index:hover a {
  color: var(--color-list-button-text);
}
.ListTableViewHeaderCell--index .ListTableViewHeaderCell__title {
  overflow: visible;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.ListTableViewHeaderCell--index .ListTableViewHeaderCell__index-check {
  display: none;
}
.ListTableViewHeaderCell--index.is-in-selection-mode .ListTableViewHeaderCell__index-hash {
  display: none;
}
.ListTableViewHeaderCell--index.is-in-selection-mode .ListTableViewHeaderCell__index-check {
  display: inline-block;
}
.ListTableViewHeaderCell--index--hasReminders .ListTableViewHeaderCell__title {
  width: var(--list-index-width);
}
.ListTableViewHeaderCell__index-arrow-down {
  color: var(--color-list-button-text);
}
.ListTableViewHeader--selectionMode .ListTableViewHeaderCell__index-arrow-down {
  display: none;
}
.ListTableViewHeaderCell--action {
  display: inline-block;
  width: 12rem;
  padding-left: 0.5rem;
}
.ListTableViewHeaderCell--action.ListTableViewHeaderCell--actionNarrow {
  width: 5rem;
}
.ListTableViewHeaderCell--action .Button.Button--solidBack.new-column-button {
  background: transparent;
  border: 1px solid var(--color-list-button-text);
  color: var(--color-list-button-text);
  transform: scale(0.9);
}
.MouseInterface .ListTableViewHeaderCell--action .Button.Button--solidBack.new-column-button:hover {
  background: var(--color-list-button-background);
  color: var(--color-text-primary-light);
}
.ListTableViewHeaderCell--action .Button .icon--new-column {
  font-size: 18px;
  margin-left: 5px;
}
.ListTableViewHeaderCell--hidden {
  width: 20px !important;
  overflow: hidden;
}
.ListTableViewHeaderCell__hidden-mark {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  animation: fadeIn 0.5s ease;
  height: 100%;
  display: block;
  cursor: pointer;
  margin: 0 auto;
  opacity: 1;
}
.ListTableViewHeaderCell__hidden-mark:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  bottom: auto;
  color: var(--color-text-primary);
  display: inline-block;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 10px;
  border-right-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
  border-bottom-width: 0;
  content: ' ';
}
.ListTableViewHeaderCell.is-drag-clone {
  background: var(--color-background-1--dragging);
  border-radius: 3px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  z-index: 2000;
}
.ListTableViewHeaderCell.is-drag-clone:before {
  display: none;
}
.ListTableViewHeaderCell.is-drag-clone .ListTableViewHeaderCell__resize-handle {
  display: none;
}
.ListTableViewHeaderCell.is-drag-clone .ListTableViewHeaderCell__title,
.ListTableViewHeaderCell.is-drag-clone .ListTableViewHeaderCell__title::after {
  color: var(--color-list-accent);
}
.ListTableViewHeaderCell.is-drop-shadow {
  background: hsla(0, 0%, 0%, 0.25);
}
.ListTableViewHeaderCell.is-drop-shadow .ListTableViewHeaderCell__title {
  opacity: 0;
}
.ListTableViewHeaderCell__fieldHideButton,
.ListTableViewHeaderCell__fieldSettingsButton {
  position: absolute;
  right: 5px;
  bottom: 2px;
  opacity: 0;
  display: grid;
  place-content: center;
  height: 18px;
  width: 18px;
  color: var(--color-list-button-text);
  border-radius: 4px;
  font-size: 14px;
  line-height: 1;
  transition: opacity 0.2s linear;
  z-index: 1030;
  cursor: pointer;
}
.ListTableViewHeaderCell__fieldSettingsButton {
  opacity: 0;
}
.ListTableViewHeaderCell__fieldHideButton {
  opacity: 0;
}
.ListTableViewHeaderCell:hover .ListTableViewHeaderCell__fieldHideButton,
.ListTableViewHeaderCell:hover .ListTableViewHeaderCell__fieldSettingsButton {
  opacity: 0.3;
}
.ListTableViewHeaderCell:hover .ListTableViewHeaderCell__fieldHideButton:hover,
.ListTableViewHeaderCell:hover .ListTableViewHeaderCell__fieldSettingsButton:hover {
  opacity: 1;
  background-color: var(--color-list-background-3);
}
.ListTableViewHeaderCell__content {
  width: 100%;
  overflow: hidden;
  height: 100%;
  vertical-align: top;
  border-radius: 4px;
  display: grid;
  grid-template-rows: 8px 32px 15px;
  grid-template-columns: 100%;
  grid-template-areas: 'reorder' 'title' 'status';
}
button.ListTableViewHeaderCell__content {
  background: none;
  border: none;
}
.ListTableViewHeaderCell--hasCaptions .ListTableViewHeaderCell__content {
  height: calc(8px + 32px + 15px + 15px + (2 * 2px));
  grid-template-rows: 8px 32px 15px 15px;
  grid-template-areas: 'reorder' 'title' 'caption' 'status';
}
.ListTableViewHeaderCell--action .ListTableViewHeaderCell__content {
  align-items: center;
}
.ListTableViewHeaderCell--index .ListTableViewHeaderCell__content {
  align-items: flex-end;
}
.MouseInterface .ListTableViewHeaderCell:not(.ListTableViewHeaderCell--action):hover .MouseInterface .ListTableViewHeaderCell__content {
  background: var(--color-background-2);
}
.TouchInterface .ListTableViewHeaderCell:not(.ListTableViewHeaderCell--action):active .TouchInterface .ListTableViewHeaderCell__content {
  background: var(--color-background-2);
}
.ListTableViewHeaderCell__title {
  grid-area: title;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: flex-end;
  flex-grow: 0;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  font-weight: 600;
  color: var(--color-text-primary);
  font-size: 1rem;
  line-height: 1.2em;
  transition: width 0.5s ease;
  padding-bottom: 2px;
}
.ListTableViewHeaderCell--primary .ListTableViewHeaderCell__title,
.ListTableViewHeaderCell--primary .ListTableViewHeaderCell__caption {
  justify-content: left;
  padding-left: 10px;
}
.ListTableViewHeaderCell--number.is-wide-title .ListTableViewHeaderCell__title,
.ListTableViewHeaderCell.is-wide-title .ListTableViewHeaderCell__title {
  text-align: center;
}
.ListTableViewHeaderCell__caption {
  grid-area: caption;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: flex-end;
  flex-grow: 0;
  font-weight: 400;
  color: var(--color-text-hint);
  font-size: 0.85714286rem;
  line-height: 1.2em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: width 0.5s ease;
}
.ListTableViewHeaderCell__status {
  grid-area: status;
  pointer-events: none;
  color: var(--color-text-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.ListTableViewHeaderCell__status .sort-state,
.ListTableViewHeaderCell__status .filtered,
.ListTableViewHeaderCell__status .grouped {
  color: var(--color-list-button-text);
  font-size: 0.8rem;
  width: 1rem;
  margin: 0 2px;
}
.ListTableViewHeaderCell__status .grouped {
  font-size: 0.8rem;
}
.ListTableViewHeaderCell__status .filtered {
  font-size: 0.8rem;
}
.ListTableViewHeaderCell__status .sort-state {
  font-size: 0.96rem;
}
.ListTableViewHeaderCell__status .sort-state.-none {
  display: none;
}
.ListTableViewHeaderCell--primary .ListTableViewHeaderCell__status {
  text-align: left;
}
.ListTableViewHeaderCell__touch-blocker {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  z-index: 1015;
}
.ListTableViewHeaderCell__clickHandler {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  z-index: 1020;
}
button.ListTableViewHeaderCell__clickHandler {
  background: none;
  border: none;
}
.ListTableViewHeaderCell__clickHandler:active {
  left: 0;
  right: 0;
  color: var(--color-list-accent);
}
.ListTableViewHeaderCell__reorder-handle {
  grid-area: reorder;
  z-index: 1025;
  cursor: move;
  cursor: grab;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ListTableViewHeaderCell__reorder-handle svg {
  display: block;
  fill: var(--color-text-hint);
  width: 14px;
  height: 6px;
  fill-opacity: 0;
  transition: fill-opacity 0.2s linear;
}
.ListTableViewHeaderCell__reorder-handle:active {
  cursor: grabbing;
}
.ListTableViewHeaderCell__reorder-handle:active svg {
  fill: var(--color-text-primary);
  fill-opacity: 1;
}
.ListTableViewHeaderCell__resize-handle:before,
.ListTableViewHeaderCell--not-primary:before {
  border-left: 3px double var(--color-border-3);
}
.ListTableViewHeaderCell__resize-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc((4px * -1) - (0.5 * 3px));
  border-color: red;
  display: inline-block;
  width: calc(4px * 2);
  transition: opacity 0.2s linear;
  opacity: 0;
  z-index: 1025;
  cursor: ew-resize;
}
.ListTableViewHeaderCell__resize-handle:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 4px;
}
.ListTableViewHeaderCell--not-primary:before {
  position: absolute;
  top: 0px;
  left: calc(-0.5 * 3px);
  bottom: 0px;
  display: inline-block;
  width: 1.5px;
  transition: opacity 0.2s linear;
  pointer-events: none;
  content: ' ';
  opacity: 0;
  z-index: 1025;
  cursor: ew-resize;
}
.-touch-active .ListTableViewHeaderCell__resize-handle {
  width: 18px;
  opacity: 0.6;
  background-position: center right;
  z-index: 10000;
}
.-touch-active .ListTableViewHeaderCell__fieldSettingsButton {
  opacity: 0.3;
  z-index: 10010;
}
.-mouse-active .ListTableViewHeaderCell:hover:not(.ListTableViewHeaderCell--action):not(.ListTableViewHeaderCell--hidden) .ListTableViewHeaderCell__title {
  color: var(--color-list-button-text);
}
.-mouse-active .ListTableViewHeaderCell:hover:not(.ListTableViewHeaderCell--action):not(.ListTableViewHeaderCell--hidden) .ListTableViewHeaderCell__title::after {
  color: var(--color-list-button-text);
}
.-mouse-active .ListTableViewHeaderCell:hover:not(.ListTableViewHeaderCell--action):not(.ListTableViewHeaderCell--hidden):before,
.-mouse-active .ListTableViewHeaderCell:hover:not(.ListTableViewHeaderCell--action):not(.ListTableViewHeaderCell--hidden) .ListTableViewHeaderCell__resize-handle,
.-mouse-active .ListTableViewHeaderCell:hover:not(.ListTableViewHeaderCell--action):not(.ListTableViewHeaderCell--hidden) .ListTableViewHeaderCell__reorder-handle svg {
  fill-opacity: 1;
  opacity: 1;
}
.ListTableViewHeaderCell.is-drag-clone__reorder-handle svg {
  fill: var(--color-text-primary);
  fill-opacity: 1;
}
.ListTableViewHeaderCell.is-drag-clone * {
  cursor: grabbing;
}
.ListTableViewHeaderCell--no-interaction .ListTableViewHeaderCell__open-field-settings,
.ListTableViewHeaderCell--no-interaction .ListTableViewHeaderCell__dropdownArrow,
.ListTableViewHeaderCell--no-interaction .ListTableViewHeaderCell__reorder-handle {
  display: none;
}
.ListTableViewHeaderCell--index.ListTableViewHeaderCell--no-interaction {
  pointer-events: none;
}
.-mouse-active .ListTableViewHeaderCell__touch-blocker,
.-mouse-active .ListTableViewHeaderCell__mobile-open-settings {
  display: none;
}
.ListiumList {
  --list-index-width: 35px;
}
.DesktopEnvironment .ListiumList {
  --list-index-width: 65px;
}
.EmbedContext .ListiumList {
  --list-index-width: 35px;
}
.RowIndexCell {
  display: inline-block;
  color: var(--color-text-hint);
  position: static;
  vertical-align: top;
  width: var(--list-index-width);
}
.-touch-active .RowIndexCell:active {
  background: var(--color-text-secondary);
}
.RowIndexCell a {
  color: var(--color-text-hint);
}
.RowIndexCell--optimized {
  position: relative;
}
.RowIndexCell__inner {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}
.RowIndexCell .icon--selection-check {
  height: 50px;
  line-height: 1;
  padding: 1rem;
  margin-right: 1.5ch;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.DesktopEnvironment .RowIndexCell .icon--selection-check {
  height: 50px;
}
.RowIndexCell .icon--plus,
.RowIndexCell .icon--new {
  display: flex;
  color: var(--color-text-secondary);
  line-height: 1.6rem;
  cursor: pointer;
  margin-left: 13px;
  float: left;
  width: 1.6rem;
}
.RowIndexCell .icon--plus:before,
.RowIndexCell .icon--new:before {
  flex-shrink: 0;
  left: -4px;
  background: var(--color-background-0);
  border-radius: 50%;
  width: 1.6rem;
  height: 1.6rem;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  z-index: 1;
  float: left;
}
.RowIndexCell .icon--plus:hover:before,
.RowIndexCell .icon--new:hover:before {
  box-shadow: inset 0 0 0 1px var(--color-list-accent), 0 0 0 2px hsl(0, 0%, 100%);
  color: var(--color-list-accent);
}
.RowIndexCell .icon--plus:active:before,
.RowIndexCell .icon--new:active:before {
  box-shadow: inset 0 0 0 1px var(--color-list-accent), 0 0 0 2px hsl(0, 0%, 100%);
  color: var(--color-list-accent);
}
.ListTableViewRow:hover .RowIndexCell .icon--plus:before,
.ListTableViewRow--hover .RowIndexCell .icon--plus:before,
.ListTableViewRow:hover .RowIndexCell .icon--new:before,
.ListTableViewRow--hover .RowIndexCell .icon--new:before {
  opacity: 1;
  z-index: 2;
}
.RowIndexCell .icon--plus.RowIndexCell__addAbove,
.RowIndexCell .icon--new.RowIndexCell__addAbove {
  margin-top: -61.5px;
  position: relative;
}
.RowIndexCell .icon--plus.RowIndexCell__addAbove:before,
.RowIndexCell .icon--new.RowIndexCell__addAbove:before {
  top: -0.8rem;
  margin-top: -3px;
}
.RowIndexCell .icon--plus.RowIndexCell__addAbove:before,
.RowIndexCell .icon--new.RowIndexCell__addAbove:before {
  transform: translateY(3px);
}
.RowIndexCell .icon--plus.RowIndexCell__addBelow,
.RowIndexCell .icon--new.RowIndexCell__addBelow {
  margin-top: -8.5px;
  position: relative;
}
.RowIndexCell .icon--plus.RowIndexCell__addBelow:before,
.RowIndexCell .icon--new.RowIndexCell__addBelow:before {
  bottom: -0.8rem;
  margin-bottom: -4px;
}
.RowIndexCell .icon--plus.RowIndexCell__addBelow:before,
.RowIndexCell .icon--new.RowIndexCell__addBelow:before {
  transform: translateY(-3px);
}
.ListTableViewRow.is-drag-clone .RowIndexCell .icon--plus,
.ListTableViewRow.is-drag-clone .RowIndexCell .icon--new {
  display: none;
}
.RowIndexCell .icon--plus:hover .BaseCell--indicatorLine,
.RowIndexCell .icon--new:hover .BaseCell--indicatorLine {
  position: absolute;
  height: 2px;
  background: var(--color-list-accent);
  left: -17px;
  z-index: 1;
  pointer-events: none;
}
.RowIndexCell .icon--plus.RowIndexCell__addAbove:hover .BaseCell--indicatorLine,
.RowIndexCell .icon--new.RowIndexCell__addAbove:hover .BaseCell--indicatorLine {
  top: 8px;
}
.RowIndexCell .icon--plus.RowIndexCell__addBelow:hover .BaseCell--indicatorLine,
.RowIndexCell .icon--new.RowIndexCell__addBelow:hover .BaseCell--indicatorLine {
  top: 6px;
}
.RowIndexCell__indexNumber {
  text-align: right;
  flex: 0 0 25px;
  cursor: pointer;
}
.RowIndexCell--optimized .RowIndexCell__indexNumber {
  text-align: right;
  width: 25px;
  margin-left: 15px;
}
.EmbedContext .RowIndexCell--optimized .RowIndexCell__indexNumber {
  margin-left: 5px;
}
.ListTableViewRow--dirty .RowIndexCell__indexNumber {
  color: hsl(5, 90%, 58%);
}
.RowIndexCell--hasReminders .RowIndexCell__dirty-mark {
  right: -25px;
}
.RowIndexCell--optimized .RowIndexCell__dirty-mark {
  position: absolute;
  right: 5px;
  top: 0;
}
.RowIndexCell--optimized .RowIndexCell__reminder-mark {
  right: 4px;
}
.RowIndexCell--optimized .RowIndexCell__comment {
  left: 41px;
  opacity: 1 !important;
  color: #C7C7C7;
}
.RowIndexCell--optimized.RowIndexCell--hasReminders {
  overflow: hidden;
}
.RowIndexCell--optimized.RowIndexCell--hasReminders .RowIndexCell__dirty-mark {
  right: 24px !important;
}
.RowIndexCell__dragHandle {
  display: grid;
  place-items: center;
  flex: 0 0 15px;
  height: 100%;
  opacity: 0;
  transition: opacity 0.2s linear;
  cursor: grab;
}
.RowIndexCell__dragHandle svg {
  display: block;
  fill: var(--color-text-hint);
  width: 6px;
  height: 15px;
  margin: auto 4px;
}
.RowIndexCell__dragHandle:active {
  cursor: grabbing;
}
.RowIndexCell__dragHandle:active svg {
  fill: var(--color-text-primary);
}
.RowIndexCell__dragHandle.is-disabled {
  cursor: inherit;
}
.RowIndexCell__dragHandle--empty {
  cursor: pointer;
}
.ListTableViewRow.is-drag-clone .RowIndexCell__dragHandle {
  opacity: 1;
}
.ListTableViewRow.is-drag-clone .RowIndexCell__dragHandle svg {
  fill: var(--color-text-primary);
}
.RowIndexCell__reminder-mark {
  transition: opacity 0.25s linear;
  opacity: 0.8;
  width: 0;
}
.ListTableViewRow--dirty .RowIndexCell__reminder-mark {
  opacity: 0;
}
.ListTableViewRow--hover .RowIndexCell__reminder-mark,
.ListTableViewRow:hover .RowIndexCell__reminder-mark {
  opacity: 0;
}
.RowIndexCell__dirty-mark {
  color: hsl(5, 90%, 58%);
  margin-left: 0.2rem;
  width: 1rem;
}
.RowIndexCell__edit-expand,
.RowIndexCell__quick-select {
  position: relative;
  cursor: pointer;
  opacity: 0;
  color: var(--color-text-primary);
  font-size: 18px;
  line-height: 18px;
  transition: opacity 0.2s linear;
}
.RowIndexCell__quick-select {
  margin-left: -15px;
}
.RowIndexCell__edit-expand {
  flex: 0 0 20px;
}
.DesktopEnvironment  .ListTableViewRow:hover .RowIndexCell .RowIndexCell__indexNumber,
.DesktopEnvironment  .ListTableViewRow--hover .RowIndexCell .RowIndexCell__indexNumber {
  opacity: 0;
  transition: opacity 0.2s linear;
}
.DesktopEnvironment  .ListTableViewRow:hover .RowIndexCell__edit-expand,
.DesktopEnvironment  .ListTableViewRow--hover .RowIndexCell__edit-expand,
.DesktopEnvironment  .ListTableViewRow:hover .RowIndexCell__quick-select,
.DesktopEnvironment  .ListTableViewRow--hover .RowIndexCell__quick-select {
  opacity: 0.2;
}
.DesktopEnvironment  .ListTableViewRow:hover .RowIndexCell__edit-expand:hover,
.DesktopEnvironment  .ListTableViewRow--hover .RowIndexCell__edit-expand:hover,
.DesktopEnvironment  .ListTableViewRow:hover .RowIndexCell__quick-select:hover,
.DesktopEnvironment  .ListTableViewRow--hover .RowIndexCell__quick-select:hover {
  opacity: 0.5;
}
.DesktopEnvironment  .ListTableViewRow:hover .RowIndexCell__dragHandle,
.DesktopEnvironment  .ListTableViewRow--hover .RowIndexCell__dragHandle {
  opacity: 1;
}
.DesktopEnvironment  .ListTableViewRow:hover .RowIndexCell__dragHandle.is-disabled:hover,
.DesktopEnvironment  .ListTableViewRow--hover .RowIndexCell__dragHandle.is-disabled:hover,
.DesktopEnvironment  .ListTableViewRow:hover .RowIndexCell__dragHandle.is-disabled,
.DesktopEnvironment  .ListTableViewRow--hover .RowIndexCell__dragHandle.is-disabled {
  opacity: 0.25;
}
.DesktopEnvironment  .ListTableViewRow:hover .RowIndexCell__dragHandle:hover,
.DesktopEnvironment  .ListTableViewRow--hover .RowIndexCell__dragHandle:hover {
  opacity: 1;
}
.MouseInterface  .RowIndexCell:hover .list-row__actions-dropdown {
  opacity: 0.5;
}
.MouseInterface  .RowIndexCell:hover .list-row__actions-dropdown:hover {
  opacity: 1;
}
.ListCardView {
  position: relative;
  padding: 1rem 0.5rem 0 0.5rem;
}
@media screen and (max-width: 49.9375em) {
  .ListCardView {
    padding: 14px 0;
  }
}
.js\* .ListCardView .-waiting-on-width {
  opacity: 0;
}
.ListCardView .FiltersControls {
  margin: 0;
}
.MobileEnvironment .ListCardView,
.EmbedContext .ListCardView {
  overflow: hidden;
  padding: 0;
}
.ListCardView__columns {
  overflow: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  text-align: center;
  white-space: nowrap;
  overflow-y: hidden;
  height: calc(var(--list-container-height, 100vh) - 1rem);
  padding-bottom: 1rem;
}
.ListCardView__columns::-webkit-scrollbar {
  display: none;
}
.ListCardView__rows {
  padding: 0 0 1rem;
  height: unset;
  width: 100%;
  overflow: unset;
  background-color: var(--color-list-background-1);
}
.ListCardView__column {
  vertical-align: top;
  text-align: left;
  display: inline-block;
  width: 320px;
  margin: 0 0.5rem 1rem;
  padding: 0 10px 10px 10px;
  background-color: var(--color-background-0);
  border-radius: 8px;
  max-height: 100%;
  overflow-y: auto;
  --scrollbar-width: 8px;
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.ListCardView__column:hover {
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: var(--color-list-background-5) transparent;
}
.ListCardView__column ::-webkit-scrollbar {
  width: var(--scrollbar-width, initial);
  background-color: rgba(0, 0, 0, 0);
}
.ListCardView__column ::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.ListCardView__column ::-webkit-scrollbar-thumb {
  border-radius: calc(var(--scrollbar-width, initial) / 2);
  background-color: rgba(0, 0, 0, 0);
}
.ListCardView__column:hover::-webkit-scrollbar-track {
  background-color: transparent;
}
.ListCardView__column:hover::-webkit-scrollbar-thumb {
  background-color: var(--color-list-background-5);
}
.ListCardView__column--notGrouped {
  width: 550px;
}
.ListCardView__row {
  position: relative;
  padding: 14px 14px 14px 0;
  width: unset;
  max-width: 100%;
  overflow-y: unset;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  /* Enable momentum scrolling on iOS */
}
.ListCardView__row .ListCardView__card {
  flex: 0 0 auto;
  width: 320px;
  max-width: 85vw;
  margin-left: 14px;
  padding: 0;
  border-radius: 8px;
}
.ListCardView__row .ListCardView__card > * {
  margin: 0;
}
.ListCardView__columnHeader {
  color: var(--color-text-primary);
  position: sticky;
  top: 0px;
  z-index: 100;
  padding: 10px 0 0 3px;
  background-color: inherit;
  margin: 0 -10px 0 -10px;
}
.ListCardView__rowHeader {
  background-color: var(--color-list-background-2);
  height: 3rem;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
}
@media screen and (max-width: 49.9375em) {
  .ListCardView__columns {
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
  }
  .ListCardView__columns > .ListCardView__columns__column {
    scroll-snap-align: center;
  }
}
.ListCardView .ListCardSlab {
  border-radius: 8px;
  cursor: pointer;
  line-height: 1;
}
.ListCardView__liftedCard {
  animation: raiseDragCard 0.3s ease;
  transform: rotateZ(-3deg) scale(1.05);
  z-index: 2000;
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
@keyframes raiseDragCard {
  0% {
    transform: scale(1) rotateZ(0);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }
  100% {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    transform: scale(1.05) rotateZ(-3deg);
  }
}
.ListCardView__columnTotals {
  margin: 0 3px;
  color: var(--color-text-primary);
}
.ListCardView__columnTotals > * + * {
  border-top: 1px solid var(--color-border-3);
}
@keyframes lowerDragRow {
  0% {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    transform: scale(1.05) rotateZ(-3deg);
  }
  100% {
    transform: scale(1) rotateZ(0);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }
}
.ListCardView__dragTarget {
  border-radius: 2px;
  border: 2px dashed var(--color-border-3);
}
.ListCardView__card {
  white-space: normal;
  user-select: none;
  padding: 0.4rem 0rem;
}
.ListCardView .is-in-selection-mode {
  background: none;
  color: rgba(255, 255, 255, 0.6);
}
.ListCardView .list-card--selected {
  color: #179ae6;
}
.ListCardView__cardLifted {
  display: none;
}
.ListCardView__cardLifted .ListCardSlab {
  background: var(--color-background-2);
}
.ListCardView__cardLifted .ListCardSlab * {
  opacity: 0.75;
}
.ListCardView__bulkEdit {
  background: rgba(0, 0, 0, 0.45);
  padding: 0.5rem;
  text-align: center;
}
.ListCardViewAddNew,
button.ListCardViewAddNew {
  border: none;
  line-height: 0.6;
  width: 100%;
  opacity: 0;
  background: var(--color-background-00);
  text-align: center;
  font-size: 32px;
  border-radius: 8px;
  padding: 1rem;
  margin-top: 6px;
  display: inline-block;
  color: var(--color-text-primary);
  transition: opacity 0.2s ease;
}
.ListCardView__column:hover .ListCardViewAddNew {
  opacity: 1;
}
.ListCardViewScroller {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20px;
  z-index: 1000;
  transition: opacity 0.2s linear;
  background: transparent;
}
.ListCardViewScroller.is-transparent {
  opacity: 0;
}
.ListCardViewScroller.is-hidden {
  display: none;
}
.ListCardViewScroller__handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0%;
  width: 50%;
}
.ListCardViewScroller__handle.is-dragging .ListCardViewScroller__handleRender,
.ListCardViewScroller__handle:hover .ListCardViewScroller__handleRender {
  opacity: 1;
}
.ListCardViewScroller__handleRender {
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  background: var(--color-text-primary);
  border-radius: 8px;
  opacity: 0.7;
  transition: opacity 0.2s linear;
}
.ListCardViewScroller--avoidMessage {
  bottom: 52px;
}
.ListCardViewScroller--offPage {
  display: none;
}
@media print {
  body {
    height: auto;
    margin-top: 3px;
  }
}
.PrintPreview {
  width: 1080px;
  background-color: #fff;
  padding: 0 1cm;
}
.PrintPreview th {
  padding-top: 180px;
}
.PrintPreview__table {
  width: 100%;
  position: relative;
}
.PrintPreview__columnHeader {
  padding: 1rem;
  text-align: left;
}
.PrintPreview__printHeader {
  position: fixed;
  top: 1cm;
  left: 1cm;
  right: 1cm;
  border-bottom: 1px solid #777;
  padding: 0 0.4cm;
  display: flex;
  flex-direction: column;
}
.PrintPreview__listTitle {
  float: right;
  text-align: left;
  font-weight: bold;
  font-size: 1.57142857rem;
  line-height: 1.3;
  margin-top: 30px;
  padding-bottom: 10px;
}
.PrintPreview__printFooter {
  display: none;
}
.PrintPreview__brandLogo {
  display: block;
  width: 120px;
  float: left;
  margin-right: 100px;
}
.PrintPreview__cell {
  padding: 1rem;
  border-bottom: 1px solid var(--color-border-2);
  vertical-align: top;
  max-height: 100px;
  overflow: hidden;
}
.PrintPreview__cell span {
  font-size: 0.71428571rem !important;
  line-height: 1;
}
.PrintPreview__rowGroupHeader {
  background-color: #eee !important;
  padding: 1rem;
}
.PrintPreview__rowGroupHeader h3 {
  margin: 0;
}
.PrintPreview__rowGroupHeader--blank {
  display: none;
}
.ListPrintDialog .PrintPreview {
  flex: 1 1 auto;
  overflow: hidden;
  width: 1080px;
  margin: auto;
  border: 1px solid #ccc;
  padding: 50px;
  border-right: none;
  transform: scale(0.7);
  transform-origin: top left;
}
.ListPrintDialog .PrintPreview th {
  padding-top: 30px;
}
.ListPrintDialog .PrintPreview__printHeader {
  position: static;
}
.ListPrintDialog .PrintPreview__printFooter {
  display: none;
}
.ListPrintDialog .ListPrintSettings {
  flex: 0 0 auto;
}
.FormulaEditor {
  border-top: 1px solid var(--color-border-2);
  border-bottom: 1px solid var(--color-border-2);
  background-color: var(--color-background-00);
  padding: 14px;
}
.FormulaEditor--disabled {
  opacity: 0.6;
  pointer-events: none;
}
.FormulaEditor--disabled .FormulaEditor__resetButton {
  opacity: 0.4;
}
.FormulaEditor--disabled .FormulaEditor__section--operators,
.FormulaEditor--disabled .FormulaEditor__section--values,
.FormulaEditor--disabled .FormulaEditor__section--fields {
  opacity: 0.4;
}
.FormulaEditor__formulaInput {
  display: block;
  position: relative;
  background: hsl(0, 0%, 100%);
  border: 1px solid var(--color-border-2);
  border-radius: 8px;
  margin: 6px 14px;
  background: var(--color-background-2);
  margin: 0;
  display: flex;
  flex-direction: row;
  padding: 4px;
  min-height: 38px;
  flex-wrap: wrap;
}
.FormulaEditor__formulaInput:before,
.FormulaEditor__formulaInput:after {
  content: "";
  display: table;
}
.FormulaEditor__formulaInput:after {
  content: "";
  display: table;
  clear: both;
}
.FormulaEditor__formulaInput + .FormulaEditor__formulaInput {
  border-top: none;
}
.FormulaEditor__formulaInput__hiddenSpacer {
  opacity: 0.001;
  white-space: pre-wrap;
}
input[type=text].FormulaEditor__formulaInput__input,
.FormulaEditor__formulaInput__input,
.FormulaEditor__formulaInput__hiddenSpacer {
  padding: calc((var(--panel-button-height) - 1.4em) / 2) 14px;
  line-height: 1.4em;
  font-weight: normal;
  border-radius: 8px;
}
input[type=text].FormulaEditor__formulaInput__input,
.FormulaEditor__formulaInput__input {
  position: absolute;
  margin: 0;
  border: none;
  resize: none;
  background: var(--color-input-background-light);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 100%;
}
.DesktopEnvironment input[type=text].FormulaEditor__formulaInput__input,
.DesktopEnvironment .FormulaEditor__formulaInput__input {
  background: var(--color-list-background-sidebar-input);
}
input[type=text].FormulaEditor__formulaInput__input:focus,
.FormulaEditor__formulaInput__input:focus {
  background: var(--color-input-background-light--focus);
}
input[type=text].FormulaEditor__formulaInput__input {
  height: 100%;
}
.FormulaEditor__formulaInput--blue .FormulaEditor__formulaInput__title {
  color: hsl(5, 90%, 58%);
}
.FormulaEditor__formulaInput--red .FormulaEditor__formulaInput__title {
  color: hsl(359, 55%, 45%);
}
.FormulaEditor__formulaInput--center {
  text-align: center;
}
.FormulaEditor__formulaInput--center .FormulaEditor__formulaInput__title {
  float: none;
}
.FormulaEditor__formulaInput:before {
  color: var(--color-text-placeholder);
  font-style: italic;
  font-size: 0.78571429rem;
}
.FormulaEditor__formulaInput:empty:before {
  content: attr(data-placeholder);
}
.FormulaEditor__section--values form {
  display: flex;
}
.FormulaEditor__sectionTitle {
  color: var(--color-text-secondary);
  font-size: 0.78571429rem;
  text-transform: uppercase;
  margin-top: 10px;
}
.FormulaEditor__section--fields .FormulaEditor__sectionTitle {
  margin-top: 0;
}
.FormulaEditor__formulaInputItem {
  padding: 0 10px;
  border-radius: 4px;
  font-size: 0.85714286rem;
  line-height: 1.9;
  margin: 0 4px 4px 0;
}
.FormulaEditor__fields,
.FormulaEditor__operators {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.FormulaEditor__addField,
.FormulaEditor__addOperator {
  margin: 2px 4px 2px 0;
}
.FormulaEditor__addFieldLink,
.FormulaEditor__addOperatorLink {
  padding: 2px 10px;
  border-radius: 4px;
  margin: 2px 0;
  font-size: 0.85714286rem;
  cursor: pointer;
}
.FormulaEditor__addFieldLink,
.FormulaEditor__formulaInputItem--field {
  background: hsl(202, 100%, 85%);
  color: var(--color-text-primary);
  cursor: default;
}
.FormulaEditor__addOperatorLink,
.FormulaEditor__formulaInputItem--operator {
  background: hsl(0, 100%, 85%);
  color: var(--color-text-primary);
  cursor: default;
}
.FormulaEditor__formulaInputItem--value {
  background: hsl(115, 100%, 80%);
  color: var(--color-text-primary);
}
.FormulaEditor__addFieldLink--disabled,
.FormulaEditor__addOperatorLink--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.FormulaEditor__formulaInputControls {
  display: flex;
  justify-content: space-between;
}
.FormulaEditor__helpText {
  font-style: italic;
  color: var(--color-text-secondary);
  font-size: 0.78571429rem;
}
.FormulaEditor__resetButton {
  display: inline;
  float: right;
  margin-top: 0.5rem;
}
.FormulaEditor__inputContainer {
  display: flex;
}
input[type="number"].FormulaEditor__valueInput {
  margin: 0;
  display: block;
  position: relative;
  background: hsl(0, 0%, 100%);
  border: 1px solid var(--color-border-2);
  border-radius: 8px;
  margin: 6px 14px;
  max-width: 180px;
  margin: 0 !important;
  border-radius: 4px;
  border: 1px solid var(--color-list-border-3);
}
input[type="number"].FormulaEditor__valueInput:before,
input[type="number"].FormulaEditor__valueInput:after {
  content: "";
  display: table;
}
input[type="number"].FormulaEditor__valueInput:after {
  content: "";
  display: table;
  clear: both;
}
input[type="number"].FormulaEditor__valueInput + input[type="number"].FormulaEditor__valueInput {
  border-top: none;
}
input[type="number"].FormulaEditor__valueInput__hiddenSpacer {
  opacity: 0.001;
  white-space: pre-wrap;
}
input[type=text]input[type="number"].FormulaEditor__valueInput__input,
input[type="number"].FormulaEditor__valueInput__input,
input[type="number"].FormulaEditor__valueInput__hiddenSpacer {
  padding: calc((var(--panel-button-height) - 1.4em) / 2) 14px;
  line-height: 1.4em;
  font-weight: normal;
  border-radius: 8px;
}
input[type=text]input[type="number"].FormulaEditor__valueInput__input,
input[type="number"].FormulaEditor__valueInput__input {
  position: absolute;
  margin: 0;
  border: none;
  resize: none;
  background: var(--color-input-background-light);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 100%;
}
.DesktopEnvironment input[type=text]input[type="number"].FormulaEditor__valueInput__input,
.DesktopEnvironment input[type="number"].FormulaEditor__valueInput__input {
  background: var(--color-list-background-sidebar-input);
}
input[type=text]input[type="number"].FormulaEditor__valueInput__input:focus,
input[type="number"].FormulaEditor__valueInput__input:focus {
  background: var(--color-input-background-light--focus);
}
input[type=text]input[type="number"].FormulaEditor__valueInput__input {
  height: 100%;
}
input[type="number"].FormulaEditor__valueInput--blue input[type="number"].FormulaEditor__valueInput__title {
  color: hsl(5, 90%, 58%);
}
input[type="number"].FormulaEditor__valueInput--red input[type="number"].FormulaEditor__valueInput__title {
  color: hsl(359, 55%, 45%);
}
input[type="number"].FormulaEditor__valueInput--center {
  text-align: center;
}
input[type="number"].FormulaEditor__valueInput--center input[type="number"].FormulaEditor__valueInput__title {
  float: none;
}
input[type="number"].FormulaEditor__valueInput:disabled {
  border: 1px solid var(--color-border-2);
}
input[type="number"].FormulaEditor__valueInput::placeholder {
  color: var(--color-text-placeholder);
  font-style: italic;
  font-size: 0.78571429rem;
}
.FormulaEditor__valueInputSubmitButton {
  background: red;
  margin-left: 0.5rem;
}
.PrimaryFieldEditor__fieldsContainer {
  padding: 14px;
  background-color: var(--color-background-00);
  border-top: 1px solid var(--color-border-2);
  border-bottom: 1px solid var(--color-border-2);
}
.ListSidebarRight .PrimaryFieldEditor__fieldsContainer {
  border: 1px solid var(--color-border-2);
  border-radius: 8px;
  background-color: var(--color-list-background-sidebar-input);
}
.PrimaryFieldEditor__fields {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  min-height: 35px;
}
.PrimaryFieldEditor__field {
  margin-bottom: 6px;
}
.PrimaryFieldEditor__fieldNotFound {
  color: var(--color-text-secondary);
  font-style: italic;
  font-size: 0.85714286rem;
}
.PrimaryFieldEditor__fieldsContainerTitle {
  font-size: 0.85714286rem;
  font-weight: 700;
  padding: 3px 0;
}
.PrimaryFieldEditor__fieldButton,
.PrimaryFieldEditor__separatorButton {
  border-radius: 4px;
  color: var(--color-text-primary);
  background-color: var(--color-list-background-4);
  border: 1px solid var(--color-list-border-1);
  margin-right: 0.8ch;
  padding: 2px 8px;
  font-size: 0.85714286rem;
  cursor: pointer;
}
.PrimaryFieldEditor__fieldButton--disabled,
.PrimaryFieldEditor__separatorButton--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.PrimaryFieldEditor__fieldButton--primary,
.PrimaryFieldEditor__separatorButton--primary {
  filter: brightness(1.15);
}
.PrimaryFieldEditor__separatorButton {
  filter: brightness(0.9);
}
.PrimaryFieldEditor__example {
  color: var(--color-text-secondary);
  font-style: italic;
  font-size: 0.85714286rem;
}
.PrimaryFieldEditor__primaryValuePreview {
  padding: 0 0 10px;
}
.PrimaryFieldEditor__resetButtonContainer {
  padding: 10px 0;
}
.ListSettingsPanel {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  padding: calc(var(--list-sidebar-padding) / 2) 0;
  z-index: 10;
  gap: 2px;
}
.ListSettingsPanel__setting-container {
  display: flex;
  flex-direction: column;
  align-items: left;
  width: 100%;
  line-height: 1;
  padding: var(--list-sidebar-padding) 0;
}
.ListSettingsPanel__setting-view-container,
.ListSettingsPanel__setting-sort-container,
.ListSettingsPanel__setting-group-container,
.ListSettingsPanel__setting-filter-container {
  padding: calc(var(--list-sidebar-padding) / 4) 0;
}
.ListSettingsPanel__setting-sort-container .ListSettingsPanel__setting-options {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
}
.ListSettingsPanel__setting-sort-container .ListSettingsPanel__setting-options .Selector__sort-selector {
  flex-grow: 1;
}
.ListSettingsPanel__setting-group-container .Selector__label > span {
  max-width: 180px;
}
.ListSettingsPanel__setting-options {
  flex-grow: 1;
}
.ListSettingsPanel__setting-button {
  margin-left: var(--list-sidebar-padding);
}
.ListSettingsPanel__setting-button:focus {
  outline: 0;
}
.ListSettingsPanel__setting-label {
  color: var(--color-text-secondary);
  font-weight: 600;
  font-size: 0.85714286rem;
  width: 45px;
  margin-right: 6px;
  padding: 4px;
}
.ListSettingsPanel__setting-search-container {
  margin-left: 1vw;
  padding-right: 0;
}
.ListSettingsPanel__setting-search-box {
  width: 110px;
  padding: 10px 10px 8px 10px;
  background-color: var(--color-input-background);
  border-radius: 1.28571429rem;
  cursor: pointer;
}
.ListSettingsPanel__setting-buttons-container {
  margin-left: 1vw;
}
.ListSettingsPanel__publicAction {
  margin-left: 10px;
}
.ListSettingsPanel .Button--hoverBack:hover:not(.Button--disabled) {
  color: var(--color-list-button-text);
}
.ListSettingsPanel .Button--hoverBack:hover:not(.Button--disabled) svg,
.ListSettingsPanel .Button--hoverBack:hover:not(.Button--disabled) path,
.ListSettingsPanel .Button--hoverBack:hover:not(.Button--disabled) g {
  fill: var(--color-list-button-text);
}
.ListSettingsPanel__sortDirectionButton {
  border: 1px solid var(--color-input-border-light);
}
.ListFieldSettingsMenu {
  margin-top: 1px;
  overflow: hidden;
  width: 300px;
}
.ListFieldSettingsMenu__nameItem {
  border-radius: 4px;
}
.ListFieldSettingsMenu__headerText {
  color: var(--color-text-secondary);
  text-transform: uppercase;
  font-size: 0.85714286rem;
  font-weight: 600;
  margin-bottom: 5px;
}
.ListFieldSettingsMenu__headerArea {
  border-bottom: 1px solid var(--color-border-3);
  display: flex;
  flex-direction: column;
  margin: -0.75rem -0.75rem 0.75rem -0.75rem;
  padding: 0.75rem;
}
.ListFieldSettingsMenu__nameInput[type=text],
.ListFieldSettingsMenu__captionInput[type=text] {
  border: none;
  background: var(--color-background-0);
  padding: 5px;
  margin: 0;
  border: 1px solid var(--color-border-3);
  border-radius: 4px;
  font-weight: 600;
  box-shadow: inset 0 1px 1px rgba(0, 80, 121, 0.15);
}
.ListFieldSettingsMenu__nameInput[type=text] {
  margin-bottom: 5px;
}
.ListFieldSettingsMenu__captionInput[type=text] {
  font-size: 12px;
}
.ListFieldSettingsMenu__captionInput[type=text]:placeholder {
  color: var(--color-text-placeholder);
  font-weight: 400;
}
.ListFieldSettingsMenu__currencyPrefix {
  display: flex;
  align-items: center;
  height: 100%;
}
.ListFieldSettingsMenu__currencyPrefixInput {
  margin-right: 10px;
  width: 6ch;
  font-size: 0.85714286rem;
  line-height: 1.6;
  border-radius: 4px;
  border: 1px solid var(--color-text-secondary);
}
.ListFieldSettingsMenu__currencyPrefixInput:disabled {
  border-radius: 4px;
  border: 1px solid var(--color-text-disabled);
}
.SearchTermsSettingsModal__content {
  min-height: 200px;
}
.SearchTermsSettingsModal__label {
  font-weight: bold;
}
.SearchTermsSettingsModal__radioItem {
  width: 50%;
  float: left;
  padding-bottom: 6px;
  padding-right: 11px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.SearchTermsSettingsModal__radioItem i {
  font-size: 1.28571429rem;
  margin-left: 7px;
  margin-right: 6px;
}
.SearchTermsSettingsModal__resultsAnchor {
  height: 0;
  position: relative;
  margin-left: 42px;
  clear: both;
}
.SearchTermsSettingsModal__resultsDropdown {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-background-0);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  border-radius: 5px;
  z-index: 1000000000;
  padding: 5px;
  width: 250px;
  height: 110px;
  overflow: auto;
}
.SearchTermsSettingsModal__resultsItem {
  cursor: pointer;
  padding: 2px 5px;
  border-radius: 5px;
}
.SearchTermsSettingsModal__resultsItem em {
  font-weight: 700;
}
.SearchTermsSettingsModal__resultsItem:hover {
  background-color: var(--color-list-button-background);
  color: hsl(0, 0%, 100%);
}
.SearchTermsSettingsModal__helpIndicator {
  display: inline-block;
  background-color: var(--color-text-hint);
  border-radius: 50%;
  font-size: 6px;
  color: hsl(0, 0%, 100%);
  width: 14px;
  height: 14px;
  text-align: center;
  line-height: 14px;
  margin-left: 0 !important;
}
.SearchTermsSettingsModal__tooltipWrapper {
  margin-left: 11px;
  display: inline-block;
  position: relative;
  top: -3px;
}
.SearchTermsSettingsModal__tooltip {
  z-index: 1000000000;
  padding-top: 0;
}
.SearchTermsSettingsModal__tooltip p {
  font-size: 0.71428571rem;
  line-height: 1.25714286rem;
  margin-bottom: 1px;
  font-weight: 600;
}
.SearchTermsSettingsModal__tooltip em {
  opacity: 0.8;
  font-weight: 400;
}
.SearchTermsSettingsModal__checkItem {
  cursor: pointer;
}
.SearchTermsSettingsModal__checkItem i {
  margin-left: 10px;
  margin-right: 6px;
}
.SearchTermsSettingsModal__extraSearchEngines i {
  font-size: 1.28571429rem;
  float: left;
  margin-left: 7px;
  margin-right: 6px;
}
.SearchTermsSettingsModal__extraSearchEngines i:hover {
  cursor: pointer;
}
.SearchTermsSettingsModal__extraSearchEngines input {
  margin-left: 6px;
  width: calc(100% - 42px);
}
.SearchTermsSettingsModal__searchBox--invalid {
  border-color: hsl(359, 55%, 45%) !important;
}
.SearchTermsSettingsModal__searchBox:focus {
  border-color: #9E9E9E !important;
}
.SearchTermsSettingsModal__toggleItem {
  flex: 0 0 auto;
  width: 30px;
  height: 18px;
}
.SearchTermsSettingsModal__toggleItem:before {
  width: 16px;
  height: 16px;
}
.SearchTermsSettingsModal__toggleItem.is-active:before {
  transform: translateX(12px);
}
.SearchTermsSettingsModal__checkboxOptions,
.SearchTermsSettingsModal__radioOptions {
  padding: 11px 0;
}
.SearchTermsSettingsModal__radioItemTitle {
  padding-left: 6px;
  margin-top: -10px;
}
.SearchTermsSettingsModal__firstResultCheckbox {
  font-size: 0.85714286rem;
}
.SearchTermsSettingsModal__extraSearchTerms {
  clear: both;
}
.SearchTermsSettingsModal__extraSearchTerms input {
  margin-left: 6px;
  width: calc(100% - 41px);
}
.SearchTermsSettingsModal__extraSearchTerms input:focus {
  border: 1px solid var(--color-list-accent);
}
.SearchTermsSettingsModal__extraSearchTerms .Toggle {
  position: relative;
  top: 3px;
}
.SearchTermsSettingsModal__checkboxOptions .SearchTermsSettingsModal__radioItemTitle {
  position: relative;
  top: -3px;
}
.UseThisListLockup {
  position: relative;
}
.UseThisListLockup--mobile-bar {
  padding-right: 4px;
}
.UseThisListLockup__useListActions {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 4px;
  width: 22rem;
  max-width: 95vw;
  background: white;
  box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  overflow: hidden;
  display: none;
}
.UseThisListLockup__useListActions.is-active {
  display: block;
}
.UseThisListLockup__useListAction {
  display: flex;
  align-items: center;
  border: none;
  width: 100%;
  text-align: left;
  color: var(--color-text-primary);
  background: white;
  cursor: pointer;
}
.UseThisListLockup__useListAction:disabled {
  opacity: 0.4;
  background-color: var(--color-list-background-3);
  cursor: inherit;
}
.UseThisListLockup__useListAction svg path {
  fill: var(--color-list-button-text);
}
.UseThisListLockup__useListActionIcon svg {
  max-height: 24px;
  max-width: 24px;
}
.UseThisListLockup__useListActionRight,
.UseThisListLockup__useListActionIcon {
  margin: 0;
  width: 3rem;
  text-align: center;
}
.is-disabled .UseThisListLockup__useListActionRight {
  opacity: 0;
}
.UseThisListLockup__useListActionText {
  width: 16rem;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}
.UseThisListLockup__useListActionTextHeader {
  font-weight: bold;
  font-size: 1rem;
}
.UseThisListLockup__useListActionTextDescription {
  margin: 5px 0 0 0;
  line-height: 1.3;
  font-size: 0.85714286rem;
  color: var(--color-text-primary);
}
.UseThisListLockup__useListActionTextNote {
  margin: 5px 0 0 0;
  line-height: 1.3;
  font-style: italic;
  color: var(--color-text-secondary);
  font-size: 0.78571429rem;
}
.UseThisListLockup__useListAction + .UseThisListLockup__useListAction {
  border-top: 1px solid var(--color-list-border-2);
}
.UseThisListLockup--anonymous-bar .UseThisListLockup__useListActions {
  bottom: 100%;
  top: auto;
  margin-bottom: 4px;
}
.SecretLinkLanding {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
}
@media screen and (min-width: 43.75em) {
  .SecretLinkLanding {
    justify-content: center;
  }
}
.SecretLinkLanding__container {
  background-color: hsl(0, 0%, 100%);
  padding: 20px;
}
@media screen and (min-width: 43.75em) {
  .SecretLinkLanding__container {
    max-width: 330px;
    margin: 0 auto;
  }
}
.SecretLinkLanding__title {
  font-size: 1.28571429rem;
  line-height: 1.86428571rem;
  font-weight: 600;
  margin: 0 40px 30px;
  text-align: center;
}
.SecretLinkLanding__getStartedButton {
  display: block;
  text-transform: none;
  padding: 5px;
  height: auto;
  margin: 10px auto 35px;
  max-width: 200px;
}
.SecretLinkLanding__explainer {
  font-weight: 700;
  color: var(--color-text-secondary);
  margin-top: 30px;
}
.SecretLinkLanding__secondaryButtons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.SecretLinkLanding__secondaryButton {
  text-transform: none;
  width: calc(50% - 10px);
  height: auto;
  white-space: normal;
  line-height: 1.32857143rem;
  font-size: 0.85714286rem;
  padding: 10px;
}
.DesktopEnvironment .SecretLinkLanding__secondaryButton {
  width: 100%;
  margin: 0 20px;
}
.SecretLinkLanding__iosPrompt {
  background: var(--color-background-0);
  position: fixed;
  bottom: 15px;
  left: calc(50vw - 125px);
  width: 250px;
  padding: 15px;
  border-radius: 5px;
  font-size: 1.28571429rem;
  line-height: 1.86428571rem;
}
.SecretLinkLanding__iosPrompt::after {
  display: inline-block;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 15px;
  border-right-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
  border-bottom-width: 0;
  content: "";
  position: absolute;
  bottom: -15px;
  left: calc(50% - 15px);
  right: 0;
  border-top-color: hsl(0, 0%, 100%);
}
@media screen and (min-width: 37.5em) {
  .SecretLinkLanding__iosPrompt::after {
    bottom: auto;
    top: -15px;
    left: auto;
    display: inline-block;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 15px;
    border-top-color: rgba(0, 0, 0, 0);
    border-right-color: rgba(0, 0, 0, 0);
    border-left-color: rgba(0, 0, 0, 0);
    border-top-width: 0;
    border-bottom-color: hsl(0, 0%, 100%);
    right: 105px;
  }
}
@media screen and (min-width: 37.5em) {
  .SecretLinkLanding__iosPrompt {
    right: 20px;
    left: auto;
    bottom: auto;
    top: 15px;
  }
}
.SecretLinkLanding__iosPrompt hr {
  opacity: 0.7;
  margin-top: 20px;
  margin-bottom: 20px;
}
.SecretLinkLanding__iosPrompt p {
  color: var(--color-text-secondary);
  line-height: 1.32857143rem;
  font-size: 0.85714286rem;
  margin-bottom: 10px;
  margin-top: 10px;
}
.SecretLinkLanding__link {
  word-break: break-all;
  -webkit-user-select: text !important;
  user-select: text !important;
  -webkit-touch-callout: default !important;
}
.SecretLinkLanding__androidPrompt {
  background: var(--color-background-0);
  position: fixed;
  top: 15px;
  right: 20px;
  padding: 15px;
  border-radius: 5px 0 5px 5px;
  width: 250px;
  font-size: 1.28571429rem;
  line-height: 1.86428571rem;
}
.SecretLinkLanding__androidPrompt::after {
  display: inline-block;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 15px;
  border-top-color: rgba(0, 0, 0, 0);
  border-right-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
  border-top-width: 0;
  border-right-width: 0;
  content: "";
  position: absolute;
  top: -15px;
  right: 0;
  border-bottom-color: hsl(0, 0%, 100%);
}
.SecretLinkLanding__icon {
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
}
.ListBanner {
  --list-banner-padding: 40px;
  --list-banner-gap: 25px;
  position: relative;
  background: var(--color-list-banner-dark);
}
@media (max-width: 900px) {
  .ListiumList:not(.ListiumList--slideshowMode):not(.ListiumList--embedMode) .ListBanner {
    --list-banner-desktop-padding: 20px;
    --list-banner-gap: 15px;
  }
}
@container list-container (max-width: calc(900px + 440px)) {
  .DesktopEnvironment .ListiumList--slideshowMode .ListBanner {
    --list-banner-desktop-padding: 20px;
    --list-banner-gap: 15px;
  }
}
.EmbedContext .ListBanner {
  --list-banner-padding: calc(14px - 5px + 2vw);
  --list-banner-gap: var(--list-banner-padding);
}
.ListSlideView .ListBanner {
  min-height: 100%;
  display: flex;
  height: 100%;
}
@media (max-width: 900px) {
  .ListiumList:not(.ListiumList--slideshowMode):not(.ListiumList--embedMode) .ListSlideView .ListBanner {
    min-height: 100%;
    overflow: auto;
  }
}
@container list-container (max-width: calc(900px + 440px)) {
  .DesktopEnvironment .ListiumList--slideshowMode .ListSlideView .ListBanner {
    min-height: 100%;
    overflow: auto;
  }
}
.ListBanner--noCoverImage {
  background: linear-gradient(to right, var(--color-list-banner-medium), var(--color-list-banner-light));
}
@media (max-width: 900px) {
  .ListiumList:not(.ListiumList--slideshowMode):not(.ListiumList--embedMode) .ListBanner--noCoverImage {
    background: var(--color-list-banner-medium);
  }
}
@container list-container (max-width: calc(900px + 440px)) {
  .DesktopEnvironment .ListiumList--slideshowMode .ListBanner--noCoverImage {
    background: var(--color-list-banner-medium);
  }
}
.ListBanner__contentContainer {
  display: flex;
  flex-direction: row;
  gap: var(--list-banner-gap);
  position: relative;
  min-height: 100%;
  width: 100%;
}
.ListBanner__contentContainer > * {
  flex-basis: 50%;
}
@media (max-width: 900px) {
  .ListiumList:not(.ListiumList--slideshowMode):not(.ListiumList--embedMode) .ListBanner__contentContainer > * {
    flex-basis: unset;
    overflow: auto;
    --scrollbar-width: 4px;
    scrollbar-width: var(--scrollbar-width, initial);
    scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  }
  .ListiumList:not(.ListiumList--slideshowMode):not(.ListiumList--embedMode) .ListBanner__contentContainer > *:hover {
    scrollbar-width: var(--scrollbar-width, initial);
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
  }
  .ListiumList:not(.ListiumList--slideshowMode):not(.ListiumList--embedMode) .ListBanner__contentContainer > * ::-webkit-scrollbar {
    width: var(--scrollbar-width, initial);
    background-color: rgba(0, 0, 0, 0);
  }
  .ListiumList:not(.ListiumList--slideshowMode):not(.ListiumList--embedMode) .ListBanner__contentContainer > * ::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
  }
  .ListiumList:not(.ListiumList--slideshowMode):not(.ListiumList--embedMode) .ListBanner__contentContainer > * ::-webkit-scrollbar-thumb {
    border-radius: calc(var(--scrollbar-width, initial) / 2);
    background-color: rgba(0, 0, 0, 0);
  }
  .ListiumList:not(.ListiumList--slideshowMode):not(.ListiumList--embedMode) .ListBanner__contentContainer > *:hover::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .ListiumList:not(.ListiumList--slideshowMode):not(.ListiumList--embedMode) .ListBanner__contentContainer > *:hover::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@container list-container (max-width: calc(900px + 440px)) {
  .DesktopEnvironment .ListiumList--slideshowMode .ListBanner__contentContainer > * {
    flex-basis: unset;
    overflow: auto;
    --scrollbar-width: 4px;
    scrollbar-width: var(--scrollbar-width, initial);
    scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  }
  .DesktopEnvironment .ListiumList--slideshowMode .ListBanner__contentContainer > *:hover {
    scrollbar-width: var(--scrollbar-width, initial);
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
  }
  .DesktopEnvironment .ListiumList--slideshowMode .ListBanner__contentContainer > * ::-webkit-scrollbar {
    width: var(--scrollbar-width, initial);
    background-color: rgba(0, 0, 0, 0);
  }
  .DesktopEnvironment .ListiumList--slideshowMode .ListBanner__contentContainer > * ::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
  }
  .DesktopEnvironment .ListiumList--slideshowMode .ListBanner__contentContainer > * ::-webkit-scrollbar-thumb {
    border-radius: calc(var(--scrollbar-width, initial) / 2);
    background-color: rgba(0, 0, 0, 0);
  }
  .DesktopEnvironment .ListiumList--slideshowMode .ListBanner__contentContainer > *:hover::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .DesktopEnvironment .ListiumList--slideshowMode .ListBanner__contentContainer > *:hover::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
.EmbedContext .ListBanner__contentContainer > * {
  overflow: hidden;
  flex-basis: unset;
}
@media (max-width: 900px) {
  .ListiumList:not(.ListiumList--slideshowMode):not(.ListiumList--embedMode) .ListBanner__contentContainer {
    flex-direction: column;
    flex-basis: unset;
  }
}
@container list-container (max-width: calc(900px + 440px)) {
  .DesktopEnvironment .ListiumList--slideshowMode .ListBanner__contentContainer {
    flex-direction: column;
    flex-basis: unset;
  }
}
.MobileEnvironment .ListSlideView .ListBanner__contentContainer,
.EmbedContext .ListSlideView .ListBanner__contentContainer {
  min-height: calc(100svh - 50px);
  --list-banner-padding: 14px;
  padding-bottom: 50px;
}
.EmbedContext .ListBanner__contentContainer {
  padding: var(--list-banner-padding);
  gap: var(--list-banner-gap);
}
.ListBanner__textContentContainer {
  display: flex;
  flex-direction: column;
  padding: var(--list-banner-padding) var(--list-banner-padding) calc(var(--list-banner-padding) + 20px);
  gap: var(--list-banner-gap);
  height: 100%;
  overflow: auto;
  --scrollbar-width: 4px;
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.ListBanner__textContentContainer:hover {
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}
.ListBanner__textContentContainer ::-webkit-scrollbar {
  width: var(--scrollbar-width, initial);
  background-color: rgba(0, 0, 0, 0);
}
.ListBanner__textContentContainer ::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.ListBanner__textContentContainer ::-webkit-scrollbar-thumb {
  border-radius: calc(var(--scrollbar-width, initial) / 2);
  background-color: rgba(0, 0, 0, 0);
}
.ListBanner__textContentContainer:hover::-webkit-scrollbar-track {
  background-color: transparent;
}
.ListBanner__textContentContainer:hover::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.2);
}
@media (max-width: 900px) {
  .ListiumList:not(.ListiumList--slideshowMode):not(.ListiumList--embedMode) .ListBanner__textContentContainer {
    overflow: visible;
    order: 2;
    --list-banner-padding: 14px;
  }
}
@container list-container (max-width: calc(900px + 440px)) {
  .DesktopEnvironment .ListiumList--slideshowMode .ListBanner__textContentContainer {
    overflow: visible;
    order: 2;
    --list-banner-padding: 14px;
  }
}
.ListBanner--noCoverImage .ListBanner__textContentContainer {
  flex-basis: 80%;
  padding: calc(var(--list-banner-padding) * 1.3);
}
@media (max-width: 900px) {
  .ListiumList:not(.ListiumList--slideshowMode):not(.ListiumList--embedMode) .ListBanner--noCoverImage .ListBanner__textContentContainer {
    order: 2;
  }
}
@container list-container (max-width: calc(900px + 440px)) {
  .DesktopEnvironment .ListiumList--slideshowMode .ListBanner--noCoverImage .ListBanner__textContentContainer {
    order: 2;
  }
}
.EmbedContext .ListBanner__textContentContainer {
  order: 2;
  padding: 0;
  gap: 0;
}
.ListBanner__coverMediaContainer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  -webkit-mask-image: -webkit-linear-gradient(180deg, black 60%, transparent);
}
.ListBanner--noCoverImage .ListBanner__coverMediaContainer {
  display: none;
}
@media (max-width: 900px) {
  .ListiumList:not(.ListiumList--slideshowMode):not(.ListiumList--embedMode) .ListBanner__coverMediaContainer {
    height: 45vw;
    -webkit-mask-image: none;
  }
}
@container list-container (max-width: calc(900px + 440px)) {
  .DesktopEnvironment .ListiumList--slideshowMode .ListBanner__coverMediaContainer {
    height: 45vw;
    -webkit-mask-image: none;
  }
}
.ListSlideView .ListBanner__coverMediaContainer {
  min-height: 100%;
}
@media (max-width: 900px) {
  .ListiumList:not(.ListiumList--slideshowMode):not(.ListiumList--embedMode) .ListSlideView .ListBanner__coverMediaContainer {
    max-height: max(calc((var(--list-container-width) - 300px) * 0.45), 25%);
    min-height: min(calc((var(--list-container-width) - 300px) * 0.35), 35%);
    overflow: hidden;
  }
}
@container list-container (max-width: calc(900px + 440px)) {
  .DesktopEnvironment .ListiumList--slideshowMode .ListSlideView .ListBanner__coverMediaContainer {
    max-height: max(calc((var(--list-container-width) - 300px) * 0.45), 25%);
    min-height: min(calc((var(--list-container-width) - 300px) * 0.35), 35%);
    overflow: hidden;
  }
}
.ListBanner__coverMediaContainer--empty {
  min-height: 0;
}
.ListBanner__coverMediaContainer--containsVideo {
  -webkit-mask-image: none;
}
.EmbedContext .ListBanner__coverMediaContainer {
  --embed-cover-image-size: min(120px, 20vw);
  width: var(--embed-cover-image-size);
  min-width: var(--embed-cover-image-size);
  flex-shrink: 0;
  flex-grow: 0;
  height: var(--embed-cover-image-size);
  border-radius: 8px;
  -webkit-mask-image: none;
}
.ListBanner__videoPlayButton {
  position: absolute;
}
.ListBanner__videoPlayButton svg {
  width: 5rem;
  height: 5rem;
}
.ListBanner__coverImage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 900px) {
  .ListiumList:not(.ListiumList--slideshowMode):not(.ListiumList--embedMode) .ListBanner__coverImage {
    position: relative;
    top: unset;
    right: unset;
    bottom: unset;
    left: unset;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
  }
}
@container list-container (max-width: calc(900px + 440px)) {
  .DesktopEnvironment .ListiumList--slideshowMode .ListBanner__coverImage {
    position: relative;
    top: unset;
    right: unset;
    bottom: unset;
    left: unset;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
  }
}
.ListBanner__videoContainer {
  width: 100%;
  height: 100%;
  min-height: 25vw;
  display: grid;
  place-items: center;
}
.ListBanner__editThemeButtonPositioning {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(var(--list-banner-desktop-padding) / 2);
  height: 0;
  z-index: 150;
  margin: auto;
  text-align: right;
  padding-right: 37px;
}
.ListBanner--hasCoverImage .ListBanner__editThemeButtonPositioning {
  top: calc(var(--list-banner-desktop-padding) + 7px);
}
.ListBanner__coverImageEdit {
  font-size: 2rem;
  z-index: 100;
  margin-right: 1rem;
  color: hsl(0, 0%, 100%);
  opacity: 0;
  cursor: pointer;
  transition: opacity 0.2s linear;
}
.ListBanner__coverImageEdit:hover {
  opacity: 1 !important;
}
.ListBanner__editThemeButton {
  width: 3em;
  justify-content: flex-start;
  overflow: hidden;
  transition: width 0.3s ease-in-out, opacity 0.3s ease-in-out;
  color: hsl(0, 0%, 100%);
  background: hsla(0, 0%, 0%, 0.5);
  backdrop-filter: blur(4px);
  margin-right: 1rem;
  padding-left: 0.7em;
  padding-right: 0.7em;
  column-gap: 0.7rem;
  opacity: 0;
}
.DesktopEnvironment .ListBanner__editThemeButton:not(.Button--disabled):hover,
.DesktopEnvironment .ListBanner__editThemeButton--alwaysShow {
  width: 9.5em;
}
.ListBanner__editThemeButtonIcon::before {
  font-size: 1.57142857rem;
  position: relative;
  top: 1px;
  left: calc(-1.57142857rem / 6);
}
.ListBanner:hover .ListBanner__editThemeButton,
.ListBanner:hover .ListBanner__coverImageEdit,
.ListBanner__editThemeButton--alwaysShow {
  opacity: 1;
}
.ListBanner__firstPublishButton {
  bottom: 0;
}
.ListBanner__suggestionLink {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-weight: bold;
  text-align: center;
  background: hsl(5, 90%, 58%) !important;
  color: var(--color-text-primary-light);
  height: 56px;
}
button.ListBanner__suggestionLink {
  background: unset;
  border: none;
  padding: 0;
  margin: 0;
}
.ListBanner__suggestionLinkButton.Button--white {
  margin-left: 1rem;
}
.ListBanner__suggestionLinkButton.Button--white:hover {
  border-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 100%);
}
.ListSlideView .ListBanner__suggestionLink {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
@keyframes videoSlide {
  from {
    transform: translateY(100%);
  }
}
.ListBannerTextContent {
  display: flex;
  flex-direction: column;
  z-index: 100;
  position: relative;
}
.ListBanner--noCoverImage .ListBannerTextContent {
  max-width: 800px;
}
.ListBannerTextContent__title,
.ListBannerTextContent__description {
  width: 100%;
  color: var(--color-text-primary-light);
  border-radius: 8px;
  transition: all 0.3s ease;
  background: transparent;
  box-shadow: none;
}
.DesktopEnvironment .ListBannerTextContent__title,
.DesktopEnvironment .ListBannerTextContent__description {
  padding: 0 0 1rem 0;
}
.DesktopEnvironment .ListiumList--private .ListBanner:hover .ListBannerTextContent__title,
.DesktopEnvironment .ListiumList--private .ListBanner:hover .ListBannerTextContent__description,
.DesktopEnvironment .ListiumList--draft .ListBanner:hover .ListBannerTextContent__title,
.DesktopEnvironment .ListiumList--draft .ListBanner:hover .ListBannerTextContent__description,
.DesktopEnvironment .ListiumList--private .ListBanner:focus-within .ListBannerTextContent__title,
.DesktopEnvironment .ListiumList--private .ListBanner:focus-within .ListBannerTextContent__description,
.DesktopEnvironment .ListiumList--draft .ListBanner:focus-within .ListBannerTextContent__title,
.DesktopEnvironment .ListiumList--draft .ListBanner:focus-within .ListBannerTextContent__description {
  background: hsla(0, 0%, 0%, 0.07);
  box-shadow: inset 0 0 2px 0 hsla(0, 0%, 0%, 0.05);
}
.DesktopEnvironment .ListiumList--private .ListBanner .ListBannerTextContent__title:focus-within,
.DesktopEnvironment .ListiumList--private .ListBanner .ListBannerTextContent__description:focus-within,
.DesktopEnvironment .ListiumList--draft .ListBanner .ListBannerTextContent__title:focus-within,
.DesktopEnvironment .ListiumList--draft .ListBanner .ListBannerTextContent__description:focus-within {
  background: hsla(0, 0%, 0%, 0.3);
  box-shadow: inset 0 0 2px 0px hsla(0, 0%, 0%, 0.1);
}
.EmbedContext .ListBannerTextContent__title:hover {
  cursor: pointer;
  text-decoration: underline;
}
.ListBannerTextContent__userName {
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 500;
  display: inline-block;
  transition: color 0.2s linear;
  color: var(--color-text-secondary-light) !important;
  margin: 0.1rem 0 1rem;
}
.ListBannerTextContent .listBannerTinyUnderline {
  content: "";
  position: absolute;
  left: 0;
  right: 85%;
  height: 1px;
  background: linear-gradient(to right, var(--color-list-banner-light), var(--color-list-banner-medium));
}
.EmbedContext .ListBannerTextContent .listBannerTinyUnderline {
  left: 0;
}
.ListBannerTextContent__description {
  position: relative;
  flex-grow: 1;
  min-height: 60px;
}
.ListBannerTextContent__description:before {
  content: "";
  position: absolute;
  left: 0;
  right: 85%;
  height: 1px;
  background: linear-gradient(to right, var(--color-list-banner-light), var(--color-list-banner-medium));
  top: -11px;
}
.EmbedContext .ListBannerTextContent__description:before {
  left: 0;
}
.ListBanner.no-coverimage .ListBannerTextContent__description:before {
  display: none;
}
.ListBannerTextContent__description:after {
  content: "";
  position: absolute;
  left: 0;
  right: 85%;
  height: 1px;
  background: linear-gradient(to right, var(--color-list-banner-light), var(--color-list-banner-medium));
  bottom: -9px;
}
.EmbedContext .ListBannerTextContent__description:after {
  left: 0;
}
.ListBanner--noCoverImage .ListBannerTextContent__description:after,
.ListiumList--private .ListBannerTextContent__description:after {
  display: none;
}
.ListBannerTextContent__description .ql-editor {
  border: 1px solid transparent;
  padding: 5px 10px;
  margin-left: -10px;
  margin-top: -5px;
}
.ListBannerTextContent__description .ql-editor:before {
  color: var(--color-text-hint-light);
  text-align: center;
  font-size: 1rem;
  padding-top: 3px;
}
.ListBannerTextContent__description .RichTextEditor__counter {
  display: none;
  color: hsl(0, 0%, 100%);
  right: 5px;
  bottom: 0px;
}
.ListBannerTextContent__description .RichTextEditor--focused .RichTextEditor__counter {
  display: block;
}
.ListBannerTextContent__description .RichTextEditor a {
  color: var(--color-list-button-text-light);
}
.EmbedContext .ListBannerTextContent__description {
  display: none;
}
.ListBannerTextContent__affiliateDisclosure {
  font-style: italic;
  font-size: 0.85714286rem;
  color: var(--color-text-secondary-light);
  padding: 1.2em 0.5em 0.5em 0;
  cursor: default;
}
.EmbedContext .ListBannerTextContent__affiliateDisclosure {
  display: none;
}
.ListBannerTextContent__affiliateDisclosureInfoButton {
  color: var(--color-text-secondary-light) !important;
  margin: 0.6ch;
  top: 1px;
}
.ListBannerTextContent__affiliateDisclosureTooltip {
  font-size: 0.85714286rem;
  text-align: left;
  line-height: 1.45;
}
.ListBannerTextContent__placeholder {
  z-index: -1;
  display: flex;
  align-items: center;
  position: absolute;
  opacity: 0;
  font-size: 1rem;
  outline: 0;
  width: 100%;
  top: 5px;
  padding-left: 2px;
  padding-right: 10px;
  transition: opacity 0.2s linear;
}
.RichTextEditor:not(.RichTextEditor--empty) + .ListBannerTextContent__placeholder {
  display: none;
}
.ListBanner:hover .ListBannerTextContent__placeholder {
  opacity: 0.7;
}
.ListBannerTextContent__placeholderText {
  flex-grow: 1;
  text-align: left;
  margin: 0;
}
.ListBannerTextContent:focus-within .ListBannerTextContent__placeholderText {
  opacity: 0;
}
.ListBannerTextContent__description {
  font-size: 1rem;
  line-height: 1.45em;
  font-weight: 400;
}
.DesktopEnvironment .ListBannerTextContent__description {
  min-width: 290px;
}
.ListBannerTextContent__title {
  margin: 0;
  margin-bottom: 10px;
}
.EmbedContext .ListBannerTextContent__title {
  margin-bottom: 4px;
}
.ListBannerTextContent__title .InlineEdit__wrapper {
  bottom: -5px;
  padding-bottom: 0;
}
.ListBannerTextContent__title textarea::placeholder {
  color: var(--color-text-hint-light);
  opacity: 0.5;
}
.ListBannerTextContent__title:focus-within textarea::placeholder {
  opacity: 0;
}
.ListBanner--published .ListBannerTextContent__title {
  cursor: default;
}
.ListBannerTextContent__author {
  margin-bottom: 10px;
}
.ListBannerTextContent__author\* {
  position: relative;
  margin-top: 10px;
}
.ListBannerTextContent__author\* .UserChip__avatar {
  width: 26px;
  height: 26px;
}
.ListBannerTextContent__author\* .UserChip__name {
  font-size: 1rem;
  line-height: 1.55rem;
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-weight: 400;
  transition: color 0.2s ease;
}
.ListBanner.no-coverimage .ListBannerTextContent__author\* .UserChip__name {
  color: hsl(0, 0%, 100%);
}
.ListBannerTextContent__help {
  position: absolute;
  right: 8px;
  bottom: 8px;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.ListBannerTextContent__help--active {
  opacity: 1;
  z-index: 10000;
}
.ListBannerTextContent__help span {
  color: var(--color-text-hint);
  font-weight: 600;
  font-size: 0.8rem;
}
.DesktopEnvironment .ListBanner.no-coverimage .ListBannerTextContent__help span,
.DesktopEnvironment .ListiumList--cardMode\*:not(.ListiumList--public) .ListBannerTextContent__help span {
  color: var(--color-text-hint-light);
}
.ListBannerTextContent__helpTooltip {
  max-width: 175px;
  text-align: left;
}
.DesktopEnvironment .ListBanner .ListBannerTextContent__title {
  font-family: 'Poppins', sans-serif;
  font-size: 3.3rem;
  line-height: 1.15em;
  font-weight: 700;
  letter-spacing: 0;
}
.DesktopEnvironment .ListBanner .ListBannerTextContent__title .InlineEdit__wrapper textarea {
  font-family: 'Poppins', sans-serif;
  font-size: 3.3rem;
  line-height: 1.15em;
  font-weight: 700;
  letter-spacing: 0;
}
@media (max-width: 900px) {
  .ListiumList:not(.ListiumList--slideshowMode):not(.ListiumList--embedMode) .ListBanner .ListBannerTextContent__title {
    font-family: 'Poppins', sans-serif;
    font-size: 2.5rem;
    line-height: 1.25em;
    font-weight: 700;
    letter-spacing: 0;
  }
  .ListiumList:not(.ListiumList--slideshowMode):not(.ListiumList--embedMode) .ListBanner .ListBannerTextContent__title .InlineEdit__wrapper textarea {
    font-family: 'Poppins', sans-serif;
    font-size: 2.5rem;
    line-height: 1.25em;
    font-weight: 700;
    letter-spacing: 0;
  }
}
@container list-container (max-width: calc(900px + 440px)) {
  .DesktopEnvironment .ListiumList--slideshowMode .ListBanner .ListBannerTextContent__title {
    font-family: 'Poppins', sans-serif;
    font-size: 2.5rem;
    line-height: 1.25em;
    font-weight: 700;
    letter-spacing: 0;
  }
  .DesktopEnvironment .ListiumList--slideshowMode .ListBanner .ListBannerTextContent__title .InlineEdit__wrapper textarea {
    font-family: 'Poppins', sans-serif;
    font-size: 2.5rem;
    line-height: 1.25em;
    font-weight: 700;
    letter-spacing: 0;
  }
}
@media (min-width: 600px) and (min-height: 600px) {
  .TouchInterface .ListBanner .ListBannerTextContent__title {
    font-family: 'Poppins', sans-serif;
    font-size: 2.5rem;
    line-height: 1.25em;
    font-weight: 700;
    letter-spacing: 0;
  }
}
.EmbedContext .ListBanner .ListBannerTextContent__title {
  font-family: 'Poppins', sans-serif;
  font-size: 1.6rem;
  line-height: 1.3em;
  font-weight: 600;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  max-height: 50rem;
}
.-contains-AffiliateDisclosureModal hr {
  width: 100%;
}
.ListBannerSharePublishStrip {
  --action-button-size: 35px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex: 0 0 auto;
  gap: 1.5rem;
  overflow: hidden;
  cursor: default;
  padding-top: 10px;
}
@media screen and (max-width: 56.1875em) {
  .ListBannerSharePublishStrip {
    --action-button-size: 30px;
  }
}
.EmbedContext .ListBannerSharePublishStrip {
  padding-top: 0;
}
.ListBannerSharePublishStrip--disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ListBannerSharePublishStrip--spinoff .ListBannerSharePublishStrip__social {
  opacity: 0.5;
  pointer-events: none;
}
.ListBannerSharePublishStrip__userContainer {
  display: flex;
  flex-direction: row;
}
.ListBannerSharePublishStrip__user {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
}
.ListBannerSharePublishStrip__userContent {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.ListBannerSharePublishStrip__userName {
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 600;
  color: var(--color-text-secondary);
  display: inline-block;
  transition: color 0.2s linear;
}
.EmbedContext .ListBannerSharePublishStrip__userName {
  color: var(--color-text-secondary-light) !important;
}
.ListBannerSharePublishStrip__userName:hover {
  text-decoration: underline;
}
a.ListBannerSharePublishStrip__categoryLink:hover {
  color: var(--color-list-button-text-light);
}
.ListBannerSharePublishStrip__avatar {
  height: 40px;
  width: 40px;
  margin-right: 8px;
}
.ListBannerSharePublishStrip__tooltip {
  text-align: left;
}
.ListBannerSharePublishStrip__publishDate {
  font-size: 0.78571429rem;
  line-height: 1.4em;
  color: var(--color-text-hint);
}
.ListBannerSharePublishStrip__social {
  max-width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.ListBannerSharePublishStrip__stats {
  display: flex;
  align-items: center;
}
.ListBannerSharePublishStrip__stat {
  display: grid;
  grid-auto-flow: row;
  row-gap: 2px;
  padding: 2px 1.5rem 2px 0;
  font-size: 1rem;
}
.ListBannerSharePublishStrip__likesStat {
  padding-left: 0;
}
.ListBannerSharePublishStrip__metricNumber {
  font-weight: 700;
  color: var(--color-text-secondary);
  line-height: 1.3;
}
@media screen and (max-width: 56.1875em) {
  .ListBannerSharePublishStrip__metricNumber {
    font-size: 0.85714286rem;
  }
}
.ListBannerSharePublishStrip__metricTextLabel {
  color: var(--color-text-hint);
  font-size: 0.78571429rem;
  line-height: 1.2;
  text-transform: capitalize;
  min-width: 5ch;
}
.ListBannerSharePublishStrip__actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ListBannerSharePublishStrip__likeButton {
  margin-right: 0.5rem;
}
.ListBannerSharePublishStrip__userAction.ListBannerSharePublishStrip__followButton.Button--solidBack {
  min-width: 12ch;
}
.MouseInterface .ListBannerSharePublishStrip__userAction.ListBannerSharePublishStrip__followButton.Button--solidBack:not(.Button--listColor):hover span {
  display: none;
}
.MouseInterface .ListBannerSharePublishStrip__userAction.ListBannerSharePublishStrip__followButton.Button--solidBack:not(.Button--listColor):hover:before {
  content: "Unfollow";
}
.MouseInterface .ListBannerSharePublishStrip__userAction.ListBannerSharePublishStrip__followButton.Button--solidBack:not(.Button--listColor):hover {
  color: hsl(359, 55%, 45%);
}
.ListBanner .ListBannerSharePublishStrip__userName,
.ListBanner .ListBannerSharePublishStrip__publishDate,
.ListBanner .ListBannerSharePublishStrip__publishDate,
.ListBanner .ListBannerSharePublishStrip__metricNumber,
.ListBanner .ListBannerSharePublishStrip__metricTextLabel,
.ListBanner .ListBannerSharePublishStrip__metricIcon,
.ListBanner .ListBannerSharePublishStrip__categoryLink,
.ListBanner .ListBannerSharePublishStrip__social > a {
  color: var(--color-text-primary-light);
}
.ListFooter {
  position: relative;
}
.ListFooter__footerListTeasersContainer {
  position: relative;
  text-align: left;
  background: var(--color-background-3);
  border-top: 1px solid var(--color-border-2);
}
.ListFooter__suggestContainer {
  display: none;
}
.ListFooter__suggestContainerInner {
  padding: 15px 0 15px 0;
  font-size: 1rem;
  text-align: center;
  background: var(--color-list-background-3);
}
.ListFooter__suggestTrigger {
  font-weight: bold;
  cursor: pointer;
  color: var(--color-list-button-text);
}
.ListFooter__suggestTrigger:hover {
  text-decoration: underline;
}
.fixedDataTableLayout_bottomShadow,
.public_fixedDataTable_bottomShadow {
  display: none;
}
.is-published .fixedDataTableLayout_horizontalScrollbar {
  display: none;
}
.FooterListTeasers {
  position: relative;
  padding: 70px 3rem;
}
@media screen and (max-width: 37.4375em) {
  .FooterListTeasers {
    padding: 70px 14px;
  }
}
.FooterListTeasers__header {
  position: relative;
  text-align: left;
  height: 60px;
}
.FooterListTeasers__title {
  font-size: 1.92857143rem;
  font-weight: 700;
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  margin: 0 0 40px 0;
  line-height: 18.9px;
  text-align: left;
  top: 2px;
}
@media screen and (max-width: 37.4375em) {
  .FooterListTeasers__title {
    font-size: 1.28571429rem;
  }
}
.FooterListTeasers__showMore {
  margin-top: 2rem;
}
.FooterListTeasers__teaserContainer {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--list-teaser-min-width), 1fr));
  gap: 14px;
}
@media screen and (max-width: 31.1875em) {
  .FooterListTeasers__teaserContainer {
    --list-teaser-min-width: 160px;
  }
}
@media screen and (max-width: 37.4375em) {
  .FooterListTeasers__teaserContainer {
    flex-direction: column;
  }
}
@keyframes savedFade {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.35;
  }
}
@keyframes savedDisappear {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes savingShow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ListConnectionStatus {
  padding: 0;
  margin: 0;
  display: inline-block;
}
.ListConnectionStatus__status {
  margin: 0;
}
.ListConnectionStatus__status.is-saving {
  color: hsl(28, 80%, 35%);
}
.ListConnectionStatus__status.is-saving:hover,
.ListConnectionStatus__status.is-saving:focus {
  color: hsl(28, 80%, 35%);
}
.ListConnectionStatus__status.is-unsaved {
  color: hsl(202, 55%, 35%);
}
.ListConnectionStatus__status.is-unsaved:hover,
.ListConnectionStatus__status.is-unsaved:focus {
  color: hsl(202, 55%, 35%);
}
.ListConnectionStatus__status.is-saved {
  color: var(--color-text-secondary);
  animation: savedDisappear 1s linear 3s forwards;
}
.ListConnectionStatus__status.is-offline {
  position: absolute;
  color: hsl(359, 55%, 45%);
}
.ListConnectionStatus__status.is-offline:hover,
.ListConnectionStatus__status.is-offline:focus {
  color: hsl(359, 55%, 45%);
}
.ListConnectionStatus__users {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ListConnectionStatus__user {
  display: inline-block;
  margin: 0;
  margin-top: -0.2rem;
  margin-left: 0.5rem;
}
.ListConnectionStatus__user-link {
  display: inline-block;
  cursor: pointer;
}
.ListConnectionStatus__avatar {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  box-shadow: inset 0 0 0 1px rgba(180, 180, 180, 0.3);
}
.ListConnectionStatus__user.is-editor .ListConnectionStatus__avatar {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.ListViewSettingsDropdown {
  width: 280px;
}
.ListViewSettingsDropdown svg.FlatMenuButton__icon {
  width: 1rem;
  vertical-align: middle;
  margin-top: -3px;
}
.ListSettingsCore__fieldModeToggle {
  display: block;
  margin: 2rem;
  margin-bottom: 0rem;
  text-align: center;
  font-size: 0;
}
.ListSettingsCore__fieldModeToggleButton {
  width: 50%;
  display: inline-block;
  text-align: center;
  font-size: 1rem;
  color: hsl(5, 90%, 58%);
  border: 1px solid hsl(5, 90%, 58%);
  margin-right: -1px;
}
.ListSettingsCore__fieldModeToggleButton:first-child {
  border-radius: 6px 0 0 6px;
}
.ListSettingsCore__fieldModeToggleButton:last-child {
  border-radius: 0 6px 6px 0;
}
.ListSettingsCore__fieldModeToggleButton.is-active {
  background: hsl(5, 90%, 58%);
  color: hsl(0, 0%, 100%);
}
.ListSettingsCore__secretLinkCopy {
  display: flex;
  align-items: center;
  border: 1px solid currentColor;
  border-radius: 4px;
  font-size: 0.85714286rem;
  padding: 0 0.5rem;
  height: var(--button-height-compact);
}
.ListSettingsCore__layoutPreview {
  margin: 1.5rem;
}
.ListSettingsCore__publishingHelp {
  margin: 2rem;
}
.ListSettingsCore__publishingRequirementsBox {
  margin: 2rem;
  background: hsl(0, 0%, 100%);
  border: 1px solid var(--color-border-2);
  border-radius: 2px;
  padding: 2rem;
  margin-bottom: 0;
}
.ListSettingsCore__publishingRequirementsLabel {
  margin: 0;
  text-transform: uppercase;
  color: var(--color-text-secondary);
  font-size: 1.28571429rem;
  font-weight: 700;
}
.ListSettingsCore__publishingRequirements {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.ListSettingsCore__publishingRequirement {
  font-weight: 700;
}
.ListSettingsCore__publishingRequirementTrait {
  float: right;
  color: hsl(115, 35%, 30%);
}
.ListSettingsCore__publishingRequirementAbsent {
  color: hsl(359, 55%, 45%);
}
.ListSettingsCore__collaboratorMessage {
  margin: 0 1rem 0.5rem;
}
.ListSettingsCore__collaboratorAvatar {
  float: right;
  margin: 0 1rem;
}
.ListSettingsCore__collaboratorMeta {
  margin-left: 1rem;
  min-height: 110px;
}
.ListSettingsCore__collaboratorName {
  font-size: 1.57142857rem;
  margin-bottom: 0.5rem;
}
.ListSettingsCore__collaboratorUsername {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-text-secondary);
}
.ListSettingsCore__collaboratorDescription {
  line-height: 1.35;
}
.ListSettingsCore__permissionsDescription {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  text-align: left;
  margin: 0 1rem 2rem;
}
.ListSettingsCore__divider {
  margin: 3rem 0;
}
.ListSettingsCore__changeLink {
  margin-left: 10px;
}
.ListSettingsCore__publishingViewsPanel {
  margin-top: 3rem;
}
.ListSettingsCore__publishingViewsPanel .PanelButton {
  padding-right: calc(14px + 15px);
}
.ListSettingsCore__publishingPanelViewDefaultLabels {
  display: flex;
  justify-content: space-between;
  gap: 0;
  width: 6rem;
  margin-right: calc(14px);
  align-items: center;
  transform: translateX(5px);
}
.ListSettingsCore__publishingPanelViewDefaultLabel {
  transform: rotate(-65deg);
  transform-origin: left center;
  width: 1rem;
  font-size: calc(0.71428571rem * 0.9);
  line-height: 1;
  white-space: nowrap;
}
.ListSettingsCore__publishingPanelViewDefaultLabelDivider {
  width: 10px;
}
.ListSettingsCore__publishingPanelViewDefaultLabelDivider svg {
  width: 65px;
  height: 20px;
  stroke: var(--color-border-2);
  stroke-width: 1;
  transform: rotate(-65deg);
  transform-origin: left center;
}
.ListSettingsCore__validationError {
  color: hsl(359, 55%, 45%);
  font-size: 0.85714286rem;
  line-height: 1.32857143rem;
}
.ListSettingsCore__sharingMessage {
  margin-top: -20px;
  margin-bottom: 30px;
}
.ListSettingsCore__confirmRemoveSelfModal {
  border-top-color: hsl(359, 55%, 45%) !important;
}
.ListSettingsCore__publishingRequiredItemsList {
  text-align: left;
  width: 220px;
  padding: 10px;
  font-size: 0.85714286rem;
}
.ListSettingsCore__publishingRequiredItemsListTitle {
  font-weight: 700;
  font-size: 0.85714286rem;
  margin: 0 0 0.3em 0;
}
.ListSettingsCore__publishingRequiredItemsListItem {
  display: grid;
  grid-template-columns: 50% 50%;
}
.ListSettingsCore__publishingRequiredItemsListItemLabel {
  font-weight: 600;
}
.ListSettingsCore__publishingRequiredItemsListItem--invalid {
  color: hsl(359, 55%, 45%);
  font-weight: 600;
}
.ListSettingsCore__publishingRequiredItemsListItem--valid {
  color: hsl(115, 35%, 30%);
}
#PanelInput--copy {
  color: var(--color-text-secondary);
}
.FloatingStackLayer.-contains-ListSettingsCoreCtl {
  transform: translateX(0);
  opacity: 1;
}
.FloatingStackLayer.-contains-ListSettingsCoreCtl.is-hidden {
  transform: translateX(100vw);
}
.FloatingStackLayer.-contains-ListSettingsCoreCtl.is-animating {
  transition: transform 0.2s ease-out;
}
.DescriptionEditPanel .RichTextEditor {
  background: var(--color-input-background-light);
  border: 1px solid var(--color-border-2);
  border-radius: 8px;
  margin: 6px 8px;
  padding: 16px;
}
.ColumnSettingsPanel__additionalTerms {
  display: inline-block;
  width: calc(100% - 80px);
}
.ListFilterHighlightDialog__filterRules {
  list-style: none;
  padding: 0;
}
.ListFilterHighlightDialog__colKeyInput,
.ListFilterHighlightDialog__compareInput,
.ListFilterHighlightDialog__valueInput {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  margin-right: 1%;
  height: 34px;
}
.ListFilterHighlightDialog__colKeyInput select,
.ListFilterHighlightDialog__compareInput select,
.ListFilterHighlightDialog__valueInput select {
  height: 34px;
}
.ListFilterHighlightDialog__colKeyInput {
  width: 90px;
}
.ListFilterHighlightDialog__compareInput {
  width: 140px;
}
.ListFilterHighlightDialog__valueInput {
  width: 140px;
}
.ListFilterHighlightDialog__filterRuleRow {
  margin-bottom: 0.5rem;
  height: 34px;
  position: relative;
}
.ListFilterHighlightDialog__formatStack {
  display: inline-block;
  position: relative;
}
.ListFilterHighlightDialog__format {
  display: inline-block;
  border: 1px solid var(--color-border-3);
  border-radius: 10px;
  width: 20px;
  height: 20px;
  margin-top: 7px;
}
.ListFilterHighlightDialog__formatChoice {
  margin-right: 4px;
  vertical-align: top;
  text-align: center;
}
.ListFilterHighlightDialog__formatChoices {
  position: absolute;
  top: 0;
  left: 0;
  width: 238px;
  background: linear-gradient(to right, hsl(0, 0%, 100%) 70%, rgba(255, 255, 255, 0));
  text-align: left;
  display: none;
}
.ListFilterHighlightDialog__formatChoices.is-visible {
  display: block;
}
.ListFilterHighlightDialog__format-highlight-strikethrough {
  font-family: "listiumicons";
  text-align: center;
  color: var(--color-text-primary);
}
.ListFilterHighlightDialog__format-highlight-strikethrough:before {
  height: 20px;
  vertical-align: top;
  line-height: 20px;
}
.ListFilterHighlightDialog__filterRuleDelete,
.ListFilterHighlightDialog__filterRuleColumn {
  display: inline-block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  vertical-align: middle;
  text-align: center;
}
.ListFilterHighlightDialog__filterRuleDelete {
  color: var(--color-text-primary);
  position: absolute;
  right: 10px;
}
.ListFilterHighlightDialog__valueInput {
  border: 1px solid var(--color-border-4);
  border-radius: 2px;
  padding: 2px;
}
.ListFilterHighlightDialog__valueInput--Boolean {
  border: none;
}
.ListFilterHighlightDialog__valueInput--Boolean .custom-checkbox-link {
  margin-left: 0.5rem;
  line-height: 30px;
}
.ListFilterHighlightDialog__formatMessage {
  color: var(--color-text-secondary);
  font-style: italic;
}
.Map {
  text-align: center;
  cursor: pointer;
}
.Map-filled {
  color: hsl(359, 55%, 45%);
  opacity: 1;
}
.Map-filled:hover {
  color: hsl(359, 55%, 45%);
  opacity: 1;
}
.Map__locationText {
  font-size: 1rem;
  margin-left: 5px;
}
.ListTableViewRow .Map {
  cursor: pointer;
  color: var(--color-text-primary);
  opacity: 0;
  transition: opacity 0.2s linear;
}
.ListTableViewRow .Map-filled {
  color: hsl(359, 55%, 45%);
  opacity: 1;
}
.ListTableViewRow:hover .Map {
  opacity: 0.2;
}
.ListTableViewRow:hover .Map-filled {
  color: hsl(359, 55%, 45%);
  opacity: 1;
}
.ListTableViewRow:hover .Map:hover {
  opacity: 0.5;
}
.ListTableViewRow:hover .Map-filled:hover {
  color: hsl(359, 55%, 45%);
  opacity: 1;
}
.VideoCell {
  display: inline-block;
  vertical-align: middle;
  height: 38px;
  text-align: center;
  width: 46px;
  position: relative;
}
.VideoCell__preview > img {
  border-radius: 8px;
}
.ListItemEditorField .VideoCell--hasValue {
  height: auto;
  width: 200px;
}
.VideoCell__preview > i {
  position: relative;
  top: -9px;
  font-size: 18px;
  opacity: 0;
  transition: opacity 0.3s linear;
}
.ListItemEditorField .VideoCell__preview {
  display: inline-block;
  height: 38px;
  width: 46px;
}
.ListItemEditorField .VideoCell--hasValue .VideoCell__preview {
  height: auto;
  width: 200px;
}
.ListItemEditorField .VideoCell__preview > i {
  opacity: 0.6;
  top: 7px;
}
.ListTableViewRow:hover .VideoCell__preview > i {
  opacity: 0.2;
}
.VideoCell__preview:hover > i {
  opacity: 0.5;
}
.ListTableViewRow--hover .VideoCell__preview:hover > i {
  opacity: 0.5;
}
.VideoCell__edit {
  width: 24px;
  height: 24px;
  display: flex;
  position: absolute;
  left: 100%;
  top: 6px;
  margin-left: -12px;
  margin-top: -12px;
  color: var(--color-list-button-text);
  border: 1px solid currentColor;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  background: white;
  opacity: 0;
  transition: opacity 0.3s linear;
}
.VideoCell__edit:hover {
  background: var(--color-list-button-text);
  color: var(--color-text-primary-light);
  border-color: var(--color-list-button-text);
}
.ListTableViewRow--hover .VideoCell__edit {
  opacity: 1;
}
.ListItemEditorField .VideoCell__edit {
  opacity: 1;
}
.VideoCellDialog__preview {
  min-height: min(255px, 20vh);
  max-height: 20vh;
  margin-bottom: 1rem;
  display: grid;
  place-items: center;
  color: var(--color-text-hint);
}
.VideoCellDialog__preview--placeholder {
  border: 2px dashed var(--color-border-2);
}
.VideoCellDialog__preview img {
  max-height: 20vh;
}
.VideoCellDialog__inputLabel {
  display: block;
}
.VideoCellDialog__inputLabelInputSmall[type="number"] {
  display: inline-block;
  width: 80px;
}
.VideoCellDialog__inputLabelInputSmall[type="number"] + .VideoCellDialog__inputLabelInputSmall[type="number"] {
  margin-left: 12px;
}
.SubTaskChooser__task.is-dragging {
  background: var(--color-background-1--dragging);
  border-radius: 3px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.SubTaskChooser__task.is-dragging * {
  cursor: grabbing !important;
}
.SubTaskChooser {
  user-select: none;
  /*  &__placeholder:first-child + &__task &__shadow {
    display: block;
  }*/
}
.SubTaskChooser__tasks {
  list-style: none;
  margin: 0;
  padding: 0;
}
.SubTaskChooser--isListItemEditor .SubTaskChooser__task {
  width: auto;
}
.SubTaskChooser__task {
  width: 264px;
  position: relative;
  list-style: none;
}
.SubTaskChooser__task + .SubTaskChooser__task {
  border-top: 1px solid var(--color-border-2);
}
.SubTaskChooser__taskContainer {
  display: flex;
  align-items: stretch;
}
.SubTaskChooser .icon,
.SubTaskChooser .input-group.-error label,
.SubTaskChooser .custom-checkbox-link,
.SubTaskChooser .checkbox.-checked,
.SubTaskChooser .checkbox.-unchecked,
.SubTaskChooser input.-custom[type="checkbox"] + .custom-checkbox,
.SubTaskChooser .image-upload .upload-link,
.SubTaskChooser .ReactSelect__clear,
.SubTaskChooser .ReactSelect__search-icon,
.SubTaskChooser .DateTimePicker .touch-date.is-empty,
.SubTaskChooser .DateTimePicker .touch-date.-empty,
.SubTaskChooser .TimePicker .time-group .next,
.SubTaskChooser .TimePicker .time-group .prev,
.SubTaskChooser .PopupMenu__title__close,
.SubTaskChooser .PopupMenu__title__back,
.SubTaskChooser .BaseCell--manualurl a.link,
.SubTaskChooser .ListTableViewHeaderCell__index-arrow-down,
.SubTaskChooser .ListTableViewHeaderCell__fieldSettingsButton,
.SubTaskChooser .ListTableViewHeaderCell__fieldHideButton,
.SubTaskChooser .ListTableViewHeaderCell__status .sort-state,
.SubTaskChooser .ListTableViewHeaderCell__status .filtered,
.SubTaskChooser .ListTableViewHeaderCell__status .grouped,
.SubTaskChooser .RowIndexCell__reminder-mark,
.SubTaskChooser .RowIndexCell__dirty-mark {
  font-size: 15px !important;
  padding: 0 !important;
}
.SubTaskChooser__dragHandle {
  display: flex;
  padding: 0 5px;
  cursor: move;
  cursor: grab;
}
.SubTaskChooser__dragHandle .icon--DragHandlePortrait {
  pointer-events: none;
}
.SubTaskChooser__dragHandle:active {
  cursor: grabbing;
}
.SubTaskChooser__dragHandle svg {
  display: block;
  fill: var(--color-text-hint);
  width: 6px;
  height: 14px;
  margin: auto;
}
.SubTaskChooser__shadow {
  display: block;
  height: 2px;
  background: hsl(5, 90%, 58%);
  margin: -7px -5px 5px;
  border-radius: 1px;
}
.SubTaskChooser__placeholder .SubTaskChooser__shadow,
.SubTaskChooser__placeholder + .SubTaskChooser__task .SubTaskChooser__shadow {
  display: none;
}
.SubTaskChooser__taskCheckbox {
  display: flex;
  padding: 0 5px;
  cursor: pointer;
  position: relative;
  top: -0.5px;
}
.SubTaskChooser__taskCheckbox .icon,
.SubTaskChooser__taskCheckbox .input-group.-error label,
.SubTaskChooser__taskCheckbox .custom-checkbox-link,
.SubTaskChooser__taskCheckbox .checkbox.-checked,
.SubTaskChooser__taskCheckbox .checkbox.-unchecked,
.SubTaskChooser__taskCheckbox input.-custom[type="checkbox"] + .custom-checkbox,
.SubTaskChooser__taskCheckbox .image-upload .upload-link,
.SubTaskChooser__taskCheckbox .ReactSelect__clear,
.SubTaskChooser__taskCheckbox .ReactSelect__search-icon,
.SubTaskChooser__taskCheckbox .DateTimePicker .touch-date.is-empty,
.SubTaskChooser__taskCheckbox .DateTimePicker .touch-date.-empty,
.SubTaskChooser__taskCheckbox .TimePicker .time-group .next,
.SubTaskChooser__taskCheckbox .TimePicker .time-group .prev,
.SubTaskChooser__taskCheckbox .PopupMenu__title__close,
.SubTaskChooser__taskCheckbox .PopupMenu__title__back,
.SubTaskChooser__taskCheckbox .BaseCell--manualurl a.link,
.SubTaskChooser__taskCheckbox .ListTableViewHeaderCell__index-arrow-down,
.SubTaskChooser__taskCheckbox .ListTableViewHeaderCell__fieldSettingsButton,
.SubTaskChooser__taskCheckbox .ListTableViewHeaderCell__fieldHideButton,
.SubTaskChooser__taskCheckbox .ListTableViewHeaderCell__status .sort-state,
.SubTaskChooser__taskCheckbox .ListTableViewHeaderCell__status .filtered,
.SubTaskChooser__taskCheckbox .ListTableViewHeaderCell__status .grouped,
.SubTaskChooser__taskCheckbox .RowIndexCell__reminder-mark,
.SubTaskChooser__taskCheckbox .RowIndexCell__dirty-mark {
  display: block;
  margin: auto;
}
input.SubTaskChooser__taskInput {
  flex: 1;
  background: none;
  border: none;
  margin-bottom: 0;
  line-height: 23px;
  height: 33px;
  min-height: 33px;
  min-width: 150px;
  outline: none;
  padding: 5px 11px;
  text-overflow: ellipsis;
}
.SubTaskChooser__taskCross {
  line-height: 33px;
  padding: 0 5px;
  color: var(--color-text-hint);
  cursor: pointer;
}
.SubTaskChooser__taskCross:active {
  color: var(--color-text-secondary);
}
.SubTaskChooser__placeholder .SubTaskChooser__taskContainer {
  opacity: 0.2;
}
.SubTaskChooser__task--dummy {
  display: flex;
  flex-direction: column;
}
.SubTaskChooser__taskInput--dummy {
  padding-left: 52px;
  transition: padding-left 0.2s 0.2s cubic-bezier(0.2, 0.5, 0.2, 1);
}
.SubTaskChooser__task--dummy:first-child .SubTaskChooser__taskInput--dummy {
  box-shadow: inset 0 0 0 1px var(--color-list-border-3);
  border-radius: 4px;
  padding-left: 11px;
}
.SubTaskChooser__task--complete {
  color: var(--color-border-3);
}
.SubTaskChooser__task--complete input {
  color: var(--color-text-hint);
  text-decoration: line-through;
}
.table-view-cell-checklist {
  font-size: 11px;
  opacity: 0;
  transition: opacity 0.2s linear;
  cursor: pointer;
}
.table-view-cell-checklist:focus {
  opacity: 0.75;
}
.ListTableViewRow:hover .table-view-cell-checklist {
  opacity: 0.2;
}
.ListTableViewRow:hover .table-view-cell-checklist:hover {
  opacity: 0.5;
}
.SubTaskCellComponent {
  display: block;
  padding: 0 20px;
  margin: 0 -20px;
  color: var(--color-text-primary);
  cursor: pointer;
}
.SubTaskCellComponent__popupOpen .table-view-cell-checklist,
.ListTableViewRow:hover .SubTaskCellComponent__popupOpen .table-view-cell-checklist {
  opacity: 0.5;
}
.ListFieldsEditor {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding-left: 0;
  margin: 0;
  padding: 10px 6px calc(100px + var(--ios-safe-area-bottom));
}
.ListSidebarRight .ListFieldsEditor {
  padding: var(--list-sidebar-padding) 0 calc(2 * var(--list-sidebar-padding));
  background-color: var(--color-list-sidebar-background);
}
.ListFieldsEditor__addNewFieldButton {
  margin-top: 30px;
  padding: 6px;
  height: var(--panel-button-height, 2.8rem);
  background-color: var(--color-list-background-1);
}
/* TOUCH AND MOUSE STYLES */
.ListItemEditorField {
  --locked-field-background: var(--color-list-background-main);
  --locked-field-border-color: var(--color-list-border-1);
  --icon-fill: var(--color-text-primary);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.ListItemEditorField li {
  list-style: none;
  line-height: 1.55rem;
}
.ListItemEditorField__container {
  display: grid;
  position: relative;
  grid-template-areas: "drag content";
  grid-auto-columns: 0 calc(100% - 15px);
  grid-gap: 7px;
  transition: transform 0.2s ease;
  margin-bottom: 10px;
  padding: 3px 6px 15px;
  border-bottom: 1px solid var(--color-list-border-2);
}
.ListSidebarRight .ListItemEditorField__container {
  padding-left: 0;
  padding-right: 0;
}
.ListItemEditorField--with-selection .ListItemEditorField__container {
  padding-left: 3rem;
  padding-right: 1.2rem;
}
.ListItemEditorField--is-draggable .ListItemEditorField__container {
  grid-auto-columns: 30px calc(100% - 30px - 10px);
}
.ListItemEditorField--inBulkEditor .ListItemEditorField__container {
  grid-template-areas: "content drag";
  grid-auto-columns: 100%;
  padding-left: 1.2rem;
}
.ListItemEditorField--inBulkEditor {
  padding-left: 50px;
}
.ListItemEditorField--inBulkEditor .ListItemEditorField__selector {
  left: -30px !important;
}
.ListItemEditorField:last-child .ListItemEditorField__container {
  margin-bottom: 0;
}
.ListItemEditorField--dragPreviewContainer {
  position: fixed;
  pointer-events: none;
  z-index: 100;
  right: 0;
  width: 100%;
  top: 0;
  height: 100%;
}
.DesktopEnvironment .ListItemEditorField--dragPreviewContainer {
  width: 350px;
}
.ListItemEditorField--dragPreviewContainer .ListItemEditorField__container {
  background: var(--color-list-sidebar-background);
  border-bottom: none;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.ListItemEditorField__content {
  grid-area: content;
}
.ListItemEditorField__drag {
  grid-area: drag;
  align-self: center;
  justify-self: center;
  cursor: grab;
  padding: 7px;
}
.ListItemEditorField__drag > span {
  display: flex;
}
.ListItemEditorField__dragIcon {
  opacity: 0.5;
  width: 100%;
  height: 100%;
}
.ListItemEditorField__dragIcon--lock {
  opacity: 0.3;
  cursor: not-allowed;
}
.ListItemEditorField__settings-icon,
.ListItemEditorField__visibility-icon,
.ListItemEditorField__ai-icon,
.ListItemEditorField__search-icon {
  cursor: pointer;
  width: 100%;
  opacity: 0.6;
}
.ListItemEditorField__settings-icon path,
.ListItemEditorField__visibility-icon path,
.ListItemEditorField__ai-icon path,
.ListItemEditorField__search-icon path,
.ListItemEditorField__settings-icon circle,
.ListItemEditorField__visibility-icon circle,
.ListItemEditorField__ai-icon circle,
.ListItemEditorField__search-icon circle {
  fill: var(--icon-fill);
  stroke: var(--icon-fill);
}
.ListItemEditorField__settings-icon:hover,
.ListItemEditorField__visibility-icon:hover,
.ListItemEditorField__ai-icon:hover,
.ListItemEditorField__search-icon:hover {
  opacity: 1;
}
.ListItemEditorField__settings-icon path {
  stroke: none;
}
.ListItemEditorField__search-icon path {
  fill: none;
}
.ListItemEditorField--hidden .ListItemEditorField__visibility-icon {
  opacity: 0.9;
}
.ListItemEditorField--hidden .ListItemEditorField__visibility-icon path,
.ListItemEditorField--hidden .ListItemEditorField__visibility-icon circle {
  fill: hsl(359, 55%, 45%);
}
.ListItemEditorField__lock-icon {
  cursor: not-allowed;
}
.ListItemEditorField__lock-icon path {
  fill: var(--color-text-placeholder);
}
.ListItemEditorField--inBulkEditor .ListItemEditorField__visibility-icon,
.ListItemEditorField--inBulkEditor .ListItemEditorField__settings-icon,
.ListItemEditorField--inBulkEditor .ListItemEditorField__ai-icon,
.ListItemEditorField--inBulkEditor .ListItemEditorField__search-icon {
  display: none;
}
.ListItemEditorField__lock-icon,
.ListItemEditorField__settings-icon,
.ListItemEditorField__visibility-icon,
.ListItemEditorField__search-icon,
.ListItemEditorField__ai-icon {
  width: 20px;
  height: 20px;
  padding: 3px;
}
.ListItemEditorField__action--ai {
  margin-right: 2ch;
}
.ListItemEditorField__action--ai:after {
  content: 'BETA';
  position: absolute;
  top: 0;
  right: -3.2ch;
  height: 10px;
  color: var(--icon-fill);
  font-size: 8px;
  line-height: 10px;
  font-weight: 600;
  letter-spacing: -0.08ch;
  font-style: italic;
  margin-left: 4px;
}
.ListItemEditorField__topRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--color-text-primary);
  font-size: 0.85714286rem;
  font-weight: 600;
  transition: color 0.2s linear;
  margin-bottom: 0;
  margin-top: 0;
  margin-bottom: 4px;
  padding-left: 2px;
  padding-right: 1px;
  height: 17px;
}
.DesktopEnvironment .ListItemEditorField__topRow {
  font-size: 1rem;
  grid-gap: 10px;
}
.ListItemEditorField__label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ListItemEditorField__actions {
  display: flex;
  align-items: center;
  gap: 5px;
}
.ListItemEditorField__action {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ListItemEditorField__caption:not(:empty) {
  font-style: italic;
  opacity: 0.55;
}
.ListItemEditorField__caption:not(:empty):before {
  content: '(';
}
.ListItemEditorField__caption:not(:empty):after {
  content: ')';
}
.ListItemEditorField__name,
.ListItemEditorField__caption {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.6;
  padding-left: 2px;
  font-size: 1rem;
  font-weight: 500;
}
.ListItemEditorField--hidden .ListItemEditorField__name,
.ListItemEditorField--hidden .ListItemEditorField__caption,
.ListItemEditorField--hidden .ListItemEditorField__label {
  color: hsl(359, 55%, 45%);
}
.ListItemEditorField__fieldWrapper {
  min-height: 36px;
  vertical-align: middle;
  display: flex;
  position: relative;
  border-radius: 4px;
  background-color: var(--color-background-00);
  border: 1px solid var(--color-list-border-2);
  line-height: 1.55rem;
  padding: 5px 5px 5px 0;
  transition: background-color 0.2s, border-color 0.2s;
}
.ListItemEditorField__fieldWrapper .RichTextEditor__counter {
  right: 1px;
}
.DesktopEnvironment .ListItemEditorField__fieldWrapper {
  background-color: var(--color-list-background-sidebar-input, var(--color-background-00));
}
.-is-ios .ListItemEditorField__fieldWrapper {
  line-height: 1.6rem;
}
.ListItemEditorField__fieldWrapper--hasHoverState {
  padding-left: 6px;
}
.MouseInterface .ListItemEditorField__fieldWrapper--hasHoverState:hover {
  border-color: var(--color-list-border-4);
}
.ListItemEditorField__fieldWrapper--hasHoverState:focus-within {
  background-color: var(--color-background-00);
  border-color: var(--color-list-border-4);
}
.ListItemEditorField__fieldWrapper a[href],
.ListItemEditorField__fieldWrapper a[href]:before {
  color: var(--color-list-button-text);
}
.ListItemEditorField__fieldWrapper .InlineEdit__wrapper,
.ListItemEditorField__fieldWrapper .InlineEditArea__wrapper {
  padding-bottom: 0;
}
.ListItemEditorField__fieldWrapper .MultiSelect {
  min-height: auto;
  width: 100%;
  line-height: 1.3;
}
.ListItemEditorField__fieldWrapper .MultiSelect__valueList {
  overflow: unset;
}
.ListItemEditorField__fieldWrapper .MultiSelect__value {
  top: 0;
  margin: 2px;
}
.ListItemEditorField__fieldWrapper .icon,
.ListItemEditorField__fieldWrapper .input-group.-error label,
.ListItemEditorField__fieldWrapper .custom-checkbox-link,
.ListItemEditorField__fieldWrapper .checkbox.-checked,
.ListItemEditorField__fieldWrapper .checkbox.-unchecked,
.ListItemEditorField__fieldWrapper input.-custom[type="checkbox"] + .custom-checkbox,
.ListItemEditorField__fieldWrapper .image-upload .upload-link,
.ListItemEditorField__fieldWrapper .ReactSelect__clear,
.ListItemEditorField__fieldWrapper .ReactSelect__search-icon,
.ListItemEditorField__fieldWrapper .DateTimePicker .touch-date.is-empty,
.ListItemEditorField__fieldWrapper .DateTimePicker .touch-date.-empty,
.ListItemEditorField__fieldWrapper .TimePicker .time-group .next,
.ListItemEditorField__fieldWrapper .TimePicker .time-group .prev,
.ListItemEditorField__fieldWrapper .PopupMenu__title__close,
.ListItemEditorField__fieldWrapper .PopupMenu__title__back,
.ListItemEditorField__fieldWrapper .BaseCell--manualurl a.link,
.ListItemEditorField__fieldWrapper .ListTableViewHeaderCell__index-arrow-down,
.ListItemEditorField__fieldWrapper .ListTableViewHeaderCell__fieldSettingsButton,
.ListItemEditorField__fieldWrapper .ListTableViewHeaderCell__fieldHideButton,
.ListItemEditorField__fieldWrapper .ListTableViewHeaderCell__status .sort-state,
.ListItemEditorField__fieldWrapper .ListTableViewHeaderCell__status .filtered,
.ListItemEditorField__fieldWrapper .ListTableViewHeaderCell__status .grouped,
.ListItemEditorField__fieldWrapper .RowIndexCell__reminder-mark,
.ListItemEditorField__fieldWrapper .RowIndexCell__dirty-mark {
  padding: 3px;
}
.ListItemEditorField .InlineEdit,
.ListItemEditorField .InlineEditArea,
.ListItemEditorField .InlineEdit__wrapper,
.ListItemEditorField .ListCell__selectWrapper {
  display: inline-block;
  width: 100%;
}
.ListItemEditorField .IconSpread,
.ListItemEditorField .IconRange {
  display: flex;
  width: 150px;
  justify-content: space-around;
  min-height: 1.75rem;
}
.ListItemEditorField .IconRange--star .IconRange__pip,
.ListItemEditorField .IconRange__pip,
.ListItemEditorField .IconRange--price {
  font-size: 1.57142857rem;
  line-height: 1.75rem;
}
.ListItemEditorField .IconSpread__pip:not(.is-active) {
  color: var(--color-text-placeholder);
  transition: color 0.2s linear;
}
.MouseInterface .ListItemEditorField .IconSpread__pip:not(.is-active):hover {
  color: var(--color-text-secondary);
}
.ListItemEditorField .IconCycle--thumbs {
  margin-top: 3px;
  margin-bottom: 3px;
}
.ListItemEditorField .IconSpread__li,
.ListItemEditorField .IconRange__li {
  margin: 0;
  padding: 0;
}
.ListItemEditorField .IconRange--star {
  margin: 0;
}
.ListItemEditorField .IconRange--price {
  margin: 0;
  font-size: 1.57142857rem;
  font-weight: 700;
}
.ListItemEditorField .IconSpread--tick_cross {
  width: 90px;
}
.ListItemEditorField--SearchLink .ListItemEditorField__fieldWrapper,
.ListItemEditorField--ShopLink .ListItemEditorField__fieldWrapper {
  background: var(--locked-field-background);
  border-color: var(--locked-field-border-color);
}
.ListItemEditorField--SearchLink .ListItemEditorField__fieldWrapper a:before,
.ListItemEditorField--ShopLink .ListItemEditorField__fieldWrapper a:before {
  font-size: 1.28571429rem;
  display: inline-block;
  width: 17px;
  margin-right: 6px;
  margin-left: 6px;
  text-align: center;
}
.ListItemEditorField__urlOuterWrapper {
  width: 100%;
}
.ListItemEditorField--ManualURL-short .ListItemEditorField__fieldWrapper {
  overflow: hidden;
}
.ListItemEditorField__urlLink {
  float: left;
  width: 17px;
  text-align: center;
  color: var(--color-list-button-text);
}
.ListItemEditorField__urlLink .icon,
.ListItemEditorField__urlLink .input-group.-error label,
.ListItemEditorField__urlLink .custom-checkbox-link,
.ListItemEditorField__urlLink .checkbox.-checked,
.ListItemEditorField__urlLink .checkbox.-unchecked,
.ListItemEditorField__urlLink input.-custom[type="checkbox"] + .custom-checkbox,
.ListItemEditorField__urlLink .image-upload .upload-link,
.ListItemEditorField__urlLink .ReactSelect__clear,
.ListItemEditorField__urlLink .ReactSelect__search-icon,
.ListItemEditorField__urlLink .DateTimePicker .touch-date.is-empty,
.ListItemEditorField__urlLink .DateTimePicker .touch-date.-empty,
.ListItemEditorField__urlLink .TimePicker .time-group .next,
.ListItemEditorField__urlLink .TimePicker .time-group .prev,
.ListItemEditorField__urlLink .PopupMenu__title__close,
.ListItemEditorField__urlLink .PopupMenu__title__back,
.ListItemEditorField__urlLink .BaseCell--manualurl a.link,
.ListItemEditorField__urlLink .ListTableViewHeaderCell__index-arrow-down,
.ListItemEditorField__urlLink .ListTableViewHeaderCell__fieldSettingsButton,
.ListItemEditorField__urlLink .ListTableViewHeaderCell__fieldHideButton,
.ListItemEditorField__urlLink .ListTableViewHeaderCell__status .sort-state,
.ListItemEditorField__urlLink .ListTableViewHeaderCell__status .filtered,
.ListItemEditorField__urlLink .ListTableViewHeaderCell__status .grouped,
.ListItemEditorField__urlLink .RowIndexCell__reminder-mark,
.ListItemEditorField__urlLink .RowIndexCell__dirty-mark {
  padding: 0;
  font-size: 1.28571429rem;
  margin-right: 2rem;
}
.ListItemEditorField__urlLink--placeholder {
  color: var(--color-text-placeholder);
}
.ListItemEditorField__urlLinkWrapper {
  position: relative;
  margin-left: 23px;
}
.ListItemEditorField .Map,
.ListItemEditorField .touch-date.is-empty,
.ListItemEditorField .upload-link {
  display: inline-block;
  width: 100%;
  text-align: left;
  margin: 0;
  padding: 0;
}
.ListItemEditorField .Map a {
  padding-left: 6px;
  padding-right: 6px;
}
.ListItemEditorField .Map {
  cursor: pointer;
  color: var(--color-list-button-text);
  transition: opacity 0.2s linear, color 0.2s linear;
}
.ListItemEditorField .Map .icon,
.ListItemEditorField .Map .input-group.-error label,
.ListItemEditorField .Map .custom-checkbox-link,
.ListItemEditorField .Map .checkbox.-checked,
.ListItemEditorField .Map .checkbox.-unchecked,
.ListItemEditorField .Map input.-custom[type="checkbox"] + .custom-checkbox,
.ListItemEditorField .Map .image-upload .upload-link,
.ListItemEditorField .Map .ReactSelect__clear,
.ListItemEditorField .Map .ReactSelect__search-icon,
.ListItemEditorField .Map .DateTimePicker .touch-date.is-empty,
.ListItemEditorField .Map .DateTimePicker .touch-date.-empty,
.ListItemEditorField .Map .TimePicker .time-group .next,
.ListItemEditorField .Map .TimePicker .time-group .prev,
.ListItemEditorField .Map .PopupMenu__title__close,
.ListItemEditorField .Map .PopupMenu__title__back,
.ListItemEditorField .Map .BaseCell--manualurl a.link,
.ListItemEditorField .Map .ListTableViewHeaderCell__index-arrow-down,
.ListItemEditorField .Map .ListTableViewHeaderCell__fieldSettingsButton,
.ListItemEditorField .Map .ListTableViewHeaderCell__fieldHideButton,
.ListItemEditorField .Map .ListTableViewHeaderCell__status .sort-state,
.ListItemEditorField .Map .ListTableViewHeaderCell__status .filtered,
.ListItemEditorField .Map .ListTableViewHeaderCell__status .grouped,
.ListItemEditorField .Map .RowIndexCell__reminder-mark,
.ListItemEditorField .Map .RowIndexCell__dirty-mark {
  opacity: 0.6;
  color: var(--color-text-secondary);
  transition: opacity 0.2s linear, color 0.2s linear;
}
.ListItemEditorField .Map:hover .icon,
.ListItemEditorField .Map:hover .input-group.-error label,
.ListItemEditorField .Map:hover .custom-checkbox-link,
.ListItemEditorField .Map:hover .checkbox.-checked,
.ListItemEditorField .Map:hover .checkbox.-unchecked,
.ListItemEditorField .Map:hover input.-custom[type="checkbox"] + .custom-checkbox,
.ListItemEditorField .Map:hover .image-upload .upload-link,
.ListItemEditorField .Map:hover .ReactSelect__clear,
.ListItemEditorField .Map:hover .ReactSelect__search-icon,
.ListItemEditorField .Map:hover .DateTimePicker .touch-date.is-empty,
.ListItemEditorField .Map:hover .DateTimePicker .touch-date.-empty,
.ListItemEditorField .Map:hover .TimePicker .time-group .next,
.ListItemEditorField .Map:hover .TimePicker .time-group .prev,
.ListItemEditorField .Map:hover .PopupMenu__title__close,
.ListItemEditorField .Map:hover .PopupMenu__title__back,
.ListItemEditorField .Map:hover .BaseCell--manualurl a.link,
.ListItemEditorField .Map:hover .ListTableViewHeaderCell__index-arrow-down,
.ListItemEditorField .Map:hover .ListTableViewHeaderCell__fieldSettingsButton,
.ListItemEditorField .Map:hover .ListTableViewHeaderCell__fieldHideButton,
.ListItemEditorField .Map:hover .ListTableViewHeaderCell__status .sort-state,
.ListItemEditorField .Map:hover .ListTableViewHeaderCell__status .filtered,
.ListItemEditorField .Map:hover .ListTableViewHeaderCell__status .grouped,
.ListItemEditorField .Map:hover .RowIndexCell__reminder-mark,
.ListItemEditorField .Map:hover .RowIndexCell__dirty-mark {
  color: var(--color-list-button-text);
  opacity: 1;
}
.ListItemEditorField .Map-filled .icon,
.ListItemEditorField .Map-filled .input-group.-error label,
.ListItemEditorField .Map-filled .custom-checkbox-link,
.ListItemEditorField .Map-filled .checkbox.-checked,
.ListItemEditorField .Map-filled .checkbox.-unchecked,
.ListItemEditorField .Map-filled input.-custom[type="checkbox"] + .custom-checkbox,
.ListItemEditorField .Map-filled .image-upload .upload-link,
.ListItemEditorField .Map-filled .ReactSelect__clear,
.ListItemEditorField .Map-filled .ReactSelect__search-icon,
.ListItemEditorField .Map-filled .DateTimePicker .touch-date.is-empty,
.ListItemEditorField .Map-filled .DateTimePicker .touch-date.-empty,
.ListItemEditorField .Map-filled .TimePicker .time-group .next,
.ListItemEditorField .Map-filled .TimePicker .time-group .prev,
.ListItemEditorField .Map-filled .PopupMenu__title__close,
.ListItemEditorField .Map-filled .PopupMenu__title__back,
.ListItemEditorField .Map-filled .BaseCell--manualurl a.link,
.ListItemEditorField .Map-filled .ListTableViewHeaderCell__index-arrow-down,
.ListItemEditorField .Map-filled .ListTableViewHeaderCell__fieldSettingsButton,
.ListItemEditorField .Map-filled .ListTableViewHeaderCell__fieldHideButton,
.ListItemEditorField .Map-filled .ListTableViewHeaderCell__status .sort-state,
.ListItemEditorField .Map-filled .ListTableViewHeaderCell__status .filtered,
.ListItemEditorField .Map-filled .ListTableViewHeaderCell__status .grouped,
.ListItemEditorField .Map-filled .RowIndexCell__reminder-mark,
.ListItemEditorField .Map-filled .RowIndexCell__dirty-mark {
  color: var(--color-list-button-text);
  opacity: 0.85;
}
.MouseInterface .ListItemEditorField .Map:hover,
.MouseInterface .ListItemEditorField .Map-filled:hover {
  opacity: 1;
}
.ListItemEditorField .image-link {
  width: calc(100% - 45px);
}
.ListItemEditorField .image-link img {
  border-radius: 4px;
  max-height: 100px;
  margin: 3px 3px 3px 8px;
}
.ListItemEditorField .image-upload a {
  color: var(--color-text-placeholder);
  transition: color 0.2s linear;
  font-size: 1.57142857rem;
  margin-left: 5px;
}
.MouseInterface .ListItemEditorField .image-upload a:hover {
  color: var(--color-text-secondary);
}
.ListItemEditorField .touch-date.is-empty {
  color: var(--color-text-placeholder);
  transition: color 0.2s linear;
  font-size: 1rem;
}
.MouseInterface .ListItemEditorField .touch-date.is-empty:hover {
  color: var(--color-text-secondary);
}
.ListItemEditorField .DateTimePicker .touch-date:not(.is-empty) {
  display: inline-block;
}
.ListItemEditorField--FilesAttachment .ListItemEditorField__fieldWrapper {
  padding-left: 6px;
}
.ListItemEditorField--Formula .ListItemEditorField__fieldWrapper {
  background: var(--locked-field-background);
  border-color: var(--locked-field-border-color);
  padding: 2px 0 2px 8px;
  pointer-events: none;
}
.ListItemEditorField--AmazonASIN .ListItemEditorField__fieldWrapper {
  padding-left: 8px;
}
.ListItemEditorField--AmazonData .ListItemEditorField__fieldWrapper {
  background: var(--locked-field-background);
  border-color: var(--locked-field-border-color);
  padding: 2px 0 2px 8px;
  pointer-events: none;
}
.ListItemEditorField .BaseCell-primary-read-only {
  margin: 0;
  line-height: 1.55rem;
  font-weight: 600;
  color: #000;
}
.ListItemEditorField--disabled .ListItemEditorField__selector {
  opacity: 0.3 !important;
  cursor: not-allowed;
}
.ListItemEditorField--disabled .ListItemEditorField__selector .custom-checkbox-link {
  cursor: not-allowed;
}
.ListItemEditorField--disabled .ListItemEditorField__fieldWrapper {
  background: var(--locked-field-background);
  border-color: var(--locked-field-border-color);
  color: var(--color-text-primary);
  pointer-events: none;
}
.MouseInterface .ListItemEditorField--disabled .ListItemEditorField__fieldWrapper:hover {
  border-color: var(--color-list-border-1);
}
:not(.ListItemEditorField--empty).ListItemEditorField--ManualURL.ListItemEditorField--disabled .ListItemEditorField__fieldWrapper,
.ListItemEditorField--SearchLink.ListItemEditorField--disabled .ListItemEditorField__fieldWrapper,
.ListItemEditorField--ShopLink.ListItemEditorField--disabled .ListItemEditorField__fieldWrapper {
  pointer-events: all;
  cursor: pointer;
}
.ListItemEditorField--Formula .ListItemEditorField__selector {
  display: none;
}
.ListItemEditorField--AmazonData .ListItemEditorField__selector {
  display: none;
}
.ListItemEditorField__placeholder {
  height: 70px;
  margin-bottom: 10px;
}
.ListItemEditorField:active {
  background-color: rgba(0, 0, 0, 0);
}
.ListItemEditorField__colSettings {
  position: absolute;
  top: 0;
  right: -12px;
  color: var(--color-text-secondary);
}
.ListItemEditorField.is-invalid .ListItemEditorField__label {
  color: hsl(359, 55%, 45%);
}
.ListItemEditorField.is-invalid .ListItemEditorField__fieldWrapper {
  border-color: hsl(359, 55%, 45%);
}
.ListItemEditorField\* .ListItemEditorField__selector,
.ListItemEditorField__selector {
  position: absolute;
  left: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 28px;
}
.ListItemEditorField\* .ListItemEditorField__selector .custom-checkbox-link,
.ListItemEditorField__selector .custom-checkbox-link {
  padding-top: 6px;
  margin-top: 0;
}
.ListItemEditorField--Text-long .ListItemEditorField__container {
  overflow: visible;
}
.ListItemEditorField__calculatedPrimaryValuePreview {
  font-size: 0.85714286rem;
  padding: 5px 5px 4px 5px;
  line-height: 1.4;
  color: var(--color-text-secondary);
}
.ListItemEditorField__calculatedPrimaryValueTitle {
  font-weight: 400;
}
.ListItemEditorField__calculatedPrimaryValue {
  font-weight: 600;
  color: var(--color-text-primary);
  font-size: 1rem;
}
.SuggestItem .ListItemEditorField--primary-column .ListItemEditorField__label:after {
  content: '(required)';
  font-size: 0.85714286rem;
  font-weight: 400;
  font-style: italic;
  padding-left: 4px;
}
.ListItemPanel {
  --list-item-modal-toggle-container-height: 50px;
  --mobile-list-item-popup-height: calc(100lvh - 25px - var(--ios-status-bar-height));
}
.ListItemPanel--popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
  background-color: rgba(0, 0, 0, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.ListItemPanel--sidebar {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  --list-item-modal-toggle-container-height: calc(50px + 10px);
}
.ListItemPanel__swipeWrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
}
.ListItemPanel__container {
  position: relative;
  width: 100vw;
  height: calc(100vh - 20px);
  max-height: 100%;
  border-radius: 8px 8px 0 0;
  display: flex;
  flex-direction: column;
}
.EmbedContext .ListItemPanel__container {
  --embed-top-margin: 50px;
  height: calc(100vh - var(--embed-top-margin));
  margin-top: var(--embed-top-margin);
  left: 0;
  right: 0;
}
.ListItemPanel--sidebar .ListItemPanel__container {
  height: 90vh;
  border-radius: 8px;
}
.ListItemPanel--sidebar .ListItemPanel__container {
  max-width: 100%;
  height: 100%;
  border-radius: 0;
  background-color: var(--color-list-sidebar-background);
  flex: 1;
  min-height: 0;
}
.ListItemPanel__header {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 14px;
  height: 50px;
  background-color: var(--color-list-background-8);
  color: hsl(0, 0%, 100%);
  flex-shrink: 0;
  border-bottom: 1px solid var(--color-border-2);
}
.ListItemPanel--sidebar .ListItemPanel__header {
  position: relative;
  height: 50px;
  flex: 0 0 auto;
  color: var(--color-text-primary);
  background-color: transparent;
  border-bottom: 1px solid var(--color-border-1);
  padding: 0;
}
.ListItemPanel--popup .ListItemPanel__header {
  border-radius: 8px 8px 0 0;
}
.ListItemPanel__headerTitle {
  flex: 1;
  font-size: 1.28571429rem;
  line-height: 1.4em;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  margin: 0 14px;
}
.ListItemPanel--sidebar .ListItemPanel__headerTitle {
  font-size: 1rem;
  color: var(--color-text-primary);
}
.ListItemPanel__headerButtonsRight {
  display: flex;
  flex-direction: row;
  gap: 4px;
}
.ListItemPanel__headerButton {
  padding: 10px 6px;
  border-radius: 4px;
  width: 38px;
  text-align: center;
  cursor: pointer;
  font-size: 1.28571429rem;
  background: none;
  border: none;
  color: inherit;
  transition: color 0.2s ease;
}
.ListItemPanel--sidebar .ListItemPanel__headerButton:hover {
  color: var(--color-list-button-text);
}
.ListItemPanel--sidebar .ListItemPanel__close-icon {
  display: none;
}
.ListItemPanel__no-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--color-text-secondary);
  font-size: 1.28571429rem;
  padding: 40px;
}
.ListItemPanel__toggleContainer {
  position: sticky;
  top: 50px;
  background-color: var(--color-list-background-2);
  border-bottom: 1px solid var(--color-border-1);
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  height: var(--list-item-modal-toggle-container-height);
  width: 100%;
  padding: 0;
  overflow: hidden;
  z-index: 10;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.ListItemPanel--sidebar .ListItemPanel__toggleContainer {
  position: relative;
  top: 0;
  background-color: var(--color-list-sidebar-background);
  box-shadow: none;
}
.ListItemPanel__toggles {
  display: flex;
  align-items: center;
  border-radius: 4px;
  flex-grow: 1;
  border: solid 1px var(--color-list-border-2);
  max-width: 350px;
  margin: 0 auto 10px auto;
  padding: 2px;
}
.ListItemPanel--sidebar .ListItemPanel__toggles {
  margin-left: 16px;
  margin-right: 16px;
  background-color: var(--color-list-background-sidebar-input);
}
.ListItemPanel__toggle {
  flex: 1 0 auto;
  text-align: center;
  padding: 3px;
  font-weight: 600;
  font-size: 0.85714286rem;
  color: var(--color-list-button-text);
  border-radius: 4px;
  line-height: 1.7;
  cursor: pointer;
  transition: opacity 0.2s, background-color 0.2s;
}
@media screen and (max-width: 440px) {
  .ListItemPanel__toggle {
    font-size: 0.85714286rem;
  }
}
.ListItemPanel__toggle--active {
  background-color: var(--color-list-button-background);
  color: var(--color-text-primary-light);
  opacity: 1;
}
.ListItemPanel--sidebar .ListItemPanel__toggle:hover {
  opacity: 0.8;
}
.ListItemPanel__contentBody {
  overflow: hidden;
  padding: 0;
  position: relative;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background-color: var(--color-list-background-1);
}
.ListItemPanel--viewMode .ListItemPanel__contentBody {
  background-color: var(--color-text-background-00);
}
.ListItemPanel--popup .MobileEnvironment .ListItemPanel__contentBody,
.ListItemPanel--popup .EmbedContext .ListItemPanel__contentBody {
  padding-bottom: calc(50px + var(--ios-safe-area-bottom));
}
.ListItemPanel--sidebar .ListItemPanel__contentBody {
  background-color: var(--color-list-sidebar-background);
}
.EmbedContext .ListItemPanel__contentBody {
  background-color: var(--color-background-00);
}
.ListItemPanel--popup .EmbedContext .ListItemPanel__contentBody {
  height: 100%;
}
.ListItemPanel__content {
  width: 100%;
  height: auto;
  min-height: 100%;
  animation: contentFadeIn 0.1s ease-out;
}
.EmbedContext .ListItemPanel__content {
  height: 100%;
}
.ListItemPanel__content--animateNext {
  animation: contentSlideNext 0.15s ease-out;
}
.ListItemPanel__content--animatePrev {
  animation: contentSlidePrev 0.15s ease-out;
}
.ListItemPanel__paginationContainer {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  height: calc(50px + var(--ios-safe-area-bottom));
  background-color: var(--color-list-background-2);
  z-index: 15;
}
.ListItemPanel--popup .MobileEnvironment .ListItemPanel__paginationContainer,
.ListItemPanel--popup .EmbedContext .ListItemPanel__paginationContainer {
  position: fixed;
  width: 100%;
  max-width: 700px;
}
.ListItemPanel--sidebar .ListItemPanel__paginationContainer {
  position: relative;
  display: flex;
  justify-content: center;
  background-color: transparent;
  border-top: none;
  border-bottom: 1px solid var(--color-border-1);
  height: 50px;
}
.ListItemPanel__viewerContent {
  padding: 0;
}
.ListItemPanel__editorContent {
  padding: 0;
}
.ListItemPanel__activityContent {
  padding: 0;
}
.ListItemPanel__commentsContent {
  padding: 0;
}
.ListItemPanel__itemActionsMenu {
  position: absolute;
  top: 100px;
  right: 8px;
  background-color: var(--color-background-00);
  padding: 8px;
  border: 1px solid var(--color-border-3);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  min-width: 180px;
  z-index: 25;
}
.ListItemPanel__itemActionsMenuItem {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 16px;
  background: none;
  border: none;
  border-radius: 4px;
  color: var(--color-text-primary);
  font-size: 1rem;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.2s;
}
.ListItemPanel__itemActionsMenuItem:hover {
  background-color: var(--color-background-3);
}
.ListItemPanel__itemActionsMenuItem i {
  font-size: 1.28571429rem;
  color: var(--color-text-primary);
}
.ListItemPanel__itemActionsMenuItem span {
  flex: 1;
}
.ListItemPanel__embedCloseButton {
  position: absolute;
  top: -45px;
  right: 15px;
  width: 35px;
  height: 35px;
  border-radius: 50px;
  border: none;
  background-color: var(--color-list-background-8);
  color: var(--color-text-primary-light);
}
@keyframes contentSlideNext {
  from {
    transform: translateX(15%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes contentSlidePrev {
  from {
    transform: translateX(-15%);
  }
  to {
    transform: translateX(0);
  }
}
.ListItemModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 3000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
}
.ListItemModal__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}
.ListItemModal__container {
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 1;
}
.ListItemModal__close-button {
  position: absolute;
  top: -40px;
  right: 10px;
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  color: var(--color-text-primary-light);
  background-color: var(--color-background-8);
  border-radius: 50%;
  transition: transform 0.2s;
}
.ListItemModal__close-button:hover {
  transform: scale(1.08);
}
.ListItemModal__viewer {
  flex: 0 0 auto;
  display: flex;
  background: var(--color-background-00);
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  animation: modalFadeIn 0.1s ease-out;
}
.ListItemModal__viewer--animateNext {
  animation: modalSlideNext 0.15s ease-out;
}
.ListItemModal__viewer--animatePrev {
  animation: modalSlidePrev 0.15s ease-out;
}
.ListItemModal__no-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--color-text-secondary);
  font-size: 1.28571429rem;
  padding: 40px;
}
@keyframes modalSlideNext {
  from {
    transform: translateX(15%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes modalSlidePrev {
  from {
    transform: translateX(-15%);
  }
  to {
    transform: translateX(0);
  }
}
@media (min-width: 900px) {
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem {
    width: 100%;
    max-width: var(--list-article-view-max-width);
    margin: 0.5rem;
    padding: 0 0 8rem 0;
    position: relative;
    display: block;
    margin: 0 auto;
  }
}
@container list-container (min-width: 900px) {
  .ListiumList--articleMode .ListArticleItem {
    width: 100%;
    max-width: var(--list-article-view-max-width);
    margin: 0.5rem;
    padding: 0 0 8rem 0;
    position: relative;
    display: block;
    margin: 0 auto;
  }
}
@media (max-width: 900px) {
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem {
    padding: 0 0 4rem 0;
    position: relative;
    display: block;
    margin: 0px auto;
  }
}
@container list-container (max-width: 900px) {
  .ListiumList--articleMode .ListArticleItem {
    padding: 0 0 4rem 0;
    position: relative;
    display: block;
    margin: 0px auto;
  }
}
.ListArticleItem:after {
  content: "";
  display: table;
  clear: both;
}
.ListArticleItem__itemHeader {
  display: grid;
  align-items: start;
  justify-content: space-between;
  grid-template-columns: 1fr auto;
  column-gap: 10px;
  padding-bottom: var(--article-container-padding);
}
.ListArticleItem__itemHeader h2,
.ListArticleItem__itemHeader h3 {
  margin-bottom: 0;
}
@media (max-width: 900px) {
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button {
    font-size: 12px;
    --button-height: var(--button-height-compact);
    --button-spacing-number: 2;
  }
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .icon,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .icon,
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .input-group.-error label,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .input-group.-error label,
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .custom-checkbox-link,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .custom-checkbox-link,
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .checkbox.-checked,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .checkbox.-checked,
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .checkbox.-unchecked,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .checkbox.-unchecked,
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button input.-custom[type="checkbox"] + .custom-checkbox,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button input.-custom[type="checkbox"] + .custom-checkbox,
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .image-upload .upload-link,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .image-upload .upload-link,
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .ReactSelect__clear,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .ReactSelect__clear,
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .ReactSelect__search-icon,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .ReactSelect__search-icon,
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .DateTimePicker .touch-date.is-empty,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .DateTimePicker .touch-date.is-empty,
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .DateTimePicker .touch-date.-empty,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .DateTimePicker .touch-date.-empty,
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .TimePicker .time-group .next,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .TimePicker .time-group .next,
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .TimePicker .time-group .prev,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .TimePicker .time-group .prev,
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .PopupMenu__title__close,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .PopupMenu__title__close,
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .PopupMenu__title__back,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .PopupMenu__title__back,
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .BaseCell--manualurl a.link,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .BaseCell--manualurl a.link,
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .ListTableViewHeaderCell__index-arrow-down,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .ListTableViewHeaderCell__index-arrow-down,
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .ListTableViewHeaderCell__fieldSettingsButton,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .ListTableViewHeaderCell__fieldSettingsButton,
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .ListTableViewHeaderCell__fieldHideButton,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .ListTableViewHeaderCell__fieldHideButton,
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .ListTableViewHeaderCell__status .sort-state,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .ListTableViewHeaderCell__status .sort-state,
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .ListTableViewHeaderCell__status .filtered,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .ListTableViewHeaderCell__status .filtered,
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .ListTableViewHeaderCell__status .grouped,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .ListTableViewHeaderCell__status .grouped,
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .RowIndexCell__reminder-mark,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .RowIndexCell__reminder-mark,
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .RowIndexCell__dirty-mark,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button .RowIndexCell__dirty-mark {
    padding: 0 !important;
  }
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button__text,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__itemHeader .Button__text {
    display: none;
  }
}
@container list-container (max-width: 900px) {
  .ListiumList--articleMode .ListArticleItem__itemHeader .Button {
    font-size: 12px;
    --button-height: var(--button-height-compact);
    --button-spacing-number: 2;
  }
  .ListiumList--articleMode .ListArticleItem__itemHeader .Button .icon,
  .ListiumList--articleMode .ListArticleItem__itemHeader .Button .input-group.-error label,
  .ListiumList--articleMode .ListArticleItem__itemHeader .Button .custom-checkbox-link,
  .ListiumList--articleMode .ListArticleItem__itemHeader .Button .checkbox.-checked,
  .ListiumList--articleMode .ListArticleItem__itemHeader .Button .checkbox.-unchecked,
  .ListiumList--articleMode .ListArticleItem__itemHeader .Button input.-custom[type="checkbox"] + .custom-checkbox,
  .ListiumList--articleMode .ListArticleItem__itemHeader .Button .image-upload .upload-link,
  .ListiumList--articleMode .ListArticleItem__itemHeader .Button .ReactSelect__clear,
  .ListiumList--articleMode .ListArticleItem__itemHeader .Button .ReactSelect__search-icon,
  .ListiumList--articleMode .ListArticleItem__itemHeader .Button .DateTimePicker .touch-date.is-empty,
  .ListiumList--articleMode .ListArticleItem__itemHeader .Button .DateTimePicker .touch-date.-empty,
  .ListiumList--articleMode .ListArticleItem__itemHeader .Button .TimePicker .time-group .next,
  .ListiumList--articleMode .ListArticleItem__itemHeader .Button .TimePicker .time-group .prev,
  .ListiumList--articleMode .ListArticleItem__itemHeader .Button .PopupMenu__title__close,
  .ListiumList--articleMode .ListArticleItem__itemHeader .Button .PopupMenu__title__back,
  .ListiumList--articleMode .ListArticleItem__itemHeader .Button .BaseCell--manualurl a.link,
  .ListiumList--articleMode .ListArticleItem__itemHeader .Button .ListTableViewHeaderCell__index-arrow-down,
  .ListiumList--articleMode .ListArticleItem__itemHeader .Button .ListTableViewHeaderCell__fieldSettingsButton,
  .ListiumList--articleMode .ListArticleItem__itemHeader .Button .ListTableViewHeaderCell__fieldHideButton,
  .ListiumList--articleMode .ListArticleItem__itemHeader .Button .ListTableViewHeaderCell__status .sort-state,
  .ListiumList--articleMode .ListArticleItem__itemHeader .Button .ListTableViewHeaderCell__status .filtered,
  .ListiumList--articleMode .ListArticleItem__itemHeader .Button .ListTableViewHeaderCell__status .grouped,
  .ListiumList--articleMode .ListArticleItem__itemHeader .Button .RowIndexCell__reminder-mark,
  .ListiumList--articleMode .ListArticleItem__itemHeader .Button .RowIndexCell__dirty-mark {
    padding: 0 !important;
  }
  .ListiumList--articleMode .ListArticleItem__itemHeader .Button__text {
    display: none;
  }
}
.ListArticleItem__itemHeader .ListItem__editButton {
  opacity: 1;
}
.ListArticleItem__itemHeaderButtons {
  margin-top: 2px;
  display: flex;
  flex-direction: row;
  gap: 10px;
}
@media (max-width: 900px) {
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__itemHeaderButtons,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__itemHeaderButtons {
    margin-top: 5px;
  }
}
@container list-container (max-width: 900px) {
  .ListiumList--articleMode .ListArticleItem__itemHeaderButtons {
    margin-top: 5px;
  }
}
.ListArticleItem__title {
  color: var(--color-text-primary);
  margin-top: 0;
  min-height: 1.5em;
  font-weight: 700;
  font-size: 1.92857143rem;
  line-height: 1.3;
  align-items: center;
  flex-direction: row;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  max-height: 50rem;
}
h2.ListArticleItem__title {
  margin-bottom: 0;
}
@media (max-width: 900px) {
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__title,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__title {
    font-weight: 700;
    font-size: 1.57142857rem;
    width: 100%;
    max-height: 6.8rem;
  }
}
@container list-container (max-width: 900px) {
  .ListiumList--articleMode .ListArticleItem__title {
    font-weight: 700;
    font-size: 1.57142857rem;
    width: 100%;
    max-height: 6.8rem;
  }
}
.ListArticleItem__longTextContainer {
  padding: 0;
}
.ListArticleItem__longTextContainer .ql-editor {
  display: inline;
}
.ListArticleItem__commentsButton {
  float: right;
  transition: all 0.2s ease-in-out;
  color: var(--color-text-secondary);
  position: relative;
}
.ListArticleItem__commentsButton--hasUnread {
  color: hsl(0, 77%, 57%) !important;
}
.ListArticleItem__commentsButton--hidden {
  opacity: 0;
}
.MouseInterface .ListArticleItem:hover .ListArticleItem__commentsButton--hidden {
  opacity: 0.5;
}
.MouseInterface .ListArticleItem:hover .ListArticleItem__commentsButton--hidden:hover {
  opacity: 1;
}
.MouseInterface .ListArticleItem__commentsButton:hover {
  opacity: 1;
  color: hsl(5, 90%, 58%);
}
.ListArticleItem__commentsIcon {
  font-size: 1.28571429rem;
}
.ListArticleItem__commentsNumber {
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
  font-weight: 700;
  font-size: 0.85714286rem;
  text-align: center;
  color: hsl(0, 0%, 100%);
}
.ListArticleItem__mainContentContainer {
  display: block;
}
@media (max-width: 900px) {
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem--withArticleImage .ListArticleItem__metaSection,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem--withArticleImage .ListArticleItem__metaSection {
    padding: 0rem;
  }
}
@container list-container (max-width: 900px) {
  .ListiumList--articleMode .ListArticleItem--withArticleImage .ListArticleItem__metaSection {
    padding: 0rem;
  }
}
.ListArticleItem__metaSection {
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  margin-bottom: -1px;
}
.ListArticleItem__metaSectionContainer--manyMetaFields .ListArticleItem__metaSection {
  grid-template-columns: repeat(2, 1fr);
  column-gap: 1rem;
}
@media (max-width: 900px) {
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__metaSection,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__metaSection {
    grid-template-columns: repeat(auto-fill, minmax(9em, 1fr));
    column-gap: 14px;
  }
}
@container list-container (max-width: 900px) {
  .ListiumList--articleMode .ListArticleItem__metaSection {
    grid-template-columns: repeat(auto-fill, minmax(9em, 1fr));
    column-gap: 14px;
  }
}
.ListArticleItem__metaSectionContainer {
  padding: 0 10px;
  overflow: hidden;
  position: relative;
  top: 0;
  right: 0;
}
@media (max-width: 900px) {
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__metaSectionContainer,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__metaSectionContainer {
    width: 100%;
    margin: 0 0 1.5rem 0;
    padding: 0;
  }
}
@container list-container (max-width: 900px) {
  .ListiumList--articleMode .ListArticleItem__metaSectionContainer {
    width: 100%;
    margin: 0 0 1.5rem 0;
    padding: 0;
  }
}
@media (min-width: 900px) {
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__metaSectionContainer,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__metaSectionContainer {
    float: right;
    width: 28ch;
    border-left: 1px solid var(--color-list-border-2);
    margin: 0 0 1.5rem 2rem;
  }
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem__metaSectionContainer--manyMetaFields,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem__metaSectionContainer--manyMetaFields {
    width: 50ch;
  }
}
@container list-container (min-width: 900px) {
  .ListiumList--articleMode .ListArticleItem__metaSectionContainer {
    float: right;
    width: 28ch;
    border-left: 1px solid var(--color-list-border-2);
    margin: 0 0 1.5rem 2rem;
  }
  .ListiumList--articleMode .ListArticleItem__metaSectionContainer--manyMetaFields {
    width: 50ch;
  }
}
@media (max-width: 900px) {
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem--withArticleImage .ListArticleItem__metaSection,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem--withArticleImage .ListArticleItem__metaSection {
    padding: 0rem;
  }
}
@container list-container (max-width: 900px) {
  .ListiumList--articleMode .ListArticleItem--withArticleImage .ListArticleItem__metaSection {
    padding: 0rem;
  }
}
.ListArticleItem__linksSection:not(:empty) {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-bottom: 0.5rem;
  margin: 0;
  width: initial;
}
.ListArticleItem__imageWrapper {
  overflow: hidden;
  width: 100%;
}
.ListArticleItem__textWrapper {
  padding: var(--article-container-padding);
}
.ListArticleItem__articleBottomSeparator {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  width: min(15rem, 30vw);
  height: 3rem;
  margin: 4rem auto;
  pointer-events: none;
  border-style: solid;
  border-color: var(--color-border-4);
  border-width: 0px 0px 2px;
}
.ListArticleItem--addButton {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  width: 100%;
  font-size: 1.57142857rem;
  border: none;
  padding: 0.7rem 0.4rem;
  color: var(--color-text-primary-light);
  background-color: var(--color-list-button-background);
  display: none;
  margin: 2rem auto;
  border-radius: 4px;
  outline: 0;
  max-width: 250px;
}
@media (max-width: 900px) {
  .ListiumList--mobileMode.ListiumList--articleMode .ListArticleItem--addButton,
  .ListiumList--embedMode.ListiumList--articleMode .ListArticleItem--addButton {
    display: none !important;
  }
}
@container list-container (max-width: 900px) {
  .ListiumList--articleMode .ListArticleItem--addButton {
    display: none !important;
  }
}
.ListArticleItem__List {
  width: 100%;
}
div li:last-of-type .ListArticleItem--addButton {
  display: block;
}
.ListCardSlab {
  box-shadow: none;
  transition: all 0.3s ease;
  background: var(--color-background-00);
  border: 2px solid var(--color-list-border-2);
  border-radius: 8px;
  max-width: 600px;
  margin: 0 auto 0 !important;
  padding: 14px;
  position: relative;
}
.ListCardSlab__title {
  padding-top: 2px;
  padding-bottom: 5px;
  font-size: 1.14285714rem;
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-weight: 700;
  line-height: 1.3em;
  color: var(--color-text-primary);
  margin: 0 0 10px 0;
  max-height: calc(4 * 1.3em + 5px);
  border-bottom: 1px solid var(--color-list-border-2);
  min-height: 24px;
}
.ListCardSlab__title--singleField {
  border-bottom: none;
  margin: 0;
}
.ListCardSlab__titleText {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  max-height: 50rem;
  padding-bottom: 5px;
}
.ListCardSlab__commentsButton {
  float: right;
  transition: all 0.2s ease-in-out;
  color: var(--color-text-secondary);
  order: 1;
  position: relative;
}
.ListCardSlab__commentsButton--hasUnread {
  color: hsl(0, 77%, 57%) !important;
}
.ListCardSlab__commentsButton--hidden {
  opacity: 0;
}
.MouseInterface .ListCardSlab:hover .ListCardSlab__commentsButton--hidden {
  opacity: 0.5;
}
.MouseInterface .ListCardSlab:hover .ListCardSlab__commentsButton--hidden:hover {
  opacity: 1;
}
.MouseInterface .ListCardSlab__commentsButton:hover {
  opacity: 1;
  color: hsl(5, 90%, 58%);
}
.ListCardSlab__commentsIcon {
  font-size: 22px;
}
.ListCardSlab__commentsNumber {
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  font-weight: 700;
  font-size: 0.78571429rem;
  text-align: center;
  color: var(--color-text-primary-light);
}
.ListCardSlab__linksSection {
  width: 100%;
  padding-top: 0.6rem;
}
.ListCardSlab__linksInner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  width: 100%;
}
.ListCardSlab__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  padding: 0 0.5em;
  margin-right: 11px;
  margin-top: 7px;
  font-size: 0.85714286rem;
  font-weight: 600;
  border-radius: 4px;
  color: var(--color-list-button-text);
  background: var(--color-list-button-background-light);
  height: 26px;
  line-height: 26px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
button.ListCardSlab__link {
  border: none;
}
.ListCardSlab__link--amazon {
  --color-amazon-background: #febd69;
  --color-amazon-text: #131a22;
  background: var(--color-amazon-background);
  color: var(--color-amazon-text);
}
.ListCardSlab__link--amazon svg,
.ListCardSlab__link--amazon path,
.ListCardSlab__link--amazon g {
  fill: var(--color-amazon-text);
}
.MouseInterface .ListCardSlab__link:hover {
  filter: var(--button-hover-filter);
}
.ListCardSlab__link:active {
  background-color: var(--color-background-0--hover);
}
.ListCardSlab:hover {
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.08);
}
.ListCardSlab:after {
  content: "";
  display: table;
  clear: both;
}
.DesktopEnvironment .ListCardSlab {
  padding: 11px;
}
.ListCardSlab:hover {
  border: 2px solid var(--color-list-border-3);
}
.ListCardSlab__cellContent {
  width: 100%;
}
.ListCardSlab__metaSection {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: auto;
  grid-gap: 11px;
}
.ListCardView .ListCardSlab--isMoveable {
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.ListCardSlab--withImage .ListCardSlab__cellContent {
  min-height: 33px;
}
:not(.ListCardSlab--withImage) .ListCardSlab__metaSections-1 .ListCardSlab__metaEntry:nth-child(1):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 3;
}
:not(.ListCardSlab--withImage) .ListCardSlab__metaSections-2 .ListCardSlab__metaEntry:nth-child(2):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 2;
}
:not(.ListCardSlab--withImage) .ListCardSlab__metaSections-3 .ListCardSlab__metaEntry:nth-child(3):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 1;
}
:not(.ListCardSlab--withImage) .ListCardSlab__metaSections-4 .ListCardSlab__metaEntry:nth-child(4):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 3;
}
:not(.ListCardSlab--withImage) .ListCardSlab__metaSections-5 .ListCardSlab__metaEntry:nth-child(5):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 2;
}
:not(.ListCardSlab--withImage) .ListCardSlab__metaSections-6 .ListCardSlab__metaEntry:nth-child(6):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 1;
}
:not(.ListCardSlab--withImage) .ListCardSlab__metaSections-7 .ListCardSlab__metaEntry:nth-child(7):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 3;
}
:not(.ListCardSlab--withImage) .ListCardSlab__metaSections-8 .ListCardSlab__metaEntry:nth-child(8):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 2;
}
:not(.ListCardSlab--withImage) .ListCardSlab__metaSections-9 .ListCardSlab__metaEntry:nth-child(9):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 1;
}
:not(.ListCardSlab--withImage) .ListCardSlab__metaSections-10 .ListCardSlab__metaEntry:nth-child(10):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 3;
}
:not(.ListCardSlab--withImage) .ListCardSlab__metaSections-11 .ListCardSlab__metaEntry:nth-child(11):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 2;
}
:not(.ListCardSlab--withImage) .ListCardSlab__metaSections-12 .ListCardSlab__metaEntry:nth-child(12):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 1;
}
:not(.ListCardSlab--withImage) .ListCardSlab__metaSections-13 .ListCardSlab__metaEntry:nth-child(13):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 3;
}
:not(.ListCardSlab--withImage) .ListCardSlab__metaSections-14 .ListCardSlab__metaEntry:nth-child(14):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 2;
}
:not(.ListCardSlab--withImage) .ListCardSlab__metaSections-15 .ListCardSlab__metaEntry:nth-child(15):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 1;
}
:not(.ListCardSlab--withImage) .ListCardSlab__metaSections-16 .ListCardSlab__metaEntry:nth-child(16):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 3;
}
:not(.ListCardSlab--withImage) .ListCardSlab__metaSections-17 .ListCardSlab__metaEntry:nth-child(17):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 2;
}
:not(.ListCardSlab--withImage) .ListCardSlab__metaSections-18 .ListCardSlab__metaEntry:nth-child(18):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 1;
}
:not(.ListCardSlab--withImage) .ListCardSlab__metaSections-19 .ListCardSlab__metaEntry:nth-child(19):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 3;
}
:not(.ListCardSlab--withImage) .ListCardSlab__metaSections-20 .ListCardSlab__metaEntry:nth-child(20):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 2;
}
:not(.ListCardSlab--withImage) .ListCardSlab__metaSections-21 .ListCardSlab__metaEntry:nth-child(21):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 1;
}
:not(.ListCardSlab--withImage) .ListCardSlab__metaSections-22 .ListCardSlab__metaEntry:nth-child(22):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 3;
}
:not(.ListCardSlab--withImage) .ListCardSlab__metaSections-23 .ListCardSlab__metaEntry:nth-child(23):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 2;
}
:not(.ListCardSlab--withImage) .ListCardSlab__metaSections-24 .ListCardSlab__metaEntry:nth-child(24):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 1;
}
.ListCardSlab--withImage .ListCardSlab__metaSections-1 .ListCardSlab__metaEntry:nth-child(1):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 2;
}
.ListCardSlab--withImage .ListCardSlab__metaSections-2 .ListCardSlab__metaEntry:nth-child(2):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 1;
}
.ListCardSlab--withImage .ListCardSlab__metaSections-3 .ListCardSlab__metaEntry:nth-child(3):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 2;
}
.ListCardSlab--withImage .ListCardSlab__metaSections-4 .ListCardSlab__metaEntry:nth-child(4):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 1;
}
.ListCardSlab--withImage .ListCardSlab__metaSections-5 .ListCardSlab__metaEntry:nth-child(5):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 3;
}
.ListCardSlab--withImage .ListCardSlab__metaSections-6 .ListCardSlab__metaEntry:nth-child(6):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 2;
}
.ListCardSlab--withImage .ListCardSlab__metaSections-7 .ListCardSlab__metaEntry:nth-child(7):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 1;
}
.ListCardSlab--withImage .ListCardSlab__metaSections-8 .ListCardSlab__metaEntry:nth-child(8):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 3;
}
.ListCardSlab--withImage .ListCardSlab__metaSections-9 .ListCardSlab__metaEntry:nth-child(9):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 2;
}
.ListCardSlab--withImage .ListCardSlab__metaSections-10 .ListCardSlab__metaEntry:nth-child(10):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 1;
}
.ListCardSlab--withImage .ListCardSlab__metaSections-11 .ListCardSlab__metaEntry:nth-child(11):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 3;
}
.ListCardSlab--withImage .ListCardSlab__metaSections-12 .ListCardSlab__metaEntry:nth-child(12):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 2;
}
.ListCardSlab--withImage .ListCardSlab__metaSections-13 .ListCardSlab__metaEntry:nth-child(13):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 1;
}
.ListCardSlab--withImage .ListCardSlab__metaSections-14 .ListCardSlab__metaEntry:nth-child(14):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 3;
}
.ListCardSlab--withImage .ListCardSlab__metaSections-15 .ListCardSlab__metaEntry:nth-child(15):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 2;
}
.ListCardSlab--withImage .ListCardSlab__metaSections-16 .ListCardSlab__metaEntry:nth-child(16):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 1;
}
.ListCardSlab--withImage .ListCardSlab__metaSections-17 .ListCardSlab__metaEntry:nth-child(17):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 3;
}
.ListCardSlab--withImage .ListCardSlab__metaSections-18 .ListCardSlab__metaEntry:nth-child(18):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 2;
}
.ListCardSlab--withImage .ListCardSlab__metaSections-19 .ListCardSlab__metaEntry:nth-child(19):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 1;
}
.ListCardSlab--withImage .ListCardSlab__metaSections-20 .ListCardSlab__metaEntry:nth-child(20):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 3;
}
.ListCardSlab--withImage .ListCardSlab__metaSections-21 .ListCardSlab__metaEntry:nth-child(21):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 2;
}
.ListCardSlab--withImage .ListCardSlab__metaSections-22 .ListCardSlab__metaEntry:nth-child(22):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 1;
}
.ListCardSlab--withImage .ListCardSlab__metaSections-23 .ListCardSlab__metaEntry:nth-child(23):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 3;
}
.ListCardSlab--withImage .ListCardSlab__metaSections-24 .ListCardSlab__metaEntry:nth-child(24):not(.ListCardSlab__metaEntry--fullWidth) {
  grid-column-end: span 2;
}
.ListCardSlab__imageWrapper {
  grid-row: 1 / 3;
  grid-column: 3 / 4;
  outline: hidden;
}
.MouseInterface .ListCardSlab__imageWrapper:hover {
  outline-color: var(--color-border-2);
}
.ListCardView__column--notGrouped .ListCardSlab__imageWrapper {
  grid-row: 1 / 4;
}
.ListCardSlab__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.ListCardSlab__imagePlaceholder {
  width: 100%;
  height: 100%;
  display: grid;
  justify-items: center;
  align-items: center;
  background: var(--color-background-2);
  outline: solid 1px hsl(0, 0%, 100%);
  outline-offset: 1px;
  transition: all 0.2s ease-in-out;
}
.ListCardSlab__metaEntry--fullWidth {
  grid-column: 1 / -1;
}
.ListCardSlab__metaEntryLabel {
  text-transform: uppercase;
  line-height: 1.6em;
  color: var(--color-text-secondary);
  font-size: 0.71428571rem;
  font-weight: 500;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ListCardSlab__metaEntryValue {
  line-height: 1.4em;
  color: var(--color-text-primary);
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: -0.04em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ListCardSlab__metaEntry--restrictedHeight .ListCardSlab__metaEntryValue {
  max-height: calc(2 * 1.4em);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.ListCardSlab__metaEntry--fullWidth .ListCardSlab__metaEntryValue {
  max-height: none;
}
.ListCardFromGrid .ListCardSlab__metaEntryValue {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ListCardSlab__metaEntryValue:empty:before {
  content: '-';
  padding-left: 2px;
  color: var(--color-text-secondary);
  max-width: 85%;
  max-width: 25VW;
}
@media screen and (min-width: 600px) {
  .ListCardSlab__metaEntryValue:empty:before {
    max-width: 160px;
  }
}
.ListCardSlab__metaEntryValue .IconRange,
.ListCardSlab__metaEntryValue .IconCycle {
  font-size: 1rem;
  line-height: 1.4rem;
  padding: 0;
}
.ListCardSlab__metaEntryValue .IconRange__pip {
  font-size: 1rem;
  line-height: 1.4rem;
}
.ListCardSlab__metaEntryValue .IconRange--star .IconRange__pip {
  font-size: 1.14285714rem;
}
.ListCardSlab__metaEntryValue .IconRange--price .IconRange__pip {
  width: 10px;
  font-size: 1.28571429rem;
}
.ListCardSlab__metaEntryValue .IconRange--thumbs .IconRange__pip {
  font-size: 1.14285714rem;
}
.ListCardSlab__metaEntryValue .IconRange--harvey_balls .IconRange__pip {
  font-size: 1rem;
}
.ListCardSlab__metaEntryValue .custom-checkbox-link {
  margin-left: -7px;
  margin-top: 3px;
}
.ListCardSlab__longText {
  padding: 11px 0;
}
.ListCardSlab__longText:empty {
  padding: 0;
}
.ListCardSlab__longText a {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}
.ListCardSlab__longTextContent {
  max-height: 9em;
  overflow: hidden;
}
/*
  Need to make mixins for landscape cards so that we can reuse for desktop conditions too! */
/* Normal styles */
.ListCardFromGrid {
  box-shadow: none;
  transition: all 0.3s ease;
  background: var(--color-background-00);
  border: 2px solid var(--color-list-border-2);
  border-radius: 8px;
  transform: translate3d(0, 0, 0);
  padding: 14px;
  position: relative;
  cursor: pointer;
  line-height: 1;
  overflow: hidden;
}
.ListCardFromGrid__title {
  padding-top: 2px;
  padding-bottom: 5px;
  font-size: 1.14285714rem;
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-weight: 700;
  line-height: 1.3em;
  color: var(--color-text-primary);
  margin: 0 0 10px 0;
  max-height: calc(4 * 1.3em + 5px);
  border-bottom: 1px solid var(--color-list-border-2);
  min-height: 24px;
}
.ListCardFromGrid__title--singleField {
  border-bottom: none;
  margin: 0;
}
.ListCardFromGrid__titleText {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  max-height: 50rem;
  padding-bottom: 5px;
}
.ListCardFromGrid__commentsButton {
  float: right;
  transition: all 0.2s ease-in-out;
  color: var(--color-text-secondary);
  order: 1;
  position: relative;
}
.ListCardFromGrid__commentsButton--hasUnread {
  color: hsl(0, 77%, 57%) !important;
}
.ListCardFromGrid__commentsButton--hidden {
  opacity: 0;
}
.MouseInterface .ListCardSlab:hover .ListCardFromGrid__commentsButton--hidden {
  opacity: 0.5;
}
.MouseInterface .ListCardSlab:hover .ListCardFromGrid__commentsButton--hidden:hover {
  opacity: 1;
}
.MouseInterface .ListCardFromGrid__commentsButton:hover {
  opacity: 1;
  color: hsl(5, 90%, 58%);
}
.ListCardFromGrid__commentsIcon {
  font-size: 22px;
}
.ListCardFromGrid__commentsNumber {
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  font-weight: 700;
  font-size: 0.78571429rem;
  text-align: center;
  color: var(--color-text-primary-light);
}
.ListCardFromGrid__linksSection {
  width: 100%;
  padding-top: 0.6rem;
}
.ListCardFromGrid__linksInner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  width: 100%;
}
.ListCardFromGrid__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  padding: 0 0.5em;
  margin-right: 11px;
  margin-top: 7px;
  font-size: 0.85714286rem;
  font-weight: 600;
  border-radius: 4px;
  color: var(--color-list-button-text);
  background: var(--color-list-button-background-light);
  height: 26px;
  line-height: 26px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
button.ListCardFromGrid__link {
  border: none;
}
.ListCardFromGrid__link--amazon {
  --color-amazon-background: #febd69;
  --color-amazon-text: #131a22;
  background: var(--color-amazon-background);
  color: var(--color-amazon-text);
}
.ListCardFromGrid__link--amazon svg,
.ListCardFromGrid__link--amazon path,
.ListCardFromGrid__link--amazon g {
  fill: var(--color-amazon-text);
}
.MouseInterface .ListCardFromGrid__link:hover {
  filter: var(--button-hover-filter);
}
.ListCardFromGrid__link:active {
  background-color: var(--color-background-0--hover);
}
.ListCardFromGrid:hover {
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.08);
}
.ListCardFromGrid:after {
  content: "";
  display: table;
  clear: both;
}
.DesktopEnvironment .ListCardFromGrid {
  padding: 11px;
}
.ListCardFromGrid:hover {
  border: 2px solid var(--color-list-border-3);
}
@media screen and (min-width: 25em) {
  .ListCardFromGrid {
    margin-left: auto;
    margin-right: auto;
  }
}
.ListCardFromGrid--portrait-layout {
  margin-left: 0;
}
.ListCardFromGrid--portrait-layout .ListCardFromGrid__cardTitle {
  border-bottom: 0;
  margin-bottom: 0;
}
.ListCardFromGrid--portrait-layout .ListCardFromGrid__links {
  display: none;
}
.ListCardFromGrid--hasCoverImage:not(.ListCardFromGrid--portrait-layout) {
  max-width: 590px;
}
.ListCardFromGrid__meta {
  position: relative;
  margin-left: calc(-11px / 2);
  margin-right: calc(-11px / 2);
}
.ListCardFromGrid__field {
  position: absolute;
  overflow: hidden;
  padding: calc(11px / 2);
}
.ListCardFromGrid .IconRange__li {
  margin-right: -1px;
}
.ListCardFromGrid__coverImagePlaceholder {
  background: linear-gradient(45deg, var(--color-list-background-7), var(--color-list-background-6));
  opacity: 0.5;
}
.ListCardGridImage__inlineImage {
  border-radius: 4px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ListCardGridImage__imageWrapper {
  position: relative;
  height: 100%;
  display: block;
  margin: 0;
  margin-bottom: 10px;
}
.ListCardGridImage__imageWrapper--fullBleed {
  overflow: hidden;
  display: block;
  height: 100%;
  max-height: 50vh;
  margin-top: -11px;
  margin-left: -11px;
  margin-right: -11px;
}
.ListCardGridImage__imageWrapper--fullBleed .ListCardGridImage__inlineImage {
  border-radius: 0;
}
.ListCardGridImage__imagePlaceholder {
  background: var(--color-background-2);
  outline: solid 1px hsl(0, 0%, 100%);
  outline-offset: 1px;
  display: block;
  height: 100%;
  transition: all 0.2s ease-in-out;
  border-radius: 4px;
}
.DesktopEnvironment .ListCardGridImage__imagePlaceholder {
  margin-top: 2px;
}
.DesktopEnvironment .ListCardGridImage__imagePlaceholder:hover {
  background: var(--color-background-2);
  outline-color: hsl(5, 90%, 58%);
}
.DesktopEnvironment .ListCardGridImage__imagePlaceholder:hover::after {
  position: absolute;
  content: '+';
  font-size: 2.57142857rem;
  color: hsl(0, 0%, 100%);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ListLinks__link {
  margin: 0.4rem 0.8rem 0.4rem 0;
}
.ListArticleItem .ListLinks__link {
  margin: 0 0.7rem 0.6rem 0;
}
.ListLongText__longText {
  padding: 0rem;
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 1rem;
  min-height: 4rem;
}
.CollapsibleText .ListLongText__longText {
  margin-bottom: 0;
}
.ListArticleItem .ListLongText__longText .RichTextEditor {
  display: inline;
}
.ListLongText__longText a {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  color: var(--color-list-accent);
}
.ListLongText__longText br {
  content: "";
  margin: 2em;
  display: block;
  font-size: 24%;
}
@media (max-width: 900px) {
  .ListiumList--mobileMode.ListiumList--articleMode .ListLongText__longText,
  .ListiumList--embedMode.ListiumList--articleMode .ListLongText__longText {
    margin-bottom: 1rem;
  }
}
@container list-container (max-width: 900px) {
  .ListiumList--articleMode .ListLongText__longText {
    margin-bottom: 1rem;
  }
}
.ListLongText__longTextTitle {
  line-height: 1.86428571rem;
  font-size: 1.28571429rem;
  font-weight: 700;
  padding-bottom: 0.5rem;
}
.ListLongText__longTextTitle--placeholder {
  padding-bottom: 0px;
}
.ListLongText__longTextEmpty {
  width: auto;
  height: auto;
  display: inline;
  color: var(--color-list-button-text);
  font-style: italic;
  opacity: 0.8;
}
.ListLongText__longTextContent {
  max-height: 100%;
  overflow: hidden;
  font-size: 1.14285714rem;
  line-height: 2.2rem;
  padding-bottom: 20px;
  word-break: break-word;
}
.CollapsibleText .ListLongText__longTextContent {
  padding-bottom: 1rem;
}
.ListLongText__longTextContent p:last-child {
  padding-bottom: 1.5rem;
}
.ListLongText__longTextContent--placeholder {
  font-style: italic;
}
.MultiSelectLabels__content {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 18px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4px;
}
.CardDesigner .MultiSelectLabels__content {
  overflow: hidden;
}
.ListComparisonView__field .MultiSelectLabels__content {
  justify-content: center;
}
.MultiSelectLabels__value {
  font-size: calc(1rem * 0.95);
  padding: 0 0.4em;
  background: var(--color-list-select-0);
  vertical-align: middle;
  display: inline-block;
  line-height: 1.6;
  border-radius: 4px;
  color: hsl(0, 0%, 100%);
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.MultiSelectLabels__value--noColors {
  background: var(--color-list-select-00);
  border: none;
  color: var(--color-text-primary);
}
.MultiSelectLabels__value--single.MultiSelectLabels__value--noColors {
  padding: 0;
  line-height: 1.4;
  background: none;
  font-size: 1rem;
}
.ListCard .MultiSelectLabels__value--single {
  font-size: 0.85714286rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.ListCardSlab__labels .MultiSelectLabels__value__placeholder {
  font-size: 0.85714286rem;
  line-height: 1.4;
}
.ListComparisonView__field .MultiSelectLabels {
  margin-bottom: 0;
}
.ListComparisonView__field .MultiSelectLabels__value {
  line-height: 1.6;
}
@media screen and (max-width: 37.4375em) {
  .ListComparisonView__field .MultiSelectLabels__value {
    font-size: 0.78571429rem;
  }
}
.ListComparisonView__field .MultiSelectLabels__value--noColors.ListComparisonView__field .MultiSelectLabels__value--single {
  font-size: unset;
  font-weight: 400;
  line-height: 1.4;
}
.ListMetaFields__metaEntry {
  min-width: 0;
  vertical-align: top;
  padding: 0.8rem 1rem;
}
.ListRowView .ListMetaFields__metaEntry {
  padding: 0;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 00;
  align-items: flex-start;
  justify-content: space-between;
}
.ListRowView .ListMetaFields__metaEntry:has(+ *) {
  padding-right: 0.7rem;
}
.ListMapViewItemRow .ListMetaFields__metaEntry {
  padding: 0 0 10px 0;
  width: 100%;
}
.ListArticleItem .ListMetaFields__metaEntry {
  padding: 0.8rem 0.5rem;
  border-bottom: 1px solid var(--color-list-border-2);
}
@media (max-width: 900px) {
  .ListiumList--mobileMode.ListiumList--articleMode .ListMetaFields__metaEntry,
  .ListiumList--embedMode.ListiumList--articleMode .ListMetaFields__metaEntry {
    min-width: 100px;
    width: 100%;
    padding: 0.6rem 0.3rem;
  }
}
@container list-container (max-width: 900px) {
  .ListiumList--articleMode .ListMetaFields__metaEntry {
    min-width: 100px;
    width: 100%;
    padding: 0.6rem 0.3rem;
  }
}
@container list-container (min-width: 900px) {
}
.ListMetaFields__metaEntryLabel,
.ListMetaFields__metaEntryValue {
  display: flex;
  align-items: center;
}
.ListRowView .ListMetaFields__metaEntryLabel,
.ListRowView .ListMetaFields__metaEntryValue {
  padding: 0;
  text-transform: none;
  white-space: nowrap;
  font-weight: 400;
  font-size: 0.85714286rem;
}
.ListRowView .ListMetaFields__metaEntryLabel *,
.ListRowView .ListMetaFields__metaEntryValue * {
  font-size: 0.85714286rem !important;
}
.ListMapViewItemRow .ListMetaFields__metaEntryLabel,
.ListMapViewItemRow .ListMetaFields__metaEntryValue {
  padding-left: 0;
}
.ListMetaFields__metaEntryLabel {
  font-size: 0.78571429rem;
  line-height: 1.5em;
  color: var(--color-text-secondary);
  opacity: 0.8;
  text-transform: uppercase;
  font-weight: 400;
  width: 100%;
  padding: 0 0 2px 0;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  border-radius: 4px 4px 0 0;
}
.ListMetaFields__metaEntryLabel__fullWidth {
  width: 100% !important;
}
.ListRowView .ListMetaFields__metaEntryLabel {
  font-size: 0.71428571rem !important;
  font-weight: 500 !important;
  color: var(--color-text-hint) !important;
  line-height: 1.2em;
  flex: 0 0 auto;
  cursor: pointer;
}
.ListMapViewItemRow .ListMetaFields__metaEntryLabel {
  line-height: 1.1em;
}
.ListArticleItem .ListMetaFields__metaEntryLabel {
  font-size: 0.85714286rem;
  letter-spacing: 0.06em;
  color: var(--color-text-secondary);
  font-weight: 400;
}
.ListMetaFields__metaEntryValueContent {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  max-height: 50rem;
}
.ListMapViewItemRow .ListMetaFields__metaEntryValueContent {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.ListSlideItem .ListMetaFields__metaEntryValueContent {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  max-height: 50rem;
}
.ListArticleItem .ListMetaFields__metaEntryValueContent {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  max-height: 50rem;
}
.ListMetaFields__metaEntryValue {
  min-height: 1.2em;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2em;
  padding: 0;
}
.ListMetaFields__metaEntryValueContent:empty:before {
  content: '—';
  color: var(--color-text-secondary);
}
.ListRowView .ListMetaFields__metaEntryValue {
  max-height: 1.2em;
}
.ListRowView .ListMetaFields__metaEntryValue * {
  font-weight: 500 !important;
  color: var(--color-text-secondary) !important;
}
.ListRowView .ListMetaFields__metaEntryValue .MultiSelectLabels__content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0;
  line-height: 1.2em;
}
.ListRowView .ListMetaFields__metaEntryValue .MultiSelectLabels__value {
  background-color: transparent !important;
  padding: 0;
}
.ListRowView .ListMetaFields__metaEntryValue .MultiSelectLabels__value:not(:last-child):after {
  content: ',';
  margin-right: 0.7ch;
}
.ListMapViewItemRow .ListMetaFields__metaEntryValue {
  font-size: 0.85714286rem;
}
.ListArticleItem .ListMetaFields__metaEntryValue {
  font-size: 1rem;
}
.ListMetaFields__metaEntryValue .IconRange--price {
  margin-left: -0.2rem;
}
.ListMetaFields__metaEntryValue .IconRange--star {
  margin-left: -0.1rem;
}
.ListMetaFields__metaEntryValue .IconRange,
.ListMetaFields__metaEntryValue .IconCycle {
  font-size: 1.28571429rem;
  line-height: 1.4;
  padding: 0;
}
.ListMapView .ListMetaFields__metaEntryValue .IconRange,
.ListMapView .ListMetaFields__metaEntryValue .IconCycle {
  font-size: 1.14285714rem;
  line-height: 1.5;
  padding-right: 2px;
}
.ListMetaFields__metaEntryValue .IconRange__pip {
  font-size: 1rem;
  line-height: 1.4;
}
.ListMetaFields__metaEntryValue .IconRange--star .IconRange__pip {
  letter-spacing: -4px;
  font-size: 1.57142857rem;
  margin-right: 0.1rem;
  line-height: 2rem;
}
.ListMapView .ListMetaFields__metaEntryValue .IconRange--star .IconRange__pip {
  font-size: 1.28571429rem;
  line-height: 1;
}
.ListMetaFields__metaEntryValue .IconRange--price .IconRange__pip {
  width: 1rem;
  font-size: 1.28571429rem;
}
.ListMetaFields__metaEntryValue .IconCycle--thumbs {
  font-size: 1.28571429rem;
}
.ListMetaFields__metaEntryValue .IconCycle--harvey_balls {
  font-size: 1.28571429rem;
}
.ListMetaFields__metaEntryValue .icon.icon--check-square-empty,
.ListMetaFields__metaEntryValue .input-group.-error label.icon--check-square-empty,
.ListMetaFields__metaEntryValue .custom-checkbox-link.icon--check-square-empty,
.ListMetaFields__metaEntryValue .icon.custom-checkbox-link,
.ListMetaFields__metaEntryValue .checkbox.-checked.icon--check-square-empty,
.ListMetaFields__metaEntryValue .checkbox.-unchecked.icon--check-square-empty,
.ListMetaFields__metaEntryValue .icon.checkbox.-unchecked,
.ListMetaFields__metaEntryValue input.-custom[type="checkbox"] + .custom-checkbox.icon--check-square-empty,
.ListMetaFields__metaEntryValue .iconinput.-custom[type="checkbox"] + .custom-checkbox,
.ListMetaFields__metaEntryValue .image-upload .upload-link.icon--check-square-empty,
.ListMetaFields__metaEntryValue .ReactSelect__clear.icon--check-square-empty,
.ListMetaFields__metaEntryValue .ReactSelect__search-icon.icon--check-square-empty,
.ListMetaFields__metaEntryValue .DateTimePicker .touch-date.is-empty.icon--check-square-empty,
.ListMetaFields__metaEntryValue .DateTimePicker .touch-date.-empty.icon--check-square-empty,
.ListMetaFields__metaEntryValue .TimePicker .time-group .next.icon--check-square-empty,
.ListMetaFields__metaEntryValue .TimePicker .time-group .prev.icon--check-square-empty,
.ListMetaFields__metaEntryValue .PopupMenu__title__close.icon--check-square-empty,
.ListMetaFields__metaEntryValue .PopupMenu__title__back.icon--check-square-empty,
.ListMetaFields__metaEntryValue .BaseCell--manualurl a.link.icon--check-square-empty,
.ListMetaFields__metaEntryValue .ListTableViewHeaderCell__index-arrow-down.icon--check-square-empty,
.ListMetaFields__metaEntryValue .ListTableViewHeaderCell__fieldSettingsButton.icon--check-square-empty,
.ListMetaFields__metaEntryValue .ListTableViewHeaderCell__fieldHideButton.icon--check-square-empty,
.ListMetaFields__metaEntryValue .ListTableViewHeaderCell__status .sort-state.icon--check-square-empty,
.ListMetaFields__metaEntryValue .ListTableViewHeaderCell__status .filtered.icon--check-square-empty,
.ListMetaFields__metaEntryValue .ListTableViewHeaderCell__status .grouped.icon--check-square-empty,
.ListMetaFields__metaEntryValue .RowIndexCell__reminder-mark.icon--check-square-empty,
.ListMetaFields__metaEntryValue .RowIndexCell__dirty-mark.icon--check-square-empty {
  font-size: 1.28571429rem;
}
.ListMetaFields__metaEntryValue .custom-checkbox-link {
  margin-left: -7px;
  margin-top: 3px;
}
.ListMetaFields__metaEntryValue .IconRange__pip,
.ListMetaFields__metaEntryValue .IconCycle {
  cursor: default;
}
.ListErrorDialog__semiBoldMessage {
  font-weight: 600;
}
.SubscriptionDialog {
  border-top-color: hsl(147, 79%, 39%);
}
.SubscriptionDialog__image {
  height: 100px;
}
.SubscriptionDialog__buttons {
  display: flex;
  margin: 0 auto;
  flex-direction: column;
}
.SubscriptionDialog__button {
  text-transform: none !important;
  height: auto !important;
  line-height: 20px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  white-space: normal !important;
}
.SubscriptionDialog__button:first-child {
  margin-bottom: 10px;
}
.SubscriptionDialog__freeDaysMessage {
  color: hsl(147, 79%, 39%);
  font-weight: bold;
  border-top: 1px solid var(--color-border-2);
  max-width: 230px;
  margin: 15px auto 0 auto;
  padding-top: 15px;
}
.ListPrintDialog__container {
  display: flex;
  flex-direction: column;
  height: 90vh;
}
.ListPrintDialog__divider {
  height: 6vh;
  width: 100%;
  box-shadow: 1px -17px 20px -18px rgba(0, 0, 0, 0.75);
  margin-top: -125px;
  bottom: 0;
  position: fixed;
  width: 928px;
  left: 50%;
  margin-left: -428px;
  background: #fff;
}
@media screen and (max-width: 68.6875em) {
  .ListPrintDialog__divider {
    display: none;
  }
}
.ListPrintDialog__printPreviewContainer {
  width: 768px;
  margin: auto;
  flex: 1 1 auto;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
  margin-top: 45px;
}
.ListPrintSettings {
  min-width: 600px;
  max-width: 780px;
  margin: auto;
}
.ListPrintSettings__header {
  display: flex;
}
.ListPrintSettings__heading {
  flex: 1 1 auto;
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-size: 33px;
  font-weight: 700;
  line-height: 44px;
  margin: 10px 0;
}
.ListPrintSettings__printButton {
  flex: 0 0 auto;
  margin-top: 10px;
  margin-right: 20px !important;
}
.ListPrintSettings__message {
  border: 1px solid var(--color-border-2);
  padding: 0.5rem 1rem;
  border-radius: 5px;
}
.ListPrintSettings__message p {
  font-size: 0.85714286rem;
  line-height: 1.32857143rem;
  font-style: italic;
  color: var(--color-text-secondary);
  margin-bottom: 0.8rem;
  margin-top: 0.8rem;
}
.ListPrintSettings__colSettings {
  padding: 0 5px;
}
.ListPrintSettings__colSettingContainer {
  display: flex;
  align-items: center;
  align-content: center;
}
.ListPrintSettings__colSetting {
  float: left;
  width: 20%;
  cursor: pointer;
  margin-top: 15px;
}
.ListPrintSettings__colSettingsHeader {
  margin-top: 20px;
  margin-bottom: 5px;
}
.ListPrintSettings__colSettingName {
  flex: 0 1 auto;
  margin-left: 10px;
  padding-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ListPrintSettings__colSettingToggle {
  flex: 0 0 auto;
  width: 30px;
  height: 18px;
}
.ListPrintSettings__colSettingToggle:before {
  width: 16px;
  height: 16px;
}
.ListPrintSettings__colSettingToggle.is-active:before {
  transform: translateX(12px);
}
.PushPermissionRequest p {
  line-height: 1.5;
}
.RowDeleteDialog {
  border-top-color: hsl(359, 55%, 45%) !important;
}
.ThemeEditor {
  display: block;
  margin-bottom: 3rem;
  padding: 20px;
  text-align: center;
  position: relative;
}
.ThemeEditor__label {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
  vertical-align: middle;
}
.ThemeEditor__title {
  position: relative;
  top: 2px;
}
.ThemeEditor__icon {
  font-size: 2rem;
  vertical-align: middle;
  color: var(--color-text-hint);
}
.ThemeEditor .ThemeEditor__upload:before {
  display: none;
}
.ThemeEditor__upload {
  width: 100%;
}
.ThemeEditor__coverImage {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.ThemeEditor__image {
  background: var(--color-background-2);
  width: 200px;
  height: 160px;
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ThemeEditor__controls {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
}
.ThemeEditor__header {
  padding: 20px;
  font-size: 1.92857143rem;
  font-weight: 700;
  color: hsl(0, 0%, 100%);
}
.AppLoadingDialog {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 2.57142857rem;
  line-height: 3.34285714rem;
  color: var(--color-text-primary-light);
}
.AppLoadingDialog__logo {
  width: 60px;
  margin: auto;
  margin-bottom: 50px;
  display: block;
}
.AppLoadingDialog .Spinner {
  margin-top: 60px;
}
.ListEmbedDialog__iframe {
  width: 100%;
  border: none;
}
.ListEmbedDialog__form {
  display: flex;
  padding: 1rem 0;
}
@media screen and (max-width: 65.5625em) {
  .ListEmbedDialog__form {
    flex-direction: column;
  }
}
.ListEmbedDialog__preview {
  flex: 1 1 auto;
  padding-bottom: 2rem;
  min-height: 400px;
}
@media screen and (max-width: 65.5625em) {
  .ListEmbedDialog__preview {
    border-bottom: 1px solid var(--color-border-3);
  }
}
.ListEmbedDialog__headerContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.ListEmbedDialog__previewTitle {
  font-size: 1.57142857rem;
  font-weight: 600;
}
.ListEmbedDialog__previewContent {
  overflow: hidden;
  margin: 0 auto;
}
.ListEmbedDialog__previewContent--mobile {
  max-width: 375px;
}
.ListEmbedDialog__settings {
  margin-left: 30px;
  flex: 1 1 auto;
  max-width: 350px;
  padding-left: 1rem;
  border-left: 1px solid var(--color-border-3);
}
@media screen and (max-width: 65.5625em) {
  .ListEmbedDialog__settings {
    padding-left: 0;
    padding-top: 1rem;
    border-left: none;
    margin: 0 auto;
  }
}
.ListEmbedDialog .PanelButton {
  border: none;
  box-shadow: none;
  background: none;
}
.ListEmbedDialog .PanelInput__input {
  height: 300px;
}
.ListEmbedDialog__copyButton {
  margin-left: 14px;
  margin-top: 5px;
}
.ListEmbedDialog__publishingPanelViewDefaultLabels {
  display: flex;
  justify-content: space-between;
  gap: 0;
  width: 6rem;
  margin-right: calc(14px);
  align-items: center;
  transform: translateX(5px);
}
.ListEmbedDialog__publishingPanelViewDefaultLabel {
  transform: rotate(-65deg);
  transform-origin: left center;
  width: 1rem;
  font-size: calc(0.71428571rem * 0.9);
  line-height: 1;
  white-space: nowrap;
}
.ListEmbedDialog__publishingPanelViewDefaultLabelDivider {
  width: 10px;
}
.ListEmbedDialog__publishingPanelViewDefaultLabelDivider svg {
  width: 65px;
  height: 20px;
  stroke: var(--color-border-2);
  stroke-width: 1;
  transform: rotate(-65deg);
  transform-origin: left center;
}
.ListEmbedDialog .PanelSection__title {
  margin-top: 2rem;
  padding-right: 0.2rem;
}
.ListEmbedDialog .PanelSection__rightTitle {
  right: 0;
}
.Modal.is-page {
  width: 100vw !important;
  height: 100vh !important;
}
.JoinPrompt {
  width: 500px;
}
.JoinPrompt.is-page {
  width: 100%;
  height: 100%;
}
.JoinPrompt__userAction {
  text-transform: capitalize;
}
.JoinPrompt__message {
  text-align: center;
  font-size: 1.92857143rem;
  font-weight: 600;
  font-size: 1.57142857rem;
  margin: 40px 0;
}
@media screen and (max-width: 21.8125em) {
  .JoinPrompt__message {
    font-size: 1.28571429rem;
  }
}
.JoinPrompt__sectionTwo {
  padding-top: 20px;
}
.JoinPrompt__logoContainer {
  display: flex;
  justify-content: center;
  padding: 0 0 1rem 0;
}
.JoinPrompt__logo {
  width: 70px;
  height: 70px;
}
.JoinPrompt__logo path {
  fill: hsl(5, 90%, 58%);
}
.JoinPrompt__features {
  max-width: 360px;
  margin: 0 auto;
}
.JoinPrompt__features li {
  font-size: 0.85714286rem;
  line-height: 1.35;
  margin-bottom: 0.5rem;
}
.JoinPrompt__featureHighlight {
  font-weight: 600;
  text-transform: uppercase;
}
.JoinPrompt__buttonContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 3rem;
}
.JoinPrompt__buttonContainer .Button {
  margin: 0.5rem 1rem 2rem 1rem;
  width: 15rem;
  text-align: center;
}
.JoinPrompt__bottomContainer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  text-align: center;
  padding-top: 15px;
  border-top: solid 1px var(--color-border-2);
  cursor: pointer;
}
.JoinPrompt__signInLink {
  text-decoration: underline;
  color: hsl(5, 90%, 58%);
}
@media screen and (max-width: 400px) {
  .JoinPrompt__message {
    font-size: 1.28571429rem;
  }
}
@media screen and (max-width: 325px) {
  .JoinPrompt__message {
    font-size: 1.14285714rem;
    font-weight: 700;
  }
}
@media screen and (max-height: 750px) {
  .JoinPrompt__message {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .JoinPrompt__features {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media screen and (max-height: 580px) {
  .JoinPrompt__message {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .JoinPrompt__features {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .JoinPrompt__logo {
    width: 32px;
    height: 34px;
  }
}
@media screen and (max-height: 550px) {
  .JoinPrompt__features {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .JoinPrompt__features ul {
    margin-bottom: 0;
  }
  .JoinPrompt__features li {
    font-size: 10px;
  }
  .JoinPrompt__sectionTwo {
    padding-top: 0;
  }
}
@media screen and (max-height: 560px) and (min-width: 480px) {
  .JoinPrompt__sectionOne {
    position: absolute;
    left: 0;
    width: 50%;
    min-height: 70%;
    border-right: solid 1px var(--color-border-2);
  }
  .JoinPrompt__sectionTwo {
    position: absolute;
    right: 0;
    width: 50%;
    padding-top: 40px;
  }
  .JoinPrompt__message {
    font-size: 1.28571429rem;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .JoinPrompt__features li {
    font-size: 11px;
    margin-left: 10px;
    padding-left: 5px;
    max-width: 300px;
    margin: 0 auto;
  }
}
@media screen and (max-height: 374px) and (min-width: 400px) {
  .JoinPrompt__features {
    display: none;
  }
}
@media screen and (max-height: 750px) {
  .DesktopEnvironment .JoinPrompt {
    width: 700px;
    height: 400px;
  }
  .DesktopEnvironment .JoinPrompt__sectionOne {
    position: absolute;
    left: 0;
    width: 50%;
    min-height: 70%;
    border-right: solid 1px var(--color-border-2);
  }
  .DesktopEnvironment .JoinPrompt__sectionTwo {
    position: absolute;
    right: 0;
    width: 50%;
    padding-top: 70px;
  }
  .DesktopEnvironment .JoinPrompt__buttonContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .DesktopEnvironment .JoinPrompt__message {
    font-size: 1.28571429rem;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .DesktopEnvironment .JoinPrompt__features li {
    font-size: 11px;
    margin-left: 10px;
    padding-left: 5px;
  }
}
.GettingStarted {
  text-align: center;
  padding: 2rem 0 !important;
  width: 500px;
}
.GettingStarted.is-page {
  width: 100%;
  height: 100%;
}
@media screen and (max-height: 750px) {
  .DesktopEnvironment .GettingStarted {
    width: 700px;
    height: 400px;
  }
  .DesktopEnvironment .GettingStarted__container {
    width: 650px;
    margin-left: 25px;
    margin-right: 25px;
  }
  .DesktopEnvironment .GettingStarted .slide-panels {
    width: 650px;
  }
  .DesktopEnvironment .GettingStarted .panels {
    min-height: 300px;
    width: 650px;
  }
  .DesktopEnvironment .GettingStarted__sectionOne {
    position: absolute;
    left: 0;
    width: 50%;
    border-right: solid 1px var(--color-border-2);
  }
  .DesktopEnvironment .GettingStarted__sectionTwo {
    position: absolute;
    right: 0;
    width: 50%;
    padding-top: 40px;
  }
  .DesktopEnvironment .GettingStarted__buttonContainer {
    width: 650px;
  }
}
@media screen and (max-height: 560px) and (min-width: 480px) {
  .GettingStarted__container {
    max-width: 750px !important;
  }
  .GettingStarted__slidePanel {
    height: 240px;
  }
  .GettingStarted__sectionOne {
    position: absolute;
    left: 0;
    width: 50%;
    min-height: 70%;
    border-right: solid 1px var(--color-border-2);
  }
  .GettingStarted__sectionTwo {
    position: absolute;
    right: 0;
    width: 50%;
    padding-top: 10px;
  }
}
@media screen and (max-height: 365px) and (min-width: 480px) {
  .GettingStarted__slidePanel {
    height: 200px;
  }
  .GettingStarted .GettingStarted__title {
    font-size: 20px;
  }
  .GettingStarted img {
    max-width: 210px;
  }
}
.GettingStarted__container {
  max-width: 800px;
  margin: 0 auto;
}
.GettingStarted img {
  width: 400px;
}
@media screen and (max-width: 24.9375em) {
  .GettingStarted img {
    width: 200px;
  }
}
.GettingStarted__description {
  padding-left: 2rem;
  padding-right: 2rem;
  min-height: 120px;
}
.GettingStarted__example {
  color: var(--color-text-secondary);
  font-size: 0.85714286rem;
}
.GettingStarted__buttonContainer {
  text-align: center;
}
.GettingStarted__buttonContainer__button {
  border-radius: 0 0 4px 4px;
}
@media screen and (max-width: 21.8125em) {
  .GettingStarted img {
    max-width: 150px;
  }
  .GettingStarted__description {
    padding-left: 1rem;
    padding-right: 1rem;
    min-height: 160px;
  }
  .GettingStarted__title {
    font-size: 1.57142857rem;
    margin-top: 0;
  }
  .GettingStarted__text {
    margin-bottom: 0;
  }
}
@media screen and (max-height: 685px) {
  .GettingStarted img {
    max-width: 230px;
  }
}
.GettingStarted__callToAction span {
  font-size: 1.28571429rem;
  line-height: 1.86428571rem;
}
.GettingStarted__callToAction .GettingStarted_ctaLink {
  text-transform: none;
  font-size: 1.28571429rem;
  line-height: 1.86428571rem;
  color: #fff;
  text-decoration: underline;
}
.GettingStarted__callToAction .ListToolbarMobile--cta-dismiss {
  top: 4px;
}
.CreateNewAccount {
  width: 500px;
  padding: 2rem!important;
}
.CreateNewAccount.is-page {
  width: 100%;
  height: 100%;
}
.CreateNewAccount__container {
  max-width: 500px;
  margin: auto;
}
.CreateNewAccount__newsBox {
  border: 1px var(--color-border-2) solid;
  padding: 1rem;
  background-color: var(--color-background-2);
}
.CreateNewAccount__newsBox h5 {
  font-weight: 600;
  font-size: 1rem;
  margin-top: 0;
}
.CreateNewAccount__newsBox p {
  font-size: 0.85714286rem;
  line-height: 1.32857143rem;
  margin-bottom: 0;
}
.CreateNewAccount__authButtonContainer {
  padding: 2rem;
}
@media screen and (max-width: 21.8125em) {
  .CreateNewAccount__authButtonContainer {
    padding: 2rem 0;
  }
}
.CreateNewAccount__terms p {
  font-size: 0.85714286rem;
  line-height: 1.32857143rem;
  margin-bottom: 0.5rem;
  color: var(--color-text-secondary);
  font-style: italic;
}
@media screen and (max-height: 560px) and (min-width: 480px) {
  .CreateNewAccount__sectionOne {
    position: absolute;
    left: 0;
    width: 45%;
    min-height: 70%;
    border-right: solid 1px var(--color-border-2);
    padding: 1rem;
  }
  .CreateNewAccount__sectionTwo {
    position: absolute;
    right: 0;
    width: 55%;
  }
  .CreateNewAccount__authButtonContainer {
    padding: 4rem 1rem;
  }
  .CreateNewAccount__terms {
    padding: 0 1rem;
  }
}
@media screen and (max-height: 750px) {
  .DesktopEnvironment .CreateNewAccount {
    width: 700px;
    height: 400px;
    padding: 50px !important;
  }
  .DesktopEnvironment .CreateNewAccount__sectionOne {
    position: absolute;
    left: 0;
    width: 45%;
    min-height: 70%;
    border-right: solid 1px var(--color-border-2);
    padding: 2rem 1.5rem 0 1.5rem;
  }
  .DesktopEnvironment .CreateNewAccount__sectionTwo {
    position: absolute;
    right: 0;
    width: 55%;
    padding: 1.5rem;
  }
  .DesktopEnvironment .CreateNewAccount__authButtonContainer {
    padding: 0 1rem;
  }
  .DesktopEnvironment .CreateNewAccount__terms {
    padding: 0 1rem;
  }
  .DesktopEnvironment .CreateNewAccount .AuthBox__logo {
    display: none;
  }
  .DesktopEnvironment .CreateNewAccount .AuthBox__title {
    margin-top: 0;
    margin-bottom: 25px;
  }
}
.NetworkConnectionStatusMouse__container {
  position: fixed;
  z-index: 20000;
  width: 200px;
  bottom: 20px;
  height: 50px;
  margin-left: -100px;
  text-align: center;
  left: 50%;
  border-radius: 5px;
  padding: 15px;
}
.NetworkConnectionStatusMouse__background {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 21000;
  opacity: 0.85;
  background-color: hsl(359, 55%, 45%);
}
.NetworkConnectionStatusMouse__savingBackground,
.NetworkConnectionStatusMouse__reconnectedBackground {
  background-color: hsl(115, 35%, 30%);
}
.NetworkConnectionStatusMouse__text {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 22000;
  top: 0;
  left: 0;
  color: hsl(0, 0%, 100%);
  font-weight: 700;
  text-shadow: 1px #000;
  text-transform: capitalize;
  font-size: 24px;
  text-shadow: 1px 1px #444;
}
.ShareDialog {
  background: var(--color-background-00);
  padding: 2rem;
  display: flex;
  border-radius: 3px;
  width: 350px;
  max-width: 100vw;
  flex-direction: column;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
}
.ShareDialog__header {
  font-weight: 700;
  margin-bottom: 20px;
  text-align: left;
  border-bottom: 1px solid var(--color-border-3);
  margin-top: 0;
  padding-bottom: 20px;
}
@media screen and (max-height: 800px) {
  .ShareDialog {
    width: 600px;
  }
}
.ShareDialog__body {
  display: grid;
  grid-template-columns: 1fr;
}
@media screen and (max-height: 800px) {
  .ShareDialog__body {
    grid-template-columns: 1fr 1fr;
    column-gap: 1rem;
  }
}
.ShareDialog .ShareButton {
  margin-bottom: 20px;
}
.ShareDialog .ShareButton svg {
  width: 44px;
  height: 44px;
}
.ShareDialog__otherOption {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
}
.ShareDialog__otherOption input {
  margin-bottom: 0;
}
.ShareDialog__svgBox {
  font-size: 20px;
  display: inline-block;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: var(--color-background-8);
  margin-right: 10px;
  margin-left: 2px;
  flex-shrink: 0;
  border-radius: 4px;
  padding: 5px;
}
.ShareDialog__svgBox path {
  fill: var(--color-text-primary-light);
}
.AuthDialog {
  border-top: 0;
}
@media (min-width: 600px) and (min-height: 600px) {
  .TouchInterface .AuthDialog {
    width: 400px;
    height: auto;
    border-radius: 3px;
  }
}
.TeaserBox {
  padding: 15px 10px 0 20px;
  position: fixed;
  bottom: 40px;
  right: 20px;
  width: 390px;
  height: 300px;
  background: var(--color-background-00);
  background-image: url("https://listium-res.cloudinary.com/image/upload/w_200,h_215/v1474959762/static/teaserBoxHand.png");
  background-repeat: no-repeat;
  background-position: 93% 100%;
  border: 1px solid var(--color-border-2);
  border-radius: 8px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  z-index: 5000;
}
.TeaserBox__moreButton {
  position: absolute;
  bottom: 16px;
  left: 20px;
}
.TeaserBox__closeButton {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.TeaserBox__title {
  font-size: 1.57142857rem;
  line-height: 1.45;
  font-weight: 700;
  color: hsl(5, 90%, 58%);
  margin-bottom: 15px;
}
.TeaserBox__subtitle,
.TeaserBox__paragraph {
  margin-bottom: 10px;
  font-size: 0.85714286rem;
  line-height: 1.35;
  font-weight: 600;
}
.TeaserBox__subtitle {
  font-weight: 700;
}
.CardDesigner {
  --color-card-designer-background: var(--color-background-00);
  border-top: 0;
  text-align: initial;
}
@media (min-width: 600px) and (min-height: 600px) {
  .TouchInterface .CardDesigner {
    padding: 0;
  }
  .TouchInterface .CardDesigner .ModalScroller {
    margin: 0;
  }
  .TouchInterface .CardDesigner .ModalTitle,
  .TouchInterface .CardDesigner .ModalActions {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.CardDesigner .react-resizable-handle {
  opacity: 0;
}
.CardDesigner__inner {
  display: flex;
  flex-direction: row;
}
.CardDesigner__inner--inline {
  flex-direction: column-reverse;
  max-height: none;
}
.CardDesigner__previewBlocker {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.DesktopEnvironment .CardDesigner__previewBlocker {
  display: none;
}
.CardDesigner__cardFrame {
  position: relative;
  border: 1px solid var(--color-border-3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 4px;
  max-width: 306px;
  width: 100%;
  padding: 8px;
  background-color: var(--color-card-designer-background);
  height: min-content;
  margin-bottom: 20px;
}
.CardDesigner__cardFrame .CardDesigner__removeButton {
  opacity: 0;
}
.CardDesigner__cardFrame .CardDesigner__coverImageButton {
  opacity: 0;
}
.MouseInterface .CardDesigner__cardFrame:hover .CardDesigner__gridItem {
  border: 1px dashed var(--color-list-border-3);
}
.MouseInterface .CardDesigner__cardFrame:hover .CardDesigner__layout {
  background-color: var(--color-card-designer-background);
}
.MouseInterface .CardDesigner__cardFrame:hover .react-resizable-handle {
  opacity: 1;
}
.MouseInterface .CardDesigner__cardFrame:hover .CardDesigner__removeButton {
  opacity: 1;
}
.MouseInterface .CardDesigner__cardFrame:hover .CardDesigner__gridItemPreview {
  display: block;
}
.MouseInterface .CardDesigner__cardFrame:hover .CardDesigner__nonGridItem {
  border: 1px dashed var(--color-list-border-3);
}
.MouseInterface .CardDesigner__cardFrame:hover .CardDesigner__coverImageButton {
  opacity: 1;
}
.CardDesigner__cardFrame--tablet {
  width: 460px;
  padding-right: 200px;
  position: relative;
}
@media (max-width: 700px) and (orientation: landscape) {
  .CardDesigner__cardFrame--hasImage {
    width: 460px;
    padding-right: 200px;
    position: relative;
  }
}
.CardDesigner__removeButton {
  position: absolute;
  top: 0;
  right: 0;
  color: hsl(359, 55%, 45%);
  font-size: 0.71428571rem;
  text-align: right;
  line-height: 14px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 2;
  padding-right: 2px;
}
.CardDesigner__coverImageButton {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--color-text-secondary);
  font-size: 0.71428571rem;
  text-align: right;
  line-height: 14px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 2;
  padding-right: 2px;
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  padding: 0;
  background: rgba(220, 220, 220, 0.8);
}
.CardDesigner__coverImageButton svg {
  fill: currentColor;
}
.CardDesigner__header {
  font-weight: 700;
  margin-bottom: 10px;
}
.CardDesigner__topSection {
  display: flex;
  flex-direction: row;
  padding: 0 14px 14px 14px;
  gap: 14px;
}
.CardDesigner__tip {
  font-size: 0.85714286rem;
  color: var(--color-text-secondary);
  margin-bottom: 10px;
}
.CardDesigner__cardWrapper {
  width: 520px;
  display: flex;
  padding-left: 30px;
  flex-direction: column;
  align-items: center;
  border-left: 1px solid var(--color-border-2);
}
.CardDesigner__inner--inline .CardDesigner__cardWrapper {
  width: auto;
  padding-left: 0;
  border-left: 0;
}
.CardDesigner__cardTitle {
  padding-top: 2px;
  padding-bottom: 6px;
  font-size: 1rem;
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-weight: 600;
  line-height: 1.3rem;
  color: var(--color-text-primary);
  margin-top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 5.6rem;
  border-bottom: 1px solid var(--color-border-3);
  min-height: 28px;
  margin-bottom: 10px;
}
.CardDesigner__nonGridItem {
  cursor: pointer;
  position: relative;
  border: 1px solid transparent;
  min-height: 30px;
  min-width: 60px;
}
.CardDesigner__nonGridItem--link {
  display: inline-block;
  margin-left: 1px;
  margin-right: 1px;
}
.CardDesigner__nonGridItem .ListCardSlab__link:hover {
  text-decoration: none;
}
.CardDesigner__gridItem {
  background-color: var(--color-card-designer-background);
  border: 1px solid transparent;
  cursor: grab;
}
.CardDesigner__gridItemOverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-background-0-A50);
  text-align: center;
  line-height: 41px;
  display: none;
}
.CardDesigner__gridItemOverlay::after {
  font-family: 'listiumicons';
  content: '\f041';
  font-size: 1.57142857rem;
  color: var(--color-text-secondary);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.CardDesigner__options {
  flex: 1;
  padding-right: 25px;
  min-width: 0;
}
.CardDesigner__inner--inline .CardDesigner__options {
  padding: 0 25px;
}
.CardDesigner__options .CardDesigner__fieldList,
.CardDesigner__options .CardDesigner__header {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.CardDesigner__cardImage {
  padding-top: 75%;
  background-position: center;
  background-size: cover;
  margin-top: -8px;
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: 10px;
  position: relative;
}
.CardDesigner__cardFrame--tablet .CardDesigner__cardImage {
  position: absolute;
  top: 8px;
  bottom: -11px;
  right: 0;
  width: 200px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-top: 0;
}
@media (max-width: 700px) and (orientation: landscape) {
  .CardDesigner__cardImage {
    position: absolute;
    top: 8px;
    bottom: -11px;
    right: 0;
    width: 200px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-top: 0;
  }
}
.CardDesigner__inlineImage {
  background-position: center;
  background-size: cover;
  height: 100%;
}
.CardDesigner .IconRange__li {
  margin-right: -1px;
}
.CardDesigner__columnToggle {
  min-height: 35px;
}
.CardDesigner__columnToggleField {
  float: right;
}
.CardDesigner__columnToggleTitle {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.CardDesigner__fieldList {
  margin-bottom: 20px;
}
.DesktopEnvironment .CardDesigner .ListCardSlab__linksSection {
  overflow: visible;
}
.CardDesigner__labels,
.CardDesigner__longText {
  margin-left: 6px;
  margin-right: 6px;
}
.Modal .CardDesigner__cardWrapper,
.Modal .CardDesigner__options {
  overflow-y: auto;
}
.CardDesigner__toggles {
  border-color: var(--color-list-button-background);
}
.CardDesigner__toggle:not(.CardDesigner__toggle--active) {
  color: var(--color-list-button-background);
}
.CardDesigner__toggle--active {
  background-color: var(--color-list-button-background);
  border-color: var(--color-list-button-background);
}
.CardDesigner .Button.Button--solidBack.Button--primary {
  background: var(--color-list-button-background);
}
.CardDesigner .Button.Button--solidBack.Button--primary:not(.Button--disabled):hover {
  background: var(--color-list-button-background);
}
.-contains-BuildMismatch .Modal {
  width: inherit;
}
.-contains-BuildMismatch .Modal__container {
  width: 100%;
}
.ColorPicker {
  position: relative;
  padding-top: 20px;
  width: 100%;
}
.ColorPicker .hue-picker {
  margin: 10px auto 30px auto;
  width: 100% !important;
  border-radius: 2px;
}
.ColorPicker .hue-horizontal {
  width: 100%;
}
.ColorPicker--centered {
  margin: 0 auto;
  width: 100%;
}
.ColorPicker__swatches {
  width: 100%;
  margin: 20px auto 5px auto;
}
.ColorPicker__swatch {
  width: 25%;
  height: 32px;
  margin-bottom: 5px;
  display: inline-block;
  transition: transform 0.1s ease;
}
.MouseInterface .ColorPicker__swatch {
  cursor: pointer;
}
.ColorPicker__swatch--selected {
  transform: scale(1.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.AiListItemsDialog__content {
  height: 40vh;
}
.AiListItemsDialog__title {
  font-size: 1.57142857rem;
  padding-bottom: 1rem;
}
.AiListItemsDialog__items {
  padding: 1rem;
  height: calc(40vh - 4.5rem);
  border-top: 1px solid var(--color-border-1);
  border-bottom: 1px solid var(--color-border-1);
  overflow-y: auto;
  background: linear-gradient(var(--color-background-00) 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), var(--color-background-00) 70%) 0 100%, /* Shadows */ radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background: linear-gradient(var(--color-background-00) 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), var(--color-background-00) 70%) 0 100%, /* Shadows */ radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: var(--color-background-00);
  background-size: 100% 40px, 100% 40px, 100% 6px, 100% 6px;
  /* Opera doesn't support this in the shorthand */
  background-attachment: local, local, scroll, scroll;
  z-index: 10;
  --scrollbar-width: 8px;
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.AiListItemsDialog__items:hover {
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: var(--color-list-background-4) transparent;
}
.AiListItemsDialog__items ::-webkit-scrollbar {
  width: var(--scrollbar-width, initial);
  background-color: rgba(0, 0, 0, 0);
}
.AiListItemsDialog__items ::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.AiListItemsDialog__items ::-webkit-scrollbar-thumb {
  border-radius: calc(var(--scrollbar-width, initial) / 2);
  background-color: rgba(0, 0, 0, 0);
}
.AiListItemsDialog__items:hover::-webkit-scrollbar-track {
  background-color: transparent;
}
.AiListItemsDialog__items:hover::-webkit-scrollbar-thumb {
  background-color: var(--color-list-background-4);
}
.AiListItemsDialog__item {
  padding-bottom: 1rem;
  transition: opacity 0.1s ease-in-out, max-height 0.3s ease-in-out;
  max-height: 1000px;
}
.AiListItemsDialog__item--fading {
  opacity: 0;
  max-height: 30px;
}
.AiListItemsDialog__item:after {
  content: '';
  display: block;
  height: 1px;
  background-color: var(--color-border-1);
  margin-top: 1rem;
}
.AiListItemsDialog__itemTitle {
  font-weight: 700;
  line-height: 1.7;
  display: flex;
  gap: 1ch;
}
ul.AiListItemsDialog__itemDetails {
  padding-left: 5ch;
}
.AiListItemsDialog__itemDetailsField {
  font-weight: 700;
}
.AiListItemsDialog__explainer {
  background-color: hsl(202, 60%, 85%);
  color: hsl(202, 55%, 35%);
  padding: 0.8rem 1rem 0.5rem;
  border-radius: 4px;
  margin-top: 0.5rem;
}
.AiListItemsDialog__explainerTitle {
  font-size: 1.14285714rem;
  font-weight: 700;
}
.AiListItemsDialog__explainerText p {
  font-size: 0.85714286rem;
  line-height: 1.3;
}
.AiListItemsDialog__loadingContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 600;
  color: var(--color-text-secondary);
}
.AiListItemsDialog__loadingContainer .Spinner {
  margin: 80px 50px 50px;
}
.AiListItemsDialog__doneContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.AiListReviewDialog {
  padding: 1rem;
  height: 40vh;
  border-top: 1px solid var(--color-border-1);
  border-bottom: 1px solid var(--color-border-1);
  overflow-y: auto;
  background: linear-gradient(var(--color-background-00) 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), var(--color-background-00) 70%) 0 100%, /* Shadows */ radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background: linear-gradient(var(--color-background-00) 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), var(--color-background-00) 70%) 0 100%, /* Shadows */ radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: var(--color-background-00);
  background-size: 100% 40px, 100% 40px, 100% 6px, 100% 6px;
  /* Opera doesn't support this in the shorthand */
  background-attachment: local, local, scroll, scroll;
  z-index: 10;
  --scrollbar-width: 8px;
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.AiListReviewDialog:hover {
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: var(--color-list-background-4) transparent;
}
.AiListReviewDialog ::-webkit-scrollbar {
  width: var(--scrollbar-width, initial);
  background-color: rgba(0, 0, 0, 0);
}
.AiListReviewDialog ::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.AiListReviewDialog ::-webkit-scrollbar-thumb {
  border-radius: calc(var(--scrollbar-width, initial) / 2);
  background-color: rgba(0, 0, 0, 0);
}
.AiListReviewDialog:hover::-webkit-scrollbar-track {
  background-color: transparent;
}
.AiListReviewDialog:hover::-webkit-scrollbar-thumb {
  background-color: var(--color-list-background-4);
}
.AiListReviewDialog__title {
  font-size: 1.57142857rem;
  padding-bottom: 1rem;
}
.AiListReviewDialog__feedbackSection {
  margin-bottom: 1.5rem;
}
.AiListReviewDialog__feedbackTitle {
  font-size: 1.14285714rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.AiListReviewDialog__feedbackContent {
  font-size: 1rem;
  line-height: 1.4;
}
.AiListReviewDialog__itemChangesTitle {
  font-size: 1.14285714rem;
  font-weight: 700;
  margin-bottom: 1rem;
  margin-top: 0;
}
.AiListReviewDialog__itemChange {
  margin-bottom: 1.5rem;
  padding: 1rem;
  border: 1px solid var(--color-border-1);
  border-radius: 4px;
}
.AiListReviewDialog__itemChangeTitle {
  font-size: 1.28571429rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
.AiListReviewDialog__fieldChange {
  margin-top: 1rem;
}
.AiListReviewDialog__fieldName {
  font-weight: 600;
  margin-bottom: 0.3rem;
}
.AiListReviewDialog__currentValue,
.AiListReviewDialog__suggestedValue,
.AiListReviewDialog__changeReason {
  font-size: 0.85714286rem;
}
.AiListReviewDialog__currentValueLabel,
.AiListReviewDialog__suggestedValueLabel {
  display: inline-block;
  font-weight: 600;
  width: 10ch;
}
.AiListReviewDialog__changeActions {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.5rem;
}
.AiListReviewDialog__changeActions .Button {
  margin-left: 0.5rem;
}
.AiListReviewDialog__suggestedNewItems,
.AiListReviewDialog__suggestedFields {
  margin-top: 2rem;
}
.AiListReviewDialog__suggestedNewItemsTitle,
.AiListReviewDialog__suggestedFieldsTitle {
  font-size: 1.14285714rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.AiListReviewDialog__suggestedNewItemTitle {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.AiListReviewDialog__suggestedNewItemField,
.AiListReviewDialog__suggestedFieldName,
.AiListReviewDialog__suggestedFieldType,
.AiListReviewDialog__suggestedFieldReason {
  font-size: 0.85714286rem;
  margin-bottom: 0.3rem;
}
.AiListReviewDialog__reviewMeta {
  color: var(--color-text-hint);
  font-style: italic;
  margin-top: 1rem;
  font-size: 0.78571429rem;
}
.AiListReviewDialog__explainer {
  background-color: hsl(202, 60%, 85%);
  color: hsl(202, 55%, 35%);
  padding: 0.8rem 1rem 0.5rem;
  border-radius: 4px;
  margin-top: 1.5rem;
}
.AiListReviewDialog__explainerTitle {
  font-size: 1.14285714rem;
  font-weight: 700;
}
.AiListReviewDialog__explainerText p {
  font-size: 0.85714286rem;
  line-height: 1.3;
}
.AiListReviewDialog__loadingContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 600;
  color: var(--color-text-secondary);
}
.AiListReviewDialog__loadingContainer .Spinner {
  margin: 80px 50px 50px;
}
.AiListChatDialog__inputContainer {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
  height: auto;
  overflow-y: auto;
}
.AiListChatDialog__input {
  padding: 0.5rem;
  border: 1px solid var(--color-list-border-3);
  border-radius: 4px;
  margin: 1rem 0 0 0;
  min-height: 5rem;
}
.AiListChatDialog__buttons {
  display: flex;
  justify-content: space-between;
}
.AiListChatDialog__chatHistory {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  height: 400px;
  overflow-y: auto;
  --scrollbar-width: 8px;
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.AiListChatDialog__chatHistory:hover {
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: var(--color-list-background-4) transparent;
}
.AiListChatDialog__chatHistory ::-webkit-scrollbar {
  width: var(--scrollbar-width, initial);
  background-color: rgba(0, 0, 0, 0);
}
.AiListChatDialog__chatHistory ::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.AiListChatDialog__chatHistory ::-webkit-scrollbar-thumb {
  border-radius: calc(var(--scrollbar-width, initial) / 2);
  background-color: rgba(0, 0, 0, 0);
}
.AiListChatDialog__chatHistory:hover::-webkit-scrollbar-track {
  background-color: transparent;
}
.AiListChatDialog__chatHistory:hover::-webkit-scrollbar-thumb {
  background-color: var(--color-list-background-4);
}
.AiListChatDialog__predefinedQuestions {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
  margin-top: auto;
}
.AiListChatDialog__predefinedQuestion {
  width: auto;
  align-self: flex-start;
  max-width: 100%;
  word-wrap: break-word;
  height: fit-content;
  white-space: normal;
  line-height: 1.3;
  padding: 0.5rem;
}
.AiListChatDialog__restrictResponseCheckboxContainer {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: 0.5rem;
}
.AiListChatDialog__restrictResponseCheckboxLabel {
  font-weight: 400;
  font-size: 0.85714286rem;
  color: var(--color-text-secondary);
  margin: 0;
}
.AiListChatDialog__message {
  margin-bottom: 0.5rem;
  max-width: 90%;
}
.AiListChatDialog__message--user {
  background-color: #f0f0f0;
  align-self: flex-end;
  padding: 0.5rem;
  border-radius: 8px;
}
.AiListChatDialog__message--ai {
  align-self: flex-start;
}
.AnnouncementBanner {
  height: 56px;
  background-color: hsl(359, 55%, 45%);
  color: hsl(0, 0%, 100%);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  text-align: center;
  line-height: 56px;
  transform: translate(0, -56px);
}
.AnnouncementBanner__closeIcon {
  float: right;
  cursor: pointer;
  padding: 11px;
  margin: -11px 0;
}
.AnnouncementBanner__link {
  color: hsl(0, 0%, 100%);
}
.-active-announcement {
  padding-top: 56px;
}
.-active-announcement.MouseInterface .ListAdminBar {
  top: 56px;
}
.-active-announcement .TopMenuTouch {
  top: 56px;
}
.-active-announcement .FloatingStackLayer.is-fill {
  top: 56px;
}
.-active-announcement .GiveawaysPage__gleamFrame {
  top: 56px;
}
.-active-announcement .AnnouncementBanner {
  transform: translate(0, 0);
}
.ActivityStream {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  overflow: hidden;
  padding-bottom: calc(var(--ios-safe-area-bottom) + 50px + 50px);
  border-radius: 5px;
  flex-grow: 1;
}
.-is-ie11 .ActivityStream {
  height: calc(100vh - 168px);
}
.ActivityStream__no-result {
  padding-top: 0.75rem;
  text-align: center;
  font-size: 0.85714286rem;
  color: var(--color-text-secondary);
}
.ActivityStream__header {
  background-color: var(--color-background-0);
  border-bottom: solid 1px var(--color-border-2);
  padding: 15px 22px;
}
@media screen and (max-width: 380px) {
  .ActivityStream__header {
    padding: 15px 14px;
  }
}
.ActivityStream__close {
  float: right;
  color: hsl(0, 0%, 100%);
  position: relative;
  top: -11px;
  right: -11px;
}
.ActivityStream__toggles {
  display: flex;
  align-items: center;
  border-radius: 4px;
  flex-grow: 1;
  background: var(--color-list-button-background);
  border: solid 1px var(--color-list-border-3);
  max-width: 350px;
  margin: 0 auto 10px auto;
  padding: 2px;
}
.DesktopEnvironment .ActivityStream__toggles {
  margin-left: 16px;
  margin-right: 16px;
}
.ActivityStream__toggle {
  flex: 1;
  text-align: center;
  padding: 2px 15px;
  font-weight: 600;
  font-size: 1rem;
  color: var(--color-text-secondary-light);
  border-radius: 4px;
  line-height: var(--button-height-compact);
  display: grid;
  place-items: center;
  cursor: pointer;
}
@media screen and (max-width: 440px) {
  .ActivityStream__toggle {
    font-size: 0.85714286rem;
  }
}
.ActivityStream__toggle--active {
  background-color: hsl(0, 0%, 100%);
  color: var(--color-list-button-text);
}
.ActivityStream__breadCrumbs {
  padding: 15px 22px;
}
.ActivityStream__breadCrumbsBackButton {
  color: hsl(5, 90%, 58%);
  font-weight: 600;
  margin-bottom: 5px;
  cursor: pointer;
  display: inline-block;
}
.ActivityStream__breadCrumbsTitle {
  font-weight: 600;
  font-size: 1.28571429rem;
}
.ActivityStream__feed {
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
  padding-bottom: 10px;
}
.ActivityStream__fetchMoreButton {
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  line-height: 2.2rem;
  font-size: 0.85714286rem;
  color: var(--color-list-button-text);
}
.ActivityStream__fetchMoreButton::after {
  font-family: 'listiumicons';
  content: '\f13f';
  padding-left: 3px;
}
.ActivityStream__dateHeader {
  display: grid;
  width: 100%;
  margin: 10px 0;
  align-items: center;
  text-align: center;
  grid-template-columns: minmax(10px, 1fr) auto minmax(10px, 1fr);
  grid-gap: 10px;
}
.ActivityStream__dateHeader:before,
.ActivityStream__dateHeader:after {
  content: '';
  border-top: 1px solid var(--color-border-3);
}
.ActivityStream__dateHeaderText {
  border: 1px solid var(--color-border-3);
  border-radius: 10px;
  padding: 0 10px;
  color: var(--color-text-primary);
  font-size: 0.78571429rem;
  font-weight: 600;
}
.ActivityStream__item {
  display: flex;
  flex-direction: column;
  font-size: 0.85714286rem;
  padding: 2px 14px 8px;
  position: relative;
  border-left: 2px solid var(--color-border-3);
  margin-left: 20px;
}
.ActivityStream__item:last-of-type {
  border-left-color: transparent;
}
.ActivityStream__item--containsComment {
  cursor: pointer;
  padding: 9px 9px 6px 20px;
}
.ActivityStream__item--containsComment .ActivityStream__commentRowLinkContainer,
.ActivityStream__item--containsComment .RowLink {
  font-size: 0.85714286rem;
  line-height: 1.32857143rem;
  margin-left: 3px;
}
.ActivityStream__item--containsComment .ActivityStream__replyLink {
  font-size: 16px;
  color: var(--color-text-secondary);
  line-height: 1.32857143rem;
}
.ActivityStream__item--containsComment .ActivityStream__replyLink i {
  transition: color 0.1s ease-in-out;
}
.ActivityStream__item--containsComment .ActivityStream__replyLink i:hover {
  color: var(--color-text-primary);
}
.ActivityStream__item--containsComment .ActivityStream__commentRowLinkContainer {
  color: var(--color-text-secondary);
}
.ActivityStream__item--containsComment .RowLink {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ActivityStream__item--isLink {
  cursor: pointer;
}
.ActivityStream__item--hasDelete {
  padding-top: 20px;
}
.ActivityStream__itemActivity {
  color: var(--color-text-secondary);
}
.ActivityStream__itemActivityField,
.ActivityStream .RowLink {
  word-break: break-all;
}
.ActivityStream__itemActivityField {
  font-weight: 600;
  color: var(--color-text-primary);
}
.ActivityStream__itemComment {
  flex: 1 1 auto;
  width: calc(100% - 20px);
  background: var(--color-background-00);
  border: 1px solid var(--color-border-1);
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding: 3px 7px;
  margin-left: 5px;
  margin-top: 5px;
  margin-bottom: 7px;
  position: relative;
  white-space: pre-wrap;
  word-wrap: break-word;
  min-height: 32px;
  line-height: 1.3175rem;
}
.ActivityStream__replyLink {
  flex: 1;
  text-align: right;
  margin-right: 15px;
  color: hsl(5, 90%, 58%);
  text-transform: uppercase;
  font-weight: 700;
}
.ActivityStream__deleteIcon {
  position: absolute;
  right: 26px;
  top: -6px;
  font-size: 0.85714286rem;
  color: var(--color-text-secondary);
  transition: color 0.1s ease-in-out;
}
.ActivityStream__deleteIcon:hover {
  color: hsl(359, 55%, 45%);
}
.ActivityStream__deleteIcon i {
  margin-left: 10px;
}
.ActivityStream__deleteTooltip {
  z-index: 10000;
}
.ActivityStream__itemComment:before {
  content: '';
  position: absolute;
  top: -8px;
  width: 0;
  height: 0;
  left: 13px;
  border-style: solid;
  border-width: 0 6px 8px 6px;
  border-color: transparent transparent var(--color-border-2) transparent;
}
.ActivityStream__itemComment:after {
  content: '';
  position: absolute;
  top: -6px;
  width: 0;
  height: 0;
  left: 13px;
  border-style: solid;
  border-width: 0 6px 8px 6px;
  border-color: transparent transparent hsl(0, 0%, 100%) transparent;
}
.ActivityStream__commentInput {
  display: flex;
  padding: 11px 14px 22px 14px;
}
.ActivityStream__commentTextArea {
  border-radius: 6px;
}
.ActivityStream__sendCommentButton {
  font-size: 20px;
  padding: 11px;
  margin-right: -10px;
  margin-bottom: 10px;
  opacity: 0.6;
}
@media (min-width: 600px) and (min-height: 600px) {
  .TouchInterface .ActivityStream__sendCommentButton {
    padding-left: 20px;
  }
}
.DesktopEnvironment .ActivityStream__sendCommentButton {
  padding-left: 20px;
}
.ActivityStream__sendCommentButton--active {
  cursor: pointer;
  opacity: 1;
}
.ActivityAuthor__time {
  color: var(--color-text-secondary);
  font-size: 0.85714286rem;
  margin-left: 1px;
}
.ActivityAuthor__name {
  font-weight: 600;
}
.ActivityAuthor:after {
  content: " ";
  white-space: pre;
}
.RowLink {
  color: var(--color-list-button-text);
  text-decoration-color: var(--color-list-button-text);
  font-weight: 600;
  cursor: pointer;
}
.ActivityIcon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  font-size: 0.78571429rem;
  margin-left: -28px;
  margin-top: -2px;
  border: 4px solid var(--color-list-sidebar-background);
}
.ActivityIcon:not(.ActivityIcon--circled) {
  border-radius: 50%;
  font-size: 0.85714286rem;
  background-color: var(--color-list-button-background);
}
.ActivityIcon:not(.ActivityIcon--circled).icon--checklist {
  font-size: 8px;
  line-height: 18px;
}
.ActivityIcon--circled {
  color: var(--color-text-secondary-reverse);
  background-color: var(--color-list-button-background-light);
  border-radius: 50%;
  font-size: 0.78571429rem;
}
.ActivityIcon--action-updated {
  background-color: var(--color-list-button-background);
  color: var(--color-text-secondary-reverse);
}
.ActivityIcon--action-added {
  background-color: var(--color-list-button-background);
  color: var(--color-text-secondary-reverse);
}
.ActivityIcon--action-deleted {
  background-color: var(--color-list-button-background);
  color: var(--color-text-secondary-reverse);
}
.ActivityIcon--action-renamed {
  background-color: var(--color-list-button-background);
  color: var(--color-text-secondary-reverse);
}
.ActivityIcon--avatar {
  border-radius: 50%;
  background-position: center;
  background-size: cover;
}
.ActivityStreamPanel {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-bottom: 0 !important;
  padding-bottom: var(--ios-safe-area-bottom);
}
.FloatingStackLayer.-contains-TouchActivityStream .PanelledModal__viewPane {
  background-color: var(--color-background-0) !important;
}
.FloatingStackLayer.-contains-TouchActivityStream {
  transform: translateX(0);
  opacity: 1;
}
.FloatingStackLayer.-contains-TouchActivityStream.is-hidden {
  transform: translateX(100vw);
}
.FloatingStackLayer.-contains-TouchActivityStream.is-animating {
  transition: transform 0.2s ease-out;
}
.FloatingStackLayer.-contains-TouchActivityStream .PanelledModalPanel {
  padding-top: 0;
}
.Comments {
  z-index: 2;
  height: 45px;
  overflow: hidden;
  transition: height 0.3s ease;
  padding: 10px 10px 10px 15px;
  border-radius: 4px 4px 0 0;
}
@media screen and (max-height: 300px) {
  .Comments:not(.Comments--showing) {
    display: none;
  }
}
.Comments--showing {
  height: 60vh;
}
@media screen and (max-height: 300px) {
  .Comments--showing {
    bottom: 0;
    z-index: 10;
  }
}
.Comments--not-toggleable {
  height: calc(100% - 11rem);
  border-radius: 0;
  margin: 0rem 0.5rem;
  border-radius: 4px 4px 0 0;
}
.Comments__feed {
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
  padding-bottom: 10px;
}
.Comments__fetchMoreButton {
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  line-height: 2.2rem;
  font-size: 0.85714286rem;
  color: hsl(5, 90%, 58%);
}
.Comments__fetchMoreButton::after {
  font-family: 'listiumicons';
  content: '\f13f';
  padding-left: 3px;
}
.Comments__item {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
  margin-bottom: 15px;
  padding-left: 5px;
  position: relative;
}
.Comments__avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--color-text-primary);
  background-size: cover;
  margin-right: 10px;
  margin-top: -2px;
  flex-shrink: 0;
}
.Comments__author {
  display: flex;
  line-height: 1rem;
}
.Comments__name {
  font-size: 0.85714286rem;
  font-weight: 600;
  color: var(--color-text-primary);
  margin-left: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100vw - 180px);
}
.Comments__time {
  font-size: 0.85714286rem;
  font-weight: 600;
  color: var(--color-text-secondary);
  margin-left: 6px;
  margin-right: 22px;
  flex: 1;
  text-align: right;
}
.Comments__deleteIcon {
  position: absolute;
  top: 16px;
  right: 0;
  padding: 0 6px;
  font-size: 0.85714286rem;
  color: var(--color-text-secondary);
}
.Comments__itemComment {
  position: relative;
  flex: 1;
  line-height: 18px;
  margin-right: 24px;
  margin-top: 8px;
  color: var(--color-text-primary);
  font-size: 1rem;
  line-height: 1.1rem;
  padding: 3px 7px;
  border-radius: 6px;
  white-space: pre-wrap;
  word-wrap: break-word;
  background: var(--color-background-1);
  border: 1px solid var(--color-border-1);
  border-radius: 4px;
  min-height: 32px;
}
.Comments__itemComment:before {
  content: '';
  position: absolute;
  top: -8px;
  width: 0;
  height: 0;
  left: 13px;
  border-style: solid;
  border-width: 0 6px 8px 6px;
  border-color: transparent transparent var(--color-border-2) transparent;
}
.Comments__itemComment:after {
  content: '';
  position: absolute;
  top: -6px;
  width: 0;
  height: 0;
  left: 13px;
  border-style: solid;
  border-width: 0 6px 8px 6px;
  border-color: transparent transparent hsl(0, 0%, 100%) transparent;
}
.Comments__commentInput {
  display: flex;
  padding-top: 10px;
}
.Comments_commentTextArea {
  border-radius: 6px;
}
.Comments__sendCommentButton {
  font-size: 20px;
  padding: 11px;
  margin-right: -10px;
  margin-bottom: 10px;
  opacity: 0.6;
}
@media (min-width: 600px) and (min-height: 600px) {
  .TouchInterface .Comments__sendCommentButton {
    padding-left: 20px;
  }
}
.DesktopEnvironment .Comments__sendCommentButton {
  padding-left: 20px;
}
.Comments__sendCommentButton--active {
  cursor: pointer;
  opacity: 1;
}
.Comments__commentWrapper {
  flex: 1;
}
@keyframes feedback-bounce {
  0% {
    transform: translate(0, 0);
  }
  10% {
    transform: scale(0.9);
  }
  25% {
    transform: scale(1.075);
  }
  45% {
    transform: scale(0.95);
  }
  65% {
    transform: scale(1.025);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes feedback-smile {
  0% {
    transform: translate(0, 0);
  }
  5% {
    transform: translate(0, -3px);
  }
  20% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(0, -3px);
  }
  40%,
  100% {
    transform: translate(0, 0);
  }
}
.Feedback__container {
  margin-top: -15px;
}
.Feedback__question {
  font-weight: 600;
  font-size: 0.85714286rem;
  margin-bottom: 15px;
}
.Feedback__sentimentContainer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.Feedback__sentiment {
  width: 44px;
  height: 44px;
  cursor: pointer;
  opacity: 0.75;
  margin-right: 5px;
}
.Feedback__sentiment + .Feedback__sentiment {
  margin-left: 6px;
}
.Feedback__sentiment:active {
  filter: brightness(90%);
  transition: filter 0.2s ease-out;
  animation: feedback-bounce 3s cubic-bezier(0.2, 0.5, 0.2, 1) forwards;
}
.Feedback__okay [data-name="feedback-animate-target"] {
  transition: transform 1s cubic-bezier(0.2, 0.5, 0.2, 1);
}
.Feedback__okay:hover [data-name="feedback-animate-target"] {
  transform: translateX(-8px);
}
.Feedback__bad [data-name="feedback-animate-target"] {
  transition: transform 1s cubic-bezier(0.2, 0.5, 0.2, 1);
}
.Feedback__bad:hover [data-name="feedback-animate-target"] {
  transform: translateY(4px);
}
.Feedback__good:hover [data-name="feedback-animate-target"] {
  animation: feedback-smile 3s cubic-bezier(0.2, 0.5, 0.2, 1) forwards;
}
.Feedback__feedbackMessage {
  font-size: 0.85714286rem;
  margin: 15px 0;
}
.Feedback__feedback {
  border: 1px solid #ccc;
  font-size: 0.85714286rem;
  outline: none;
  width: 100%;
  height: 80px;
  padding: 5px;
}
.Feedback__thanks {
  text-align: center;
  font-size: 1.14285714rem;
  font-weight: 600;
}
.Feedback__container::after {
  content: '';
  display: block;
  clear: both;
}
.Feedback__container .Button {
  float: right;
}
.GoogleImageSearch {
  position: relative;
}
.GoogleImageSearch__searchLabel {
  color: var(--color-text-secondary);
  display: block;
  text-transform: uppercase;
}
.GoogleImageSearch__searchMessage {
  color: var(--color-text-primary);
  text-transform: none;
  display: grid;
  grid-template-columns: max-content auto max-content;
  grid-gap: 7px;
  align-items: center;
  cursor: default;
}
.GoogleImageSearch__searchTermValue {
  border-radius: 14px;
  border: 1px solid var(--color-border-1);
  background-color: var(--color-background-2);
  color: var(--color-text-secondary);
  font-size: 1rem;
  font-weight: 600;
  padding: 2px 10px 2px 10px;
  min-height: calc(1.55rem + 6px);
  min-width: 15ch;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.GoogleImageSearch__searchResults {
  width: 100%;
  overflow-x: auto;
  background: var(--color-background-00);
  height: 252px;
  margin: 5px 0;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
}
.GoogleImageSearch__searchResultsInner {
  display: flex;
}
.GoogleImageSearch__searchResultImage {
  position: relative;
  width: 150px;
  height: 150px;
  margin-right: 10px;
}
.GoogleImageSearch__searchResultImage img {
  width: 100%;
  height: 100%;
  margin-right: 5px;
  padding: 0;
  cursor: pointer;
  background: var(--color-background-0);
  transition: all 0.1s ease;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.GoogleImageSearch__dimensions {
  position: absolute;
  left: 41px;
  bottom: -45px;
  color: var(--color-text-primary);
  font-size: 0.85714286rem;
  font-weight: 600;
  color: var(--color-text-secondary);
  opacity: 0;
  transition: all 0.2s ease;
}
.GoogleImageSearch__searchResultImage:hover .GoogleImageSearch__dimensions {
  opacity: 1;
}
.GoogleImageSearch__searchResultImageSelected {
  z-index: 100;
  border: 1px solid var(--color-border-2);
}
.GoogleImageSearch__searchResultImageSelected .GoogleImageSearch__dimensions {
  opacity: 1;
}
.GoogleImageSearch__loading {
  margin-top: 10px;
}
.GoogleImageSearch__searchResultImageSelected img {
  border: 1px solid var(--color-border-2);
  border-radius: 2px;
  transform: scale(1.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  z-index: 200000;
}
.GoogleImageSearch__showMore {
  display: block;
  text-align: right;
  height: 30px;
}
.GoogleImageSearch__message {
  text-transform: uppercase;
  font-size: 2em;
  text-align: center;
  width: 100%;
  display: block;
  /* padding-top: 40px; */
  position: absolute;
  left: 0;
  right: 0;
  top: 160px;
  bottom: 0;
}
.GoogleImageSearch__message .Spinner {
  margin-top: 0;
}
.GoogleImageSearch__showMoreButton {
  background: var(--color-list-button-background);
}
.GoogleImageSearch__showMoreButton:not(.Button--disabled):hover {
  filter: var(--button-hover-filter);
}
.AmazonImageSearch {
  position: relative;
}
.AmazonImageSearch__searchLabel {
  color: var(--color-text-secondary);
  display: block;
  text-transform: uppercase;
}
.AmazonImageSearch__searchMessage {
  color: var(--color-text-primary);
  text-transform: none;
  display: grid;
  grid-template-columns: max-content auto max-content;
  grid-gap: 7px;
  align-items: center;
  cursor: default;
}
.AmazonImageSearch__searchTermValue {
  border-radius: 14px;
  border: 1px solid var(--color-border-1);
  background-color: var(--color-background-2);
  color: var(--color-text-secondary);
  font-size: 1rem;
  font-weight: 600;
  padding: 2px 10px 2px 10px;
  min-height: calc(1.55rem + 6px);
  min-width: 15ch;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.AmazonImageSearch__searchResults {
  width: 100%;
  overflow-x: auto;
  background: var(--color-background-00);
  height: 252px;
  margin: 5px 0;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
  display: flex;
  flex-direction: row;
}
.AmazonImageSearch__searchResultsInner {
  display: flex;
}
.AmazonImageSearch__searchResult {
  position: relative;
  width: 100px;
  height: 200px;
  margin-right: 10px;
  flex-basis: 1 0 100px;
  display: grid;
  grid-template-rows: 100px 1fr 15px;
  gap: 6px;
}
.AmazonImageSearch__productImage {
  display: grid;
  place-content: center;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.AmazonImageSearch__productImage img {
  width: 100px;
  height: 100px;
  object-fit: contain;
  margin-right: 5px;
  padding: 0;
  cursor: pointer;
  background: var(--color-background-00);
  transition: all 0.1s ease;
}
.AmazonImageSearch__searchResult--selected .AmazonImageSearch__productImage {
  border: 1px solid var(--color-border-2);
  border-radius: 2px;
  transform: scale(1.2);
  z-index: 200000;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.AmazonImageSearch__productName,
.AmazonImageSearch__productAsin {
  font-size: 0.78571429rem;
  line-height: 1.35;
  font-weight: 600;
  color: var(--color-text-secondary);
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  max-height: 50rem;
  overflow: hidden;
  margin: 0;
}
.AmazonImageSearch__productName a,
.AmazonImageSearch__productAsin a {
  color: var(--color-text-link);
  text-decoration: underline;
  font-weight: 400;
}
.AmazonImageSearch__loading {
  margin-top: 10px;
}
.AmazonImageSearch__showMore {
  display: block;
  text-align: right;
  height: 30px;
}
.AmazonImageSearch__message {
  text-transform: uppercase;
  font-size: 2em;
  text-align: center;
  width: 100%;
  display: block;
  /* padding-top: 40px; */
  position: absolute;
  left: 0;
  right: 0;
  top: 160px;
  bottom: 0;
}
.AmazonImageSearch__message .Spinner {
  margin-top: 0;
}
.AmazonImageSearch__showMoreButton {
  background: var(--color-list-button-background);
}
.AmazonImageSearch__showMoreButton:not(.Button--disabled):hover {
  filter: var(--button-hover-filter);
}
.InlineEditor__container {
  position: relative;
}
.InlineEditor__editor {
  outline: none;
  z-index: 1;
  position: relative;
  min-height: 1.75em;
}
.InlineEditor__editor p {
  font-size: 1rem;
  line-height: 1.45em;
  font-weight: 400;
  padding-bottom: 1rem;
  margin: 0px;
}
.InlineEditor__editor br {
  content: '';
  display: block;
  padding-bottom: 1rem;
  margin: 0;
}
.InlineEditor__editor:empty {
  margin-bottom: 15px;
}
.InlineEditor__focussedLink {
  cursor: text;
  color: inherit !important;
}
.InlineEditor-hide {
  display: none;
}
:root {
  --navbar-height-desktop: 60px;
}
.NavBar {
  position: sticky;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background: var(--color-background-00);
  color: var(--color-text-primary);
  height: var(--navbar-height-desktop);
  z-index: 2000;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
}
.NavBar__list {
  padding: 0 11px;
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.NavBar__site-panel,
.NavBar__account-panel {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.NavBar__site-panel {
  margin-left: 25px;
}
.NavBar__searchBoxContainer {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  justify-content: center;
}
.NavBar__account-panel {
  justify-content: flex-end;
  margin-right: 15px;
  flex-shrink: 0;
}
.NavBar__account-panel .NavBar__list > * {
  margin-left: 3px;
  margin-right: 3px;
}
.NavBar__accessApp .Button {
  margin-right: 10px;
}
.NavBar__back {
  position: absolute;
  top: 15px;
  left: 10px;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  display: flex;
  justify-content: center;
}
.NavBar__back .icon,
.NavBar__back .input-group.-error label,
.NavBar__back .custom-checkbox-link,
.NavBar__back .checkbox.-checked,
.NavBar__back .checkbox.-unchecked,
.NavBar__back input.-custom[type="checkbox"] + .custom-checkbox,
.NavBar__back .image-upload .upload-link,
.NavBar__back .ReactSelect__clear,
.NavBar__back .ReactSelect__search-icon,
.NavBar__back .DateTimePicker .touch-date.is-empty,
.NavBar__back .DateTimePicker .touch-date.-empty,
.NavBar__back .TimePicker .time-group .next,
.NavBar__back .TimePicker .time-group .prev,
.NavBar__back .PopupMenu__title__close,
.NavBar__back .PopupMenu__title__back,
.NavBar__back .BaseCell--manualurl a.link,
.NavBar__back .ListTableViewHeaderCell__index-arrow-down,
.NavBar__back .ListTableViewHeaderCell__fieldSettingsButton,
.NavBar__back .ListTableViewHeaderCell__fieldHideButton,
.NavBar__back .ListTableViewHeaderCell__status .sort-state,
.NavBar__back .ListTableViewHeaderCell__status .filtered,
.NavBar__back .ListTableViewHeaderCell__status .grouped,
.NavBar__back .RowIndexCell__reminder-mark,
.NavBar__back .RowIndexCell__dirty-mark {
  padding: 0;
}
.NavBarItem {
  font-size: 10px;
  line-height: 26px;
  text-align: center;
  height: 100%;
  padding: 5px;
}
a.NavBarItem__action {
  color: var(--color-text-primary);
}
.NavBarItem__title {
  padding: 0 12px 0 8px;
}
@media screen and (max-width: 56.1875em) {
  .NavBarItem--UserId .NavBarItem__title {
    display: none;
  }
}
.NavBarItem__action {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  font-size: 1rem;
  line-height: 1.1;
  font-weight: 600;
  height: 2.4rem;
  border-radius: 20px;
  padding: 0 10px;
}
.NavBarItem__action[data-unread-count]:not([data-unread-count="0"]):before {
  content: attr(data-unread-count);
  position: absolute;
  top: 0;
  right: 22px;
  font-size: 12px;
  font-weight: 600;
  color: hsl(0, 0%, 100%);
  background: hsl(0, 77%, 57%);
  border-radius: 9px;
  padding: 0 4px;
  display: block;
  min-width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  z-index: 1;
}
.NavBarItem--ListiumMark .NavBarItem__action {
  padding: 0 5px;
}
.NavBarItem--Explore .NavBarItem__action,
.NavBarItem--UserId .NavBarItem__action {
  background: var(--color-background-3);
}
.NavBarItem--UserId {
  text-transform: uppercase;
}
.NavBarItem--NewList a {
  border: 1px solid currentColor;
  margin-right: 20px;
  padding: 0 10px !important;
}
.NavBar__account-panel .NavBarItem__action {
  padding: 0;
}
.NavBarItem__icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.NavBarItem__icon > img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.NavBarItem__icon > svg {
  width: 100%;
  height: 100%;
  fill: var(--color-text-primary);
}
.NavBarItem__icon > .icon--ArrowDown {
  width: 60%;
  height: 60%;
}
.NavBarItem__icon .icon--Notifications .icon-navbar-foreground {
  fill: var(--color-text-primary);
}
.NavBarItem__icon .icon--Notifications .icon-navbar-background {
  fill: var(--color-background-3);
  transition: fill 0.25s;
}
.NavBarItem--Notifications:hover .icon-navbar-background {
  fill: var(--color-background-4);
}
.NavBarItem .Selector {
  color: var(--color-text-primary);
}
:not(.NavBarItem--Notifications, .NavBarItem--Account) > .NavBarItem__action:hover {
  background: var(--color-background-4);
}
.NavBarItem--ListiumMark .icon,
.NavBarItem--ListiumMark .input-group.-error label,
.NavBarItem--ListiumMark .custom-checkbox-link,
.NavBarItem--ListiumMark .checkbox.-checked,
.NavBarItem--ListiumMark .checkbox.-unchecked,
.NavBarItem--ListiumMark input.-custom[type="checkbox"] + .custom-checkbox,
.NavBarItem--ListiumMark .image-upload .upload-link,
.NavBarItem--ListiumMark .ReactSelect__clear,
.NavBarItem--ListiumMark .ReactSelect__search-icon,
.NavBarItem--ListiumMark .DateTimePicker .touch-date.is-empty,
.NavBarItem--ListiumMark .DateTimePicker .touch-date.-empty,
.NavBarItem--ListiumMark .TimePicker .time-group .next,
.NavBarItem--ListiumMark .TimePicker .time-group .prev,
.NavBarItem--ListiumMark .PopupMenu__title__close,
.NavBarItem--ListiumMark .PopupMenu__title__back,
.NavBarItem--ListiumMark .BaseCell--manualurl a.link,
.NavBarItem--ListiumMark .ListTableViewHeaderCell__index-arrow-down,
.NavBarItem--ListiumMark .ListTableViewHeaderCell__fieldSettingsButton,
.NavBarItem--ListiumMark .ListTableViewHeaderCell__fieldHideButton,
.NavBarItem--ListiumMark .ListTableViewHeaderCell__status .sort-state,
.NavBarItem--ListiumMark .ListTableViewHeaderCell__status .filtered,
.NavBarItem--ListiumMark .ListTableViewHeaderCell__status .grouped,
.NavBarItem--ListiumMark .RowIndexCell__reminder-mark,
.NavBarItem--ListiumMark .RowIndexCell__dirty-mark {
  height: 24px;
  opacity: 1;
}
.NavBarItem--ListiumMark .icon path,
.NavBarItem--ListiumMark .input-group.-error label path,
.NavBarItem--ListiumMark .custom-checkbox-link path,
.NavBarItem--ListiumMark .checkbox.-checked path,
.NavBarItem--ListiumMark .checkbox.-unchecked path,
.NavBarItem--ListiumMark input.-custom[type="checkbox"] + .custom-checkbox path,
.NavBarItem--ListiumMark .image-upload .upload-link path,
.NavBarItem--ListiumMark .ReactSelect__clear path,
.NavBarItem--ListiumMark .ReactSelect__search-icon path,
.NavBarItem--ListiumMark .DateTimePicker .touch-date.is-empty path,
.NavBarItem--ListiumMark .DateTimePicker .touch-date.-empty path,
.NavBarItem--ListiumMark .TimePicker .time-group .next path,
.NavBarItem--ListiumMark .TimePicker .time-group .prev path,
.NavBarItem--ListiumMark .PopupMenu__title__close path,
.NavBarItem--ListiumMark .PopupMenu__title__back path,
.NavBarItem--ListiumMark .BaseCell--manualurl a.link path,
.NavBarItem--ListiumMark .ListTableViewHeaderCell__index-arrow-down path,
.NavBarItem--ListiumMark .ListTableViewHeaderCell__fieldSettingsButton path,
.NavBarItem--ListiumMark .ListTableViewHeaderCell__fieldHideButton path,
.NavBarItem--ListiumMark .ListTableViewHeaderCell__status .sort-state path,
.NavBarItem--ListiumMark .ListTableViewHeaderCell__status .filtered path,
.NavBarItem--ListiumMark .ListTableViewHeaderCell__status .grouped path,
.NavBarItem--ListiumMark .RowIndexCell__reminder-mark path,
.NavBarItem--ListiumMark .RowIndexCell__dirty-mark path {
  fill: hsl(5, 100%, 65%);
  transition: fill 0.25s;
}
.NavBarItem--ListiumMark:active .icon,
.NavBarItem--ListiumMark:active .input-group.-error label,
.NavBarItem--ListiumMark:active .custom-checkbox-link,
.NavBarItem--ListiumMark:active .checkbox.-checked,
.NavBarItem--ListiumMark:active .checkbox.-unchecked,
.NavBarItem--ListiumMark:active input.-custom[type="checkbox"] + .custom-checkbox,
.NavBarItem--ListiumMark:active .image-upload .upload-link,
.NavBarItem--ListiumMark:active .ReactSelect__clear,
.NavBarItem--ListiumMark:active .ReactSelect__search-icon,
.NavBarItem--ListiumMark:active .DateTimePicker .touch-date.is-empty,
.NavBarItem--ListiumMark:active .DateTimePicker .touch-date.-empty,
.NavBarItem--ListiumMark:active .TimePicker .time-group .next,
.NavBarItem--ListiumMark:active .TimePicker .time-group .prev,
.NavBarItem--ListiumMark:active .PopupMenu__title__close,
.NavBarItem--ListiumMark:active .PopupMenu__title__back,
.NavBarItem--ListiumMark:active .BaseCell--manualurl a.link,
.NavBarItem--ListiumMark:active .ListTableViewHeaderCell__index-arrow-down,
.NavBarItem--ListiumMark:active .ListTableViewHeaderCell__fieldSettingsButton,
.NavBarItem--ListiumMark:active .ListTableViewHeaderCell__fieldHideButton,
.NavBarItem--ListiumMark:active .ListTableViewHeaderCell__status .sort-state,
.NavBarItem--ListiumMark:active .ListTableViewHeaderCell__status .filtered,
.NavBarItem--ListiumMark:active .ListTableViewHeaderCell__status .grouped,
.NavBarItem--ListiumMark:active .RowIndexCell__reminder-mark,
.NavBarItem--ListiumMark:active .RowIndexCell__dirty-mark {
  opacity: 0.7;
}
.NavBarItem--ListiumMark:hover .icon path,
.NavBarItem--ListiumMark:hover .input-group.-error label path,
.NavBarItem--ListiumMark:hover .custom-checkbox-link path,
.NavBarItem--ListiumMark:hover .checkbox.-checked path,
.NavBarItem--ListiumMark:hover .checkbox.-unchecked path,
.NavBarItem--ListiumMark:hover input.-custom[type="checkbox"] + .custom-checkbox path,
.NavBarItem--ListiumMark:hover .image-upload .upload-link path,
.NavBarItem--ListiumMark:hover .ReactSelect__clear path,
.NavBarItem--ListiumMark:hover .ReactSelect__search-icon path,
.NavBarItem--ListiumMark:hover .DateTimePicker .touch-date.is-empty path,
.NavBarItem--ListiumMark:hover .DateTimePicker .touch-date.-empty path,
.NavBarItem--ListiumMark:hover .TimePicker .time-group .next path,
.NavBarItem--ListiumMark:hover .TimePicker .time-group .prev path,
.NavBarItem--ListiumMark:hover .PopupMenu__title__close path,
.NavBarItem--ListiumMark:hover .PopupMenu__title__back path,
.NavBarItem--ListiumMark:hover .BaseCell--manualurl a.link path,
.NavBarItem--ListiumMark:hover .ListTableViewHeaderCell__index-arrow-down path,
.NavBarItem--ListiumMark:hover .ListTableViewHeaderCell__fieldSettingsButton path,
.NavBarItem--ListiumMark:hover .ListTableViewHeaderCell__fieldHideButton path,
.NavBarItem--ListiumMark:hover .ListTableViewHeaderCell__status .sort-state path,
.NavBarItem--ListiumMark:hover .ListTableViewHeaderCell__status .filtered path,
.NavBarItem--ListiumMark:hover .ListTableViewHeaderCell__status .grouped path,
.NavBarItem--ListiumMark:hover .RowIndexCell__reminder-mark path,
.NavBarItem--ListiumMark:hover .RowIndexCell__dirty-mark path {
  fill: hsl(5, 90%, 58%);
}
@media screen and (max-width: 31.1875em) {
  .is-ListPage .NavBarItem--Explore {
    display: none;
  }
}
.Tooltip.NavBarItem__tooltip {
  font-size: 0.85714286rem;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 8px 16px;
  margin-left: -13px;
  margin-top: 4px;
  border-radius: 3px;
  background: var(--color-background-nav-3);
  color: var(--color-text-primary-light);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
}
.TooltipConnector.NavBarItem__tooltip {
  margin-top: 2px;
}
.TooltipConnector.NavBarItem__tooltip:before {
  display: inline-block;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 4px;
  border-top-color: rgba(0, 0, 0, 0);
  border-right-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
  border-top-width: 0;
  top: -2px;
  border-bottom-color: var(--color-background-nav-3);
  transform: scaleX(2);
}
.NavBar__dropdownToggle {
  z-index: 2;
  display: inline-block;
  height: 44px;
  line-height: 44px;
  width: 46px;
  text-align: center;
  font-size: 24px;
  top: 7px;
}
.NavBar__dropdownToggleClose {
  color: var(--color-text-primary);
}
.NavBar__dropdown {
  display: none;
  position: fixed;
  right: 0;
  overflow: hidden;
  left: calc(100% - 275px);
  top: 0;
  bottom: 0;
  z-index: 1;
  margin: 0;
  padding-top: 10vh;
  border: 1px solid var(--color-border-2);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  border-radius: 8px;
  background: var(--color-background-00);
  animation: cardFadeIn 0.2s ease;
  border-radius: 0;
  padding-left: 0;
  list-style: none;
}
.NavBar__dropdown.is-closing {
  animation: cardFadeOut 0.2s ease;
}
.NavBar__dropdownVisible {
  display: block;
  -webkit-animation: slideInRight 0.7s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: slideInRight 0.7s;
  /* Firefox < 16 */
  -ms-animation: slideInRight 0.7s;
  /* Internet Explorer */
  -o-animation: slideInRight 0.7s;
  /* Opera < 12.1 */
  animation: slideInRight 0.7s;
}
.NavBar__dropdownFade {
  display: block;
  -webkit-animation: slideOutRight 0.7s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: slideOutRight 0.7s;
  /* Firefox < 16 */
  -ms-animation: slideOutRight 0.7s;
  /* Internet Explorer */
  -o-animation: slideOutRight 0.7s;
  /* Opera < 12.1 */
  animation: slideOutRight 0.7s;
}
.NavBar__dropdownLi {
  margin: 0;
  height: 3.5rem;
}
.NavBar__dropdownLi:hover {
  background-color: var(--color-background-2);
}
.NavBar__dropdownLink {
  display: block;
  text-align: center;
  padding: 0.5rem 2rem;
  font-size: 18px;
  color: var(--color-text-primary);
}
.SharingForm {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.SharingForm__label {
  display: block;
  font-weight: bold;
  font-size: 16px;
  color: var(--color-text-primary);
  margin: 0 0 11px;
}
.SharingForm__search {
  border: 1px solid var(--color-border-3);
  border-radius: 8px;
  box-sizing: border-box;
  line-height: 33px !important;
  height: 44px;
  padding: 5.5px 11px;
  margin: 0 0 22px;
}
.SharingForm__search::placeholder {
  color: var(--color-text-placeholder);
}
.SharingForm__search:focus {
  background-color: var(--color-background-2);
}
.SharingForm__searchResultsContainer {
  position: relative;
}
.SharingForm__searchResults {
  position: absolute;
  width: 100%;
  top: -22px;
  left: 0;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 4px 10px 0 rgba(34, 34, 34, 0.3);
  z-index: 10000;
}
.SharingForm__searchResult {
  font-weight: 600;
  padding: 0.7rem;
  display: flex;
  flex-direction: row;
  cursor: pointer;
  border-bottom: 1px solid var(--color-border-2);
}
.SharingForm__searchResult * {
  display: flex;
  flex-direction: row;
}
.SharingForm__searchResult .UserChip__name {
  color: var(--color-text-primary);
}
.SharingForm__searchResultCta {
  color: hsl(5, 90%, 58%);
  padding-top: 1.1rem;
  padding-bottom: 1rem;
}
.SharingForm__searchResult:hover {
  background: var(--color-background-2);
  color: var(--color-text-primary);
}
.SharingForm__searchResult:hover .UserChip__nameNoLink,
.SharingForm__searchResult:hover a {
  color: var(--color-text-primary);
}
.SharingForm__searchResultEmail {
  margin-left: 5px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.SharingForm__searchResultEmailDisabled {
  background: var(--color-background-0);
  color: var(--color-text-disabled);
  cursor: default;
}
.SharingForm__searchResultEmailDisabled:hover {
  background: var(--color-background-0);
  color: var(--color-text-disabled);
}
.SharingForm__searchResultUserChip {
  flex: 0 0 auto;
  gap: 5px;
}
.SharingForm__searchResultIcon {
  flex: 0 0 auto;
  font-size: 24px;
  width: 26px;
  text-align: center;
}
.SharingForm__searchResultLabel {
  flex: 1 1 auto;
  margin-left: 25px;
}
.SharingForm__searchResultUsername {
  color: var(--color-text-secondary);
  font-weight: 400;
  padding-left: 5px;
}
.SharingForm__invitees {
  margin: -22px 0 22px;
}
.SharingForm__invitee {
  display: flex;
  padding: 11px;
}
.SharingForm__invitee + .SharingForm__invitee {
  border-top: 1px solid var(--color-border-3);
}
.SharingForm__inviteeAvatar {
  flex-shrink: 0;
}
.SharingForm__inviteeName {
  display: inline-block;
  margin-left: 11px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.SharingForm__inviteeUsername {
  color: var(--color-text-secondary);
  margin-left: 11px;
}
.SharingForm__inviteeLabel {
  display: flex;
  margin-right: auto;
}
.SharingForm__inviteeLabelEmail {
  display: flex;
  margin-right: auto;
}
.SharingForm__inviteePermission {
  flex: 0 0 auto;
  width: 140px;
}
.SharingForm__inviteeRemove {
  padding-left: 11px;
  cursor: pointer;
  position: relative;
}
.SharingForm__inviteeRemoveTouchHandler {
  position: absolute;
  width: 30px;
  height: 30px;
  left: 3px;
  top: -2px;
  z-index: 10000;
}
.SharingForm__message {
  border: 1px solid var(--color-border-3);
  border-radius: 8px;
  box-sizing: border-box;
  height: 110px;
  padding: 5.5px 11px;
  margin: 0 0 22px;
}
.SharingForm__message:focus {
  background-color: var(--color-background-2);
}
.SharingForm__actions {
  padding-bottom: 1px;
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  margin-bottom: auto;
}
.SharingForm__actions .SharingForm__prevStepButton {
  padding-left: 0;
  margin-right: auto;
}
.SharingForm__actions .SharingForm__prevStepButton .icon,
.SharingForm__actions .SharingForm__prevStepButton .input-group.-error label,
.SharingForm__actions .SharingForm__prevStepButton .custom-checkbox-link,
.SharingForm__actions .SharingForm__prevStepButton .checkbox.-checked,
.SharingForm__actions .SharingForm__prevStepButton .checkbox.-unchecked,
.SharingForm__actions .SharingForm__prevStepButton input.-custom[type="checkbox"] + .custom-checkbox,
.SharingForm__actions .SharingForm__prevStepButton .image-upload .upload-link,
.SharingForm__actions .SharingForm__prevStepButton .ReactSelect__clear,
.SharingForm__actions .SharingForm__prevStepButton .ReactSelect__search-icon,
.SharingForm__actions .SharingForm__prevStepButton .DateTimePicker .touch-date.is-empty,
.SharingForm__actions .SharingForm__prevStepButton .DateTimePicker .touch-date.-empty,
.SharingForm__actions .SharingForm__prevStepButton .TimePicker .time-group .next,
.SharingForm__actions .SharingForm__prevStepButton .TimePicker .time-group .prev,
.SharingForm__actions .SharingForm__prevStepButton .PopupMenu__title__close,
.SharingForm__actions .SharingForm__prevStepButton .PopupMenu__title__back,
.SharingForm__actions .SharingForm__prevStepButton .BaseCell--manualurl a.link,
.SharingForm__actions .SharingForm__prevStepButton .ListTableViewHeaderCell__index-arrow-down,
.SharingForm__actions .SharingForm__prevStepButton .ListTableViewHeaderCell__fieldSettingsButton,
.SharingForm__actions .SharingForm__prevStepButton .ListTableViewHeaderCell__fieldHideButton,
.SharingForm__actions .SharingForm__prevStepButton .ListTableViewHeaderCell__status .sort-state,
.SharingForm__actions .SharingForm__prevStepButton .ListTableViewHeaderCell__status .filtered,
.SharingForm__actions .SharingForm__prevStepButton .ListTableViewHeaderCell__status .grouped,
.SharingForm__actions .SharingForm__prevStepButton .RowIndexCell__reminder-mark,
.SharingForm__actions .SharingForm__prevStepButton .RowIndexCell__dirty-mark {
  position: relative;
  top: -2px;
}
.SuggestItem {
  --color-list-background-sidebar-input: var(--color-background-00);
  padding: 0;
  border-top: 0;
  display: flex;
  flex-direction: column;
}
.SuggestItem .ListFieldsEditor {
  margin-bottom: 0;
  padding-bottom: 20px;
  padding-top: 10px;
  overflow-y: auto;
}
.SuggestItem .ListFieldsEditorField__container {
  grid-template-areas: "content";
  grid-auto-columns: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.SuggestItem .ListFieldsEditorField__settings-icon,
.SuggestItem .ListFieldsEditorField__drag,
.SuggestItem .ListFieldsEditorField__visibility-icon {
  display: none;
}
.SuggestItem .ModalTitle,
.SuggestItem .ModalActions {
  margin: 0 !important;
  width: 100%;
}
.SuggestItem__fieldsContainer {
  height: 100%;
  background: linear-gradient(var(--color-list-background-1) 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), var(--color-list-background-1) 70%) 0 100%, /* Shadows */ radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background: linear-gradient(var(--color-list-background-1) 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), var(--color-list-background-1) 70%) 0 100%, /* Shadows */ radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: var(--color-list-background-1);
  background-size: 100% 40px, 100% 40px, 100% 6px, 100% 6px;
  /* Opera doesn't support this in the shorthand */
  background-attachment: local, local, scroll, scroll;
  z-index: 10;
  overflow-y: auto;
  position: relative;
  border-top: 1px solid var(--color-border-3);
  border-bottom: 1px solid var(--color-border-3);
  background-color: var(--color-list-background-2);
}
.SuggestItem__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.SuggestItem__successMessage {
  padding: 1rem 20px;
}
.DesktopEnvironment .SuggestItem {
  width: 80vw;
  max-width: 500px;
  max-height: min(600px, 90vh);
  vertical-align: middle;
}
.SuggestItem__instructions {
  font-size: 1rem;
  line-height: 1.55rem;
  color: var(--color-text-secondary);
  font-style: italic;
  padding: 20px;
}
.SuggestItem__successMessageButtons {
  display: grid;
  place-content: center;
  padding: 1rem 0 2rem;
}
.SuggestItem__successMessageButtons .Button {
  margin: 0;
}
.SuggestionCurator {
  --color-list-background-sidebar-input: var(--color-background-00);
  padding: 0;
  border-top: 0;
  display: flex;
  flex-direction: column;
}
.SuggestionCurator .Button--solidBack.Button--primaryColor {
  --color-button-mixin-background: var(--color-list-button-background);
}
.SuggestionCurator .Button--borderBack.Button--primaryColor {
  --color-button-mixin-text: var(--color-list-button-text);
}
.SuggestionCurator .ListFieldsEditor {
  margin-bottom: 0;
  padding-bottom: 20px;
  padding-top: 10px;
  overflow-y: auto;
}
.SuggestionCurator .ListFieldsEditorField__container {
  grid-template-areas: "content";
  grid-auto-columns: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.SuggestionCurator .ListFieldsEditorField__settings-icon,
.SuggestionCurator .ListFieldsEditorField__drag,
.SuggestionCurator .ListFieldsEditorField__visibility-icon {
  display: none;
}
.SuggestionCurator .ModalTitle,
.SuggestionCurator .ModalActions {
  margin: 0 !important;
  width: 100%;
}
.SuggestionCurator__fieldsContainer {
  height: 100%;
  background: linear-gradient(var(--color-list-background-1) 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), var(--color-list-background-1) 70%) 0 100%, /* Shadows */ radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background: linear-gradient(var(--color-list-background-1) 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), var(--color-list-background-1) 70%) 0 100%, /* Shadows */ radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: var(--color-list-background-1);
  background-size: 100% 40px, 100% 40px, 100% 6px, 100% 6px;
  /* Opera doesn't support this in the shorthand */
  background-attachment: local, local, scroll, scroll;
  z-index: 10;
  overflow-y: auto;
  position: relative;
  border-top: 1px solid var(--color-border-3);
  border-bottom: 1px solid var(--color-border-3);
  background-color: var(--color-list-background-2);
}
.SuggestionCurator__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.SuggestionCurator__successMessage {
  padding: 1rem 20px;
}
.DesktopEnvironment .SuggestionCurator {
  width: 80vw;
  max-width: 500px;
  max-height: min(600px, 90vh);
  vertical-align: middle;
}
.SuggestionCurator__instructions {
  font-size: 1rem;
  line-height: 1.55rem;
  color: var(--color-text-secondary);
  font-style: italic;
  padding: 20px;
}
.SuggestionCurator__successMessageButtons {
  display: grid;
  place-content: center;
  padding: 1rem 0 2rem;
}
.SuggestionCurator__successMessageButtons .Button {
  margin: 0;
}
.AuthBox {
  vertical-align: middle;
  text-align: left;
  max-width: 350px;
  margin: auto;
}
.AuthBox__logoContainer {
  width: 100%;
}
.AuthBox__logo {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto 30px;
}
.AuthBox__logo path {
  fill: hsl(5, 90%, 58%);
}
.AuthBox__title {
  text-align: center;
  font-size: 1.57142857rem;
  font-weight: 600;
  color: var(--color-text-primary);
  margin-top: 1rem;
  margin-bottom: 40px;
}
.DesktopEnvironment .AuthBox__title {
  font-size: 1.92857143rem;
}
.AuthBox__authButtons {
  margin: 1rem 0 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.DesktopEnvironment .AuthBox__authButtons {
  width: 350px;
}
.AuthBox__messageText {
  font-size: 1rem;
  line-height: 1.6em;
  color: var(--color-text-secondary);
  text-align: center;
  max-width: 260px;
  margin: 0 auto 2rem;
}
.AuthBox__secretLocalLogin {
  margin: 50px auto 0;
  width: 70%;
}
.AuthBox__modalFooter {
  border-top: 1px solid var(--color-border-2);
  color: var(--color-text-primary);
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
}
.AuthBox__modalFooter span {
  display: inline-block;
  margin-top: 25px;
}
.AuthBox__messageText a,
.AuthBox__modalFooter a {
  font-weight: 600;
}
.AuthBox__messageText a:hover,
.AuthBox__modalFooter a:hover {
  text-decoration: underline;
}
@media screen and (max-height: 450px) {
  .AuthBox__title,
  .AuthBox__messageText,
  .AuthBox__authButtons {
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: top;
  }
}
.AuthBox__errorMessage {
  background-color: hsl(28, 85%, 93%);
  margin: 0 0 2rem;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  text-align: left;
}
.AuthBox__errorMessage div,
.AuthBox__errorMessage p,
.AuthBox__errorMessage li,
.AuthBox__errorMessage ul li {
  font-size: 0.85714286rem;
  line-height: 1.4;
}
.SuggestedLists {
  transition: opacity 0.5s ease;
}
.DesktopEnvironment .SuggestedLists {
  padding: 0 40px 130px 40px;
}
@media screen and (min-width: 68.75em) {
  .DesktopEnvironment .SuggestedLists {
    width: calc(100% - 300px);
  }
}
.SuggestedLists__heading {
  display: inline-block;
  font-size: 1.57142857rem;
  letter-spacing: 0.2px;
  font-weight: 700;
  color: var(--color-text-primary);
  margin-top: 0;
  padding-left: 0.8rem;
  padding-bottom: 1rem;
  width: 100%;
}
.SuggestedLists__helpTip {
  display: inline-block;
  text-align: center;
  background-color: var(--color-text-hint);
  color: hsl(0, 0%, 100%);
  width: 16px;
  height: 16px;
  border-radius: 8px;
  font-size: 0.85714286rem;
  margin-left: 20px;
  cursor: pointer;
}
.SuggestedLists__hideSuggestedLists {
  float: right;
  margin-right: 0.8rem;
  text-transform: none;
  font-size: 0.85714286rem;
  font-weight: 600;
  color: var(--color-text-primary);
}
.SuggestedLists__hideSuggestedLists:before {
  font-family: 'listiumicons';
  content: '\EE85';
  margin-right: 8px;
}
.SuggestedLists__listContainer {
  padding: 0 0.8rem;
}
.DesktopEnvironment .SuggestedLists__listContainer {
  height: 76px;
  border-radius: 8px;
  flex-direction: row;
  overflow: hidden;
  display: flex;
  background: var(--color-background-0);
}
.DesktopEnvironment .DesktopEnvironment .SuggestedLists__listContainer {
  padding: 0.4em;
  width: calc(100%);
  transition: background-color 0.2s ease;
}
.DesktopEnvironment .SuggestedLists__listContainer:not(:hover):not(.DesktopEnvironment .SuggestedLists__listContainer--lastPinned):after {
  content: "";
  background: var(--color-border-1);
  position: absolute;
  bottom: 0;
  left: 10px;
  right: 10px;
  height: 1px;
}
.DesktopEnvironment .SuggestedLists__listContainer__coverContainer {
  width: calc(76px - 2 * 0.4em);
  height: calc(76px - 2 * 0.4em);
  border-radius: 4px;
  flex-grow: 0;
  flex-shrink: 0;
  overflow: hidden;
}
.DesktopEnvironment .SuggestedLists__listContainer__cover {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  font-size: 2rem;
  text-transform: uppercase;
  font-weight: 600;
  color: hsl(0, 0%, 100%);
}
.DesktopEnvironment .SuggestedLists__listContainer__coverImage {
  width: 100%;
  height: 100%;
  background-size: cover;
}
.DesktopEnvironment .SuggestedLists__listContainer__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 1;
  overflow: hidden;
  padding: 0 1.2em;
}
.DesktopEnvironment .SuggestedLists__listContainer__title {
  font-size: 1.14285714rem;
  line-height: 1.35em;
  font-weight: 600;
  color: var(--color-text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  max-height: 50rem;
  padding-bottom: 0.1em;
}
.DesktopEnvironment .SuggestedLists__listContainer__meta {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: var(--color-text-secondary);
  font-size: 0.85714286rem;
  font-weight: 600;
  height: 35%;
  margin-top: 0.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.DesktopEnvironment .SuggestedLists__listContainer__metaItem {
  line-height: 1.4em;
  vertical-align: baseline;
}
.DesktopEnvironment .SuggestedLists__listContainer__actionButtons {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 10px;
  opacity: 0;
  transform: translateX(30px);
  transition: all 0.2s ease;
  transition-delay: 0s;
}
.ListOfListsRowComplex:hover .DesktopEnvironment .SuggestedLists__listContainer__actionButtons {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.4s;
}
.DesktopEnvironment .SuggestedLists__listContainer__templateIcon,
.DesktopEnvironment .SuggestedLists__listContainer__publishIcon,
.DesktopEnvironment .SuggestedLists__listContainer__spinoffIcon {
  height: 12px;
  width: 12px;
  margin-bottom: -1px;
  fill: var(--color-text-secondary);
}
.DesktopEnvironment .SuggestedLists__listContainer__spinoffIcon path {
  fill: var(--color-text-secondary);
}
.DesktopEnvironment .SuggestedLists__listContainer__accountMultipleIcon {
  height: 17px;
  width: 17px;
  margin-bottom: -4px;
  fill: var(--color-text-secondary);
}
.DesktopEnvironment .SuggestedLists__listContainer__metaItem:not(:first-child):not(.ListOfListsRowComplex__metaItemTag):before {
  content: "\00B7";
  padding: 0.4em;
}
.DesktopEnvironment .SuggestedLists__listContainer__metaItemTag {
  padding: 0.1rem 0.4rem;
  display: inline-block;
  background-color: var(--color-background-2);
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 0.78571429rem;
  line-height: 1.5em;
}
.DesktopEnvironment .SuggestedLists__listContainer__metaItemTag:not(:first-child) {
  margin-left: 0.3rem;
}
.DesktopEnvironment .SuggestedLists__listContainer__metaItemTag--private {
  background: hsl(0, 0%, 93%);
}
.DesktopEnvironment .SuggestedLists__listContainer__metaItemTag--published {
  background: hsl(202, 100%, 93%);
}
.DesktopEnvironment .SuggestedLists__listContainer__metaItemTag--published-hidden {
  background-color: hsl(288, 100%, 95%);
}
.DesktopEnvironment .SuggestedLists__listContainer__metaItemTag--shared {
  background-color: hsl(30, 100%, 87%);
}
.DesktopEnvironment .SuggestedLists__listContainer__metaItemTag--secret {
  background-color: hsl(0, 100%, 94%);
}
.DesktopEnvironment .SuggestedLists__listContainer__metaItemTag--spinOff {
  background-color: hsl(116, 89%, 93%);
}
.DesktopEnvironment .SuggestedLists__listContainer__metaItem--unpublishedChanges {
  color: hsl(5, 90%, 58%);
}
.DesktopEnvironment .SuggestedLists__listContainer--archived .DesktopEnvironment .SuggestedLists__listContainer__content,
.DesktopEnvironment .SuggestedLists__listContainer--archived .DesktopEnvironment .SuggestedLists__listContainer__coverContainer {
  opacity: 0.3;
}
.DesktopEnvironment .SuggestedLists__listContainer--lastPinned:after {
  content: "";
  background: var(--color-border-4);
  position: absolute;
  bottom: 12px;
  left: 20px;
  right: 20px;
  height: 1px;
}
.DesktopEnvironment .SuggestedLists__listContainer__moreButton {
  color: var(--color-text-secondary);
  font-size: 1.92857143rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 100%;
  margin: 0 -14px 0;
}
.DesktopEnvironment .SuggestedLists__listContainer__pinButton,
.DesktopEnvironment .SuggestedLists__listContainer__templateButton,
.DesktopEnvironment .SuggestedLists__listContainer__archiveButton,
.DesktopEnvironment .SuggestedLists__listContainer__removeMeButton,
.DesktopEnvironment .SuggestedLists__listContainer__deleteButton {
  display: block;
  font-size: 1.57142857rem;
  color: var(--color-text-secondary);
  fill: var(--color-text-secondary);
  transition: all 0.2s ease;
  margin: 0 4px;
}
.DesktopEnvironment .SuggestedLists__listContainer__pinButton svg,
.DesktopEnvironment .SuggestedLists__listContainer__templateButton svg,
.DesktopEnvironment .SuggestedLists__listContainer__archiveButton svg,
.DesktopEnvironment .SuggestedLists__listContainer__removeMeButton svg,
.DesktopEnvironment .SuggestedLists__listContainer__deleteButton svg {
  height: 32px;
  width: 32px;
  padding: 6px;
}
.DesktopEnvironment .SuggestedLists__listContainer__pinButton:hover,
.DesktopEnvironment .SuggestedLists__listContainer__templateButton:hover,
.DesktopEnvironment .SuggestedLists__listContainer__archiveButton:hover,
.DesktopEnvironment .SuggestedLists__listContainer__removeMeButton:hover,
.DesktopEnvironment .SuggestedLists__listContainer__deleteButton:hover {
  fill: var(--color-text-primary);
}
.DesktopEnvironment .SuggestedLists__listContainer__deleteButton:hover {
  fill: hsl(359, 55%, 45%);
}
.DesktopEnvironment .SuggestedLists__listContainer__pinButton .DesktopEnvironment .SuggestedLists__listContainer__pinButton--on {
  display: none;
}
.DesktopEnvironment .SuggestedLists__listContainer__pinButton .DesktopEnvironment .SuggestedLists__listContainer__pinButton--off {
  display: block;
}
.DesktopEnvironment .SuggestedLists__listContainer__pinButton:hover .DesktopEnvironment .SuggestedLists__listContainer__pinButton--on {
  display: block;
}
.DesktopEnvironment .SuggestedLists__listContainer__pinButton:hover .DesktopEnvironment .SuggestedLists__listContainer__pinButton--off {
  display: none;
}
.DesktopEnvironment .SuggestedLists__listContainer__pinButton--userPinned .DesktopEnvironment .SuggestedLists__listContainer__pinButton--off {
  display: none;
}
.DesktopEnvironment .SuggestedLists__listContainer__pinButton--userPinned .DesktopEnvironment .SuggestedLists__listContainer__pinButton--on {
  display: block;
}
.DesktopEnvironment .SuggestedLists__listContainer__pinButton--userPinned:hover .DesktopEnvironment .SuggestedLists__listContainer__pinButton--off {
  display: block;
}
.DesktopEnvironment .SuggestedLists__listContainer__pinButton--userPinned:hover .DesktopEnvironment .SuggestedLists__listContainer__pinButton--on {
  display: none;
}
.DesktopEnvironment .SuggestedLists__listContainer__templateButton .DesktopEnvironment .SuggestedLists__listContainer__templateButton--on {
  display: none;
}
.DesktopEnvironment .SuggestedLists__listContainer__templateButton .DesktopEnvironment .SuggestedLists__listContainer__templateButton--off {
  display: block;
}
.DesktopEnvironment .SuggestedLists__listContainer__templateButton:hover .DesktopEnvironment .SuggestedLists__listContainer__templateButton--on {
  display: block;
}
.DesktopEnvironment .SuggestedLists__listContainer__templateButton:hover .DesktopEnvironment .SuggestedLists__listContainer__templateButton--off {
  display: none;
}
.DesktopEnvironment .SuggestedLists__listContainer__templateButton--templated .DesktopEnvironment .SuggestedLists__listContainer__templateButton--off {
  display: none;
}
.DesktopEnvironment .SuggestedLists__listContainer__templateButton--templated .DesktopEnvironment .SuggestedLists__listContainer__templateButton--on {
  display: block;
}
.DesktopEnvironment .SuggestedLists__listContainer__templateButton--templated:hover .DesktopEnvironment .SuggestedLists__listContainer__templateButton--off {
  display: block;
}
.DesktopEnvironment .SuggestedLists__listContainer__templateButton--templated:hover .DesktopEnvironment .SuggestedLists__listContainer__templateButton--on {
  display: none;
}
.DesktopEnvironment .SuggestedLists__listContainer__archiveButton .DesktopEnvironment .SuggestedLists__listContainer__archiveButton--on {
  display: none;
}
.DesktopEnvironment .SuggestedLists__listContainer__archiveButton .DesktopEnvironment .SuggestedLists__listContainer__archiveButton--off {
  display: block;
}
.DesktopEnvironment .SuggestedLists__listContainer__archiveButton:hover .DesktopEnvironment .SuggestedLists__listContainer__archiveButton--on {
  display: block;
}
.DesktopEnvironment .SuggestedLists__listContainer__archiveButton:hover .DesktopEnvironment .SuggestedLists__listContainer__archiveButton--off {
  display: none;
}
.DesktopEnvironment .SuggestedLists__listContainer__archiveButton--archived .DesktopEnvironment .SuggestedLists__listContainer__archiveButton--off {
  display: none;
}
.DesktopEnvironment .SuggestedLists__listContainer__archiveButton--archived .DesktopEnvironment .SuggestedLists__listContainer__archiveButton--on {
  display: block;
}
.DesktopEnvironment .SuggestedLists__listContainer__archiveButton--archived:hover .DesktopEnvironment .SuggestedLists__listContainer__archiveButton--off {
  display: block;
}
.DesktopEnvironment .SuggestedLists__listContainer__archiveButton--archived:hover .DesktopEnvironment .SuggestedLists__listContainer__archiveButton--on {
  display: none;
}
.DesktopEnvironment .SuggestedLists__listContainer__removeMeButton .DesktopEnvironment .SuggestedLists__listContainer__removeMeButton--on {
  display: none;
}
.DesktopEnvironment .SuggestedLists__listContainer__removeMeButton .DesktopEnvironment .SuggestedLists__listContainer__removeMeButton--off {
  display: block;
}
.DesktopEnvironment .SuggestedLists__listContainer__removeMeButton:hover .DesktopEnvironment .SuggestedLists__listContainer__removeMeButton--on {
  display: block;
}
.DesktopEnvironment .SuggestedLists__listContainer__removeMeButton:hover .DesktopEnvironment .SuggestedLists__listContainer__removeMeButton--off {
  display: none;
}
.DesktopEnvironment .SuggestedLists__listContainer__deleteButton .DesktopEnvironment .SuggestedLists__listContainer__deleteButton--on {
  display: none;
}
.DesktopEnvironment .SuggestedLists__listContainer__deleteButton .DesktopEnvironment .SuggestedLists__listContainer__deleteButton--off {
  display: block;
}
.DesktopEnvironment .SuggestedLists__listContainer__deleteButton:hover .DesktopEnvironment .SuggestedLists__listContainer__deleteButton--on {
  display: block;
}
.DesktopEnvironment .SuggestedLists__listContainer__deleteButton:hover .DesktopEnvironment .SuggestedLists__listContainer__deleteButton--off {
  display: none;
}
.DesktopEnvironment .SuggestedLists__listContainer__touchIndicators {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  font-size: 1.28571429rem;
  color: var(--color-text-hint);
  margin-left: 1rem;
  margin-bottom: 3px;
}
.DesktopEnvironment .SuggestedLists__listContainer__touchIndicatorIcon--active {
  color: var(--color-text-secondary);
}
.DesktopEnvironment .SuggestedLists__listContainer__publishIcon {
  font-size: 14px;
}
.DesktopEnvironment .SuggestedLists__listContainer__touchShareIcon {
  font-size: 14px;
}
.MouseInterface .DesktopEnvironment .SuggestedLists__listContainer:hover,
.MouseInterface .DesktopEnvironment .SuggestedLists__listContainer--selected {
  background: var(--color-background-2);
}
.MouseInterface .DesktopEnvironment .SuggestedLists__listContainer:hover .ListOfListsRowComplex__metaItem--unpublishedChanges,
.MouseInterface .DesktopEnvironment .SuggestedLists__listContainer--selected .ListOfListsRowComplex__metaItem--unpublishedChanges {
  color: hsl(5, 90%, 58%);
}
.SuggestedLists__listContainer:hover {
  background: var(--color-background-0--hover);
}
.SuggestedLists__listContainer:hover .SuggestedLists__listMeta {
  color: var(--color-text-primary);
}
.SuggestedLists__listLink {
  display: flex;
  width: calc(100% - 40px);
  overflow: hidden;
}
.SuggestedLists__coverImage {
  background-position: center;
  background-size: cover;
  width: 50px;
  height: 50px;
  border-radius: 3px;
}
.SuggestedLists__listTitle {
  margin-left: 1.1rem;
  margin-right: 3rem;
  color: var(--color-text-primary);
  font-size: 1rem;
  font-weight: 600;
}
.DesktopEnvironment .SuggestedLists__listTitle {
  margin-top: 0.2rem;
}
.SuggestedLists__listTitleText {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.SuggestedLists__action {
  margin: auto 0 auto auto;
}
.DesktopEnvironment .SuggestedLists__listMeta {
  color: var(--color-text-hint);
  font-size: 0.78857143rem;
  margin-top: 0.6rem;
}
.Billing {
  max-width: var(--account-page-content-width);
}
.Billing__dayCount {
  background: var(--color-background-1);
  border: 1px solid var(--color-border-2);
  border-radius: 4px;
  font-weight: 600;
  padding: 0px 5px;
}
.Billing__cardButtons {
  display: inline-block;
}
.Billing__cardDetails {
  display: inline-block;
  padding-right: 20px;
}
.Billing__header {
  font-size: 1.57142857rem;
  line-height: 1.4em;
  font-weight: 700;
  margin-top: 0.5rem;
}
.Billing__plan,
.Billing__paymentInfo {
  padding-bottom: 3rem;
}
.AnonymousListHelper {
  background: var(--color-list-background-8);
  color: hsl(0, 0%, 100%);
  box-shadow: 0px 0px 10px 0px #9e9e9e;
  font-size: 1.14285714rem;
  line-height: 1.3;
  font-weight: 600;
  padding: 8px 30px 8px 30px;
  width: 100vw;
  text-align: center;
  animation: slide-in 1.5s;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2000;
  right: 0;
  transition: color 1s ease, background 1s ease;
}
@media screen and (max-width: 37.4375em) {
  .AnonymousListHelper {
    text-align: left;
    font-size: 1rem;
    font-weight: normal;
    padding: 10px;
    z-index: 1005;
  }
}
.AnonymousListHelper__hidden {
  display: none;
}
.AnonymousListHelper__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2ch;
}
.AnonymousListHelper__listiumMark,
.AnonymousListHelper__closeHelperIcon {
  flex-shrink: 0;
  flex-grow: 0;
  width: 1.5rem;
  height: 1.5rem;
}
svg.AnonymousListHelper__listiumMark g,
svg.AnonymousListHelper__closeHelperIcon g,
svg.AnonymousListHelper__listiumMark path,
svg.AnonymousListHelper__closeHelperIcon path {
  fill: hsl(0, 0%, 100%);
}
.AnonymousListHelper__listiumMark {
  width: 1.5rem;
  height: 1.5rem;
}
.AnonymousListHelper__closeHelperIcon {
  width: 1rem;
  height: 1rem;
  margin-left: 1rem;
  cursor: pointer;
}
.AnonymousListHelper__message {
  vertical-align: middle;
  font-weight: 500;
}
.AnonymousListHelper__message a {
  color: hsl(0, 0%, 100%);
  text-decoration: underline;
}
.AnonymousListHelper__orange {
  background: var(--color-list-select-3);
  color: hsl(0, 0%, 100%);
}
.AnonymousListHelper__blue {
  background: var(--color-list-select-10);
  color: hsl(0, 0%, 100%);
}
.AnonymousListHelper__green {
  background: var(--color-list-select-6);
  color: hsl(0, 0%, 100%);
}
.AnonymousListHelper__red {
  background: var(--color-list-select-2);
  color: hsl(0, 0%, 100%);
}
@keyframes slide-in {
  0% {
    transform: translateY(80px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes slide-in-touch {
  0% {
    transform: translateY(48px);
  }
  100% {
    transform: translateY(0px);
  }
}
.AnonymousListHelper__inTouchListItemEditor {
  bottom: 64px;
  position: absolute;
  z-index: 0;
  left: 11px;
  width: calc(100vw - 11px * 2);
  animation: slide-in-touch 1.5s;
}
@media screen and (min-width: 43.75em) {
  .AnonymousListHelper__inTouchListItemEditor {
    bottom: 53px;
    left: 0;
    width: auto;
    right: 0;
  }
}
/* Move this to LocationDialog.less */
.LocationDialog {
  background: #fff;
  height: 80vh;
  width: 80vw;
  overflow: hidden;
}
.LocationDialog__delete {
  position: absolute;
  left: 30px;
  bottom: 15px;
}
.LocationDialog__save {
  margin-right: -1rem;
}
.Location {
  padding: 0;
  border: 1px solid var(--color-border-3);
  background: #ebebeb;
  width: 100%;
  height: calc(100% - 129px);
}
.Location * {
  font-family: 'Noto Sans', 'Open Sans', sans-serif !important;
}
.Location input[type="text"] {
  height: 40px;
  width: 60%;
  font-weight: 400;
}
.Location__map {
  height: 100%;
}
.Location__controls {
  margin-top: 10px;
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.Location__search {
  background-color: #fff;
  padding: 30px;
  font-size: 1rem;
  font-weight: 400;
  margin-left: 12px;
  text-overflow: ellipsis;
  width: 300px;
}
.Location__search #type-selector {
  color: #fff;
  background-color: #4d90fe;
  padding: 5px 11px 0px 11px;
}
.Location__search #type-selector label {
  font-size: 13px;
  font-weight: 300;
}
.Location__search #target {
  width: 345px;
}
/* Google inserts the dropdown menu outside the scope of our component */
.pac-container {
  font-family: Roboto, sans-serif;
  z-index: 100000000000 !important;
}
.PanelledModal .Location,
.PanelledModal .LocationOverview {
  height: calc(100vh - 50px - var(--ios-status-bar-height));
  position: relative;
}
/* Move this to LocationOverviewDialog.less */
.LocationOverviewDialog {
  background: #fff;
  height: 80vh;
  width: 80vw;
}
.LocationOverview {
  padding: 0;
  width: 100%;
  height: 100%;
}
.LocationOverview * {
  font-family: 'Noto Sans', 'Open Sans', sans-serif !important;
}
.LocationOverview input[type="text"] {
  height: 40px;
  width: 80%;
  font-weight: 400;
}
.LocationOverview__map {
  height: 100%;
}
.LocationOverview__controls {
  margin-top: 10px;
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.LocationOverview__slabHolder {
  position: absolute;
  width: calc(100% - 20px);
  bottom: 0;
  left: 10px;
  max-width: 600px;
}
@media (max-width: 750px) and (max-height: 750px) {
  .LocationOverview__slabHolder {
    transform-origin: bottom left;
    transform: scale(0.6);
  }
}
.LocationOverview__clearCard {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  line-height: 15px;
  color: #ccc;
}
@media (max-width: 750px) and (max-height: 750px) {
  .LocationOverview__clearCard {
    font-size: 22px;
  }
}
.LocationOverview .location-marker {
  transition: transform 0.3s;
}
.LocationOverview .location-marker--hovered {
  transform: scale(1.3) translateY(-12%);
}
.FloatingStackLayer.-contains-LocationOverviewPanelled .PanelledModalPanel,
.FloatingStackLayer.-contains-LocationPanelled .PanelledModalPanel {
  padding-top: 0;
  margin-bottom: 0;
}
.FloatingStack {
  list-style: none;
  padding-left: 0;
  margin: 0;
  z-index: 3000;
}
.FloatingStackCanceller {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 3000;
}
.FloatingStackCanceller__clickTarget {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.FloatingStackCanceller--disabled .FloatingStackCanceller__clickTarget {
  cursor: default;
}
.FloatingStackCanceller--darken .FloatingStackCanceller__clickTarget {
  background: rgba(0, 0, 0, 0.45);
}
.FloatingStackCanceller--darkenMobileOnly .FloatingStackCanceller__clickTarget {
  background: rgba(0, 0, 0, 0.45);
}
@media screen and (min-width: 43.75em) {
  .FloatingStackCanceller--darkenMobileOnly .FloatingStackCanceller__clickTarget {
    background: rgba(0, 0, 0, 0);
  }
}
.FloatingStackCanceller--useCoverImage {
  filter: blur(30px);
  transform: scale(1.5);
}
.FloatingStackCanceller--useCoverImage .FloatingStackCanceller__clickTarget {
  background: rgba(0, 0, 0, 0.55);
}
.FloatingStackCanceller--darker .FloatingStackCanceller__clickTarget {
  background: rgba(0, 0, 0, 0.8);
}
.FloatingStackCanceller.is-animating {
  transition: opacity 0.2s linear;
}
.FloatingStackCanceller.is-visible {
  opacity: 1;
}
.FloatingStackLayer {
  position: absolute;
  display: block;
  top: 0;
  z-index: 3000;
}
.FloatingStackLayer.is-center-css,
.FloatingStackLayer.is-fill {
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.EmbedContext .FloatingStackLayer.is-center-css .PopupMenu--white-mobile,
.EmbedContext .FloatingStackLayer.is-fill .PopupMenu--white-mobile {
  height: auto;
  width: auto;
  width: 300px;
  max-height: 100%;
  border-radius: 8px;
}
.FloatingStackLayer.is-fill .Modal__container {
  height: inherit;
  width: inherit;
}
.FloatingStackLayer.is-right-dock-css {
  height: calc(100% - var(--ios-status-bar-height));
  position: fixed;
  top: var(--ios-status-bar-height);
  right: 0;
  width: 500px;
  max-width: 96%;
  transform: translate(0, 0) scale(1);
  opacity: 1;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
.EmbedContext .FloatingStackLayer.is-right-dock-css {
  max-width: min(400px, 96vw);
}
.FloatingStackLayer.is-right-dock-css.origin-top-right {
  transform-origin: right top;
}
.FloatingStackLayer.is-right-dock-css.is-hidden {
  transform: translate(500px, 0) scale(0.5);
  opacity: 0;
}
.FloatingStackLayer.is-right-dock-css.is-animating {
  transition: opacity 0.2s ease, transform 0.3s ease;
}
.FloatingStackLayer.is-center-css {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.FloatingStackLayer.is-center-css:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  opacity: 0;
}
.FloatingStackLayer.is-center-css > * {
  display: inline-block;
  vertical-align: middle;
}
.FloatingStackLayer.is-center-css > *:first-child {
  margin-left: 0em;
}
.FloatingStackLayer__connector,
.FloatingStackLayer__connectorShadow {
  display: block;
  pointer-events: none;
  border-color: currentColor;
  display: inline-block;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 12px;
  border-right-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
  border-bottom-width: 0;
  border-left-width: 6px;
  border-right-width: 6px;
}
.FloatingStackLayer__connector.is-left,
.FloatingStackLayer__connectorShadow.is-left {
  border-color: currentColor;
  display: inline-block;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 12px;
  border-top-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
  border-left-width: 0;
  border-top-width: 6px;
  border-bottom-width: 6px;
}
.FloatingStackLayer__connector.is-top,
.FloatingStackLayer__connectorShadow.is-top {
  border-color: currentColor;
  display: inline-block;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 12px;
  border-top-color: rgba(0, 0, 0, 0);
  border-right-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
  border-top-width: 0;
  border-left-width: 6px;
  border-right-width: 6px;
}
.FloatingStackLayer__connector.is-bottom,
.FloatingStackLayer__connectorShadow.is-bottom {
  border-color: currentColor;
  display: inline-block;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 12px;
  border-right-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
  border-bottom-width: 0;
  border-left-width: 6px;
  border-right-width: 6px;
}
.FloatingStackLayer__connector.is-right,
.FloatingStackLayer__connectorShadow.is-right {
  border-color: currentColor;
  display: inline-block;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 12px;
  border-top-color: rgba(0, 0, 0, 0);
  border-right-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, 0);
  border-right-width: 0;
  border-top-width: 6px;
  border-bottom-width: 6px;
}
.FloatingStackLayer__connector {
  z-index: 10000;
  color: hsl(0, 0%, 100%);
}
.FloatingStackLayer__connector:after {
  color: hsl(0, 0%, 100%);
}
.FloatingStackLayer__connectorShadow {
  z-index: 9000;
  color: hsla(0, 0%, 13%, 0.3);
  filter: blur(2px);
}
.FloatingStackLayer__connectorShadow:after {
  color: hsla(0, 0%, 13%, 0.3);
}
.tether-element-attached-top.FloatingStackLayer__connector {
  margin-top: 2px;
}
.tether-element-attached-top.FloatingStackLayer__connectorShadow {
  color: var(--color-border-2);
  filter: none;
}
.tether-element-attached-top.FloatingStackLayer__connectorShadow:after {
  color: var(--color-border-2);
}
.tether-element-attached-left.FloatingStackLayer__connector {
  margin-left: 2px;
}
.tether-element-attached-right.FloatingStackLayer__connector {
  margin-left: -2px;
}
.tether-element-attached-bottom.FloatingStackLayer__connector {
  margin-top: -2px;
}
.ios-scroll-lock {
  -webkit-overflow-scrolling: touch;
}
.NotificationPage__copy {
  width: 80%;
  margin-left: 10%;
  color: var(--color-text-secondary);
  text-align: center;
  margin-bottom: 50px;
}
.Notification {
  /* Network related */
}
.Notification__region__regionActivity {
  background: #fff;
  padding: 20px 40px;
  width: 250px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.Notification__region__regionStatusBar {
  padding: 5px 40px;
  width: 560px;
  border-radius: 10px;
  background: #FF9C19;
  position: fixed;
  bottom: 100px;
  left: 50%;
  z-index: 999999;
  margin-left: -270px;
}
.Notification__offline {
  background: hsl(359, 55%, 45%);
  color: var(--color-text-primary-light);
  text-align: center;
}
.Notification__online {
  background: hsl(115, 35%, 30%);
  color: var(--color-text-primary-light);
  text-align: center;
}
.Notification__unsaved {
  background: hsl(5, 90%, 58%);
  color: var(--color-text-primary-light);
  text-align: center;
}
.Previewer {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.Previewer__container {
  position: absolute;
  top: 30px;
  bottom: 30px;
  left: 0;
  right: 0;
}
.Previewer__header {
  padding: 10px 20px;
  color: var(--color-text-primary-light);
  font-weight: 600;
  height: 50px;
  width: 100%;
  text-align: center;
  user-select: none;
}
.Previewer__headerTitle {
  width: calc(100% - 30px);
  white-space: nowrap;
  overflow: hidden;
  margin: auto;
  text-overflow: ellipsis;
}
.Previewer__content {
  position: absolute;
  top: 50px;
  left: 100px;
  right: 100px;
  bottom: 50px;
  user-select: none;
}
.Previewer__content--containsVideo {
  left: 0;
  right: 0;
}
.Previewer__footer {
  padding: 10px 50px;
  color: var(--color-text-primary-light);
  font-weight: 600;
  height: 50px;
  width: 100%;
  text-align: center;
  user-select: none;
  position: absolute;
  bottom: 0;
}
.Previewer__closeIcon {
  position: absolute;
  top: 10px;
  right: 40px;
  font-size: 26px;
  cursor: pointer;
  color: var(--color-text-secondary-light);
  transition: color 0.15s linear;
}
.Previewer__closeIcon :hover {
  color: hsl(0, 0%, 100%);
}
.Previewer__trashIcon {
  float: right;
  font-size: 26px;
  cursor: pointer;
  color: hsl(359, 55%, 45%);
}
.Previewer__downloadIcon {
  float: right;
  font-size: 26px;
  cursor: pointer;
  margin-right: 14px;
  color: hsl(0, 0%, 100%);
}
.Previewer__imageContainer {
  width: 100%;
  height: 100%;
}
.Previewer__item {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Previewer__item img {
  max-height: 100%;
  max-width: 100%;
}
.Previewer__downloadFileContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.Previewer__youtube {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  height: 80%;
  border: none;
}
.Previewer__iframe {
  background: #fff;
  height: 100%;
  width: 100%;
  border: 0;
}
.Previewer__leftClick {
  left: 30px;
}
.Previewer__rightClick {
  right: 30px;
}
.Previewer__youtubeContent .previewer__rightClick,
.Previewer__youtubeContent .previewer__leftClick {
  width: 10%;
}
.Previewer__fileIcon {
  width: 100px;
  height: 100px;
  fill: hsl(0, 0%, 100%);
}
.Previewer__notAvailableText {
  color: hsl(0, 0%, 100%);
  opacity: 0.75;
  font-size: 1.28571429rem;
  margin-bottom: 50px;
}
.Previewer__arrowIcon.Modal__arrowIcon--right {
  right: 30px;
}
.Previewer__arrowIcon.Modal__arrowIcon--left {
  left: 30px;
}
.PreviewerTouch {
  background: #000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.PreviewerTouch__container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: var(--ios-status-bar-height);
}
.PreviewerTouch__header {
  padding: calc(var(--ios-status-bar-height) + 10px) 30px 10px;
  color: var(--color-text-primary-light);
  font-weight: 600;
  height: calc(50px + var(--ios-status-bar-height));
  width: 100%;
  user-select: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #000;
  z-index: 10000;
  display: flex;
  justify-content: center;
}
.PreviewerTouch__headerTitle {
  width: calc(100% - 30px);
  max-width: calc(100% - 30px);
  height: 100%;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.PreviewerTouch__content {
  background: #000;
  position: absolute;
  top: calc(50px + var(--ios-status-bar-height));
  left: 0;
  right: 0;
  bottom: 50px;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.PreviewerTouch__footer {
  padding: 10px 20px;
  color: var(--color-text-primary-light);
  font-weight: 600;
  height: 50px;
  width: 100%;
  text-align: center;
  user-select: none;
  background: #000;
  position: absolute;
  bottom: 0;
}
.PreviewerTouch__closeIcon {
  position: fixed;
  top: var(--ios-status-bar-height);
  height: 50px;
  display: flex;
  align-items: center;
  right: 10px;
  font-size: 26px;
  cursor: pointer;
  color: var(--color-text-secondary-light);
  padding-bottom: 6px;
}
.PreviewerTouch__trashIcon {
  float: right;
  font-size: 30px;
  cursor: pointer;
  color: hsl(359, 55%, 45%);
}
.PreviewerTouch__downloadIcon {
  float: right;
  font-size: 30px;
  cursor: pointer;
  margin-right: 25px;
  color: hsl(0, 0%, 100%);
}
.-is-ios .PreviewerTouch__downloadIcon .icon::before,
.-is-ios .PreviewerTouch__downloadIcon .input-group.-error label::before,
.-is-ios .PreviewerTouch__downloadIcon .custom-checkbox-link::before,
.-is-ios .PreviewerTouch__downloadIcon .checkbox.-checked::before,
.-is-ios .PreviewerTouch__downloadIcon .checkbox.-unchecked::before,
.-is-ios .PreviewerTouch__downloadIcon input.-custom[type="checkbox"] + .custom-checkbox::before,
.-is-ios .PreviewerTouch__downloadIcon .image-upload .upload-link::before,
.-is-ios .PreviewerTouch__downloadIcon .ReactSelect__clear::before,
.-is-ios .PreviewerTouch__downloadIcon .ReactSelect__search-icon::before,
.-is-ios .PreviewerTouch__downloadIcon .DateTimePicker .touch-date.is-empty::before,
.-is-ios .PreviewerTouch__downloadIcon .DateTimePicker .touch-date.-empty::before,
.-is-ios .PreviewerTouch__downloadIcon .TimePicker .time-group .next::before,
.-is-ios .PreviewerTouch__downloadIcon .TimePicker .time-group .prev::before,
.-is-ios .PreviewerTouch__downloadIcon .PopupMenu__title__close::before,
.-is-ios .PreviewerTouch__downloadIcon .PopupMenu__title__back::before,
.-is-ios .PreviewerTouch__downloadIcon .BaseCell--manualurl a.link::before,
.-is-ios .PreviewerTouch__downloadIcon .ListTableViewHeaderCell__index-arrow-down::before,
.-is-ios .PreviewerTouch__downloadIcon .ListTableViewHeaderCell__fieldSettingsButton::before,
.-is-ios .PreviewerTouch__downloadIcon .ListTableViewHeaderCell__fieldHideButton::before,
.-is-ios .PreviewerTouch__downloadIcon .ListTableViewHeaderCell__status .sort-state::before,
.-is-ios .PreviewerTouch__downloadIcon .ListTableViewHeaderCell__status .filtered::before,
.-is-ios .PreviewerTouch__downloadIcon .ListTableViewHeaderCell__status .grouped::before,
.-is-ios .PreviewerTouch__downloadIcon .RowIndexCell__reminder-mark::before,
.-is-ios .PreviewerTouch__downloadIcon .RowIndexCell__dirty-mark::before {
  content: '\f3cc';
}
.PreviewerTouch__imageContainer {
  width: 100%;
  height: 100%;
}
.PreviewerTouch__item {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.PreviewerTouch__item img {
  max-height: 85vh;
}
.PreviewerTouch__downloadFileContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.PreviewerTouch__youtube {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  height: 80%;
  border: none;
}
.PreviewerTouch__iframe {
  background: #fff;
  height: 100%;
  width: 100%;
  border: 0;
}
.PreviewerTouch__leftClick,
.PreviewerTouch__rightClick {
  position: absolute;
  top: 50%;
  width: 100px;
  opacity: 0.6;
  cursor: pointer;
  text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.6);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.PreviewerTouch__leftClick:active,
.PreviewerTouch__rightClick:active {
  background-color: rgba(0, 0, 0, 0);
}
.PreviewerTouch__leftClick .icon,
.PreviewerTouch__rightClick .icon,
.PreviewerTouch__leftClick .input-group.-error label,
.PreviewerTouch__rightClick .input-group.-error label,
.PreviewerTouch__leftClick .custom-checkbox-link,
.PreviewerTouch__rightClick .custom-checkbox-link,
.PreviewerTouch__leftClick .checkbox.-checked,
.PreviewerTouch__rightClick .checkbox.-checked,
.PreviewerTouch__leftClick .checkbox.-unchecked,
.PreviewerTouch__rightClick .checkbox.-unchecked,
.PreviewerTouch__leftClick input.-custom[type="checkbox"] + .custom-checkbox,
.PreviewerTouch__rightClick input.-custom[type="checkbox"] + .custom-checkbox,
.PreviewerTouch__leftClick .image-upload .upload-link,
.PreviewerTouch__rightClick .image-upload .upload-link,
.PreviewerTouch__leftClick .ReactSelect__clear,
.PreviewerTouch__rightClick .ReactSelect__clear,
.PreviewerTouch__leftClick .ReactSelect__search-icon,
.PreviewerTouch__rightClick .ReactSelect__search-icon,
.PreviewerTouch__leftClick .DateTimePicker .touch-date.is-empty,
.PreviewerTouch__rightClick .DateTimePicker .touch-date.is-empty,
.PreviewerTouch__leftClick .DateTimePicker .touch-date.-empty,
.PreviewerTouch__rightClick .DateTimePicker .touch-date.-empty,
.PreviewerTouch__leftClick .TimePicker .time-group .next,
.PreviewerTouch__rightClick .TimePicker .time-group .next,
.PreviewerTouch__leftClick .TimePicker .time-group .prev,
.PreviewerTouch__rightClick .TimePicker .time-group .prev,
.PreviewerTouch__leftClick .PopupMenu__title__close,
.PreviewerTouch__rightClick .PopupMenu__title__close,
.PreviewerTouch__leftClick .PopupMenu__title__back,
.PreviewerTouch__rightClick .PopupMenu__title__back,
.PreviewerTouch__leftClick .BaseCell--manualurl a.link,
.PreviewerTouch__rightClick .BaseCell--manualurl a.link,
.PreviewerTouch__leftClick .ListTableViewHeaderCell__index-arrow-down,
.PreviewerTouch__rightClick .ListTableViewHeaderCell__index-arrow-down,
.PreviewerTouch__leftClick .ListTableViewHeaderCell__fieldSettingsButton,
.PreviewerTouch__rightClick .ListTableViewHeaderCell__fieldSettingsButton,
.PreviewerTouch__leftClick .ListTableViewHeaderCell__fieldHideButton,
.PreviewerTouch__rightClick .ListTableViewHeaderCell__fieldHideButton,
.PreviewerTouch__leftClick .ListTableViewHeaderCell__status .sort-state,
.PreviewerTouch__rightClick .ListTableViewHeaderCell__status .sort-state,
.PreviewerTouch__leftClick .ListTableViewHeaderCell__status .filtered,
.PreviewerTouch__rightClick .ListTableViewHeaderCell__status .filtered,
.PreviewerTouch__leftClick .ListTableViewHeaderCell__status .grouped,
.PreviewerTouch__rightClick .ListTableViewHeaderCell__status .grouped,
.PreviewerTouch__leftClick .RowIndexCell__reminder-mark,
.PreviewerTouch__rightClick .RowIndexCell__reminder-mark,
.PreviewerTouch__leftClick .RowIndexCell__dirty-mark,
.PreviewerTouch__rightClick .RowIndexCell__dirty-mark {
  position: absolute;
  top: 50%;
  font-size: 50px;
  line-height: 200px;
  margin-top: -100px;
  color: var(--color-text-secondary-light);
}
.PreviewerTouch__leftClick {
  left: 0;
}
.PreviewerTouch__leftClick .icon,
.PreviewerTouch__leftClick .input-group.-error label,
.PreviewerTouch__leftClick .custom-checkbox-link,
.PreviewerTouch__leftClick .checkbox.-checked,
.PreviewerTouch__leftClick .checkbox.-unchecked,
.PreviewerTouch__leftClick input.-custom[type="checkbox"] + .custom-checkbox,
.PreviewerTouch__leftClick .image-upload .upload-link,
.PreviewerTouch__leftClick .ReactSelect__clear,
.PreviewerTouch__leftClick .ReactSelect__search-icon,
.PreviewerTouch__leftClick .DateTimePicker .touch-date.is-empty,
.PreviewerTouch__leftClick .DateTimePicker .touch-date.-empty,
.PreviewerTouch__leftClick .TimePicker .time-group .next,
.PreviewerTouch__leftClick .TimePicker .time-group .prev,
.PreviewerTouch__leftClick .PopupMenu__title__close,
.PreviewerTouch__leftClick .PopupMenu__title__back,
.PreviewerTouch__leftClick .BaseCell--manualurl a.link,
.PreviewerTouch__leftClick .ListTableViewHeaderCell__index-arrow-down,
.PreviewerTouch__leftClick .ListTableViewHeaderCell__fieldSettingsButton,
.PreviewerTouch__leftClick .ListTableViewHeaderCell__fieldHideButton,
.PreviewerTouch__leftClick .ListTableViewHeaderCell__status .sort-state,
.PreviewerTouch__leftClick .ListTableViewHeaderCell__status .filtered,
.PreviewerTouch__leftClick .ListTableViewHeaderCell__status .grouped,
.PreviewerTouch__leftClick .RowIndexCell__reminder-mark,
.PreviewerTouch__leftClick .RowIndexCell__dirty-mark {
  left: 0;
}
.PreviewerTouch__rightClick {
  right: 0;
}
.PreviewerTouch__rightClick .icon,
.PreviewerTouch__rightClick .input-group.-error label,
.PreviewerTouch__rightClick .custom-checkbox-link,
.PreviewerTouch__rightClick .checkbox.-checked,
.PreviewerTouch__rightClick .checkbox.-unchecked,
.PreviewerTouch__rightClick input.-custom[type="checkbox"] + .custom-checkbox,
.PreviewerTouch__rightClick .image-upload .upload-link,
.PreviewerTouch__rightClick .ReactSelect__clear,
.PreviewerTouch__rightClick .ReactSelect__search-icon,
.PreviewerTouch__rightClick .DateTimePicker .touch-date.is-empty,
.PreviewerTouch__rightClick .DateTimePicker .touch-date.-empty,
.PreviewerTouch__rightClick .TimePicker .time-group .next,
.PreviewerTouch__rightClick .TimePicker .time-group .prev,
.PreviewerTouch__rightClick .PopupMenu__title__close,
.PreviewerTouch__rightClick .PopupMenu__title__back,
.PreviewerTouch__rightClick .BaseCell--manualurl a.link,
.PreviewerTouch__rightClick .ListTableViewHeaderCell__index-arrow-down,
.PreviewerTouch__rightClick .ListTableViewHeaderCell__fieldSettingsButton,
.PreviewerTouch__rightClick .ListTableViewHeaderCell__fieldHideButton,
.PreviewerTouch__rightClick .ListTableViewHeaderCell__status .sort-state,
.PreviewerTouch__rightClick .ListTableViewHeaderCell__status .filtered,
.PreviewerTouch__rightClick .ListTableViewHeaderCell__status .grouped,
.PreviewerTouch__rightClick .RowIndexCell__reminder-mark,
.PreviewerTouch__rightClick .RowIndexCell__dirty-mark {
  right: 0;
}
.PreviewerTouch__youtubeContent .previewer__rightClick,
.PreviewerTouch__youtubeContent .previewer__leftClick {
  width: 10%;
}
.PreviewerTouch__fileIcon {
  width: 100px;
  height: 100px;
  fill: hsl(0, 0%, 100%);
}
.PreviewerTouch__notAvailableText {
  color: hsl(0, 0%, 100%);
  opacity: 0.75;
  font-size: 1.28571429rem;
  margin-bottom: 50px;
}
.PreviewerTouch__content > div {
  height: 100%;
}
.react-swipeable-view-container {
  height: 100%;
}
.ShareButton {
  --brand-color: hsl(0, 0%, 100%);
  display: inline-block;
  color: var(--color-text-primary);
}
.ShareButton path {
  fill: var(--brand-color);
  transition: fill 0.2s linear;
}
.ShareButton__label {
  margin-left: 10px;
  text-transform: capitalize;
}
.ShareButton.ShareButton__facebook {
  --brand-color: #5069a0;
}
.ShareButton.ShareButton__twitter {
  --brand-color: #55acee;
}
.ShareButton.ShareButton__google {
  --brand-color: #da4b36;
}
.ShareButton.ShareButton__pinterest {
  --brand-color: #bd081c;
}
.ShareButton.ShareButton__reddit {
  --brand-color: #ff4500;
}
.ListBanner .ShareButton {
  --brand-color: hsl(0, 0%, 100%);
}
.ListBanner .ShareButton:hover.ShareButton__facebook {
  --brand-color: #5069a0;
}
.ListBanner .ShareButton:hover.ShareButton__twitter {
  --brand-color: #55acee;
}
.ListBanner .ShareButton:hover.ShareButton__google {
  --brand-color: #da4b36;
}
.ListBanner .ShareButton:hover.ShareButton__pinterest {
  --brand-color: #bd081c;
}
.ListBanner .ShareButton:hover.ShareButton__reddit {
  --brand-color: #ff4500;
}
.ListFooter .ShareButton {
  --brand-color: var(--color-text-secondary);
}
.ListFooter .ShareButton:hover.ShareButton__facebook {
  --brand-color: #5069a0;
}
.ListFooter .ShareButton:hover.ShareButton__twitter {
  --brand-color: #55acee;
}
.ListFooter .ShareButton:hover.ShareButton__google {
  --brand-color: #da4b36;
}
.ListFooter .ShareButton:hover.ShareButton__pinterest {
  --brand-color: #bd081c;
}
.ListFooter .ShareButton:hover.ShareButton__reddit {
  --brand-color: #ff4500;
}
.ShareButton svg {
  width: 1.4rem;
  height: 1.4rem;
  vertical-align: middle;
}
.ShareButton.-icon-only {
  box-shadow: none;
  width: 30px;
  margin-right: 15px;
  color: hsl(0, 0%, 100%);
  padding: 4px;
  border-radius: 15px;
  border: 1px solid var(--brand-color);
}
.ShareButton.-icon-only.-svg-icon {
  width: 34px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.ShareButton.-icon-only .ShareButton__label {
  display: none;
}
.SocialImage {
  background: #fff;
  width: 736px;
  position: relative;
  text-align: center;
}
.SocialImage__container {
  background: #fff;
}
.SocialImage__1 {
  float: left;
  margin-bottom: 10px;
}
.SocialImage__2 {
  float: left;
}
.SocialImage__3 {
  float: left;
}
.SocialImage__4 {
  margin-top: 10px;
  float: left;
}
.SocialImage__5 {
  margin-top: 10px;
  float: left;
}
@media screen and (min-width: 50em) {
  .Leaderboard {
    min-width: 540px;
  }
}
.Leaderboard__title {
  font-weight: 700;
  font-size: clamp(1.5rem, calc(2vw + 10px), 2.5rem);
  line-height: 1.5;
  color: var(--color-text-primary);
  margin-top: 2rem;
}
.Leaderboard__filterTabs {
  display: flex;
  flex-direction: row;
  justify-content: center;
  max-width: 350px;
  margin: 0 auto;
}
.Leaderboard__leaderboardItems {
  padding: 2rem 14px;
  max-width: 540px;
  margin: 1rem auto;
}
.LeaderboardItem {
  margin: 10px 0 0;
  padding: 15px 20px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  grid-column: 1 / 4;
  border-radius: 8px;
  box-shadow: 0 3px 12px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}
.LeaderboardItem:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.LeaderboardItem__rankIcon {
  height: 30px;
}
@media screen and (max-width: 34.3125em) {
  .LeaderboardItem__rankIcon {
    display: none;
  }
}
.LeaderboardItem__rank {
  margin: 0;
  font-size: 1.14285714rem;
  font-weight: 600;
  padding-right: 5px;
}
.LeaderboardItem__avatar {
  width: 50px;
  height: 50px;
  margin: 0 10px;
}
.LeaderboardItem__nameInfo {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.LeaderboardItem__title {
  margin: 0 0 0.5rem 0;
  font-size: 1.14285714rem;
  font-weight: 600;
  line-height: 1.2;
  max-height: 2.6em;
  overflow: hidden;
}
.LeaderboardItem__creatorId {
  margin: 0;
  font-size: 0.85714286rem;
  font-weight: 600;
  color: var(--color-text-secondary);
  margin-top: -5px;
}
.LeaderboardItem__viewCount {
  margin: 0;
  font-size: 1.14285714rem;
  font-weight: 700;
  flex: 1;
  text-align: right;
}
@media screen and (min-width: 34.375em) {
  .LeaderboardItem:nth-child(-n + 3) {
    margin: 0 0 10px;
    padding: 14px 5px;
    flex-direction: column;
    align-items: center;
    background: none;
    min-width: 160px;
  }
  .LeaderboardItem:nth-child(-n + 3) .LeaderboardItem__rank {
    margin: 0 0 15px 0;
    padding-right: 0;
    text-align: center;
    font-size: 1.14285714rem;
    color: var(--color-text-secondary-light);
    width: 24px;
    height: 24px;
    border-radius: 12px;
    display: grid;
    place-content: center;
    border: 2px solid var(--color-border-2);
  }
  .LeaderboardItem:nth-child(-n + 3) .LeaderboardItem__title {
    margin: 15px 0 0 0;
    text-align: center;
    font-size: 1rem;
    height: 2.6em;
  }
  .LeaderboardItem:nth-child(-n + 3) .LeaderboardItem__creatorId {
    margin: 0;
    text-align: center;
  }
  .LeaderboardItem:nth-child(-n + 3) .LeaderboardItem__viewCount {
    margin: 5px 0 0 0;
    text-align: center;
  }
  .LeaderboardItem:nth-child(1) .LeaderboardItem__rank {
    background-color: hsl(40, 98%, 60%);
    border-color: hsl(40, 73%, 55%);
  }
  .LeaderboardItem:nth-child(1) .LeaderboardItem__avatar {
    width: 90px;
    height: 90px;
    border: 3px solid hsl(40, 73%, 55%);
  }
  .LeaderboardItem:nth-child(2) .LeaderboardItem__rank {
    background-color: hsl(0, 0%, 60%);
    border-color: hsl(0, 0%, 50%);
  }
  .LeaderboardItem:nth-child(2) .LeaderboardItem__avatar,
  .LeaderboardItem:nth-child(3) .LeaderboardItem__avatar {
    width: 70px;
    height: 70px;
  }
  .LeaderboardItem:nth-child(2) .LeaderboardItem__avatar {
    border: 3px solid hsl(0, 0%, 50%);
  }
  .LeaderboardItem:nth-child(3) .LeaderboardItem__rank {
    background-color: hsl(30, 30%, 51%);
    border-color: hsl(30, 25%, 45%);
  }
  .LeaderboardItem:nth-child(3) .LeaderboardItem__avatar {
    border: 3px solid hsl(30, 25%, 45%);
  }
  .LeaderboardItem:nth-child(1) {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
  }
  .LeaderboardItem:nth-child(2) {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  }
  .LeaderboardItem:nth-child(3) {
    grid-column: 3 / 4;
    grid-row: 2 / 3;
  }
  .LeaderboardItem:nth-child(n + 4) {
    grid-column: 1 / 4;
  }
}
.Leaderboard__leaderboardItems {
  display: grid;
  column-gap: 10px;
}
@media screen and (min-width: 34.375em) {
  .Leaderboard__leaderboardItems {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 60px auto;
  }
}
.DesktopEnvironment .ListOfLists {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ListOfLists--withHeader .ListOfLists__scrollPane {
  top: 60px;
}
.ListOfLists__lists {
  list-style: none;
  padding-left: 0;
  margin: 0 0 75px 0;
}
.ListOfLists__filter {
  position: absolute;
  top: 8px;
  left: 220px;
  padding: 10px;
  border-radius: 4px;
  outline: 0;
  border: 1px solid var(--color-border-1);
  background: var(--color-background-0);
  color: var(--color-text-primary);
  width: 280px;
  z-index: 1000;
}
.ListOfLists__filter:focus {
  box-shadow: none;
}
.ListOfLists__filterEmpty {
  padding: 20px 60px;
  font-size: 1.57142857rem;
}
.ListOfListsRowComplex {
  height: 76px;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
.DesktopEnvironment .ListOfListsRowComplex {
  padding: 0.4em;
  width: calc(100%);
  transition: background-color 0.2s ease;
}
.ListOfListsRowComplex:not(:hover):not(.ListOfListsRowComplex--lastPinned):after {
  content: "";
  background: var(--color-border-1);
  position: absolute;
  bottom: 0;
  left: 10px;
  right: 10px;
  height: 1px;
}
.ListOfListsRowComplex__coverContainer {
  width: calc(76px - 2 * 0.4em);
  height: calc(76px - 2 * 0.4em);
  border-radius: 4px;
  flex-grow: 0;
  flex-shrink: 0;
  overflow: hidden;
}
.ListOfListsRowComplex__cover {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  font-size: 2rem;
  text-transform: uppercase;
  font-weight: 600;
  color: hsl(0, 0%, 100%);
}
.ListOfListsRowComplex__coverImage {
  width: 100%;
  height: 100%;
  background-size: cover;
}
.ListOfListsRowComplex__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 1;
  overflow: hidden;
  padding: 0 1.2em;
}
.ListOfListsRowComplex__title {
  font-size: 1.14285714rem;
  line-height: 1.35em;
  font-weight: 600;
  color: var(--color-text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  max-height: 50rem;
  padding-bottom: 0.1em;
}
.ListOfListsRowComplex__meta {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: var(--color-text-secondary);
  font-size: 0.85714286rem;
  font-weight: 600;
  height: 35%;
  margin-top: 0.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ListOfListsRowComplex__metaItem {
  line-height: 1.4em;
  vertical-align: baseline;
}
.ListOfListsRowComplex__actionButtons {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 10px;
  opacity: 0;
  transform: translateX(30px);
  transition: all 0.2s ease;
  transition-delay: 0s;
}
.ListOfListsRowComplex:hover .ListOfListsRowComplex__actionButtons {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.4s;
}
.ListOfListsRowComplex__templateIcon,
.ListOfListsRowComplex__publishIcon,
.ListOfListsRowComplex__spinoffIcon {
  height: 12px;
  width: 12px;
  margin-bottom: -1px;
  fill: var(--color-text-secondary);
}
.ListOfListsRowComplex__spinoffIcon path {
  fill: var(--color-text-secondary);
}
.ListOfListsRowComplex__accountMultipleIcon {
  height: 17px;
  width: 17px;
  margin-bottom: -4px;
  fill: var(--color-text-secondary);
}
.ListOfListsRowComplex__metaItem:not(:first-child):not(.ListOfListsRowComplex__metaItemTag):before {
  content: "\00B7";
  padding: 0.4em;
}
.ListOfListsRowComplex__metaItemTag {
  padding: 0.1rem 0.4rem;
  display: inline-block;
  background-color: var(--color-background-2);
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 0.78571429rem;
  line-height: 1.5em;
}
.ListOfListsRowComplex__metaItemTag:not(:first-child) {
  margin-left: 0.3rem;
}
.ListOfListsRowComplex__metaItemTag--private {
  background: hsl(0, 0%, 93%);
}
.ListOfListsRowComplex__metaItemTag--published {
  background: hsl(202, 100%, 93%);
}
.ListOfListsRowComplex__metaItemTag--published-hidden {
  background-color: hsl(288, 100%, 95%);
}
.ListOfListsRowComplex__metaItemTag--shared {
  background-color: hsl(30, 100%, 87%);
}
.ListOfListsRowComplex__metaItemTag--secret {
  background-color: hsl(0, 100%, 94%);
}
.ListOfListsRowComplex__metaItemTag--spinOff {
  background-color: hsl(116, 89%, 93%);
}
.ListOfListsRowComplex__metaItem--unpublishedChanges {
  color: hsl(5, 90%, 58%);
}
.ListOfListsRowComplex--archived .ListOfListsRowComplex__content,
.ListOfListsRowComplex--archived .ListOfListsRowComplex__coverContainer {
  opacity: 0.3;
}
.ListOfListsRowComplex--lastPinned:after {
  content: "";
  background: var(--color-border-4);
  position: absolute;
  bottom: 12px;
  left: 20px;
  right: 20px;
  height: 1px;
}
.ListOfListsRowComplex__moreButton {
  color: var(--color-text-secondary);
  font-size: 1.92857143rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 100%;
  margin: 0 -14px 0;
}
.ListOfListsRowComplex__pinButton,
.ListOfListsRowComplex__templateButton,
.ListOfListsRowComplex__archiveButton,
.ListOfListsRowComplex__removeMeButton,
.ListOfListsRowComplex__deleteButton {
  display: block;
  font-size: 1.57142857rem;
  color: var(--color-text-secondary);
  fill: var(--color-text-secondary);
  transition: all 0.2s ease;
  margin: 0 4px;
}
.ListOfListsRowComplex__pinButton svg,
.ListOfListsRowComplex__templateButton svg,
.ListOfListsRowComplex__archiveButton svg,
.ListOfListsRowComplex__removeMeButton svg,
.ListOfListsRowComplex__deleteButton svg {
  height: 32px;
  width: 32px;
  padding: 6px;
}
.ListOfListsRowComplex__pinButton:hover,
.ListOfListsRowComplex__templateButton:hover,
.ListOfListsRowComplex__archiveButton:hover,
.ListOfListsRowComplex__removeMeButton:hover,
.ListOfListsRowComplex__deleteButton:hover {
  fill: var(--color-text-primary);
}
.ListOfListsRowComplex__deleteButton:hover {
  fill: hsl(359, 55%, 45%);
}
.ListOfListsRowComplex__pinButton .ListOfListsRowComplex__pinButton--on {
  display: none;
}
.ListOfListsRowComplex__pinButton .ListOfListsRowComplex__pinButton--off {
  display: block;
}
.ListOfListsRowComplex__pinButton:hover .ListOfListsRowComplex__pinButton--on {
  display: block;
}
.ListOfListsRowComplex__pinButton:hover .ListOfListsRowComplex__pinButton--off {
  display: none;
}
.ListOfListsRowComplex__pinButton--userPinned .ListOfListsRowComplex__pinButton--off {
  display: none;
}
.ListOfListsRowComplex__pinButton--userPinned .ListOfListsRowComplex__pinButton--on {
  display: block;
}
.ListOfListsRowComplex__pinButton--userPinned:hover .ListOfListsRowComplex__pinButton--off {
  display: block;
}
.ListOfListsRowComplex__pinButton--userPinned:hover .ListOfListsRowComplex__pinButton--on {
  display: none;
}
.ListOfListsRowComplex__templateButton .ListOfListsRowComplex__templateButton--on {
  display: none;
}
.ListOfListsRowComplex__templateButton .ListOfListsRowComplex__templateButton--off {
  display: block;
}
.ListOfListsRowComplex__templateButton:hover .ListOfListsRowComplex__templateButton--on {
  display: block;
}
.ListOfListsRowComplex__templateButton:hover .ListOfListsRowComplex__templateButton--off {
  display: none;
}
.ListOfListsRowComplex__templateButton--templated .ListOfListsRowComplex__templateButton--off {
  display: none;
}
.ListOfListsRowComplex__templateButton--templated .ListOfListsRowComplex__templateButton--on {
  display: block;
}
.ListOfListsRowComplex__templateButton--templated:hover .ListOfListsRowComplex__templateButton--off {
  display: block;
}
.ListOfListsRowComplex__templateButton--templated:hover .ListOfListsRowComplex__templateButton--on {
  display: none;
}
.ListOfListsRowComplex__archiveButton .ListOfListsRowComplex__archiveButton--on {
  display: none;
}
.ListOfListsRowComplex__archiveButton .ListOfListsRowComplex__archiveButton--off {
  display: block;
}
.ListOfListsRowComplex__archiveButton:hover .ListOfListsRowComplex__archiveButton--on {
  display: block;
}
.ListOfListsRowComplex__archiveButton:hover .ListOfListsRowComplex__archiveButton--off {
  display: none;
}
.ListOfListsRowComplex__archiveButton--archived .ListOfListsRowComplex__archiveButton--off {
  display: none;
}
.ListOfListsRowComplex__archiveButton--archived .ListOfListsRowComplex__archiveButton--on {
  display: block;
}
.ListOfListsRowComplex__archiveButton--archived:hover .ListOfListsRowComplex__archiveButton--off {
  display: block;
}
.ListOfListsRowComplex__archiveButton--archived:hover .ListOfListsRowComplex__archiveButton--on {
  display: none;
}
.ListOfListsRowComplex__removeMeButton .ListOfListsRowComplex__removeMeButton--on {
  display: none;
}
.ListOfListsRowComplex__removeMeButton .ListOfListsRowComplex__removeMeButton--off {
  display: block;
}
.ListOfListsRowComplex__removeMeButton:hover .ListOfListsRowComplex__removeMeButton--on {
  display: block;
}
.ListOfListsRowComplex__removeMeButton:hover .ListOfListsRowComplex__removeMeButton--off {
  display: none;
}
.ListOfListsRowComplex__deleteButton .ListOfListsRowComplex__deleteButton--on {
  display: none;
}
.ListOfListsRowComplex__deleteButton .ListOfListsRowComplex__deleteButton--off {
  display: block;
}
.ListOfListsRowComplex__deleteButton:hover .ListOfListsRowComplex__deleteButton--on {
  display: block;
}
.ListOfListsRowComplex__deleteButton:hover .ListOfListsRowComplex__deleteButton--off {
  display: none;
}
.ListOfListsRowComplex__touchIndicators {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  font-size: 1.28571429rem;
  color: var(--color-text-hint);
  margin-left: 1rem;
  margin-bottom: 3px;
}
.ListOfListsRowComplex__touchIndicatorIcon--active {
  color: var(--color-text-secondary);
}
.ListOfListsRowComplex__publishIcon {
  font-size: 14px;
}
.ListOfListsRowComplex__touchShareIcon {
  font-size: 14px;
}
.MouseInterface .ListOfListsRowComplex:hover,
.MouseInterface .ListOfListsRowComplex--selected {
  background: var(--color-background-2);
}
.MouseInterface .ListOfListsRowComplex:hover .ListOfListsRowComplex__metaItem--unpublishedChanges,
.MouseInterface .ListOfListsRowComplex--selected .ListOfListsRowComplex__metaItem--unpublishedChanges {
  color: hsl(5, 90%, 58%);
}
.ListOfListsHeader {
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid var(--color-border-3);
  position: relative;
  display: flex;
  justify-content: flex-end;
  background: hsl(0, 0%, 100%);
}
.ListOfListsHeader__column {
  display: inline-block;
  width: 80px;
  white-space: nowrap;
  padding-top: 0.5rem;
  text-align: right;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-text-primary);
}
.ListOfListsHeader__column span:first-child:before {
  font-family: "listiumicons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  font-size: 20px;
}
.ListOfListsHeader__titleColumn {
  flex-grow: 8;
  text-align: left;
  padding-left: 1rem;
}
.ListOfListsHeader__likesColumn {
  text-align: left;
}
.ListOfListsHeader__modifiedColumn {
  width: 120px;
  text-align: left;
  padding-left: 0.8rem;
}
.ListOfListsHeader--withCovers .ListOfListsHeader__titleColumn {
  padding-left: 5.5rem;
}
.ListOfListsHeader--withInfo {
  padding-right: 30px;
}
.ListOfListsEmpty__container {
  display: block;
  text-align: center;
  max-width: 500px;
  margin: 80px auto 60px;
  padding: 14px;
}
@media (max-height: 900px) {
  .ListOfListsEmpty__container {
    margin-top: 30px;
  }
}
.DashboardMobile .ListOfListsEmpty {
  padding: 1rem;
  margin: auto;
}
.ListOfListsEmpty__image {
  margin: 0 auto 1.5rem;
  opacity: 0.7;
}
@media screen and (max-width: 24.9375em) {
  .ListOfListsEmpty__image {
    max-width: 65px;
  }
}
@media screen and (max-height: 420px) {
  .ListOfListsEmpty__image {
    display: none;
  }
}
.ListOfListsEmpty__subtitle {
  font-size: 1.28571429rem;
  line-height: 1.86428571rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.ListOfListsEmpty__message {
  margin-bottom: 1.5rem;
  font-size: 1rem;
  color: var(--color-text-secondary);
  line-height: 1.4rem;
}
.DashboardListPreview {
  width: 400px;
  vertical-align: middle;
  text-align: center;
}
@media (orientation: portrait) and (max-width: 599px), (orientation: portrait) and (max-height: 599px) {
  .TouchInterface .DashboardListPreview {
    width: 100vw;
    height: 100vh;
    max-height: none;
    padding-top: 2.6rem;
    border-radius: 0px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
}
@media (min-width: 600px) and (min-height: 600px) {
  .TouchInterface .DashboardListPreview {
    width: 400px !important;
    height: auto !important;
    border-radius: 3px !important;
    padding-top: 0;
    padding-right: 20px;
  }
}
@media (orientation: landscape) and (max-width: 599px), (orientation: landscape) and (max-height: 599px) {
  .TouchInterface .DashboardListPreview {
    width: 400px !important;
    height: auto !important;
    border-radius: 3px !important;
    padding-top: 0;
    padding-right: 20px;
  }
}
.DashboardListPreview__title {
  font-size: 1.28571429rem;
  line-height: 1.3em;
  font-weight: 600;
  text-align: left;
  margin-bottom: 10px;
}
.DashboardListPreview__rowContainer .ListOfListsRowComplex__title,
.DashboardListPreview__rowContainer .ListOfListsRowComplex__meta {
  color: var(--color-text-primary-light);
}
.DashboardListPreview__rowContainer .ListOfListsRowComplex__title svg,
.DashboardListPreview__rowContainer .ListOfListsRowComplex__meta svg {
  fill: hsl(0, 0%, 100%);
}
.DashboardListPreview__row {
  padding: 10px 14px;
  font-size: 0.85714286rem;
  color: var(--color-text-primary);
}
.DashboardListPreview__metaRow {
  color: var(--color-text-primary-light);
  padding-bottom: 15px;
}
.DashboardListPreview__user {
  text-align: left;
  margin-bottom: 5px;
  font-size: 1rem;
  font-weight: 600;
}
.DashboardListPreview__description {
  text-align: left;
  font-size: 1rem;
  line-height: 1.35em;
  margin-bottom: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  max-height: 50rem;
}
.DashboardListPreview__imageContainer {
  flex: 0 0 80px;
  width: 80px;
  height: 80px;
  background: var(--color-background-3);
  position: relative;
}
.DashboardListPreview__imageContainer img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  transform: translate(-50%, -50%);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.DashboardListPreview__metric {
  flex: 0 0 30%;
}
.DashboardListPreview__metricLabel {
  font-size: 0.85714286rem;
  font-weight: 600;
  text-transform: uppercase;
  text-align: left;
}
.DashboardListPreview__metricValue {
  font-size: 1rem;
  line-height: 1.32857143rem;
  text-align: left;
}
.DashboardListPreview__buttons {
  display: flex;
  flex-direction: column;
  margin: 30px auto;
}
.DashboardListPreview__button {
  width: 250px;
  margin: 10px auto;
}
.DashboardListPreview__wrapper {
  border-radius: 0;
  border-top: none;
  padding: 0;
  top: 31px;
  padding-bottom: 30px;
  background-color: var(--color-background-2);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
@media (min-width: 600px) and (min-height: 600px) {
  .TouchInterface .DashboardListPreview__wrapper {
    top: 0;
    padding-bottom: 0;
  }
}
.DashboardListPreview__rowContainer {
  text-align: left;
  padding-right: 30px;
  padding-top: 10px;
  line-height: 18.9px;
}
.DashboardListPreview__rowContainer .ListOfListsRowComplex {
  border-bottom: none;
}
.DashboardListPreview__stat {
  display: flex;
  flex-direction: row;
  padding: 4px 0;
  text-align: left;
  font-size: 1rem;
  line-height: 1.3em;
}
.DashboardListPreview__label {
  font-weight: 700;
  min-width: 145px;
}
.DashboardListPreview__value {
  max-height: 3rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.DashboardListPreview__buttonRow {
  text-align: left;
  background-color: var(--color-background-0);
  border-bottom: 1px solid var(--color-border-2);
  font-size: 1rem;
  font-weight: 600;
  padding: 1rem 14px;
}
.DashboardListPreview__buttonRow:last-of-type {
  border-bottom: none;
}
@media screen and (max-width: 37.4375em) {
  .DashboardListPreview__buttonRow:last-of-type {
    padding-bottom: 15px;
  }
}
.DashboardListPreview__icon {
  font-size: 1.57142857rem;
  width: 20px;
  margin-right: 10px;
  display: inline-block;
  text-align: center;
  vertical-align: bottom;
}
.DesktopEnvironment .DashboardListPreview__icon {
  font-size: 1.28571429rem;
  margin-right: 12px;
  margin-left: 3px;
}
.DashboardListPreview__svgIcon {
  fill: var(--color-text-primary);
  width: 26px;
  height: 26px;
}
.DesktopEnvironment .DashboardListPreview__svgIcon {
  width: 21px;
  margin: 0 12px 0 2px;
}
.DashboardListPreview__menu {
  background-color: var(--color-background-0);
  padding-top: 5px;
  padding-bottom: calc(5px + var(--ios-safe-area-bottom));
}
.DesktopEnvironment .DashboardListPreview__menu {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 5px;
  overflow: hidden;
  font-size: 1rem;
  margin-top: -10px;
}
.DashboardListPreview__menu .DashboardListPreview__row {
  cursor: pointer;
}
.DesktopEnvironment .DashboardListPreview__menu .DashboardListPreview__row {
  background-color: var(--color-background-0);
  padding: 5px;
  padding-right: 10px;
}
.DesktopEnvironment .DashboardListPreview__menu .DashboardListPreview__row:hover {
  background: var(--color-background-2);
}
.DashboardListPreview .ListOfListsRowComplex {
  background: none;
}
.DashboardListPreview .Modal__close {
  padding: 8px 12px 12px 15px;
  top: 27px;
  right: -2px;
  z-index: 2;
}
.NewFAB {
  z-index: 3000;
}
.NewFAB__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  padding: 0;
  font-size: 1.92857143rem;
  line-height: 45px;
  border: none;
  border-radius: 30px;
  color: var(--color-text-primary-light);
  background: hsl(5, 90%, 58%);
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.12), 0 2px 9px rgba(0, 0, 0, 0.2);
  position: fixed;
  bottom: calc(36px + var(--ios-safe-area-bottom) + 1rem);
  right: calc(var(--ios-safe-area-side) + 1rem);
}
.NewFAB__buttonIcon::before {
  transition: transform 0.2s ease;
}
.NewFAB__button--active .NewFAB__buttonIcon::before {
  transform: rotate(-45deg);
}
.NewFAB__blackout {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity 0.2s ease;
  background-color: #000;
}
.NewFAB__blackout--active {
  opacity: 0.5;
  pointer-events: all;
}
.NewFAB__blackout--newItem {
  z-index: 1;
}
.NewFAB__option {
  background: hsl(5, 90%, 58%);
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.12), 0 2px 9px rgba(0, 0, 0, 0.2);
  color: hsl(0, 0%, 100%);
  font-weight: 600;
  font-size: 1.14285714rem;
  line-height: 1.71428571rem;
  padding: 5px;
  width: 120px;
  text-align: center;
  position: fixed;
  bottom: calc(60px + var(--ios-safe-area-bottom));
  right: var(--ios-safe-area-side);
  border-radius: 4px;
  opacity: 0;
  transition: all 0.2s ease;
}
.NewFAB__option--active {
  opacity: 1;
}
.NewFAB__option--newList.NewFAB__option--active {
  transform: translate(-100px, 0px);
}
.NewFAB__option--newItem.NewFAB__option--active {
  transform: translate(-70px, -60px);
}
.NewListItemModal {
  position: fixed;
  top: calc(62px + var(--ios-status-bar-height));
  left: 20px;
  right: 20px;
  background-color: var(--color-background-0);
  border-radius: 5px;
  padding: 20px;
  text-align: right;
  z-index: 1;
}
@media (max-width: 750px) and (orientation: landscape), (min-width: 750px) {
  .NewListItemModal {
    top: 20px;
  }
}
.NewListItemModal__itemInput {
  height: 60px;
  line-height: 1.55rem;
  padding-top: 3px;
  padding-bottom: 3px;
  border: 1px solid var(--color-border-4);
}
.NewListItemModal__selectWrapper {
  position: relative;
  margin-bottom: 10px;
}
.NewListItemModal__selectOverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  background: var(--color-background-0);
  border: 1px solid var(--color-border-4);
  text-align: left;
  padding: 0.5rem 20px 0.5rem 0.5rem;
  height: 34px;
  border-radius: 3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.NewListItemModal__selectOverlay:after {
  z-index: 1;
  position: absolute;
  font-size: 1.14285714rem;
  top: 7px;
  right: 8px;
  pointer-events: none;
  color: var(--color-text-secondary);
}
.PublicFooter {
  position: relative;
  padding: 3rem;
  color: var(--color-text-secondary-light);
  border-top: 1px solid var(--color-border-1);
  background-color: var(--color-background-8);
  display: flex;
  justify-content: center;
}
.PublicFooter--compact {
  padding: 1rem 3rem 1.5rem;
}
.PublicFooter__content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 1000px;
  gap: 6rem;
}
@media screen and (max-width: 37.4375em) {
  .PublicFooter__content {
    flex-direction: column;
    gap: 2rem;
  }
}
.PublicFooter--compact .PublicFooter__content {
  width: 100%;
}
@media screen and (max-width: 37.4375em) {
  .PublicFooter--compact .PublicFooter__content {
    gap: 1rem;
  }
}
.PublicFooter li {
  list-style: none;
}
.PublicFooter__links {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}
@media screen and (max-width: 37.4375em) {
  .PublicFooter__links {
    order: 2;
    gap: 2rem;
  }
}
.PublicFooter--compact .PublicFooter__links {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.PublicFooter__footerSectionTitle {
  color: var(--color-text-primary-light);
  font-weight: 700;
  font-size: 0.85714286rem;
  margin-bottom: 5px;
}
ul.PublicFooter__linkList {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  padding-top: 0.1rem;
}
.PublicFooter--compact .PublicFooter__linkList {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
  justify-content: center;
}
.PublicFooter__link {
  line-height: 1.9;
  font-size: 0.78571429rem;
}
.PublicFooter__link a {
  color: var(--color-text-secondary-light);
}
@media screen and (max-width: 37.4375em) {
  .PublicFooter__link {
    font-size: 0.71428571rem;
  }
}
.PublicFooter--compact .PublicFooter__link:not(:last-child):after {
  content: "·";
  padding: 0 0.6rem;
  color: var(--color-text-hint-light);
  opacity: 0.5;
}
.PublicFooter__companyMisc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  cursor: default;
}
@media screen and (max-width: 37.4375em) {
  .PublicFooter__companyMisc {
    order: 1;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding-top: 0.4rem;
  }
}
.PublicFooter--compact .PublicFooter__companyMisc {
  align-items: flex-end;
  justify-content: center;
  gap: 0.6rem;
}
@media screen and (max-width: 37.4375em) {
  .PublicFooter--compact .PublicFooter__companyMisc {
    align-items: center;
    flex-direction: row;
    gap: 2rem;
  }
}
.PublicFooter__copyright {
  color: var(--color-text-secondary-light);
  font-size: 0.78571429rem;
  font-weight: 500;
}
@media screen and (max-width: 37.4375em) {
  .PublicFooter__copyright {
    font-size: 0.71428571rem;
  }
}
.PublicFooter__copyText {
  font-size: 1rem;
}
@media screen and (max-width: 37.4375em) {
  .PublicFooter__copyText {
    font-size: 0.85714286rem;
    margin: 0.5rem 0;
  }
}
.PublicFooter--compact .PublicFooter__copyText {
  display: none;
}
.PublicFooter__logo {
  display: flex;
  gap: 6px;
}
.PublicFooter__logo svg {
  height: 20px;
  width: auto;
}
.PublicFooter--compact .PublicFooter__logo svg {
  height: 14px;
  width: auto;
}
.PublicFooter__brandWordmark path {
  fill: var(--color-text-primary-light);
}
.PublicFooter__build {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  font-size: 0.85714286rem;
}
.PageHeader {
  position: relative;
  display: flex;
  background-color: #808080;
  background: no-repeat center center;
  background-attachment: scroll;
  background-size: cover;
  margin-bottom: 50px;
  height: 50vh;
  max-height: 450px;
  min-height: 220px;
  text-align: center;
  color: #fff;
}
.PageHeader__title {
  position: absolute;
  width: 100%;
  align-self: center;
  padding: 0 20px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4), 1px 2px 3px rgba(0, 0, 0, 0.1), 2px 4px 5px rgba(0, 0, 0, 0.1);
  font-size: 3.14285714rem;
  line-height: 1.3em;
}
@media screen and (max-width: 31.1875em) {
  .PageHeader__title {
    font-size: 2.57142857rem;
  }
}
.PlanSelector__planTypeToggle {
  border-radius: 4px;
  border: solid 2px hsl(5, 90%, 58%);
  display: flex;
  margin: 10px auto;
  max-width: 350px;
  align-items: stretch;
}
@media screen and (max-width: 340px) {
  .PlanSelector__planTypeToggle {
    margin-left: 0;
    margin-right: 0;
  }
}
.PlanSelector__planTypeToggleOption {
  flex: 1;
  text-align: center;
  padding: 5px 15px;
  color: hsl(5, 90%, 58%);
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
}
@media screen and (max-width: 440px) {
  .PlanSelector__planTypeToggleOption {
    font-size: 0.85714286rem;
    padding: 5px;
  }
}
.PlanSelector__planTypeToggleOption--active {
  background-color: hsl(5, 90%, 58%);
  color: hsl(0, 0%, 100%);
  border-radius: 0;
  border: solid 1px hsl(5, 90%, 58%);
  margin: -1px;
}
.PlanSelector__planTypeToggleOption--active:first-child {
  border-radius: 4px 0 0 4px;
}
.PlanSelector__planTypeToggleOption--active:last-child {
  border-radius: 0 4px 4px 0;
}
.PlanSelector__text li {
  padding-bottom: 0.4rem;
}
.PlanSelector__plansContainer {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 20px auto 50px;
  padding: 0;
  justify-content: center;
}
@media screen and (max-width: 49.9375em) {
  .PlanSelector__plansContainer {
    padding: 0;
  }
}
@media screen and (max-width: 46.8125em) {
  .PlanSelector__plansContainer {
    margin-top: 0;
    padding: 0;
    flex-direction: column;
    justify-content: center;
  }
}
.PlanSelector__plan {
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 240px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 20px;
  border: 1px solid var(--color-border-3);
  border-radius: 4px;
}
@media screen and (max-width: 46.8125em) {
  .PlanSelector__plan {
    width: 100%;
    max-width: 350px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
  }
}
.PlanSelector__plan--suggested {
  border: 1px solid hsl(5, 90%, 58%);
  margin-top: -20px;
}
.PlanSelector__plan--unavailable {
  opacity: 0.4;
}
.PlanSelector__topMessage {
  height: 25px;
  line-height: 25px;
  font-size: 0.85714286rem;
  font-weight: 600;
  margin: -20px;
  margin-bottom: 20px;
  background: hsl(5, 90%, 58%);
  color: hsl(0, 0%, 100%);
}
.PlanSelector__planName {
  font-size: 1.28571429rem;
  text-transform: uppercase;
  font-weight: 700;
  color: hsl(5, 90%, 58%);
  padding: 10px 0 0 0;
}
.PlanSelector__planRate {
  padding: 12px 0;
  max-height: 50px;
}
.PlanSelector__planRate .Spinner {
  margin-top: -10px;
}
.PlanSelector__planPrice {
  font-size: 1.92857143rem;
  font-weight: 600;
}
.PlanSelector__planPeriod {
  color: var(--color-text-secondary);
  font-size: 0.85714286rem;
}
.PlanSelector__planComment {
  height: 50px;
  max-width: 150px;
  margin: 0 auto;
  color: var(--color-text-secondary);
  font-style: italic;
  font-size: 0.85714286rem;
  line-height: 1.4;
  padding: 5px 0;
}
.PlanSelector__planFeatures {
  font-size: 1rem;
  line-height: 1.55rem;
  text-align: center;
  margin: 25px 0;
  padding-left: 0;
}
.PlanSelector__planFeature {
  font-size: 1rem;
  line-height: 1.3;
  padding-bottom: 0.9em;
  list-style: none;
  border-bottom: 1px solid var(--color-border-1);
  margin-bottom: 10px;
}
.PlanSelector__planFeature--highlighted {
  font-weight: 700;
}
.PlanSelector__planFeature:last-child {
  border-bottom: none;
}
.PlanSelector__planButtonContainer {
  padding: 5px 0 15px 0;
  border-bottom: 1px solid var(--color-border-3);
}
.PlanSelector__planButtonContainer .Button {
  margin-top: 10px;
  margin-bottom: 10px;
}
.PlanSelector__question {
  font-weight: 700;
  margin-top: 40px;
}
.PlanSelector__backButton {
  color: hsl(202, 55%, 35%);
  margin: 0;
  margin-bottom: 20px;
  font-size: 1.28571429rem;
  font-weight: 700;
  cursor: pointer;
}
.PlanSelector__modal {
  border-top-color: hsl(359, 55%, 45%);
}
.PlanSelector__createFreeAccount {
  display: flex;
  align-items: center;
  justify-content: center;
}
.UpgradeModal {
  text-align: center;
}
.UpgradeModal__creditMessage {
  font-size: 1.28571429rem;
  font-weight: 700;
  padding-top: 20px;
  padding-bottom: 20px;
}
.UpgradeModal__button {
  text-transform: none;
  width: 100%;
  margin-bottom: 10px;
}
.UpgradeModal__explainer {
  font-size: 1rem;
}
.ExplorePage {
  min-height: 100vh;
  padding: 0 clamp(14px, 5%, 80px) clamp(14px, 5%, 80px);
}
.has-TopMenuTouch .ExplorePage {
  --public-top-bar-height-mobile: 44px;
}
.ExplorePage .GenericTouchTopBar {
  top: var(--ios-status-bar-height);
}
@keyframes opacityFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ExplorePage__categoryListToggle {
  display: none;
}
.DesktopEnvironment .ExplorePage__categoryList {
  width: 18%;
  min-width: 220px;
  max-width: 270px;
}
.ExplorePage__header {
  position: relative;
  text-align: left;
  height: auto;
}
.DesktopEnvironment .ExplorePage__header {
  margin: 0 -20px;
  padding: 2rem 15px 0;
  position: sticky;
  top: var(--top-bars-height-desktop);
  z-index: 1000;
  background-color: var(--color-background-0);
  border-bottom: 1px solid var(--color-border-2);
}
.ExplorePage__body--loading .ExplorePage__header {
  display: none;
}
.ExplorePage__backIcon {
  padding: 0 0.3rem 0 0;
}
.ExplorePage__categoryListBlackout {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity 0.2s ease;
  background-color: #000;
  z-index: 1000;
}
.ExplorePage__categoryListBlackout--visible {
  opacity: 0.7;
  pointer-events: all;
}
.ExplorePage__backlink {
  -webkit-backface-visibility: hidden;
  height: 50px;
  padding: 15px 0;
  font-size: 1.14285714rem;
  font-weight: 600;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.ExplorePage__backlink a {
  color: hsl(5, 90%, 58%);
}
.DesktopEnvironment .ExplorePage__backlink {
  position: absolute;
  top: -65px;
  z-index: 900;
}
.ExplorePage__backlink:active {
  opacity: 0.5;
}
.ExplorePage__title {
  font-size: 1.92857143rem;
  line-height: 1.4em;
  font-weight: 700;
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  margin: 0 0 0 0.2rem;
}
.ExplorePage__title a {
  color: var(--color-text-secondary);
  font-weight: 400;
}
.MouseInterface .ExplorePage__title a:hover {
  color: hsl(5, 90%, 58%);
}
.ExplorePage__title > div {
  max-width: 100%;
  padding-right: 50px;
}
.ExplorePage__breadcrumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  line-height: 1.4;
}
.ExplorePage__breadcrumbs .icon,
.ExplorePage__breadcrumbs .input-group.-error label,
.ExplorePage__breadcrumbs .custom-checkbox-link,
.ExplorePage__breadcrumbs .checkbox.-checked,
.ExplorePage__breadcrumbs .checkbox.-unchecked,
.ExplorePage__breadcrumbs input.-custom[type="checkbox"] + .custom-checkbox,
.ExplorePage__breadcrumbs .image-upload .upload-link,
.ExplorePage__breadcrumbs .ReactSelect__clear,
.ExplorePage__breadcrumbs .ReactSelect__search-icon,
.ExplorePage__breadcrumbs .DateTimePicker .touch-date.is-empty,
.ExplorePage__breadcrumbs .DateTimePicker .touch-date.-empty,
.ExplorePage__breadcrumbs .TimePicker .time-group .next,
.ExplorePage__breadcrumbs .TimePicker .time-group .prev,
.ExplorePage__breadcrumbs .PopupMenu__title__close,
.ExplorePage__breadcrumbs .PopupMenu__title__back,
.ExplorePage__breadcrumbs .BaseCell--manualurl a.link,
.ExplorePage__breadcrumbs .ListTableViewHeaderCell__index-arrow-down,
.ExplorePage__breadcrumbs .ListTableViewHeaderCell__fieldSettingsButton,
.ExplorePage__breadcrumbs .ListTableViewHeaderCell__fieldHideButton,
.ExplorePage__breadcrumbs .ListTableViewHeaderCell__status .sort-state,
.ExplorePage__breadcrumbs .ListTableViewHeaderCell__status .filtered,
.ExplorePage__breadcrumbs .ListTableViewHeaderCell__status .grouped,
.ExplorePage__breadcrumbs .RowIndexCell__reminder-mark,
.ExplorePage__breadcrumbs .RowIndexCell__dirty-mark {
  font-size: 1rem;
  padding: 0 0.8ch;
}
.DesktopEnvironment .ExplorePage__body {
  display: flex;
  flex-direction: row;
  gap: 5ch;
}
.has-TopMenuTouch .ExplorePage__body {
  margin-top: 0;
}
.ExplorePage__noResults {
  padding: 15px;
}
.ExplorePage__searchContainer {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ExplorePage__searchBoxContainer {
  width: 100%;
  padding-right: 6ch;
  margin-bottom: 1rem;
}
.ExplorePage__searchResultsTabs {
  display: flex;
  justify-content: left;
  gap: 2ch;
  margin: 1rem 0 0 0;
}
.DesktopEnvironment .ExplorePage__searchResultsTabs {
  margin-top: 2rem;
}
.ExplorePage__searchResultsTab {
  font-size: 1rem;
  font-weight: 600;
  padding: 0.5rem 0.5rem;
  cursor: pointer;
  color: var(--color-text-primary);
  opacity: 0.9;
}
.DesktopEnvironment .ExplorePage__searchResultsTab {
  font-size: 1.28571429rem;
}
.ExplorePage__searchResultsTab--active {
  font-weight: 700;
  opacity: 1;
  border-bottom: 3px solid hsl(5, 90%, 58%);
}
.ExplorePage__results:after {
  content: "";
  display: table;
  clear: both;
}
.DesktopEnvironment .ExplorePage__results--explore {
  padding: 2rem 0;
}
.ExplorePage__outerWrapper {
  min-height: 100vh;
}
.ExplorePage__exploreContents {
  width: 100%;
  margin: 0 auto;
}
.ExplorePage__exploreContents--search {
  max-width: 800px;
}
.ExploreEmptyState__container {
  display: block;
  text-align: center;
  width: 500px;
  margin: 50px auto 0 auto;
}
@media screen and (max-width: 43.6875em) {
  .ExploreEmptyState__container {
    max-width: 90%;
  }
}
.ExploreEmptyState__image {
  margin-bottom: 2rem;
  opacity: 0.7;
}
@media screen and (max-width: 24.9375em) {
  .ExploreEmptyState__image {
    max-width: 65px;
    margin: 2rem auto 2rem auto;
  }
}
.ExploreEmptyState__subtitle {
  font-size: 1.28571429rem;
  line-height: 1.86428571rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.ExploreEmptyState__message {
  margin-bottom: 4rem;
  font-size: 1rem;
  line-height: 1.4rem;
}
.ExploreEmptyState__button {
  border-style: solid;
  border-width: 1px;
}
.DesktopEnvironment .ExploreCategoryList {
  padding: 3rem 0 6rem;
  position: sticky;
  top: var(--navbar-height-desktop);
  max-height: calc(100vh - var(--navbar-height-desktop) - 5px);
  overflow-y: auto;
  --scrollbar-width: 10px;
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.DesktopEnvironment .ExploreCategoryList:hover {
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: var(--color-background-6) inherit;
}
.DesktopEnvironment .ExploreCategoryList ::-webkit-scrollbar {
  width: var(--scrollbar-width, initial);
  background-color: rgba(0, 0, 0, 0);
}
.DesktopEnvironment .ExploreCategoryList ::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.DesktopEnvironment .ExploreCategoryList ::-webkit-scrollbar-thumb {
  border-radius: calc(var(--scrollbar-width, initial) / 2);
  background-color: rgba(0, 0, 0, 0);
}
.DesktopEnvironment .ExploreCategoryList:hover::-webkit-scrollbar-track {
  background-color: inherit;
}
.DesktopEnvironment .ExploreCategoryList:hover::-webkit-scrollbar-thumb {
  background-color: var(--color-background-6);
}
.ExploreCategoryList ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.ExploreCategoryList__groupTitle {
  text-transform: uppercase;
  font-size: 0.85714286rem;
  font-weight: 600;
  color: var(--color-text-hint);
  border-bottom: 1px solid var(--color-border-3);
  width: 50%;
  margin-top: 2rem;
  margin-bottom: 0.3rem;
}
.ExploreCategoryList__touchCategoryHead {
  display: flex;
  justify-content: space-between;
}
.ExploreCategoryList__touchCategoryHead .icon,
.ExploreCategoryList__touchCategoryHead .input-group.-error label,
.ExploreCategoryList__touchCategoryHead .custom-checkbox-link,
.ExploreCategoryList__touchCategoryHead .checkbox.-checked,
.ExploreCategoryList__touchCategoryHead .checkbox.-unchecked,
.ExploreCategoryList__touchCategoryHead input.-custom[type="checkbox"] + .custom-checkbox,
.ExploreCategoryList__touchCategoryHead .image-upload .upload-link,
.ExploreCategoryList__touchCategoryHead .ReactSelect__clear,
.ExploreCategoryList__touchCategoryHead .ReactSelect__search-icon,
.ExploreCategoryList__touchCategoryHead .DateTimePicker .touch-date.is-empty,
.ExploreCategoryList__touchCategoryHead .DateTimePicker .touch-date.-empty,
.ExploreCategoryList__touchCategoryHead .TimePicker .time-group .next,
.ExploreCategoryList__touchCategoryHead .TimePicker .time-group .prev,
.ExploreCategoryList__touchCategoryHead .PopupMenu__title__close,
.ExploreCategoryList__touchCategoryHead .PopupMenu__title__back,
.ExploreCategoryList__touchCategoryHead .BaseCell--manualurl a.link,
.ExploreCategoryList__touchCategoryHead .ListTableViewHeaderCell__index-arrow-down,
.ExploreCategoryList__touchCategoryHead .ListTableViewHeaderCell__fieldSettingsButton,
.ExploreCategoryList__touchCategoryHead .ListTableViewHeaderCell__fieldHideButton,
.ExploreCategoryList__touchCategoryHead .ListTableViewHeaderCell__status .sort-state,
.ExploreCategoryList__touchCategoryHead .ListTableViewHeaderCell__status .filtered,
.ExploreCategoryList__touchCategoryHead .ListTableViewHeaderCell__status .grouped,
.ExploreCategoryList__touchCategoryHead .RowIndexCell__reminder-mark,
.ExploreCategoryList__touchCategoryHead .RowIndexCell__dirty-mark {
  font-size: 10px;
  padding-right: 0.4rem;
}
.ExploreCategoryList__touchCategoryHeadLink {
  display: flex;
  align-items: center;
}
.ExploreCategoryList__showAllLink {
  padding-right: 0 !important;
  display: flex;
  align-items: center;
  gap: 0.5ch;
}
.ExploreCategoryList__showAllLink .icon,
.ExploreCategoryList__showAllLink .input-group.-error label,
.ExploreCategoryList__showAllLink .custom-checkbox-link,
.ExploreCategoryList__showAllLink .checkbox.-checked,
.ExploreCategoryList__showAllLink .checkbox.-unchecked,
.ExploreCategoryList__showAllLink input.-custom[type="checkbox"] + .custom-checkbox,
.ExploreCategoryList__showAllLink .image-upload .upload-link,
.ExploreCategoryList__showAllLink .ReactSelect__clear,
.ExploreCategoryList__showAllLink .ReactSelect__search-icon,
.ExploreCategoryList__showAllLink .DateTimePicker .touch-date.is-empty,
.ExploreCategoryList__showAllLink .DateTimePicker .touch-date.-empty,
.ExploreCategoryList__showAllLink .TimePicker .time-group .next,
.ExploreCategoryList__showAllLink .TimePicker .time-group .prev,
.ExploreCategoryList__showAllLink .PopupMenu__title__close,
.ExploreCategoryList__showAllLink .PopupMenu__title__back,
.ExploreCategoryList__showAllLink .BaseCell--manualurl a.link,
.ExploreCategoryList__showAllLink .ListTableViewHeaderCell__index-arrow-down,
.ExploreCategoryList__showAllLink .ListTableViewHeaderCell__fieldSettingsButton,
.ExploreCategoryList__showAllLink .ListTableViewHeaderCell__fieldHideButton,
.ExploreCategoryList__showAllLink .ListTableViewHeaderCell__status .sort-state,
.ExploreCategoryList__showAllLink .ListTableViewHeaderCell__status .filtered,
.ExploreCategoryList__showAllLink .ListTableViewHeaderCell__status .grouped,
.ExploreCategoryList__showAllLink .RowIndexCell__reminder-mark,
.ExploreCategoryList__showAllLink .RowIndexCell__dirty-mark {
  font-size: 1.28571429rem;
  color: hsl(202, 80%, 45%);
}
.ExploreCategoryList__specialCategory {
  font-weight: 600;
  line-height: 1.5rem;
}
li.ExploreCategoryList__parentCategory a,
li.ExploreCategoryList__childCategory a {
  color: var(--color-text-primary);
  padding-right: 3rem;
}
.MouseInterface li.ExploreCategoryList__parentCategory:hover,
.MouseInterface li.ExploreCategoryList__childCategory:hover {
  color: hsl(5, 90%, 58%);
}
.DesktopEnvironment li.ExploreCategoryList__parentCategory,
.DesktopEnvironment li.ExploreCategoryList__childCategory {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  line-height: 1.1rem;
}
li.ExploreCategoryList__childCategory {
  padding-left: 1rem;
}
li.ExploreCategoryList__childCategory:first-child {
  padding-top: 0.8rem;
}
.ExploreCategoryList--activeCategoryLink {
  font-weight: 700;
}
.ExploreCategoryList--hiddenCategoryLink {
  display: none;
}
.ExploreListTeasers {
  max-width: 100%;
}
.ExploreListTeasers__container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--list-teaser-min-width), 1fr));
  gap: 15px;
}
.ProfilePage {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: clamp(160px, 40%, 300px) 1fr;
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}
.DesktopEnvironment .ProfilePage {
  top: var(--top-bars-height-desktop);
}
@media screen and (max-width: 56.1875em) {
  .ProfilePage {
    grid-auto-flow: row;
    grid-template-columns: 100%;
  }
}
.ProfilePage__userProfile {
  background-color: var(--color-background-00);
  padding: 20px;
  border-radius: 8px;
  height: fit-content;
}
.ProfilePage__restrictedAccountMessage {
  background: hsl(28, 85%, 93%);
  color: var(--color-warning);
  border: 1px solid var(--color-border-2);
  border-radius: 8px;
  padding: 14px;
  margin-bottom: 1.5em;
  font-weight: 600;
  font-size: 1.14285714rem;
  line-height: 1.71428571rem;
}
.ProfilePageBio {
  padding: 20px 0;
}
.DesktopEnvironment .ProfilePageBio {
  width: 100%;
  max-width: 1000px;
  display: flex;
  justify-content: center;
}
.ProfilePageBio__container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  max-width: 700px;
  overflow: hidden;
  justify-content: center;
}
.ProfilePageBio__hero {
  width: 120px;
  text-align: center;
  padding-top: 0.3rem;
  padding-bottom: 1.4rem;
}
.ProfilePageBio__avatar {
  border-radius: 100px;
  height: auto;
}
.ProfilePageBio__edit-button {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.ProfilePageBio__info {
  padding: 0;
  flex: 1 1;
  min-width: 0;
}
.ProfilePageBio__name {
  margin: 0;
  font-size: 1.57142857rem;
  line-height: 2.21303571rem;
  font-weight: 700;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.ProfilePageBio__username {
  color: var(--color-text-secondary);
  margin: 0.5rem 0 0.5rem;
}
.ProfilePageBio__location,
.ProfilePageBio__member-since {
  color: var(--color-text-secondary);
  margin: 0.7rem 0;
  padding: 0;
}
.ProfilePageBio__location {
  padding-bottom: 0.5rem;
}
.ProfilePageBio__location .icon,
.ProfilePageBio__location .input-group.-error label,
.ProfilePageBio__location .custom-checkbox-link,
.ProfilePageBio__location .checkbox.-checked,
.ProfilePageBio__location .checkbox.-unchecked,
.ProfilePageBio__location input.-custom[type="checkbox"] + .custom-checkbox,
.ProfilePageBio__location .image-upload .upload-link,
.ProfilePageBio__location .ReactSelect__clear,
.ProfilePageBio__location .ReactSelect__search-icon,
.ProfilePageBio__location .DateTimePicker .touch-date.is-empty,
.ProfilePageBio__location .DateTimePicker .touch-date.-empty,
.ProfilePageBio__location .TimePicker .time-group .next,
.ProfilePageBio__location .TimePicker .time-group .prev,
.ProfilePageBio__location .PopupMenu__title__close,
.ProfilePageBio__location .PopupMenu__title__back,
.ProfilePageBio__location .BaseCell--manualurl a.link,
.ProfilePageBio__location .ListTableViewHeaderCell__index-arrow-down,
.ProfilePageBio__location .ListTableViewHeaderCell__fieldSettingsButton,
.ProfilePageBio__location .ListTableViewHeaderCell__fieldHideButton,
.ProfilePageBio__location .ListTableViewHeaderCell__status .sort-state,
.ProfilePageBio__location .ListTableViewHeaderCell__status .filtered,
.ProfilePageBio__location .ListTableViewHeaderCell__status .grouped,
.ProfilePageBio__location .RowIndexCell__reminder-mark,
.ProfilePageBio__location .RowIndexCell__dirty-mark {
  padding-right: 0.9ch;
}
.ProfilePageBio__description {
  margin: 1.2rem 0;
  color: var(--color-text-primary);
}
.ProfilePageBio__social-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ProfilePageBio__social-links li a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: block;
  width: max-content;
  margin: 8px 0;
  line-height: 1.6;
  color: var(--color-text-link);
}
.ProfilePageBio__social-links i {
  padding-right: 0.25em;
}
.ProfilePageBio__badgesContainer {
  margin-top: 2.5rem;
}
.ProfilePageBio__badgesTitle {
  margin-bottom: 0.8rem;
  font-weight: 700;
}
.ProfilePageBio__badgesInfoIcon {
  padding: 0 5px 0 3px;
  color: var(--color-text-hint);
}
.ProfilePageBio__restrictedAccountMessage {
  color: hsl(359, 55%, 45%);
  font-size: 1rem;
}
.ProfilePageBio__spamWarning {
  background-color: hsl(359, 35%, 90%);
  border: 1px solid hsl(359, 55%, 45%);
  border-radius: 4px;
  padding: 12px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: hsl(359, 55%, 45%);
  font-size: 1rem;
  line-height: 1.4;
}
.ProfilePageBio__spamWarning .Icon {
  flex-shrink: 0;
  margin-top: 2px;
  color: hsl(359, 55%, 45%);
}
.ProfilePageBio__spamWarning span {
  flex: 1;
}
.ProfileLists {
  width: 100%;
}
.ProfileLists__tabs {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 0 2rem 2rem 2rem;
  height: var(--large-screen-tabs-height);
  transition: all 0.5s;
}
.ProfileLists__listContainer {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--list-teaser-min-width), 1fr));
  gap: 15px;
}
.ProfileLists__listContainer--empty {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.HomePage {
  overflow-x: hidden;
  background-color: var(--color-background-00);
}
.HomePage__section {
  padding: 4rem 1rem;
  margin: 0 auto;
}
@media screen and (max-width: 45.25em) {
  .HomePage__section {
    padding: 4rem 0;
  }
}
.HomePage__section--features {
  background-color: var(--color-background-0);
}
.HomePage__hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(44px + 8rem) 1rem 8rem;
  background: #31303e;
  background: linear-gradient(315deg, #282735 0%, #141226 100%);
  color: var(--color-text-primary-light);
}
.HomePage__heroContent {
  width: 100%;
  max-width: 1400px;
  display: flex;
  flex-direction: row;
  gap: 4rem;
}
@media screen and (max-width: 81.1875em) {
  .HomePage__heroContent {
    flex-direction: column;
    max-width: 800px;
    align-items: center;
    gap: 3rem;
  }
}
.HomePage__heroText {
  max-width: 800px;
  flex: 1;
  padding: 2rem;
  text-align: left;
}
@media screen and (max-width: 81.1875em) {
  .HomePage__heroText {
    max-width: 600px;
    padding: 0;
    text-align: center;
  }
}
h1.HomePage__heroTitle {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1.8rem, calc(3vw + 10px), 3rem);
  line-height: 1.5;
  font-weight: 600;
  margin: 0;
}
@media screen and (max-width: 81.1875em) {
  h1.HomePage__heroTitle {
    font-size: clamp(1.5rem, calc(2vw + 10px), 2.5rem);
  }
}
.HomePage__heroCopy,
.HomePage__heroCopy p {
  font-size: 1.14285714rem;
  line-height: 1.6;
}
@media screen and (max-width: 81.1875em) {
  .HomePage__heroCopy,
  .HomePage__heroCopy p {
    font-size: 1rem;
  }
}
.HomePage__searchBoxContainer {
  min-height: 40px;
  display: block;
}
.HomePage__searchBoxTip {
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: left;
}
.DesktopEnvironment .HomePage__searchBoxTip {
  position: absolute;
  height: 100px;
  top: 65px;
  justify-content: left;
  transform: translateX(calc(2*(17vw + 40px)));
  z-index: 10;
}
@media screen and (max-width: 81.1875em) {
  .HomePage__accessApp {
    margin-bottom: 4em;
  }
}
.HomePage__pitch {
  width: 100%;
  max-width: 1100px;
  margin: auto;
  display: flex;
}
@media screen and (max-width: 49.9375em) {
  .HomePage__pitch {
    flex-direction: column;
  }
}
.HomePage__pitchTitle {
  font-weight: 700;
  font-size: clamp(1.5rem, calc(2vw + 10px), 2.5rem);
  line-height: 1.3;
  text-align: center;
  margin: 10px;
}
.HomePage__pitchCopy {
  font-size: 1.14285714rem;
  font-weight: 300;
  color: var(--color-text-primary);
}
.HomePage__centeredPitch {
  text-align: center;
}
.HomePage__listTeaserSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 2rem;
}
.HomePage__listTeaserSectionTitle {
  width: calc(100% - 2rem);
  max-width: 1400px;
  text-align: center;
  font-size: clamp(1.5rem, calc(2vw + 10px), 2.5rem);
  font-weight: 700;
  padding: 4rem 0 2rem;
  margin: 0 2rem;
  border-top: 3px solid var(--color-border-2);
}
.HomePage__listTeaserSectionTitle--first {
  border-top: none;
}
.HomePage__featuresContainer {
  display: flex;
  justify-content: center;
  max-width: 1300px;
  margin: 0 auto 50px;
  position: relative;
  flex-wrap: wrap;
}
.HomePage__featureBox {
  display: flex;
  margin: 20px 40px;
  max-width: 300px;
  width: 100vw;
  align-items: center;
}
.HomePage__featureIconContainer {
  flex: 0 0 65px;
  height: 65px;
  margin-right: 30px;
}
.HomePage__featureIcon {
  width: 60px;
  height: 60px;
  margin: 0 auto 30px;
}
.HomePage__featureIcon path {
  fill: black;
}
.HomePage__featureDescription {
  align-self: flex-start;
}
.HomePage__featureDescription h3 {
  font-weight: 600;
  font-size: 1.28571429rem;
  line-height: 1.5em;
  color: var(--color-text-primary);
}
.HomePage__featureDescription p {
  font-size: 1rem;
  line-height: 1.55rem;
  color: var(--color-text-secondary);
}
@media screen and (max-width: 26.8125em) {
  .HomePage__featureBox {
    margin: 10px 20px;
  }
  .HomePage__featureIconContainer {
    flex: 0 0 45px;
    margin-right: 20px;
  }
  .HomePage__featureIcon {
    width: 40px;
    height: 40px;
  }
  .HomePage__featureDescription h3 {
    font-size: 1.14285714rem;
    line-height: 1.86428571rem;
  }
  .HomePage__featureDescription p {
    font-size: 0.85714286rem;
    line-height: 1.46142857rem;
  }
}
.Button.HomePage__exploreButton {
  margin-top: 2rem;
  color: #282735;
}
.HomePage__leaderboards {
  max-width: 1400px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  border-top: 3px solid var(--color-border-2);
}
@media screen and (max-width: 81.1875em) {
  .HomePage__leaderboards {
    flex-direction: column;
  }
}
.FeaturedCreatorBlock__featuredCreator {
  position: relative;
  flex: 1;
  width: 100%;
}
.FeaturedCreatorBlock__featuredCreatorImage {
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  width: calc(100% - 6rem);
  height: calc(100% - 2rem);
  margin: 2rem 4rem 0 2rem;
}
@media screen and (max-width: 81.1875em) {
  .FeaturedCreatorBlock__featuredCreatorImage {
    min-height: clamp(300px, 45vw, 500px);
  }
}
@media screen and (max-width: 45.25em) {
  .FeaturedCreatorBlock__featuredCreatorImage {
    width: calc(100% - 4rem);
    height: unset;
    margin-bottom: 14rem;
  }
}
.FeaturedCreatorBlock__featuredCreatorListTeaser {
  position: absolute;
  top: 0;
  right: 0;
  height: 300px;
  width: 300px;
  border-radius: 6px;
  transform: scale(0.8);
  transform-origin: top right;
}
.FeaturedCreatorBlock__featuredCreatorListTeaser .ListTeaser {
  grid-template-rows: 160px 1fr;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
@media screen and (max-width: 45.25em) {
  .FeaturedCreatorBlock__featuredCreatorListTeaser {
    top: unset;
    bottom: 0;
    transform-origin: bottom right;
  }
}
.FeaturedCreatorBlock__featuredCreatorTitle {
  cursor: default;
  position: absolute;
  bottom: 2rem;
  left: 0rem;
  width: auto;
  color: var(--color-text-primary-light);
  display: grid;
  place-content: center;
  padding: 0.8rem 1.4rem;
  max-width: 80%;
  border-radius: 8px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
@media screen and (max-width: 45.25em) {
  .FeaturedCreatorBlock__featuredCreatorTitle {
    bottom: unset;
    top: -1rem;
    padding: 0.6rem 1.2rem;
  }
}
.FeaturedCreatorBlock__featuredCreatorTitleLabel {
  font-size: 0.85714286rem;
  text-transform: uppercase;
  color: var(--color-text-secondary-light);
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (max-width: 45.25em) {
  .FeaturedCreatorBlock__featuredCreatorTitleLabel {
    font-size: 0.78571429rem;
  }
}
.FeaturedCreatorBlock__featuredCreatorTitleName {
  font-size: 1.28571429rem;
  line-height: 1.4;
  font-weight: 700;
}
@media screen and (max-width: 45.25em) {
  .FeaturedCreatorBlock__featuredCreatorTitleName {
    font-size: 1.14285714rem;
  }
}
.UsernameInputForm {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 81.25em) {
  .UsernameInputForm {
    justify-content: left;
  }
}
.UsernameInputForm__wrapper {
  display: flex;
  flex-direction: row;
  margin: 0;
  gap: 10px;
  position: relative;
}
@media screen and (max-width: 45.25em) {
  .UsernameInputForm__wrapper {
    flex-direction: column;
  }
}
.UsernameInputForm__inputContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 14px;
  height: var(--button-height);
}
.UsernameInputForm__inputPrefixWrapper {
  position: absolute;
  left: 8px;
  color: var(--color-text-primary);
  color: black;
  z-index: 2;
  padding-top: 1px;
  width: 12ch;
}
.UsernameInputForm__inputPrefix {
  display: flex;
  justify-content: right;
}
input.UsernameInputForm__inputBox {
  height: var(--button-height);
  max-width: 450px;
  padding-left: calc(12ch + 8px);
  margin: 0;
}
.UsernameInputForm input::placeholder {
  color: var(--color-text-placeholder);
}
.HomeListTeasers {
  margin: 0;
  overflow: hidden;
  position: relative;
  padding: 1rem;
  height: 30rem;
  max-height: 1500px;
  max-width: 1400px;
}
@media screen and (max-width: 45.25em) {
  .HomeListTeasers {
    height: 62rem;
    max-height: 150vh;
    -webkit-mask-image: linear-gradient(to bottom, #000000 calc(100% - 5rem), rgba(0, 0, 0, 0.5) calc(100% - (5rem * 0.66)), rgba(0, 0, 0, 0.1) calc(100% - (5rem * 0.33)), rgba(0, 0, 0, 0) 100%);
  }
}
.HomeListTeasers__header {
  position: relative;
  text-align: left;
  height: 70px;
}
.HomeListTeasers__title {
  position: absolute;
  font-size: 1.92857143rem;
  font-weight: 700;
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  margin: 0 0 40px 0;
  line-height: 18.9px;
  text-align: left;
  top: 2px;
}
@media screen and (max-width: 28.0625em) {
  .HomeListTeasers__title {
    font-size: 1.57142857rem;
  }
}
.HomeListTeasers__showMore {
  float: right;
}
.HomeListTeasers__moreButton {
  position: relative;
  top: -7px;
}
@media screen and (max-width: 28.0625em) {
  .HomeListTeasers__moreButton {
    padding: 0 10px;
    height: 23px;
    line-height: 22px;
    font-size: 0.85714286rem;
    padding: 0px 8px;
    top: 0;
  }
}
.HomeListTeasers__teasersContainer {
  width: 100%;
  display: grid;
  column-gap: 1rem;
  row-gap: 3rem;
  grid-template-columns: repeat(4, minmax(var(--list-teaser-min-width), 1fr));
}
@media screen and (max-width: 45.25em) {
  .HomeListTeasers__teasersContainer {
    row-gap: 14px;
  }
}
@media screen and (max-width: 87.4375em) {
  .HomeListTeasers__teasersContainer {
    grid-template-columns: repeat(3, minmax(var(--list-teaser-min-width), 1fr));
  }
}
@media screen and (max-width: 68.6875em) {
  .HomeListTeasers__teasersContainer {
    grid-template-columns: repeat(2, minmax(var(--list-teaser-min-width), 1fr));
  }
}
@media screen and (max-width: 46.8125em) {
  .HomeListTeasers__teasersContainer {
    grid-template-columns: repeat(1, minmax(var(--list-teaser-min-width), 1fr));
  }
}
.LoginPage {
  border-top: 4px solid hsl(5, 90%, 58%);
}
.LoginPage .AuthBox {
  margin: auto;
  padding-top: 200px;
}
@media screen and (max-height: 450px) {
  .LoginPage .AuthBox {
    padding-top: 30px;
  }
}
@media screen and (max-width: 450px) {
  .LoginPage .AuthBox {
    padding: 100px 20px 0 20px;
  }
}
.SignupPage {
  border-top: 4px solid hsl(5, 90%, 58%);
}
.SignupPage .AuthBox {
  margin: auto;
  padding-top: 200px;
}
@media screen and (max-height: 450px) {
  .SignupPage .AuthBox {
    padding-top: 30px;
  }
}
@media screen and (max-width: 450px) {
  .SignupPage .AuthBox {
    padding: 100px 20px 0 20px;
  }
}
.ListAccessErrorPage {
  padding: 100px 20px 40px 20px;
  text-align: center;
}
.ListAccessErrorPage__title {
  font-size: 1.92857143rem;
  line-height: 2.60357143rem;
  font-weight: 700;
  margin-top: 0;
}
.ListAccessErrorPage__buttons {
  display: flex;
  margin: 0 auto;
  flex-direction: column;
  max-width: 330px;
  padding-bottom: 20px;
}
.ListAccessErrorPage__image {
  width: 100px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.ListAccessErrorPage__button {
  margin-bottom: 10px;
  text-transform: none;
  height: auto;
  line-height: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  white-space: normal;
}
.ListAccessErrorPage__doneMessage {
  padding: 20px 0 40px 0;
  text-align: center;
}
.ListAccessErrorPage__learnMore {
  color: var(--color-text-secondary);
}
.ListAccessErrorPage__learnMoreIcon {
  margin-right: 5px;
}
.ListAccessErrorPage__paragraph--lead {
  font-size: 1.14285714rem;
}
.AboutPage__container {
  padding-top: 2rem;
  padding-bottom: 10rem;
  width: 600px;
  max-width: 90%;
  margin: auto;
}
.AboutPage h3 {
  padding-bottom: 2rem;
  padding-top: 2rem;
}
.AboutPage__flexContainer {
  display: flex;
  flex-direction: row;
  gap: 3ch;
}
@media screen and (max-width: 31.1875em) {
  .AboutPage__flexContainer {
    flex-direction: column;
  }
}
.AboutPage__text,
.AboutPage li,
.AboutPage p {
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-size: 1.28571429rem;
  line-height: 1.7em;
}
.AboutPage__member {
  display: flex;
  flex-direction: row;
}
.AboutPage__profileImage {
  height: 10rem;
  width: 10rem;
  object-fit: cover;
  margin-top: 2rem;
  margin-bottom: 1rem;
  border-radius: 4px;
}
@media screen and (max-width: 31.1875em) {
  .AboutPage__profileImage {
    margin-top: 0;
  }
}
.AboutPage__details {
  margin-top: 1rem;
  flex-direction: column;
  padding-left: 2rem;
}
.AboutPage__name {
  font-weight: 600;
  font-size: 1.28571429rem;
  line-height: 2rem;
}
.AboutPage__position {
  line-height: 2rem;
}
.AboutPage__linkedin {
  line-height: 2rem;
}
.AboutPage a {
  color: hsl(202, 80%, 45%);
}
.AboutPage .icon--link-ext {
  font-size: 0.7rem;
  padding-left: 0.2rem;
  vertical-align: top;
}
.JobsPage__container {
  padding-top: 0.5rem;
  padding-bottom: 10rem;
  width: 600px;
  max-width: 90%;
  margin: auto;
}
.JobsPage h3 {
  padding-bottom: 2rem;
  padding-top: 2rem;
}
.JobsPage__text,
.JobsPage__text p,
.JobsPage__text li {
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-size: 1.14285714rem;
  line-height: 1.7em;
}
.JobsPage__text li {
  padding-bottom: 0.4rem;
}
.JobsPage__flexContainer {
  display: flex;
  flex-direction: row;
  margin: 30px auto;
}
@media screen and (max-width: 40.5625em) {
  .JobsPage__flexContainer {
    flex-direction: column;
  }
}
.JobsPage__featureImage {
  width: 240px;
  height: 160px;
}
.JobsPage__featureImageSeparator {
  margin: 1rem;
}
.JobsPage__inlineImageBlock {
  display: block;
  margin-top: 40px;
}
.JobsPage__inlineImage {
  float: left;
  margin: 5px 16px 4px 0;
}
@media screen and (max-width: 24.9375em) {
  .JobsPage__inlineImage {
    width: 110px;
    height: 110px;
  }
}
.JobsPage__topImage {
  flex-shrink: 0;
}
.JobsPage__topIntro {
  padding: 10px 10px 10px 20px;
  font-weight: 200;
  font-size: 1.57142857rem;
  line-height: 2.2rem;
}
.JobsPage__socialButtons {
  margin: 3rem 3rem;
  text-align: center;
}
.JobsPage__socialButtons .Button {
  margin: 1rem 2rem;
}
.JobsPage__socialButtons .Button__text {
  text-transform: capitalize !important;
  font-weight: 700 !important;
}
.JobsPage__question {
  font-weight: 700;
  margin-top: 40px;
}
.PartnersPage__mainContainer {
  padding-top: 120px;
  padding-bottom: 5rem;
  width: 600px;
  max-width: 90%;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 1.14285714rem;
}
.PartnersPage__centeredContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1rem 0;
}
.PartnersPage__imagePanel {
  display: grid;
  place-items: center;
}
.PartnersPage__image {
  max-width: 40%;
}
h1.PartnersPage__title {
  font-size: 2.57142857rem;
  line-height: 1.3;
}
@media screen and (max-width: 25.5625em) {
  h1.PartnersPage__title {
    font-size: 1.92857143rem;
  }
}
.PartnersPage__explainer {
  font-size: 1.28571429rem;
  font-weight: 600;
  line-height: 1.4;
}
.PartnersPage__features,
.PartnersPage__requirements {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 2rem 0 4rem;
  background-color: var(--color-background-2);
  padding: 10px;
}
@media screen and (max-width: 62.4375em) {
  .PartnersPage__features,
  .PartnersPage__requirements {
    grid-template-columns: 1fr;
  }
}
.PartnersPage__feature,
.PartnersPage__requirement {
  width: 100%;
  display: grid;
  grid-template-columns: 25% 75%;
  grid-template-rows: 25px max-content;
  grid-template-areas: 'image title' 'image description';
  text-align: left;
  padding: 15px 10px 15px 5px;
}
.PartnersPage__feature > *,
.PartnersPage__requirement > * {
  overflow: hidden;
  place-items: center;
}
@media screen and (max-width: 62.4375em) {
  .PartnersPage__feature,
  .PartnersPage__requirement {
    grid-template-columns: 12% 88%;
  }
}
.PartnersPage__featureIconBox,
.PartnersPage__requirementIconBox {
  grid-area: image;
  display: flex;
  align-items: flex-start;
  justify-content: left;
}
.PartnersPage__featureTitle,
.PartnersPage__requirementTitle {
  grid-area: title;
  font-weight: 600;
}
.PartnersPage__featureDescription,
.PartnersPage__requirementDescription {
  grid-area: description;
  color: var(--color-text-secondary);
  line-height: 1.3;
}
@media screen and (max-width: 62.4375em) {
  .PartnersPage__featureDescription,
  .PartnersPage__requirementDescription {
    font-size: 1rem;
  }
}
.PartnersPage__featureIcon {
  padding: 20px 15px 0 0;
  width: 100%;
}
@media screen and (max-width: 62.4375em) {
  .PartnersPage__featureIcon {
    padding-top: 0;
  }
}
.PartnersPage__videoContainer {
  width: 90%;
  aspect-ratio: 16/9;
  margin: 40px 0 60px;
}
.PartnersPage__hr {
  width: 90%;
  margin: 40px 0;
  opacity: 30%;
}
.PartnersPage__faqs {
  justify-content: flex-start;
  text-align: left;
  width: 100%;
}
.PartnersPage__faqTitle,
.PartnersPage__membershipTitle {
  font-size: 1.57142857rem;
  line-height: 1.3;
  font-weight: 700;
  padding: 3rem 0 1rem;
}
.PartnersPage__leftContent {
  justify-content: left;
  text-align: left;
}
.PartnersPage__question {
  width: 100%;
  font-weight: 700;
  padding: 2rem 0 0;
}
.PartnersPage__answer {
  text-align: justify;
}
.PartnersPage__faqList {
  margin-top: 0.3rem;
}
.CreatorsPage .PageHeader {
  max-height: min(25vh, 325px);
}
.CreatorsPage__mainContainer {
  padding-top: 20px;
  padding-bottom: 5rem;
  width: 1000px;
  max-width: 90%;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 1.14285714rem;
}
.CreatorsPage__centeredContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.CreatorsPage__imagePanel {
  display: grid;
  place-items: center;
}
.CreatorsPage__image {
  max-width: 40%;
}
h1.CreatorsPage__title {
  font-size: 2.57142857rem;
  line-height: 1.3;
  margin-bottom: 3rem;
}
@media screen and (max-width: 25.5625em) {
  h1.CreatorsPage__title {
    font-size: 1.92857143rem;
  }
}
.CreatorsPage__introduction {
  font-size: 1.28571429rem;
  font-weight: 600;
  line-height: 1.4;
}
.CreatorsPage__features,
.CreatorsPage__requirements {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin: 2rem 0 4rem;
  background-color: var(--color-background-2);
}
@media screen and (max-width: 62.4375em) {
  .CreatorsPage__features,
  .CreatorsPage__requirements {
    display: flex;
    flex-direction: column;
  }
}
.CreatorsPage__feature,
.CreatorsPage__requirement {
  width: 100%;
  display: grid;
  grid-template-columns: 40% 60%;
  column-gap: 1rem;
  margin: 2rem 0;
  grid-template-areas: 'image content';
  text-align: left;
}
@media screen and (max-width: 49.9375em) {
  .CreatorsPage__feature,
  .CreatorsPage__requirement {
    grid-template-columns: 100%;
    grid-template-areas: 'image' 'content';
  }
}
.CreatorsPage__feature > *,
.CreatorsPage__requirement > * {
  overflow: hidden;
  place-items: center;
}
.CreatorsPage__featureImageBox,
.CreatorsPage__requirementIconBox {
  grid-area: image;
  display: flex;
  align-items: flex-start;
  justify-content: left;
  padding: 0 1rem 1rem;
}
.CreatorsPage__featureImageBox img,
.CreatorsPage__requirementIconBox img {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
.CreatorsPage__featureContent {
  grid-area: content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 1rem;
}
.CreatorsPage__featureTitle,
.CreatorsPage__requirementTitle {
  font-size: 1.57142857rem;
  margin: 0;
  font-weight: 600;
  line-height: 1.3;
}
.CreatorsPage__featureDescription,
.CreatorsPage__requirementDescription {
  color: var(--color-text-secondary);
  line-height: 1.3;
}
@media screen and (max-width: 62.4375em) {
  .CreatorsPage__featureDescription,
  .CreatorsPage__requirementDescription {
    font-size: 1rem;
  }
}
.CreatorsPage__featureImage {
  padding: 0;
  width: 100%;
}
@media screen and (max-width: 62.4375em) {
  .CreatorsPage__featureImage {
    padding-top: 0;
  }
}
.CreatorsPage__imageSource {
  font-size: 1rem;
  font-style: italic;
}
.CreatorsPage__videoContainer {
  width: 90%;
  aspect-ratio: 16/9;
  margin: 40px 0 60px;
}
.CreatorsPage__hr {
  width: 90%;
  margin: 40px 0;
  opacity: 30%;
}
.CreatorsPage__faqs {
  justify-content: flex-start;
  text-align: left;
  width: 100%;
}
.CreatorsPage__faqTitle,
.CreatorsPage__membershipTitle {
  font-size: 1.57142857rem;
  line-height: 1.3;
  font-weight: 700;
  padding: 3rem 0 1rem;
}
.CreatorsPage__leftContent {
  justify-content: left;
  text-align: left;
}
.CreatorsPage__question {
  width: 100%;
  font-weight: 700;
  padding: 2rem 0 0;
}
.CreatorsPage__answer {
  text-align: justify;
}
.CreatorsPage__faqList {
  margin-top: 0.3rem;
}
.BrainTrustPage li,
.BrainTrustPage p {
  font-size: 1.14285714rem;
  line-height: 1.3;
}
.BrainTrustPage__mainContainer {
  padding-top: 120px;
  padding-bottom: 15rem;
  width: 600px;
  max-width: 90%;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 1.14285714rem;
}
h1.BrainTrustPage__title {
  font-size: 2.57142857rem;
  line-height: 1.3;
  margin-bottom: 2rem;
}
@media screen and (max-width: 25.5625em) {
  h1.BrainTrustPage__title {
    font-size: 1.92857143rem;
  }
}
.BrainTrustPage__intro p {
  font-size: 1.14285714rem;
  line-height: 1.3;
}
h2.BrainTrustPage__subheading,
.BrainTrustPage__question {
  font-size: 1.28571429rem;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 0;
}
.BrainTrustPage__body ul {
  margin: 0;
}
.BrainTrustPage__body li {
  margin-bottom: 7px;
}
.BrainTrustPage__imagePanel {
  display: grid;
  place-items: center;
  padding: 3rem 0;
}
.BrainTrustPage__image {
  max-width: 100%;
}
.BrainTrustPage__scrollToBottomButton {
  margin: 3rem 0;
}
.BrainTrustPage #apply {
  color: var(--color-text-primary);
}
.BrainTrustPage__applicationForm {
  margin: 2rem 0;
  border: hsl(196, 64%, 36%) solid 1px;
  box-shadow: inset 0 0 10px var(--color-background-4);
}
.BrainTrustPage__hr {
  width: 90%;
  margin: 40px 0;
  opacity: 30%;
}
.BrainTrustPage__faqs {
  justify-content: flex-start;
  text-align: left;
  width: 100%;
}
.BrainTrustPage__question {
  margin-top: 2rem;
}
.BrainTrustPage__faqTitle,
.BrainTrustPage__membershipTitle {
  font-size: 1.57142857rem;
  line-height: 1.3;
  font-weight: 700;
  padding: 2rem 0 1rem;
}
.BrainTrustPage__leftContent {
  justify-content: left;
  text-align: left;
}
.BrainTrustPage__answer {
  text-align: justify;
}
.BrainTrustPage__faqList {
  margin-top: 0.3rem;
}
.BadgesPage__mainContainer {
  padding-top: 120px;
  padding-bottom: 8rem;
  width: 600px;
  max-width: 90%;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 1.14285714rem;
}
.BadgesPage__centeredContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1rem 0;
}
h1.BadgesPage__title {
  font-size: 2.57142857rem;
  line-height: 1.3;
}
@media screen and (max-width: 25.5625em) {
  h1.BadgesPage__title {
    font-size: 1.92857143rem;
  }
}
.BadgesPage__explainer p {
  font-size: 1.14285714rem;
  line-height: 1.4;
  color: var(--color-text-secondary);
}
.BadgesPage__badgeCategoryTitle {
  font-size: 1.28571429rem;
  line-height: 1.3;
  font-weight: 700;
  padding: 1rem 0 0;
}
.BadgesPage__badges {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 2rem 0 4rem;
  background-color: var(--color-background-2);
  padding: 10px;
}
@media screen and (max-width: 62.4375em) {
  .BadgesPage__badges {
    grid-template-columns: 1fr;
  }
}
.BadgesPage__badge {
  width: 100%;
  display: grid;
  grid-template-columns: 60px 1fr;
  grid-template-rows: 25px max-content;
  grid-template-areas: 'image title' 'image description';
  text-align: left;
  padding: 15px 10px 15px 5px;
}
.BadgesPage__badge > * {
  overflow: hidden;
  place-items: center;
}
.BadgesPage__badgeIconBox {
  grid-area: image;
  display: flex;
  align-items: flex-start;
  justify-content: left;
}
.BadgesPage__badgeTitle {
  grid-area: title;
  font-weight: 600;
}
.BadgesPage__badgeDescription {
  grid-area: description;
  color: var(--color-text-secondary);
  line-height: 1.3;
}
@media screen and (max-width: 62.4375em) {
  .BadgesPage__badgeDescription {
    font-size: 1rem;
  }
}
.BadgesPage__badgeIcon {
  padding: 0 15px 0 0;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 62.4375em) {
  .BadgesPage__badgeIcon {
    padding-top: 0;
  }
}
.BadgesPage__hr {
  width: 90%;
  margin: 40px 0;
  opacity: 30%;
}
.BadgesPage__faqs {
  justify-content: flex-start;
  text-align: left;
  width: 100%;
}
.BadgesPage__faqTitle {
  font-size: 1.57142857rem;
  line-height: 1.3;
  font-weight: 700;
  padding: 3rem 0 1rem;
}
.BadgesPage__leftContent {
  justify-content: left;
  text-align: left;
}
.BadgesPage__question {
  width: 100%;
  font-weight: 700;
  padding: 2rem 0 0;
}
.BadgesPage__answer {
  text-align: justify;
}
.BadgesPage__faqList {
  margin-top: 0.3rem;
}
.ContactPage__container {
  padding-top: 2rem;
  padding-bottom: 10rem;
  width: 500px;
  max-width: 90%;
  margin: auto;
}
.ContactPage__container h3 {
  margin-bottom: 1rem;
}
.ContactPage__container p {
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-size: 1.28571429rem;
}
.ContactPage__container .contact-info p {
  font-size: 1rem;
  margin: 0;
}
.ContactPage .icon,
.ContactPage .input-group.-error label,
.ContactPage .custom-checkbox-link,
.ContactPage .checkbox.-checked,
.ContactPage .checkbox.-unchecked,
.ContactPage input.-custom[type="checkbox"] + .custom-checkbox,
.ContactPage .image-upload .upload-link,
.ContactPage .ReactSelect__clear,
.ContactPage .ReactSelect__search-icon,
.ContactPage .DateTimePicker .touch-date.is-empty,
.ContactPage .DateTimePicker .touch-date.-empty,
.ContactPage .TimePicker .time-group .next,
.ContactPage .TimePicker .time-group .prev,
.ContactPage .PopupMenu__title__close,
.ContactPage .PopupMenu__title__back,
.ContactPage .BaseCell--manualurl a.link,
.ContactPage .ListTableViewHeaderCell__index-arrow-down,
.ContactPage .ListTableViewHeaderCell__fieldSettingsButton,
.ContactPage .ListTableViewHeaderCell__fieldHideButton,
.ContactPage .ListTableViewHeaderCell__status .sort-state,
.ContactPage .ListTableViewHeaderCell__status .filtered,
.ContactPage .ListTableViewHeaderCell__status .grouped,
.ContactPage .RowIndexCell__reminder-mark,
.ContactPage .RowIndexCell__dirty-mark {
  margin-right: 1rem;
}
.PrivacyPage__container {
  padding-top: 2rem;
  padding-bottom: 10rem;
  width: 600px;
  max-width: 90%;
  margin: auto;
}
.TermsPage__container {
  padding-top: 2rem;
  padding-bottom: 10rem;
  width: 600px;
  max-width: 90%;
  margin: auto;
}
.TermsPage__container p,
.TermsPage__container li {
  font-size: 1.28571429rem;
  line-height: 1.86428571rem;
}
.TermsPage__title {
  font-size: 1.57142857rem;
  line-height: 2.2rem;
  font-weight: 700;
}
.TermsPage__more {
  color: var(--color-text-secondary);
  font-size: 1.14285714rem;
  line-height: 1.71428571rem;
  font-style: italic;
  margin: 30px 0 60px;
}
.TermsPage a {
  color: hsl(202, 80%, 45%);
}
.InvitationsForm {
  padding: 50px 7% 100px 7%;
  width: 700px;
  max-width: 100%;
  overflow: hidden;
}
.InvitationsForm__description {
  font-weight: bold;
  font-size: 33px;
  line-height: 44px;
  color: var(--color-text-primary);
  margin: 22px 0;
}
@media only screen and (max-device-width: 480px) {
  .InvitationsForm__description {
    font-size: 22px;
    line-height: 33px;
    margin: 16.5px 0 33px;
  }
}
.InvitationsForm__form {
  width: 100%;
}
.InvitationsForm__email,
.InvitationsForm__message {
  width: 100%;
  max-width: 400px;
}
.InvitationsForm__email {
  margin-bottom: 15px !important;
}
.InvitationsForm__message {
  min-height: 80px;
  margin-bottom: 30px;
}
.InvitationsForm__sectionHeader {
  font-size: 1.28571429rem;
  font-weight: 700;
}
.InvitationsForm__row {
  min-height: 40px;
}
.InvitationsForm__acceptedRow {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.InvitationsForm__outstandingRow {
  line-height: 25px;
}
.InvitationsForm__headerRow {
  font-weight: 700;
}
.InvitationsForm__headerRow,
.InvitationsForm__row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 2px;
  padding-bottom: 10px;
}
.InvitationsForm__emailCol {
  width: 65%;
  max-width: 250px;
  padding-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.InvitationsForm__typeCol {
  width: 35%;
  max-width: 130px;
}
@media only screen and (max-device-width: 480px) {
  .InvitationsForm .Button {
    width: 100%;
    text-align: center;
  }
}
.GiveawaysPage__gleamFrame {
  width: 100%;
  border: 0;
  min-height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
}
.GetListiumFreePage {
  min-height: 100vh;
  padding-top: 120px;
}
@media screen and (max-width: 37.4375em) {
  .GetListiumFreePage {
    padding: 20px;
    padding-bottom: 100px;
  }
}
.GetListiumFreePage__container {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}
.GetListiumFreePage p {
  line-height: 1.395rem;
}
.GetListiumFreePage__flexContainer {
  display: flex;
  flex-direction: row;
  margin: 30px auto;
}
@media screen and (max-width: 40.5625em) {
  .GetListiumFreePage__flexContainer {
    flex-direction: column;
  }
}
.GetListiumFreePage__title {
  font-weight: bold;
  font-size: 33px;
  line-height: 44px;
  color: var(--color-text-primary);
  margin: 0;
}
.GetListiumFreePage__subtitle {
  font-size: 16px;
  color: var(--color-text-secondary);
  padding-bottom: 22px;
  margin: 0 0 22px;
}
.GetListiumFreePage__form {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}
.GetListiumFreePage__checkboxes label {
  line-height: 1.86428571rem;
}
.GetListiumFreePage__reasonContainer {
  flex-direction: column;
}
.GetListiumFreePage__reasonBox {
  min-height: 8rem;
}
.GetListiumFreePage__reasonBox:disabled {
  background-color: hsl(0, 0%, 100%);
  opacity: 0.5;
}
.GetListiumFreePage__reasonComment {
  margin-top: 0;
}
.GetListiumFreePage__teamImage {
  padding-left: 30px;
  padding-top: 20px;
}
@media screen and (max-width: 37.4375em) {
  .GetListiumFreePage__teamImage {
    padding-left: 0;
  }
}
.GetListiumFreePage__center {
  text-align: center;
}
.GetListiumFreePage__validation {
  color: hsl(359, 55%, 45%);
  font-weight: 700;
}
.GetListiumFreePage__actions {
  margin-top: 22px;
  padding-bottom: 44px;
}
.GetListiumFreePage__dashboardButton {
  margin-top: 30px;
}
.GetListiumFreePage label {
  font-weight: 400;
  display: inline;
}
.GetListiumFreePage__checkbox {
  padding-right: 10px;
}
.GetListiumFreePage__checkbox--disabled {
  opacity: 0.5;
}
.GetListiumFreePage__submittedMessage {
  font-weight: 700;
  padding-top: 10px;
}
.StyleGuidePage__multiSelectGroup {
  display: flex;
  flex-direction: row;
  gap: 5px;
}
.StyleGuidePage__multiSelect {
  width: 70px;
  color: #ffffff;
  padding: 2px 5px;
  border-radius: 6px;
}
.StyleGuidePage__colorPalette {
  columns: 2;
  height: auto;
  width: 800px;
  display: grid;
  grid-template-columns: repeat(2, 40%);
  row-gap: 5px;
}
.StyleGuidePage__colorPaletteColumn {
  display: grid;
  gap: 5px;
}
.StyleGuidePage__colorPaletteCell {
  display: grid;
  place-items: center;
  color: white;
  height: 3rem;
}
.StyleGuidePage__container {
  display: flex;
  width: 95vw;
  flex-direction: row;
  overflow: hidden;
}
@media screen and (max-width: 49.9375em) {
  .StyleGuidePage__container {
    flex-direction: column;
  }
}
.StyleGuidePage__menuContainer {
  width: 300px;
  background: var(--color-background-2);
  padding: 20px;
}
.StyleGuidePage__contentContainer {
  padding: 20px;
  width: 100%;
  overflow: hidden;
}
.StyleGuidePage__contentContainer section {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--color-border-3);
}
.StyleGuidePage__sectionTitle {
  margin-bottom: 50px;
  width: 100%;
  padding: 20px;
  background: var(--color-background-3);
}
.StyleGuidePage__text {
  background-color: var(--color-background-2);
}
.StyleGuidePage__text--xxlarge {
  font-size: 3.14285714rem;
  line-height: 4.08571429rem;
}
.StyleGuidePage__text--xlarge {
  font-size: 2.57142857rem;
  line-height: 3.34285714rem;
}
.StyleGuidePage__text--large {
  font-size: 1.92857143rem;
  line-height: 2.60357143rem;
}
.StyleGuidePage__text--xmedium-large {
  font-size: 1.57142857rem;
  line-height: 2.2rem;
}
.StyleGuidePage__text--medium {
  font-size: 1.28571429rem;
  line-height: 1.86428571rem;
}
.StyleGuidePage__text--medium-small {
  font-size: 1.14285714rem;
  line-height: 1.71428571rem;
}
.StyleGuidePage__text--small {
  font-size: 1rem;
  line-height: 1.55rem;
}
.StyleGuidePage__text--xsmall {
  font-size: 0.85714286rem;
  line-height: 1.32857143rem;
}
.StyleGuidePage__text--xxsmall {
  font-size: 0.78571429rem;
  line-height: 1.25714286rem;
}
.StyleGuidePage__text--xxxsmall {
  font-size: 0.71428571rem;
  line-height: 1.14285714rem;
}
.StyleGuidePage__whiteBackground {
  background-color: white;
}
.StyleGuidePage__lightColorBackground {
  background-color: var(--color-list-background-3);
}
.StyleGuidePage__darkColorBackground {
  background-color: var(--color-list-background-7);
}
.StyleGuidePage__blackBackground {
  background-color: black;
}
.StyleGuidePage__buttonGrid {
  display: grid;
  grid-auto-columns: 300px;
  grid-auto-rows: 60px;
  grid-template-areas: "1 1 1" "1 1 1";
}
.StyleGuidePage__buttonBox {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-border-1);
}
.StyleGuidePage__button1 {
  grid-area: 1;
}
.StyleGuidePage__button2 {
  grid-area: 2;
}
.StyleGuidePage__lightText {
  color: var(--color-text-primary-light);
}
.StyleGuidePage__colorGrid {
  display: grid;
  grid-template-columns: repeat(20, 100px);
  gap: 10px;
  grid-auto-rows: 100px;
}
.StyleGuidePage__colorGridBox {
  width: 100%;
  height: 100%;
  font-weight: 700;
  padding: 10px;
}
.StyleGuidePage .ColorPicker {
  padding: 0;
  max-width: 400px;
}
.StyleGuidePage .ColorPicker > * {
  padding: 0;
  margin: 0 0 30px 0;
}
.StyleGuidePage__iframeOptions input[type=checkbox] {
  margin-left: 1ch;
}
.StyleGuidePage__iframeOptions select {
  width: 200px;
  margin-left: 1ch;
}
.PricingPage__topSection {
  border-bottom: 1px solid var(--color-border-2);
  padding: calc(50px + 4vh) 20px 20px 20px;
}
@media screen and (max-width: 37.4375em) {
  .PricingPage__topSection {
    border-bottom: none;
  }
}
.PricingPage__container {
  padding-top: 60px;
  padding-top: 6vh;
  padding-bottom: 200px;
  width: var(--account-page-content-width);
  max-width: 90%;
  margin: auto;
}
.PricingPage__text,
.PricingPage__text p,
.PricingPage__text li {
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-size: 1.14285714rem;
  line-height: 1.7em;
}
.PricingPage__topIntro {
  padding: 10px 10px 40px 20px;
  padding-bottom: 4vh;
  font-size: 1rem;
  line-height: 1.4em;
  text-align: center;
}
.PricingPage__topIntro p {
  font-size: 1.14285714rem;
  line-height: 1.4em;
  text-align: center;
}
@media screen and (max-width: 37.4375em) {
  .PricingPage__topIntro p {
    font-size: 0.85714286rem;
  }
}
.PricingPage__faqTitle {
  font-weight: 700;
  font-size: 1.92857143rem;
  line-height: 2.60357143rem;
  color: var(--color-text-primary);
}
.PricingPage__question {
  font-weight: 700;
  margin-top: 40px;
}
.PricingPage .GenericTouchTopBar {
  border-bottom: 1px solid var(--color-border-2);
}
.CollectionsPage__header {
  position: relative;
  display: block;
  background-color: #808080;
  background: no-repeat top center;
  background-attachment: scroll;
  background-size: cover;
  height: 675px;
  padding: 0 1.5rem;
  color: #fff;
}
.CollectionsPage__header h1 {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4), 1px 2px 3px rgba(0, 0, 0, 0.1), 2px 4px 5px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 45.875em) {
  .CollectionsPage__header h1 {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 45.875em) {
  .CollectionsPage__header {
    height: 545px;
  }
}
.CollectionsPage__headerContent {
  width: 100%;
  max-width: 910px;
  margin: auto;
  padding-top: 100px;
}
@media screen and (max-width: 45.875em) {
  .CollectionsPage__headerContent {
    padding-top: 40px;
  }
}
.CollectionsPage__headerRight {
  width: 270px;
  float: right;
}
@media screen and (max-width: 45.875em) {
  .CollectionsPage__headerRight {
    float: left;
    width: 100%;
    margin-top: 110px;
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 45.9375em) {
  .CollectionsPage__headerRight {
    margin-top: 60px;
  }
}
.CollectionsPage__headerList {
  background: rgba(7, 94, 146, 0.9);
  padding: 30px;
  width: 100%;
  max-width: 350px;
  margin: auto;
}
.CollectionsPage__headerList h2,
.CollectionsPage__headerList p {
  margin: 0;
  font-size: 1.28571429rem;
  line-height: 1.86428571rem;
}
.CollectionsPage__headerList ul {
  padding-left: 1.4rem;
  margin: 0;
}
@media screen and (max-width: 45.875em) {
  .CollectionsPage__headerList .CollectionsPage__moreUlList {
    display: none;
  }
}
.CollectionsPage__headerMessage {
  padding-top: 60px;
  max-width: 400px;
  float: left;
}
.CollectionsPage__headerMessage p {
  font-size: 1.28571429rem;
  width: 81%;
}
.CollectionsPage__headerMessage .CollectionsPage__headerClarification {
  font-size: 0.85714286rem;
  line-height: 1.59428571rem;
  margin-top: 80px;
  opacity: 0.85;
}
@media screen and (max-width: 45.875em) {
  .CollectionsPage__headerMessage .CollectionsPage__headerClarification {
    margin-top: 30px;
  }
}
@media screen and (max-width: 45.875em) {
  .CollectionsPage__headerMessage {
    padding-top: 25px;
    max-width: 280px;
  }
  .CollectionsPage__headerMessage p {
    width: 100%;
  }
}
.CollectionsPage__ulWrapper {
  margin: 10px 0;
}
.CollectionsPage__highlight {
  font-weight: bold;
  font-style: italic;
}
.CollectionsPage__chevron {
  display: block;
  text-align: center;
  font-size: 4rem;
  position: absolute;
  bottom: 20px;
  opacity: 0.7;
  left: 0;
  right: 0;
}
@media screen and (max-width: 45.875em) {
  .CollectionsPage__chevron {
    display: none;
  }
}
.CollectionsPage__showMoreButton {
  display: none;
}
@media screen and (max-width: 45.875em) {
  .CollectionsPage__showMoreButton {
    display: block;
    text-align: center;
    margin-top: 20px;
  }
}
.CollectionsPage__text,
.CollectionsPage__text p,
.CollectionsPage__text li {
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-size: 1.14285714rem;
}
.CollectionsPage__text li {
  padding-bottom: 0.4rem;
}
.CollectionsPage__flexContainer {
  display: flex;
  flex-direction: row;
  margin: 30px auto;
}
@media screen and (max-width: 40.5625em) {
  .CollectionsPage__flexContainer {
    flex-direction: column;
  }
}
.CollectionsPage__featureImage {
  width: 240px;
  height: 160px;
}
.CollectionsPage__featureImageSeparator {
  margin: 1rem;
}
.CollectionsPage__inlineImageBlock {
  display: block;
  margin-top: 40px;
}
.CollectionsPage__inlineImage {
  float: left;
  margin: 5px 16px 4px 0;
}
@media screen and (max-width: 24.9375em) {
  .CollectionsPage__inlineImage {
    width: 110px;
    height: 110px;
  }
}
.CollectionsPage__topImage {
  flex-shrink: 0;
}
.CollectionsPage__topIntro {
  padding: 10px 10px 10px 20px;
  font-weight: 200;
  font-size: 1.57142857rem;
  line-height: 2.2rem;
}
.CollectionsPage__socialButtons {
  margin: 3rem 3rem;
  text-align: center;
}
.CollectionsPage__socialButtons .Button {
  margin: 1rem 2rem;
}
.CollectionsPage__socialButtons .Button__text {
  text-transform: capitalize !important;
  font-weight: 700 !important;
}
.CollectionsPage__question {
  font-weight: 700;
  margin-top: 40px;
}
.CollectionsPage__section {
  border-bottom: 1px solid var(--color-border-2);
  padding: 8rem 1rem;
}
@media screen and (max-width: 43.6875em) {
  .CollectionsPage__section {
    padding: 6rem 0;
  }
}
.CollectionsPage__pitchContainer {
  background: var(--color-background-2);
}
.CollectionsPage__pitchContainerWhite {
  background: var(--color-background-0);
}
.CollectionsPage__pitch {
  width: 100%;
  max-width: 1000px;
  margin: auto;
  display: flex;
}
.CollectionsPage__pitch p {
  font-weight: 300;
}
@media screen and (max-width: 49.9375em) {
  .CollectionsPage__pitch {
    flex-direction: column;
  }
}
.CollectionsPage__pitchImage {
  max-width: 500px;
  margin: 0 auto;
}
.CollectionsPage__pitchText {
  max-width: 400px;
  margin: auto;
}
.CollectionsPage__storeButtonContainer {
  display: flex;
  min-height: 100px;
  padding: 30px 5px 10px 0px;
}
.CollectionsPage__storeButton {
  width: 100% !important;
  min-width: 100px;
  max-width: 200px;
  padding-right: 15px;
}
.CollectionsPage__pitchLeft,
.CollectionsPage__pitchRight {
  padding: 1em;
  width: 50%;
}
@media screen and (max-width: 49.9375em) {
  .CollectionsPage__pitchLeft,
  .CollectionsPage__pitchRight {
    width: 100%;
  }
}
.CollectionsPage__sectionPitchMobile {
  padding-bottom: 0;
  padding-top: 0;
}
.CollectionsPage__sectionPitchMobile .CollectionsPage__pitchImage {
  padding-bottom: 0;
  padding-top: 80px;
}
.CollectionsPage__pitchMobile .CollectionsPage__pitchLeft {
  padding-bottom: 0;
}
.CollectionsPage__pitchMobile .CollectionsPage__pitchRight {
  padding-bottom: 0;
}
.CollectionsPage__pitchTitle {
  margin-top: 0;
  padding-top: 0;
}
.CollectionsPage__pitchCopy {
  font-size: 1.28571429rem;
}
.CollectionsPage__centeredPitch {
  text-align: center;
  background: var(--color-background-2);
}
.CollectionsPage__centeredPitch .HomeListTeasers {
  padding: 0;
}
.CollectionsPage__centeredPitchWhite {
  background: var(--color-background-0);
  text-align: center;
}
.CollectionsPage__centeredPitchWhite h3 {
  margin: 1rem 0 0 0;
  font-size: 1.92857143rem;
}
.CollectionsPage__centeredPitchWhite p {
  font-weight: 300;
  max-width: 500px;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}
.CollectionsPage__buttons {
  margin-top: 50px;
}
.CollectionsPage__pitchFading .CollectionsPage__pitchLeft {
  padding-bottom: 0;
}
.CollectionsPage__pitchFading .CollectionsPage__pitchRight {
  padding-bottom: 0;
}
.ContestsPage__header {
  position: relative;
  display: block;
  background-color: #808080;
  background: no-repeat center center;
  background-attachment: fixed;
  background-size: cover;
  margin-bottom: 50px;
  height: 50vh;
  max-height: 450px;
  min-height: 300px;
  text-align: center;
  color: #fff;
}
.ContestsPage__header h1,
.ContestsPage__header h2 {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4), 1px 2px 3px rgba(0, 0, 0, 0.1), 2px 4px 5px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}
.ContestsPage__title {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 35%;
}
.ContestsPage__flipclock {
  font-size: 24px;
  display: inline-block;
  background-color: #333;
  border-radius: 5px;
  padding: 15px 10px;
  font-weight: bold;
  margin: 0 2px;
  border: 1px solid #777;
  width: 40px;
  text-align: center;
}
.ContestsPage__clockText {
  margin: 0 5px;
  display: inline;
}
@media screen and (max-width: 24.9375em) {
  .ContestsPage__title {
    top: 30%;
  }
  .ContestsPage__title h1 {
    font-size: 1.57142857rem;
  }
  .ContestsPage__clockText {
    display: block;
    margin: 5px 0;
  }
}
.ContestsPage__sampleListImage {
  background: url('https://listium-res.cloudinary.com/image/upload/e_brightness_hsb:-40/v1551682383/static/lipstick2400.jpg');
  background-size: cover;
  background-position: center;
  height: 200px;
  background-attachment: fixed;
  padding-top: 90px;
  text-align: center;
}
.ContestsPage__container {
  padding-top: 0.5rem;
  padding-bottom: 10rem;
  width: 600px;
  max-width: 90%;
  margin: auto;
}
.ContestsPage__text,
.ContestsPage__text p,
.ContestsPage__text li {
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-size: 1.14285714rem;
}
.ContestsPage__text li {
  padding-bottom: 0.4rem;
}
.ContestsPage__flexContainer {
  display: flex;
  flex-direction: row;
  margin: 30px auto;
}
@media screen and (max-width: 40.5625em) {
  .ContestsPage__flexContainer {
    flex-direction: column;
  }
}
.ContestsPage__socialButtons {
  margin: 3rem 3rem;
  text-align: center;
}
.ContestsPage__socialButtons .Button {
  margin: 1rem 2rem;
}
.ContestsPage__socialButtons .Button__text {
  text-transform: capitalize !important;
  font-weight: 700 !important;
}
.ContestsPage__question {
  font-weight: 700;
  margin-top: 40px;
}
.AppsPage {
  min-height: 100vh;
  padding: 100px 20px;
}
.AppsPage--anonymous {
  margin-top: 60px;
}
.AppsPage__title {
  font-weight: bold;
  font-size: 33px;
  line-height: 44px;
  color: var(--color-text-primary);
  margin: 0;
}
.AppsPage__subtitle {
  font-size: 16px;
  color: var(--color-text-secondary);
  padding-bottom: 22px;
  margin: 0 0 22px;
}
.AppsPage__container {
  max-width: 700px;
  margin: 0 auto;
}
.AppsPage__app {
  width: 200px;
  padding: 11px;
  border: 1px solid var(--color-border-2);
  border-radius: 5px;
  margin: 11px;
  display: block;
  text-align: center;
  transition: all 0.1s ease-in-out;
}
.AppsPage__app:hover {
  background-color: var(--color-background-2);
  border-color: var(--color-border-3);
}
.AppsPage__appTitle {
  font-size: 1.28571429rem;
  line-height: 1.86428571rem;
  color: var(--color-text-primary);
  margin: 0;
}
.AppsPage__icon {
  color: var(--color-text-primary);
  font-size: 50px;
  line-height: 50px;
  padding-bottom: 10px;
  display: block;
  transition: color 0.1s ease-in-out;
}
.AppsPage__sectionTitle {
  font-weight: bold;
  font-size: 22px;
  line-height: 33px;
  color: var(--color-text-primary);
  margin: 0;
  margin-top: 40px;
  margin-bottom: 15px;
}
.AppsPage__anonymousPitch {
  text-align: center;
  padding-top: 50px;
}
.AppsPage__buttons {
  margin-top: 50px;
}
.AppsPage__pitchCopy {
  font-size: 1.28571429rem;
  font-weight: 300;
  max-width: 500px;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.AppsPage a {
  color: hsl(202, 80%, 45%);
}
.NotFoundPage {
  text-align: center;
}
.NotFoundPage__container {
  display: block;
  width: 400px;
  max-width: 90%;
  margin: 25vh auto 10vh auto;
  min-height: 60vh;
}
.NotFoundPage__image {
  margin-bottom: 2rem;
}
.NotFoundPage__title {
  font-size: 1.92857143rem;
  margin: 50px auto 30px;
}
.NotFoundPage__text {
  font-size: 1.28571429rem;
  line-height: 1.86428571rem;
}
.FormPage,
.NewAccountPage,
.AccountPage {
  display: block;
  min-width: 200px;
  height: 100%;
  width: auto;
  overflow: auto;
  text-align: left;
}
.FormPage__label,
.NewAccountPage__label,
.AccountPage__label {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4em;
  display: block;
}
.FormPage__input[type="email"],
.FormPage__input[type="text"],
textarea.FormPage__input,
.NewAccountPage__input[type="email"],
.NewAccountPage__input[type="text"],
textarea.NewAccountPage__input,
.AccountPage__input[type="email"],
.AccountPage__input[type="text"],
textarea.AccountPage__input {
  display: block;
  vertical-align: top;
  margin-right: 1rem;
  margin-top: 0.5rem;
  font-size: 1.28571429rem;
  font-weight: 400;
  width: 400px;
  height: 2.5rem;
  line-height: 2.5rem;
  padding: 0.5rem;
  /* keep ie in line, other browsers unaffected */
  line-height: 1rem;
}
textarea.FormPage__input,
textarea.NewAccountPage__input,
textarea.AccountPage__input {
  min-height: 10rem;
  line-height: 1.5rem;
  color: var(--color-text-primary);
}
.FormPage__explainer,
.NewAccountPage__explainer,
.AccountPage__explainer {
  color: var(--color-text-secondary);
  font-size: 1rem;
  line-height: 1.4em;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.FormPage__inputError,
.FormPage__inputHelp,
.NewAccountPage__inputError,
.NewAccountPage__inputHelp,
.AccountPage__inputError,
.AccountPage__inputHelp {
  color: var(--color-text-secondary);
  font-size: 0.85714286rem;
  line-height: 1.24rem;
  margin: 0;
  margin-left: 2px;
  margin-bottom: 2rem;
}
.FormPage__inputError,
.NewAccountPage__inputError,
.AccountPage__inputError {
  color: hsl(359, 55%, 45%);
}
.NewAccountPage {
  overflow: auto;
  max-height: 100%;
}
.NewAccountPage:before,
.NewAccountPage:after {
  content: "";
  display: table;
}
.NewAccountPage__nameError {
  color: var(--color-text-secondary);
  font-size: 0.85714286rem;
  line-height: 1.52785714rem;
  position: absolute;
  bottom: -15px;
  left: 0;
}
.NewAccountPage__main {
  padding: 3rem 1rem;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 37.5em) {
  .NewAccountPage__main {
    padding: 5rem;
  }
}
.NewAccountPage__main::before {
  content: "";
  height: var(--ios-status-bar-height);
  background-color: var(--color-background-0);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  border-bottom: 1px solid var(--color-border-1);
  z-index: 10;
}
@media screen and (min-width: 37.5em) {
  .NewAccountPage__main::before {
    background-color: var(--color-background-nav-1);
    border-bottom: none;
  }
}
@media screen and (min-width: 37.5em) {
  .NewAccountPage--inset {
    background: var(--color-background-00);
    border: 1px solid var(--color-border-4);
  }
}
.NewAccountPage__header {
  margin-bottom: 1rem;
  margin-top: 0;
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-size: 1.92857143rem;
  font-weight: 400;
}
@media screen and (max-width: 31.1875em) {
  .NewAccountPage__header {
    font-size: 1.54285714rem;
  }
}
.NewAccountPage__subHeader {
  margin-top: -4rem;
  margin-bottom: 3rem;
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-size: 1.28571429rem;
  color: var(--color-text-secondary);
  font-weight: 400;
}
.NewAccountPage\* .NewAccountPage__main p:not([class]) {
  font-size: 1.28571429rem;
  margin: 2rem 0;
}
.NewAccountPage\* .NewAccountPage__main p:not([class]):last-child {
  margin-bottom: 0;
}
.NewAccountPage\* .NewAccountPage__main .error {
  color: hsl(359, 55%, 45%);
}
.NewAccountPage\* .NewAccountPage__main p.error {
  font-size: 1.28571429rem;
}
.NewAccountPage\* .NewAccountPage__main div:not([class]) {
  margin: 2rem 0;
}
.NewAccountPage\* .NewAccountPage__main div:not([class]):last-child {
  margin-bottom: 0;
}
.NewAccountPage__field {
  margin-bottom: 2rem;
  position: relative;
  opacity: 0;
}
.NewAccountPage__disableClick {
  pointer-events: none;
}
.NewAccountPage__initialField {
  opacity: 1;
}
.NewAccountPage__checkingUsername,
.NewAccountPage__usernameTaken,
.NewAccountPage__usernameInvalid,
.NewAccountPage__usernameAvailable {
  position: absolute;
  top: 35px;
  right: 10px;
  display: inline-block;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  vertical-align: middle;
  font-size: 1.28571429rem;
  font-weight: normal;
  line-height: 1.86428571rem;
}
.NewAccountPage__checkingUsername:before,
.NewAccountPage__usernameTaken:before,
.NewAccountPage__usernameInvalid:before,
.NewAccountPage__usernameAvailable:before {
  margin-right: 1rem;
}
.NewAccountPage .NewAccountPage__field input[type=email],
.NewAccountPage .NewAccountPage__field input[type=text] {
  width: 400px;
  max-width: 100%;
}
.NewAccountPage .NewAccountPage__username > span:first-child {
  display: block;
}
.NewAccountPage .NewAccountPage__usernameInput {
  display: inline-block;
}
.NewAccountPage__checkingUsername {
  color: hsl(5, 90%, 58%);
}
.NewAccountPage__checkingUsername:before {
  animation: spinning 1s linear infinite;
  transform-origin: center;
}
.NewAccountPage__usernameAvailable {
  color: hsl(115, 35%, 30%);
}
.NewAccountPage__usernameTaken {
  color: hsl(359, 55%, 45%);
}
.NewAccountPage__label {
  display: flex;
  flex-direction: column;
  font-size: 1.57142857rem;
  line-height: 1.4em;
  padding-top: 40px;
  padding-bottom: 20px;
  position: relative;
}
.NewAccountPage__label .NewAccountPage__explainer {
  order: 1;
  margin-top: 20px;
}
.NewAccountPage__label .NewAccountPage__input {
  order: 2;
}
.NewAccountPage__panel {
  margin-bottom: 40px;
}
.NewAccountPage__panel p {
  max-width: 650px;
}
@media screen and (max-width: 60.875em) {
  .NewAccountPage__questionsPanel {
    max-width: 500px;
  }
}
.NewAccountPage__step1Container {
  max-width: min(100%, 530px);
  margin: 0 auto;
  padding-bottom: 30vh;
  padding-top: 15vh;
}
.NewAccountPage__skipLink {
  color: var(--color-text-secondary);
  text-decoration: underline;
  cursor: pointer;
}
a.NewAccountPage__termsLink {
  text-decoration: underline;
}
.AccountPage {
  --account-page-content-width: 860px;
  background-color: var(--color-background-1);
}
.DesktopEnvironment .AccountPage {
  display: block;
  height: 100%;
  min-height: 100vh;
  width: 100%;
  overflow: auto;
  text-align: left;
}
.AccountPage__container {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.DesktopEnvironment .AccountPage__container {
  max-width: 90vw;
  min-width: 500px;
}
.AccountPage__header {
  max-width: 100%;
}
.DesktopEnvironment .AccountPage__header {
  margin-top: 50px;
}
.AccountPage__pageTitle {
  margin-bottom: 3rem;
  margin-top: 0;
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 33px;
  line-height: 44px;
  color: var(--color-text-primary);
}
.AccountPage__tabs {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.DesktopEnvironment .AccountPage__tabs {
  position: relative;
  top: 1px;
  max-width: 100%;
  overflow-x: hidden;
  column-gap: clamp(0.2ch, calc(2vw - 10px), 3ch);
}
.AccountPage__tab {
  flex: 0 1 auto;
  font-size: 1.14285714rem;
  font-weight: 600;
  color: hsl(5, 90%, 58%);
}
.DesktopEnvironment .AccountPage__tab {
  border-top: 1px solid rgba(0, 0, 0, 0);
  border-left: 1px solid rgba(0, 0, 0, 0);
  border-right: 1px solid rgba(0, 0, 0, 0);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.AccountPage__tab:not(.AccountPage__tab--active) {
  cursor: pointer;
}
.AccountPage__tab:not(.AccountPage__tab--active):hover {
  text-decoration: underline;
}
.AccountPage__tab--active {
  cursor: default;
}
.DesktopEnvironment .AccountPage__tab--active {
  border-color: var(--color-border-2);
  background-color: hsl(0, 0%, 100%);
  color: var(--color-text-primary);
}
.AccountPage__content {
  background-color: hsl(0, 0%, 100%);
  max-width: 100%;
}
.DesktopEnvironment .AccountPage__content {
  padding: 40px;
  border: 1px solid var(--color-border-2);
}
.AccountPage__explainer {
  max-width: 100%;
}
.AccountPage__avatar {
  width: 64px;
  border-radius: 64px;
}
.AccountPage__field {
  margin-bottom: 2rem;
}
.AccountPage .AccountPage__label input[type='email'],
.AccountPage .AccountPage__label input[type='text'] {
  width: 400px;
  max-width: 100%;
}
.AccountPage__buildInfo {
  font-weight: 200;
  font-size: 0.8em;
  margin: 5px;
}
.AccountPage__deleteTitle {
  font-weight: 600;
  font-size: 1rem;
  padding-bottom: 5px;
  margin-top: 30px;
}
.AccountPage__deleteMessage {
  max-width: 400px;
  color: var(--color-text-secondary);
}
.AccountPage__deleteMessage p {
  font-size: 0.85714286rem;
  line-height: 1.24285714rem;
}
.AccountPage__deleteMessage strong {
  color: var(--color-text-primary);
  font-weight: 400;
}
.AccountPage__deleteMessage ol {
  padding-left: 20px;
}
.AccountPage__deleteMessage ol li {
  font-size: 0.85714286rem;
  line-height: 1.24285714rem;
  padding-bottom: 7px;
}
.AccountPage__buttons {
  display: inline-flex;
  flex-direction: column;
}
.AccountPage__deleteAccountButton {
  margin-top: 15px;
}
@media only screen and (max-device-width: 480px) {
  .AccountPageForm .Button {
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0px;
  }
}
.AccountPageForm__field {
  margin-bottom: 2rem;
}
.AccountPageChecklist {
  margin-top: 20px;
}
.NewAccountPage__questionsPanel .AccountPageChecklist {
  display: flex;
  flex-direction: column;
}
.NewAccountPage__questionsPanel .AccountPageChecklist__item {
  width: 400px;
  max-width: 100%;
  text-transform: none;
}
.AccountPageChecklist__item {
  padding: 10px;
  border: 1px solid var(--color-border-2);
  margin-right: 10px;
  margin-bottom: 10px;
  text-transform: capitalize;
  border-radius: 3px;
  font-size: 0.85714286rem;
  display: flex;
  flex-direction: row;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  width: 195px;
  float: left;
}
.AccountPageChecklist__item i {
  margin-right: 10px;
}
@media screen and (max-width: 28.6875em) {
  .AccountPageChecklist__item {
    width: 100%;
    margin-right: 0;
  }
}
.AccountPageChecklist__itemChecked {
  background-color: hsl(5, 100%, 95%);
  border-color: hsl(5, 100%, 65%);
}
.MouseInterface .AccountPageChecklist__item:hover {
  cursor: pointer;
  background-color: var(--color-background-2);
  border-color: var(--color-border-2);
}
.MouseInterface .AccountPageChecklist__itemChecked:hover {
  background-color: hsl(5, 100%, 92%);
  border-color: hsl(5, 90%, 55%);
}
.AccountPageChecklist__clearFix {
  clear: both;
}
.AccountPageRadioList {
  margin-top: 20px;
}
.AccountPageRadioList__item {
  padding: 10px;
  margin-right: 10px;
  border-radius: 3px;
  font-size: 1rem;
  font-weight: 600;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  width: 195px;
}
.AccountPageRadioList__item i {
  margin-right: 10px;
}
@media screen and (max-width: 28.6875em) {
  .AccountPageRadioList__item {
    width: 100%;
    margin-right: 0;
  }
}
.AccountPageRadioList__item:hover {
  cursor: pointer;
  background-color: var(--color-background-2);
  border-color: var(--color-border-2);
}
.AccountPageRadioList__itemChecked {
  background-color: hsl(5, 100%, 95%);
  border-color: hsl(5, 100%, 65%);
}
.AccountPageRadioList__itemChecked:hover {
  background-color: hsl(5, 100%, 92%);
  border-color: hsl(5, 90%, 55%);
}
.AccountPageRadioList__clearFix {
  clear: both;
}
.EmailSettings__content {
  padding-top: 15px;
}
.EmailSettings__setting {
  display: flex;
  margin-bottom: 25px;
  cursor: pointer;
}
.EmailSettings__toggle {
  flex: 0 0 auto;
}
.EmailSettings__description {
  flex: 1 1 auto;
  margin: 0;
  font-size: 1.14285714rem;
  line-height: 1.4em;
  padding: 0 0 0 20px;
}
.EmailSettings__info,
.EmailSettings__note {
  font-size: 1rem;
  line-height: 1.4em;
  color: var(--color-text-secondary);
}
.EmailSettings__note {
  font-style: italic;
}
.NotificationSettings {
  max-width: var(--account-page-content-width);
}
.NotificationSettings__row {
  display: flex;
  flex-direction: row;
  padding-top: 15px;
  padding-bottom: 5px;
  align-items: flex-start;
}
.NotificationSettings__row--divider {
  border-bottom: 1px solid var(--color-border-2);
  padding-bottom: 20px;
  margin-bottom: 5px;
}
.NotificationSettings__header {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-border-2);
  margin-bottom: 10px;
  margin-top: -10px;
}
.NotificationSettings__title {
  width: 40%;
}
.NotificationSettings__cell {
  width: 20%;
  text-align: center;
}
.NotificationSettings__header .NotificationSettings__cell {
  font-weight: 700;
}
.NotificationSettings__row .NotificationSettings__cell {
  font-size: 1.28571429rem;
}
.NotificationSettings__row .NotificationSettings__cell .icon,
.NotificationSettings__row .NotificationSettings__cell .input-group.-error label,
.NotificationSettings__row .NotificationSettings__cell .custom-checkbox-link,
.NotificationSettings__row .NotificationSettings__cell .checkbox.-checked,
.NotificationSettings__row .NotificationSettings__cell .checkbox.-unchecked,
.NotificationSettings__row .NotificationSettings__cell input.-custom[type="checkbox"] + .custom-checkbox,
.NotificationSettings__row .NotificationSettings__cell .image-upload .upload-link,
.NotificationSettings__row .NotificationSettings__cell .ReactSelect__clear,
.NotificationSettings__row .NotificationSettings__cell .ReactSelect__search-icon,
.NotificationSettings__row .NotificationSettings__cell .DateTimePicker .touch-date.is-empty,
.NotificationSettings__row .NotificationSettings__cell .DateTimePicker .touch-date.-empty,
.NotificationSettings__row .NotificationSettings__cell .TimePicker .time-group .next,
.NotificationSettings__row .NotificationSettings__cell .TimePicker .time-group .prev,
.NotificationSettings__row .NotificationSettings__cell .PopupMenu__title__close,
.NotificationSettings__row .NotificationSettings__cell .PopupMenu__title__back,
.NotificationSettings__row .NotificationSettings__cell .BaseCell--manualurl a.link,
.NotificationSettings__row .NotificationSettings__cell .ListTableViewHeaderCell__index-arrow-down,
.NotificationSettings__row .NotificationSettings__cell .ListTableViewHeaderCell__fieldSettingsButton,
.NotificationSettings__row .NotificationSettings__cell .ListTableViewHeaderCell__fieldHideButton,
.NotificationSettings__row .NotificationSettings__cell .ListTableViewHeaderCell__status .sort-state,
.NotificationSettings__row .NotificationSettings__cell .ListTableViewHeaderCell__status .filtered,
.NotificationSettings__row .NotificationSettings__cell .ListTableViewHeaderCell__status .grouped,
.NotificationSettings__row .NotificationSettings__cell .RowIndexCell__reminder-mark,
.NotificationSettings__row .NotificationSettings__cell .RowIndexCell__dirty-mark {
  cursor: pointer;
}
.NotificationSettings__typeTitle {
  font-weight: 600;
  font-size: 1.14285714rem;
  padding-bottom: 8px;
}
.NotificationSettings__typeSubtitle {
  font-size: 1rem;
  line-height: 1.35em;
  color: var(--color-text-secondary);
}
.NotificationSettings__note {
  font-style: italic;
  font-size: 0.85714286rem;
  color: var(--color-text-secondary);
  margin-top: 20px;
}
.MonetisationSettings {
  max-width: var(--account-page-content-width);
}
.MonetisationSettings__header {
  font-size: 1.57142857rem;
  line-height: 1.4em;
  font-weight: 700;
  margin-top: 0.5rem;
}
.MonetisationSettings__subHeader {
  text-transform: uppercase;
  font-size: 1.14285714rem;
}
.MonetisationSettings__field {
  margin: 0.5rem 0;
  display: flex;
  gap: 10px;
  align-items: center;
}
.MonetisationSettings__toggle {
  flex: 0 0 auto;
}
.MonetisationSettings__description {
  flex: 1 1 auto;
  margin: 0;
  font-size: 1.14285714rem;
  line-height: 1.4em;
  padding: 0 0 0 20px;
}
.MonetisationSettings__info,
.MonetisationSettings__note {
  font-size: 1rem;
  line-height: 1.4em;
  color: var(--color-text-secondary);
}
.MonetisationSettings__note {
  font-style: italic;
}
.MonetisationSettings__label {
  flex: 0 0 min(190px, 50%);
  font-weight: 600;
}
.MonetisationSettings__explainer {
  font-size: 1rem;
  font-style: italic;
  color: var(--color-text-secondary);
  line-height: 1.2;
  margin-bottom: 1.5rem;
}
input.MonetisationSettings__input,
.MonetisationSettings__input {
  margin: 0;
}
.MonetisationSettings__inputListId {
  flex: 0 0 min(190px, 50%);
}
input.MonetisationSettings__inputCode {
  flex: 0 0 min(150px, 45%);
  margin: 0;
}
.MonetisationSettings__saveButton {
  margin-top: 20px;
}
.MonetisationSettings__addListCodeButton {
  margin-top: 0.5rem;
}
.UserAnalyticsPage {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.UserAnalyticsPage__container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
  width: 90vw;
  margin: 0 auto;
}
@media screen and (max-width: 40.5625em) {
  .UserAnalyticsPage__container {
    width: 100vw;
    padding: 0 14px 5rem;
  }
}
.UserAnalyticsPage__header {
  margin: 50px 0 2rem;
}
h1.UserAnalyticsPage__pageTitle {
  font-weight: 700;
  font-size: 33px;
  line-height: 44px;
}
.UserAnalyticsPage__devUsername {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.UserAnalyticsPage__devUsernameInput {
  padding: 0.5rem;
  border: 1px solid var(--color-border-2);
  border-radius: 4px;
  font-size: 1rem;
  width: 200px;
}
.UserAnalyticsPage__devUsernameButton {
  flex-shrink: 0;
}
.UserAnalyticsPage__notice {
  margin-bottom: 2rem;
  color: hsl(202, 55%, 35%);
  background-color: hsl(202, 60%, 85%);
  padding: 1rem 1.5rem;
  border-radius: 8px;
}
.UserAnalyticsPage__notice--upgrade {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background-color: hsl(202, 60%, 85%);
  color: hsl(202, 55%, 35%);
  padding: 1rem;
  border-radius: 12px;
}
.UserAnalyticsPage__noticeContent {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.UserAnalyticsPage__noticeContent.Button {
  margin-left: auto;
  flex: 0;
}
@media screen and (max-width: 24.9375em) {
  .UserAnalyticsPage__noticeContent {
    flex-direction: column;
  }
}
.UserAnalyticsPage__noticeIcon {
  flex: 0 0 auto;
  width: 1.57142857rem;
  height: 1.57142857rem;
  color: hsl(202, 55%, 35%);
  fill: hsl(202, 55%, 35%);
  margin-right: 0.5rem;
}
.UserAnalyticsPage__noticeText {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  line-height: 1.4;
  font-size: 1rem;
  line-height: 1.2;
}
@media screen and (max-width: 24.9375em) {
  .UserAnalyticsPage__noticeText {
    font-size: 0.85714286rem;
  }
}
.UserAnalyticsPage__emptyState {
  width: 100%;
  margin-bottom: 2rem;
  padding: 3rem 2rem;
  text-align: center;
  background-color: var(--color-background);
  border: 1px solid var(--color-border-light);
  border-radius: 12px;
}
.UserAnalyticsPage__emptyStateContent {
  max-width: 400px;
  margin: 0 auto;
}
.UserAnalyticsPage__emptyStateMessage {
  font-size: 1.28571429rem;
  line-height: 1.2;
  font-weight: 500;
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}
.UserAnalyticsPage__emptyStateSubtext {
  font-size: 1rem;
  color: var(--color-text-secondary);
  line-height: 1.4;
}
.UserAnalyticsPage__filters {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1rem;
}
.UserAnalyticsPage__filtersHeader {
  margin-bottom: 0.5rem;
  font-weight: 600;
  font-size: 1.28571429rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}
.UserAnalyticsPage__dateRangeInfoButton {
  font-size: 0.85714286rem;
  color: var(--color-text-secondary);
}
.UserAnalyticsPage__dateRange {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
}
.UserAnalyticsPage__datePicker {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
label.UserAnalyticsPage__datePickerLabel {
  width: 6ch;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 1.5ch;
  font-size: 0.85714286rem;
  font-weight: 600;
  color: var(--color-text-secondary);
}
.UserAnalyticsPage__datePickerInput {
  height: 30px;
  border: 1px solid var(--color-input-border-light);
  border-radius: 4px;
  padding: 0 8px;
  position: relative;
  z-index: 10;
}
.UserAnalyticsPage__datePickerInput::-webkit-calendar-picker-indicator {
  cursor: pointer;
  z-index: 10;
}
.UserAnalyticsPage__datePickerSeparator {
  font-weight: 600;
}
.UserAnalyticsPage__contentContainer {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 16px;
}
@media screen and (max-width: 40.5625em) {
  .UserAnalyticsPage__contentContainer {
    flex-direction: column;
  }
}
.UserAnalyticsPage__chartsContainer {
  flex: 1;
}
@media screen and (max-width: 40.5625em) {
  .UserAnalyticsPage__chartsContainer {
    order: 2;
  }
}
.UserAnalyticsPage__listPanelContainer {
  flex: 0 0 250px;
  border-left: 1px solid var(--color-border-2);
  padding-left: 2ch;
}
@media screen and (min-width: 40.625em) {
  .UserAnalyticsPage__listPanelContainer {
    --daterange-height: 90px;
    --filters-height: 160px;
    position: sticky;
    top: calc(60px + 1rem);
    height: calc(100vh - 60px - var(--daterange-height) - var(--filters-height) - 3rem);
  }
}
@media screen and (max-width: 40.5625em) {
  .UserAnalyticsPage__listPanelContainer {
    order: 1;
    flex: 1 1 auto;
    border-left: none;
    padding-left: 0;
  }
}
.UserAnalyticsPage__loading,
.UserAnalyticsPage__chartLoading,
.UserAnalyticsPage__listPanelLoading {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  color: var(--color-text-secondary);
  font-size: 1rem;
}
.UserAnalyticsPage__loading {
  min-height: 60vh;
}
.UserAnalyticsPage__chartLoading {
  min-height: 400px;
}
.UserAnalyticsPage__listPanelLoading {
  min-height: 200px;
}
.UserAnalyticsPage__error {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem 2rem;
  min-height: 40vh;
  color: hsl(359, 55%, 45%);
  font-size: 1rem;
  text-align: center;
}
.UserAnalyticsCharts {
  flex: 1;
  min-width: 0;
}
.UserAnalyticsCharts__chartContainer {
  width: 100%;
  margin-bottom: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.UserAnalyticsCharts__chartHeader {
  margin: 0 0 12px;
}
.UserAnalyticsCharts__chart {
  height: 250px !important;
  width: 100%;
}
.UserAnalyticsCharts__upgradeOverlay {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 0;
  font-size: calc(1.5vw + 15px);
  line-height: 1.2;
  font-weight: 700;
  color: var(--color-text-hint);
  opacity: 0.15;
}
.UserAnalyticsCharts__upgradeOverlayText {
  max-width: calc(50vw - 50px);
  transform: translate(30px, -50px);
  text-wrap: balance;
}
.UserAnalyticsCharts__customTooltip {
  background-color: var(--color-background-00);
  padding: 8px;
  border: 1px solid var(--color-border-2);
  border-radius: 4px;
}
@media screen and (max-width: 40.5625em) {
  .UserAnalyticsCharts__customTooltip {
    max-width: 35vw;
  }
}
.UserAnalyticsCharts__customTooltipItem {
  line-height: 1;
  text-transform: capitalize;
  font-size: 0.85714286rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.UserAnalyticsCharts__customTooltipItem:nth-child(n+7) {
  display: none;
}
.UserAnalyticsCharts__customTooltipItemName,
.UserAnalyticsCharts__customTooltipItemValue,
.UserAnalyticsCharts__customTooltipItemSeparator,
.UserAnalyticsCharts__customTooltipItemUnit {
  display: inline-block;
  height: 1.1em;
}
@media screen and (max-width: 40.5625em) {
  .UserAnalyticsCharts__customTooltipItemName,
  .UserAnalyticsCharts__customTooltipItemValue,
  .UserAnalyticsCharts__customTooltipItemSeparator,
  .UserAnalyticsCharts__customTooltipItemUnit {
    font-size: 0.71428571rem;
  }
}
.UserAnalyticsCharts__customTooltipItemName {
  max-width: 25ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.UserAnalyticsCharts__customTooltipItemValue {
  font-weight: 700;
  padding-left: 1ch;
}
.UserAnalyticsCharts__customTooltipDate {
  font-size: 0.85714286rem;
  font-weight: 700;
  text-decoration: underline;
}
@media screen and (max-width: 40.5625em) {
  .UserAnalyticsCharts__customTooltipDate {
    font-size: 0.78571429rem;
  }
}
@media screen and (max-width: 40.5625em) {
  .UserAnalyticsCharts .recharts-text {
    font-size: 0.78571429rem;
  }
}
@media screen and (max-width: 40.5625em) {
  .UserAnalyticsCharts .recharts-legend-item {
    font-size: 0.71428571rem;
  }
}
.UserAnalyticsCharts .recharts-legend-item:nth-child(n+6) {
  display: none !important;
}
.UserAnalyticsCharts .recharts-brush .recharts-brush-traveller {
  -webkit-user-select: auto;
  user-select: auto;
  cursor: col-resize;
}
.UserAnalyticsCharts .recharts-brush .recharts-brush-traveller:hover {
  opacity: 0.8;
}
.UserAnalyticsCharts .recharts-brush .recharts-brush-slide {
  -webkit-user-select: auto;
  user-select: auto;
  cursor: move;
}
.UserAnalyticsListPanel {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}
.UserAnalyticsListPanel__header {
  margin: 1.5rem 0 0.5rem;
  font-weight: 600;
  font-size: 1.28571429rem;
}
.UserAnalyticsListPanel__controls {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 16px;
}
.UserAnalyticsListPanel__selectAllNone {
  margin-bottom: 0.2rem;
}
.UserAnalyticsListPanel__control {
  font-size: 1rem;
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 0.3rem;
}
.UserAnalyticsListPanel__controlLabel {
  width: 8ch;
  font-weight: 700;
}
.UserAnalyticsListPanel__controlOption {
  --control-option-height: 1.5rem;
  color: hsl(202, 80%, 45%);
  font-weight: 400;
  font-size: 1rem;
  height: var(--control-option-height);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 0 0.5rem;
  border: 1px solid hsl(202, 80%, 45%);
}
.UserAnalyticsListPanel__controlOption:not(.UserAnalyticsListPanel__controlOption--selected):hover {
  background-color: hsl(202, 60%, 85%);
}
.UserAnalyticsListPanel__controlOption--selected {
  cursor: default;
  opacity: 1;
  background-color: hsl(202, 80%, 45%);
  color: var(--color-text-primary-reverse);
}
.UserAnalyticsListPanel__list {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0.5rem 0 2rem;
  overflow-y: auto;
  border-top: 1px solid var(--color-border-3);
  border-bottom: 1px solid var(--color-border-3);
  --scrollbar-width: 4px;
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.UserAnalyticsListPanel__list:hover {
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: var(--color-list-background-4) transparent;
}
.UserAnalyticsListPanel__list ::-webkit-scrollbar {
  width: var(--scrollbar-width, initial);
  background-color: rgba(0, 0, 0, 0);
}
.UserAnalyticsListPanel__list ::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.UserAnalyticsListPanel__list ::-webkit-scrollbar-thumb {
  border-radius: calc(var(--scrollbar-width, initial) / 2);
  background-color: rgba(0, 0, 0, 0);
}
.UserAnalyticsListPanel__list:hover::-webkit-scrollbar-track {
  background-color: transparent;
}
.UserAnalyticsListPanel__list:hover::-webkit-scrollbar-thumb {
  background-color: var(--color-list-background-4);
}
@media screen and (max-width: 40.5625em) {
  .UserAnalyticsListPanel__list {
    height: auto;
    max-height: 200px;
    margin: 0 14px 2rem;
  }
}
.UserAnalyticsListPanel__item {
  display: flex;
  align-items: center;
  padding: 0.35rem 0.5rem;
  border-radius: 4px;
  margin: 0;
  font-weight: 500;
  line-height: 1.1;
}
.UserAnalyticsListPanel__item:hover {
  background-color: var(--color-background-2);
}
.UserAnalyticsListPanel__checkbox {
  width: 18px;
  height: 18px;
  transition: opacity 0.1s ease;
  margin-right: 8px;
}
.UserAnalyticsListPanel__checkbox path {
  fill: var(--analytics-page-checkbox-color);
  opacity: var(--analytics-page-checkbox-opacity);
}
.UserAnalyticsListPanel__label {
  flex: 1;
}
.UserAnalyticsListPanel__item:not(:hover) .UserAnalyticsListPanel__label {
  opacity: var(--analytics-page-checkbox-opacity);
}
.UserAnalyticsListPanel__input {
  display: none;
}
.ErrorHandler {
  position: fixed !important;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: var(--color-background-0);
  z-index: 10000;
  display: flex;
  border-top: 0 !important;
  height: 100vh;
  border-radius: 0;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.ErrorHandler__container {
  width: 280px;
  text-align: center;
}
.ErrorHandler__image {
  width: 120px;
  margin-bottom: 35px;
}
.ErrorHandler__heading {
  font-weight: 600;
  font-size: 1.28571429rem;
  line-height: 1.86428571rem;
  margin-bottom: 25px;
}
.ErrorHandler__restartButton {
  margin-top: 10px;
}
.AppLayout__container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.AppLayout__main {
  flex: 1 0 auto;
}
.AppLayout--animateMain .AppLayout__main {
  transition: left 0.5s ease;
  transition-delay: 2s;
}
.AppLayout.has-TopMenuTouch .AppLayout__main {
  top: 60px;
}
.AppLayout.has-ToolbarMobile .AppLayout__main {
  bottom: var(--mobile-toolbar-height);
  height: auto;
}
:root {
  --list-sidebar-padding: 14px;
  --list-sidebar-width-left: 350px;
}
.ListSidebarLeft {
  --color-list-sidebar-background: var(--color-list-background-main);
  z-index: 2000;
  color: var(--color-text-primary);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: var(--list-sidebar-width-left);
  min-width: var(--list-sidebar-width-left);
  animation: sidebar-toggle 1s;
  position: sticky;
  top: var(--top-bars-height-desktop);
  height: var(--list-container-height, 100%);
  padding: 0 0 var(--list-sidebar-padding) var(--list-sidebar-padding);
  background-color: var(--color-list-sidebar-background);
  cursor: default;
}
.ListSidebarLeft__section {
  padding-bottom: calc(var(--list-sidebar-padding) * 2);
}
.ListSidebarLeft__sectionTitle {
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-text-primary);
}
.ListSidebarLeft .ListItemEditor__modal {
  width: 100%;
  max-width: 100%;
}
.ListSidebarLeft .Modal {
  box-shadow: none;
}
.ListSidebarLeft__content {
  overflow-y: auto;
  background: linear-gradient(var(--color-list-sidebar-background) 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), var(--color-list-sidebar-background) 70%) 0 100%, /* Shadows */ radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background: linear-gradient(var(--color-list-sidebar-background) 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), var(--color-list-sidebar-background) 70%) 0 100%, /* Shadows */ radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 40px, 100% 40px, 100% 6px, 100% 6px;
  /* Opera doesn't support this in the shorthand */
  background-attachment: local, local, scroll, scroll;
  z-index: 10;
  background-color: var(--color-list-sidebar-background);
  height: 100%;
  display: flex;
  padding-right: var(--list-sidebar-padding);
  flex-direction: column;
  overflow-y: scroll;
  overflow-x: hidden;
  border-radius: 12px;
  overflow: clip;
  --scrollbar-width: 8px;
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.ListSidebarLeft__content:hover {
  scrollbar-width: var(--scrollbar-width, initial);
  scrollbar-color: var(--color-list-background-5) transparent;
}
.ListSidebarLeft__content ::-webkit-scrollbar {
  width: var(--scrollbar-width, initial);
  background-color: rgba(0, 0, 0, 0);
}
.ListSidebarLeft__content ::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.ListSidebarLeft__content ::-webkit-scrollbar-thumb {
  border-radius: calc(var(--scrollbar-width, initial) / 2);
  background-color: rgba(0, 0, 0, 0);
}
.ListSidebarLeft__content:hover::-webkit-scrollbar-track {
  background-color: transparent;
}
.ListSidebarLeft__content:hover::-webkit-scrollbar-thumb {
  background-color: var(--color-list-background-5);
}
.ListSidebarLeft__content--scroll {
  overflow-y: scroll;
}
.ListSidebarLeft__filterToggleButtonContainer {
  position: relative;
  padding: calc(var(--list-container-padding-desktop) - 2px) calc(var(--list-sidebar-padding) / 2) 0 calc(var(--list-sidebar-padding) / 2);
  height: 3.5rem;
  display: flex;
  justify-content: flex-end;
}
.ListSidebarLeft__filterToggleButton.Button {
  transition: all 0.2s ease-in-out;
  padding: 0;
}
.ListSidebarLeft__filterToggleButton.Button svg {
  max-height: 100%;
  width: 24px;
  height: 24px;
}
.ListSidebarLeft .Comments__feed {
  height: auto;
}
.ListSidebarLeft__search-container {
  padding: calc(var(--list-sidebar-padding) / 2) 0;
}
:root {
  --list-sidebar-width-right: 350px;
}
.ListSidebarRight {
  --list-sidebar-padding: 14px;
  --color-list-sidebar-background: var(--color-list-background-main);
  z-index: 2000;
  color: var(--color-text-primary);
  width: 0;
  height: var(--list-container-height, 100%);
  max-height: var(--list-container-height, 100%);
  overflow: hidden;
  position: sticky;
  top: var(--top-bars-height-desktop);
  display: flex;
  flex-direction: column;
  background-color: var(--color-list-sidebar-background);
  padding: 0 var(--list-sidebar-padding) var(--list-sidebar-padding) var(--list-sidebar-padding);
}
.ListSidebarRight--active {
  width: var(--list-sidebar-width-right);
}
.ListSidebarRight__wrapper {
  background-color: var(--color-list-sidebar-background);
  border-radius: 12px;
  overflow: clip;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ListSidebarRight__tabs {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  height: calc(50px);
  background-color: var(--color-list-sidebar-background);
  margin: 0;
  padding: 0;
  cursor: pointer;
  border-bottom: 1px solid var(--color-border-1);
}
.ListSidebarRight__tab {
  flex-basis: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-transform: uppercase;
  color: var(--color-text-primary);
  padding: 0 14px;
  position: relative;
  font-weight: 600;
  font-size: 1rem;
  color: var(--color-text-secondary);
  transition: color 0.2s ease-in-out;
}
.ListSidebarRight__tab:hover {
  color: var(--color-text-primary);
}
.ListSidebarRight__tab.is-active {
  color: var(--color-text-primary);
}
.ListSidebarRight__tab.is-active:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 4px solid var(--color-list-button-text);
}
.ListSidebarRight__closeButton {
  flex: 0 0 30px;
  margin-left: auto;
  min-width: 45px;
  text-align: right;
  font-size: 1.57142857rem;
  color: var(--color-text-primary);
}
.ListSidebarRight__content {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: visible;
}
.ListSidebarRight__content .Modal__container .DirectionButton {
  top: auto;
  bottom: 3.85rem;
  transform: scale(0.4, 0.4);
}
.ListSidebarRight__content .Modal__container .DirectionButton.Modal__arrowIcon--left {
  left: 0;
  right: auto;
}
.ListSidebarRight__content .Modal__container .DirectionButton.Modal__arrowIcon--right {
  left: auto;
  right: 0;
}
.ListSidebarRight__panelGroupHeader {
  background-color: var(--color-list-background-8);
  color: var(--color-text-primary-light);
  height: 48px;
  display: flex;
  align-items: center;
}
:root {
  --list-container-top-padding: 0px;
  --settings-bar-side-padding: 10px;
  --settings-header-height-desktop: 50px;
}
.ListSettingsBarDesktop {
  background-color: var(--color-list-background-main);
  height: 60px;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  padding: 0 var(--settings-bar-side-padding);
  width: 100%;
  position: sticky;
  top: calc(var(--top-bars-height-desktop) - 60px);
  z-index: 1100;
  border-bottom: 1px solid var(--color-list-border-2);
}
.ListSettingsBarDesktop__setting-container-group {
  display: flex;
  align-items: center;
  height: 100%;
  line-height: 1;
  padding: 0;
}
.ListSettingsBarDesktop__setting-container-group-one {
  margin-right: auto;
}
.ListSettingsBarDesktop__setting-container-group-two {
  margin: 0 auto;
}
.ListSettingsBarDesktop__setting-container-group-three {
  margin-left: auto;
}
.ListSettingsBarDesktop__setting-container-group-three .Button {
  border: none;
}
.ListSettingsBarDesktop__setting-container-group-three svg {
  transform: scale(1.2);
}
.ListSettingsBarDesktop__setting-container-group-three .Selector svg {
  transform: scale(1);
}
.ListSettingsBarDesktop__setting-container {
  display: flex;
  align-items: center;
  line-height: 1;
  padding: 0;
}
.ListSettingsBarDesktop__setting-view-container {
  padding: 0 8px;
  height: 100%;
}
.ListSettingsBarDesktop__setting-view-container .Button--tinySquareShape {
  height: 28px;
}
.ListSettingsBarDesktop__setting-view-container .Button > * {
  margin: 0;
  padding: 2px;
}
.ListSettingsBarDesktop__setting-view-container .Button svg {
  vertical-align: middle;
  max-width: none;
  max-height: none;
}
.ListSettingsBarDesktop__setting-view-container .Button svg,
.ListSettingsBarDesktop__setting-view-container .Button svg path,
.ListSettingsBarDesktop__setting-view-container .Button svg g {
  fill: var(--color-button-mixin-text);
  width: 1.55rem;
  height: 1.55rem;
}
.ListSettingsBarDesktop__setting-view-container .Button.active,
.ListSettingsBarDesktop__setting-view-container .Button.active path,
.ListSettingsBarDesktop__setting-view-container .Button.active g {
  fill: var(--color-list-button-text);
}
@media screen and (max-width: 62.4375em) {
  .ListSettingsBarDesktop__setting-container {
    padding-left: 5px;
  }
  .ListSettingsBarDesktop__setting-container .Button__text {
    display: none !important;
  }
  .ListSettingsBarDesktop__setting-search-container {
    margin-left: 0;
  }
  .ListSettingsBarDesktop__setting-search-box {
    width: 60px;
  }
  .ListSettingsBarDesktop__setting-label {
    font-size: 0.85714286rem;
    padding-left: 4px;
  }
  .ListSettingsBarDesktop__setting-sort-container .Selector label.--with-arrow,
  .ListSettingsBarDesktop__setting-group-container .Selector label.--with-arrow {
    min-width: unset;
  }
  .ListSettingsBarDesktop__setting-sort-container .Selector label.--with-arrow span,
  .ListSettingsBarDesktop__setting-group-container .Selector label.--with-arrow span {
    display: none;
  }
}
@media screen and (max-width: 49.9375em) {
  .ListSettingsBarDesktop__setting-view-container {
    padding: 0;
  }
  .ListSettingsBarDesktop__setting-view-container .ListSettingsBarDesktop__setting-options {
    transform: scale(0.8);
  }
  .ListSettingsBarDesktop__setting-label--view-switch {
    display: none;
  }
}
.ListSettingsBarDesktop__setting-sort-container,
.ListSettingsBarDesktop__setting-group-container,
.ListSettingsBarDesktop__setting-filter-container {
  padding: 8px;
  border-left: 1px solid var(--color-border-2);
}
.ListSettingsBarDesktop__setting-button {
  margin-left: 8px;
}
.ListSettingsBarDesktop__setting-button:focus {
  outline: 0;
}
.ListSettingsBarDesktop__setting-label {
  color: var(--color-text-primary);
  font-weight: 600;
  font-size: 1rem;
  margin-right: 6px;
  padding: 4px 0;
}
.ListSettingsBarDesktop__setting-search-container {
  margin-left: 1vw;
  padding-right: 0;
}
.ListSettingsBarDesktop__setting-search-box {
  width: 110px;
  padding: 10px 10px 8px 10px;
  background-color: var(--color-input-background-dark);
  border-radius: 1.28571429rem;
  cursor: pointer;
}
.ListSettingsBarDesktop__setting-buttons-container {
  margin-left: 1vw;
}
.ListSettingsBarDesktop__publicAction {
  margin-left: 10px;
}
.ListSettingsBarDesktop .Button--hoverBack:hover:not(.Button--disabled) {
  color: var(--color-list-button-text);
}
.ListSettingsBarDesktop .Button--hoverBack:hover:not(.Button--disabled) svg,
.ListSettingsBarDesktop .Button--hoverBack:hover:not(.Button--disabled) path,
.ListSettingsBarDesktop .Button--hoverBack:hover:not(.Button--disabled) g {
  fill: var(--color-list-button-text);
}
.ListSettingsBarDesktop__search-container {
  position: relative;
  margin: 0 1rem;
  height: 100%;
  padding-top: 15px;
  width: 50px;
  z-index: 1000;
}
.ListSettingsBarDesktop__search-dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 4px;
  z-index: 1200;
  min-width: 300px;
  background: var(--color-list-background-2);
  border: 1px solid var(--color-border-2);
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.ListImportDialog {
  text-align: center;
}
.ListImportDialog__container {
  display: grid;
  overflow: hidden;
  grid-template-columns: 100%;
  grid-template-rows: 20% 80%;
  height: calc(100vh - 70px);
  justify-items: center;
}
.ListImportDialog__formatPage,
.ListImportDialog__header,
.ListImportDialog__insertPage {
  width: 700px;
  text-align: left;
}
.ListImportDialog__settingsPage {
  max-width: 100%;
}
.ListImportDialog__header {
  display: flex;
  flex-direction: column;
}
.ListImportDialog__heading {
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-size: 33px;
  font-weight: 700;
  line-height: 44px;
  display: inline-block;
  margin-bottom: 0;
  overflow: hidden;
}
.ListImportDialog__heading strong {
  font-weight: 400;
  word-break: break-word;
}
.ListImportDialog__stepCounter {
  font-weight: 400;
  margin-top: 1rem;
  font-style: italic;
  display: block;
  color: var(--color-text-secondary);
}
.ListImportDialog__actions {
  text-align: center;
}
.ListImportDialog__verifyTable {
  border-collapse: collapse;
  table-layout: fixed;
}
.ListImportDialog__verifyScroller {
  max-height: calc(100% - 100px);
  overflow: auto;
  padding: 1rem;
  border: 1px solid black;
  border-radius: 8px;
}
.ListImportDialog__verifyPage {
  max-width: 100%;
}
.ListImportDialog__settingsScroller {
  max-height: calc(100% - 100px);
  overflow: auto;
  white-space: nowrap;
}
.ListImportDialog__verifyTable\* thead tr td {
  background: var(--color-background-3);
}
.ListImportDialog__verifyTable\* td span {
  display: inline-block;
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ListImportDialog__verifyTable\* td {
  border: 1px solid #DDD;
}
.ImportColumn {
  display: inline-block;
  vertical-align: top;
  width: 300px;
  margin-right: 0.5rem;
  margin-bottom: 2rem;
  border: 1px solid var(--color-border-3);
  border-radius: 6px;
}
.ImportColumn__label {
  display: block;
  text-align: left;
  color: var(--color-text-primary);
  font-weight: 600;
  font-size: 0.85714286rem;
}
.ImportColumn input,
.ImportColumn select {
  display: block;
}
.ImportColumn input[disabled],
.ImportColumn select[disabled] {
  color: var(--color-text-disabled);
  background: var(--color-background-2);
}
.ImportColumn__header {
  padding: 18px;
  position: relative;
  border-bottom: 1px solid var(--color-border-3);
}
.ImportColumn__cell {
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ImportColumn__cell .custom-checkbox-link {
  line-height: 50px;
  margin-left: 0rem;
}
.ImportColumn__cell .image-link {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 50px;
}
.ImportColumn__cell .image-link img {
  height: calc(50px - 6px);
  max-width: 60px;
  vertical-align: middle;
}
.ImportColumn__cell .image-link .icon,
.ImportColumn__cell .image-link .input-group.-error label,
.ImportColumn__cell .image-link .custom-checkbox-link,
.ImportColumn__cell .image-link .checkbox.-checked,
.ImportColumn__cell .image-link .checkbox.-unchecked,
.ImportColumn__cell .image-link input.-custom[type="checkbox"] + .custom-checkbox,
.ImportColumn__cell .image-link .image-upload .upload-link,
.ImportColumn__cell .image-link .ReactSelect__clear,
.ImportColumn__cell .image-link .ReactSelect__search-icon,
.ImportColumn__cell .image-link .DateTimePicker .touch-date.is-empty,
.ImportColumn__cell .image-link .DateTimePicker .touch-date.-empty,
.ImportColumn__cell .image-link .TimePicker .time-group .next,
.ImportColumn__cell .image-link .TimePicker .time-group .prev,
.ImportColumn__cell .image-link .PopupMenu__title__close,
.ImportColumn__cell .image-link .PopupMenu__title__back,
.ImportColumn__cell .image-link .BaseCell--manualurl a.link,
.ImportColumn__cell .image-link .ListTableViewHeaderCell__index-arrow-down,
.ImportColumn__cell .image-link .ListTableViewHeaderCell__fieldSettingsButton,
.ImportColumn__cell .image-link .ListTableViewHeaderCell__fieldHideButton,
.ImportColumn__cell .image-link .ListTableViewHeaderCell__status .sort-state,
.ImportColumn__cell .image-link .ListTableViewHeaderCell__status .filtered,
.ImportColumn__cell .image-link .ListTableViewHeaderCell__status .grouped,
.ImportColumn__cell .image-link .RowIndexCell__reminder-mark,
.ImportColumn__cell .image-link .RowIndexCell__dirty-mark {
  font-size: 16px;
  color: var(--color-text-secondary);
}
.ImportColumn__cell .image-link-isImporter--existingImage .icon,
.ImportColumn__cell .image-link-isImporter--existingImage .input-group.-error label,
.ImportColumn__cell .image-link-isImporter--existingImage .custom-checkbox-link,
.ImportColumn__cell .image-link-isImporter--existingImage .checkbox.-checked,
.ImportColumn__cell .image-link-isImporter--existingImage .checkbox.-unchecked,
.ImportColumn__cell .image-link-isImporter--existingImage input.-custom[type="checkbox"] + .custom-checkbox,
.ImportColumn__cell .image-link-isImporter--existingImage .image-upload .upload-link,
.ImportColumn__cell .image-link-isImporter--existingImage .ReactSelect__clear,
.ImportColumn__cell .image-link-isImporter--existingImage .ReactSelect__search-icon,
.ImportColumn__cell .image-link-isImporter--existingImage .DateTimePicker .touch-date.is-empty,
.ImportColumn__cell .image-link-isImporter--existingImage .DateTimePicker .touch-date.-empty,
.ImportColumn__cell .image-link-isImporter--existingImage .TimePicker .time-group .next,
.ImportColumn__cell .image-link-isImporter--existingImage .TimePicker .time-group .prev,
.ImportColumn__cell .image-link-isImporter--existingImage .PopupMenu__title__close,
.ImportColumn__cell .image-link-isImporter--existingImage .PopupMenu__title__back,
.ImportColumn__cell .image-link-isImporter--existingImage .BaseCell--manualurl a.link,
.ImportColumn__cell .image-link-isImporter--existingImage .ListTableViewHeaderCell__index-arrow-down,
.ImportColumn__cell .image-link-isImporter--existingImage .ListTableViewHeaderCell__fieldSettingsButton,
.ImportColumn__cell .image-link-isImporter--existingImage .ListTableViewHeaderCell__fieldHideButton,
.ImportColumn__cell .image-link-isImporter--existingImage .ListTableViewHeaderCell__status .sort-state,
.ImportColumn__cell .image-link-isImporter--existingImage .ListTableViewHeaderCell__status .filtered,
.ImportColumn__cell .image-link-isImporter--existingImage .ListTableViewHeaderCell__status .grouped,
.ImportColumn__cell .image-link-isImporter--existingImage .RowIndexCell__reminder-mark,
.ImportColumn__cell .image-link-isImporter--existingImage .RowIndexCell__dirty-mark {
  color: hsl(202, 55%, 35%);
}
.ImportColumn__badMatch {
  color: var(--color-text-disabled);
}
.ImportColumn__message {
  position: absolute;
  bottom: 0;
  color: hsl(5, 90%, 58%);
  font-size: 0.85714286rem;
  margin: 0;
  height: 24px;
}
.ImportColumn__columnState {
  margin-top: 0;
}
.ImportColumn__stateToggle {
  display: block;
  text-align: center;
  white-space: nowrap;
}
.ImportColumn__stateToggleButton {
  color: var(--color-text-primary);
  display: inline-block;
  padding: 0.075rem 1rem;
  font-weight: 400;
  border: 1px solid var(--color-border-3);
}
.ImportColumn__stateToggleButton:not(:first-child) {
  border-left: none;
}
.ImportColumn__stateToggleButton + .ImportColumn__stateToggleButton {
  margin-left: -1px;
}
.ImportColumn__stateToggleButton:first-child {
  border-radius: 3px 0 0 3px;
}
.ImportColumn__stateToggleButton:last-child {
  border-radius: 0 3px 3px 0;
}
.ImportColumn__stateToggleButton.is-active {
  color: hsl(0, 0%, 100%);
}
.ImportColumn__stateToggleButton.is-active.ImportColumn__stateToggleButton--existingField {
  background: hsl(202, 80%, 45%);
}
.ImportColumn__stateToggleButton.is-active.ImportColumn__stateToggleButton--newField {
  background: hsl(147, 79%, 39%);
}
.ImportColumn__stateToggleButton.is-active.ImportColumn__stateToggleButton--skipField {
  background: hsl(5, 90%, 58%);
}
.ImportColumn--skipped {
  border-color: var(--color-border-2);
}
.ImportColumn--skipped .ImportColumn__fieldName,
.ImportColumn--skipped .ImportColumn__fieldType {
  pointer-events: none;
}
.ImportColumn--skipped .ImportColumn__fieldName select,
.ImportColumn--skipped .ImportColumn__fieldType select,
.ImportColumn--skipped .ImportColumn__fieldName input[type=text],
.ImportColumn--skipped .ImportColumn__fieldType input[type=text] {
  opacity: 0.125;
}
.ImportColumn--skipped .ImportColumn__header {
  border-color: var(--color-border-2);
}
.ImportColumn--skipped .ImportColumn__existingRight,
.ImportColumn--skipped .ImportColumn__headerTitle,
.ImportColumn--skipped .ImportColumn__cell {
  opacity: 0.25;
  pointer-events: none;
}
.BulkListItemEditor__modal {
  padding: 0;
  border-top: 0;
}
.BulkListItemEditor__modal .ModalTitle,
.BulkListItemEditor__modal .ModalActions {
  margin: 0 !important;
}
.BulkListItemEditor__modal .ListFieldsEditor {
  padding-left: 0;
  padding-right: 0;
}
.BulkListItemEditor__contentBody {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  background-color: var(--color-background-3);
  padding: 10px;
}
:root {
  --top-bar-height-embed: 44px;
}
.EmbedActionBar {
  z-index: 1000;
  padding: 0;
  color: var(--color-text-primary-light);
  background: transparent;
}
.EmbedActionBar__content {
  display: flex;
  align-items: center;
  height: 100%;
}
.EmbedActionBar .Avatar--small {
  width: 24px;
  height: 24px;
}
.EmbedActionBar__title {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  position: relative;
  line-height: 1.2em;
  display: flex;
  flex-grow: 1;
  align-items: center;
  font-family: 'Noto Sans', 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 1.14285714rem;
  line-height: 1.3;
  height: 100%;
  max-height: 100%;
  margin: 0;
  text-align: left;
  overflow: hidden;
  padding-left: 14px;
  margin-right: 14px;
  cursor: default;
}
.EmbedActionBar__title::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 100%;
  background: linear-gradient(to left, var(--color-list-top-bar) 0%, transparent 100%);
}
.EmbedActionBar__iconButton {
  font-size: 1.57142857rem;
}
.EmbedActionBar__iconButton .Button__icon {
  margin: 0 auto;
}
.EmbedActionBar__listArrange svg {
  transform: scale(1.15);
}
.EmbedActionBar__listArrange svg path {
  stroke: transparent;
  fill: var(--color-text-primary-light);
}
.EmbedActionBar__search-container {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.EmbedActionBar__search-dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 4px;
  z-index: 1200;
  min-width: 300px;
  border: 1px solid var(--color-border-2);
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.ListBannerEmbed {
  --list-banner-padding: calc(14px - 5px + 2vw);
  --list-banner-gap: var(--list-banner-padding);
  --embed-cover-image-size: min(120px, 20vw);
  position: fixed;
  top: 0;
  z-index: 100;
  background: var(--color-list-banner-dark);
  width: 100%;
  display: grid;
  column-gap: var(--list-banner-gap);
  row-gap: 0;
  grid-template-areas: "coverImage textContent" "followButton embedActionBar";
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  padding: var(--list-banner-padding);
}
@media screen and (min-width: 31.25em) {
  .ListBannerEmbed {
    grid-template-areas: "coverImage textContent textContent" "coverImage followButton embedActionBar";
    grid-template-columns: auto auto 1fr;
  }
}
.ListBannerEmbed__textContentContainer {
  grid-area: textContent;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.ListBannerEmbed__coverImageContainer {
  grid-area: coverImage;
  width: var(--embed-cover-image-size);
  height: var(--embed-cover-image-size);
  border-radius: 8px;
  overflow: hidden;
}
.ListBannerEmbed__coverImage {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ListBannerEmbed__title {
  font-size: 1.28571429rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text-primary-light);
}
.ListBannerEmbed__title:hover {
  text-decoration: underline;
}
@media screen and (min-width: 37.5em) {
  .ListBannerEmbed__title {
    font-size: 1.57142857rem;
  }
}
.ListBannerEmbed__userLinkContainer {
  margin-top: 0.5rem;
}
.ListBannerEmbed__userLink {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  color: var(--color-text-secondary-light);
}
.ListBannerEmbed__userLink:hover {
  text-decoration: underline;
}
@media screen and (min-width: 37.5em) {
  .ListBannerEmbed__userLink {
    font-size: 1.14285714rem;
  }
}
.ListBannerEmbed__followButtonContainer {
  grid-area: followButton;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  transform: translateY(10px);
}
.ListBannerEmbed__followButton {
  flex-grow: 0;
  width: auto;
}
.ListBannerEmbed__embedActionBarContainer {
  grid-area: embedActionBar;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  transform: translateY(10px);
}