From b77928f83b73ee53e04360935f01ebf77f5b7ed1 Mon Sep 17 00:00:00 2001 From: Iwona Just Date: Wed, 2 Nov 2022 16:41:38 +0000 Subject: [PATCH 01/40] WIP - adding authors on top of author (for now) --- src/controllers/EntriesController.php | 7 +- src/db/Table.php | 1 + src/elements/Entry.php | 274 +++++++++++++++++- src/elements/db/EntryQuery.php | 30 ++ src/migrations/Install.php | 13 + ...01_115859_create_entries_authors_table.php | 48 +++ 6 files changed, 370 insertions(+), 3 deletions(-) create mode 100644 src/migrations/m221101_115859_create_entries_authors_table.php diff --git a/src/controllers/EntriesController.php b/src/controllers/EntriesController.php index 298be26260e..389498f730f 100644 --- a/src/controllers/EntriesController.php +++ b/src/controllers/EntriesController.php @@ -95,6 +95,7 @@ public function actionCreate(?string $section = null): ?Response $entry->siteId = $site->id; $entry->sectionId = $section->id; $entry->authorId = $this->request->getQueryParam('authorId', $user->id); + $entry->authorsIds = $this->request->getQueryParam('authorsIds', $user->id); // Type if (($typeHandle = $this->request->getQueryParam('type')) !== null) { @@ -238,7 +239,8 @@ public function actionSaveEntry(bool $duplicate = false): ?Response if ( $entry->id && !$duplicate && - $entry->authorId != $currentUser->id && + ($entry->authorId != $currentUser->id || + !in_array($currentUser->id, $entry->authorsIds)) && $section->type !== Section::TYPE_SINGLE && $entry->enabled ) { @@ -464,12 +466,13 @@ private function _populateEntryModel(Entry $entry): void // Author $authorId = $this->request->getBodyParam('author', ($entry->authorId ?: static::currentUser()->id)); + $authorsIds = $this->request->getBodyParam('authors', ($entry->authorsIds ?: [static::currentUser()->id])); if (is_array($authorId)) { $authorId = $authorId[0] ?? null; } - $entry->authorId = $authorId; + $entry->authorsIds = $authorsIds; // Parent if (($parentId = $this->request->getBodyParam('parentId')) !== null) { diff --git a/src/db/Table.php b/src/db/Table.php index 7a28be0ef50..407c3467e19 100644 --- a/src/db/Table.php +++ b/src/db/Table.php @@ -49,6 +49,7 @@ abstract class Table public const SEQUENCES = '{{%sequences}}'; public const SYSTEMMESSAGES = '{{%systemmessages}}'; public const ENTRIES = '{{%entries}}'; + public const ENTRIES_AUTHORS = '{{%entries_authors}}'; public const ENTRYTYPES = '{{%entrytypes}}'; public const FIELDGROUPS = '{{%fieldgroups}}'; public const FIELDLAYOUTFIELDS = '{{%fieldlayoutfields}}'; diff --git a/src/elements/Entry.php b/src/elements/Entry.php index 1729a755483..d019a01e835 100644 --- a/src/elements/Entry.php +++ b/src/elements/Entry.php @@ -15,8 +15,10 @@ use craft\behaviors\DraftBehavior; use craft\behaviors\RevisionBehavior; use craft\controllers\ElementIndexesController; +use craft\db\Command; use craft\db\Connection; use craft\db\FixedOrderExpression; +use craft\db\Query; use craft\db\Table; use craft\elements\actions\Delete; use craft\elements\actions\DeleteForSite; @@ -51,6 +53,7 @@ use craft\validators\DateTimeValidator; use craft\web\CpScreenResponseBehavior; use DateTime; +use Throwable; use Illuminate\Support\Collection; use yii\base\Exception; use yii\base\InvalidConfigException; @@ -67,6 +70,10 @@ * @property User|null $author the entry’s author * @author Pixel & Tonic, Inc. * @since 3.0.0 + * + * @property array|null $authorsIds the entry authors' IDs + * @property array|null $authors the entry’s authors + * @since 5.0.0 */ class Entry extends Element implements ExpirableElementInterface { @@ -514,6 +521,7 @@ protected static function defineTableAttributes(): array 'section' => ['label' => Craft::t('app', 'Section')], 'type' => ['label' => Craft::t('app', 'Entry Type')], 'author' => ['label' => Craft::t('app', 'Author')], + 'authors' => ['label' => Craft::t('app', 'Authors')], 'slug' => ['label' => Craft::t('app', 'Slug')], 'uri' => ['label' => Craft::t('app', 'URI')], 'postDate' => ['label' => Craft::t('app', 'Post Date')], @@ -531,6 +539,7 @@ protected static function defineTableAttributes(): array // Hide Author & Last Edited By from Craft Solo if (Craft::$app->getEdition() !== Craft::Pro) { unset($attributes['author'], $attributes['revisionCreator']); + unset($attributes['authors']); } return $attributes; @@ -551,6 +560,7 @@ protected static function defineDefaultTableAttributes(string $source): array $attributes[] = 'postDate'; $attributes[] = 'expiryDate'; $attributes[] = 'author'; + $attributes[] = 'authors'; } $attributes[] = 'link'; @@ -585,6 +595,30 @@ public static function eagerLoadingMap(array $sourceElements, string $handle): a ], ]; } +// if ($handle === 'authors') { +// /** @phpstan-ignore-next-line */ +// $sourceElementsWithAuthors = array_filter($sourceElements, function(self $entry) { +// return $entry->getAuthorsIds() !== null; +// }); +// +// $map = []; +// foreach ($sourceElementsWithAuthors as $elementWithAuthors) { +// foreach ($elementWithAuthors->getAuthorsIds() as $authorId) { +// $map[] = [ +// 'source' => $elementWithAuthors->id, +// 'target' => $authorId, +// ]; +// } +// } +// +// return [ +// 'elementType' => User::class, +// 'map' => $map, +// 'criteria' => [ +// 'status' => null, +// ], +// ]; +// } return parent::eagerLoadingMap($sourceElements, $handle); } @@ -629,6 +663,9 @@ protected static function prepElementQueryForTableAttribute(ElementQueryInterfac case 'author': $elementQuery->andWith(['author', ['status' => null]]); break; + case 'authors': + $elementQuery->andWith(['authors', ['status' => null]]); + break; case 'revisionNotes': $elementQuery->andWith('currentRevision'); break; @@ -696,6 +733,12 @@ protected static function prepElementQueryForTableAttribute(ElementQueryInterfac * @see setAuthorId() */ public ?int $_authorId = null; + /** + * @var int[]|null Authors IDs + * @see getAuthorsIds() + * @see setAuthorsIds() + */ + public ?array $_authorsIds = null; /** * @var User|null|false @@ -704,6 +747,13 @@ protected static function prepElementQueryForTableAttribute(ElementQueryInterfac */ private User|false|null $_author = null; + /** + * @var User[]|null + * @see getAuthors() + * @see setAuthors() + */ + private array|null $_authors = null; + /** * @var int|null Type ID * @see getType() @@ -732,6 +782,7 @@ public function attributes(): array { $names = parent::attributes(); $names[] = 'authorId'; + $names[] = 'authorsIds'; $names[] = 'typeId'; return $names; } @@ -743,6 +794,7 @@ public function extraFields(): array { $names = parent::extraFields(); $names[] = 'author'; + $names[] = 'authors'; $names[] = 'section'; $names[] = 'type'; return $names; @@ -766,6 +818,7 @@ protected function defineRules(): array { $rules = parent::defineRules(); $rules[] = [['sectionId', 'typeId', 'authorId'], 'number', 'integerOnly' => true]; + $rules[] = [['authorsIds'], 'each', 'rule' => ['number', 'integerOnly' => true]]; $rules[] = [['postDate', 'expiryDate'], DateTimeValidator::class]; $rules[] = [ @@ -784,6 +837,7 @@ protected function defineRules(): array if ($section->type !== Section::TYPE_SINGLE) { $rules[] = [['authorId'], 'required', 'on' => self::SCENARIO_LIVE]; + $rules[] = [['authorsIds'], 'required', 'on' => self::SCENARIO_LIVE]; } } @@ -1171,6 +1225,39 @@ public function setAuthorId(array|int|string|null $authorId): void $this->_author = null; } + /** + * Returns the entry primary (first) author ID. + * + * @return int[]|null + * @since 4.0.0 + */ + public function getAuthorsIds(): ?array + { + return $this->_authorsIds; + } + + /** + * Sets the entry authors IDs. + * + * @param User[]|string|int|null $authorsIds + * @since 4.0.0 + */ + public function setAuthorsIds(array|string|int|null $authorsIds): void + { + if (empty($authorsIds) || $authorsIds === '') { + $authorsIds = null; + } + + if (is_int($authorsIds)) { + $this->_authorsIds = [$authorsIds]; + } + + if (is_array($authorsIds)) { + $this->_authorsIds = $authorsIds; + } + $this->_authors = null; + } + /** * Returns the entry’s author. * @@ -1199,6 +1286,19 @@ public function getAuthor(): ?User } return $this->_author ?: null; + + /*if (!isset($this->_authors)) { + if (!$this->getAuthorsIds()) { + return null; + } + + if (($this->_authors[0] = Craft::$app->getUsers()->getUserById($this->getAuthorId())) === null) { + // The author is probably soft-deleted. Just no author is set + $this->_authors = false; + } + } + + return $this->_authors ? $this->_authors[0] : null;*/ } /** @@ -1212,6 +1312,51 @@ public function setAuthor(?User $author = null): void $this->setAuthorId($author?->id); } + /** + * Returns the entry’s authors. + * + * --- + * ```php + * $authors = $entry->authors; + * ``` + * ```twig + * {% for author in entry.authors %} + *

By {{ author.name }}

+ * {% endfor %} + * ``` + * + * @return User[]|null + * @throws InvalidConfigException if [[authorId]] is set but invalid + */ + public function getAuthors(): ?array + { + if (!isset($this->_authors)) { + if (!$this->getAuthorsIds()) { + return null; + } + + foreach ($this->getAuthorsIds() as $authorId) { + if (($author = Craft::$app->getUsers()->getUserById($authorId)) !== null) { + $this->_authors[] = $author; + } + + } + } + + return $this->_authors ?: null; + } + + /** + * Sets the entry’s author. + * + * @param User[]|null $author + */ + public function setAuthors(?User $authors = null): void + { + $this->_authors = $authors; + $this->setAuthorsIds($authors); + } + /** * @inheritdoc */ @@ -1515,6 +1660,20 @@ protected function tableAttributeHtml(string $attribute): string $author = $this->getAuthor(); return $author ? Cp::elementHtml($author) : ''; + case 'authors': + $authors = $this->getAuthors(); + + $html = ''; + if (!empty($authors)) { + if (count($authors) > 1) { + $html = Cp::elementPreviewHtml($authors); + } else { + $html = Cp::elementHtml($authors[0]); + } + } + return $html; + + case 'section': return Html::encode(Craft::t('site', $this->getSection()->name)); @@ -1669,7 +1828,7 @@ public function metaFieldsHtml(bool $static): string if (Craft::$app->getEdition() === Craft::Pro && $user->can("viewPeerEntries:$section->uid")) { $fields[] = (function() use ($static, $section) { $author = $this->getAuthor(); - return Cp::elementSelectFieldHtml([ + $html = Cp::elementSelectFieldHtml([ 'label' => Craft::t('app', 'Author'), 'id' => 'authorId', 'name' => 'authorId', @@ -1682,6 +1841,31 @@ public function metaFieldsHtml(bool $static): string 'elements' => $author ? [$author] : null, 'disabled' => $static, ]); + // TODO: figure out how to do this properly! + /*$authorsIds = array_column( + (new Query()) + ->select(['authorId']) + ->from(Table::ENTRIES_AUTHORS) + ->where(['elementId' => $this->id]) + ->all(), + 'authorId'); + $this->setAuthorsIds($authorsIds);*/ + // end todo + $authors = $this->getAuthors(); + $html .= Cp::elementSelectFieldHtml([ + 'label' => Craft::t('app', 'Authors'), + 'id' => 'authorsIds', + 'name' => 'authorsIds', + 'elementType' => User::class, + 'selectionLabel' => Craft::t('app', 'Choose'), + 'criteria' => [ + 'can' => "viewEntries:$section->uid", + ], + 'single' => false, + 'elements' => $authors ?: null, + 'disabled' => $static, + ]); + return $html; })(); } @@ -1932,6 +2116,13 @@ public function afterSave(bool $isNew): void $record->save(false); + // save authors + if (!empty($this->_authorsIds)) { + // save & add to dirty attributes + $this->_saveAuthors(); + $dirtyAttributes[] = 'authors'; + } + if ($this->getIsCanonical() && $section->type == Section::TYPE_STRUCTURE) { // Has the parent changed? if ($this->hasNewParent()) { @@ -1950,6 +2141,87 @@ public function afterSave(bool $isNew): void parent::afterSave($isNew); } + /** + * Save authors + * + * @return void + * @throws Throwable + * @throws \yii\db\Exception + */ + private function _saveAuthors(): void + { + // Get the unique, indexed author IDs, set to their 0-indexed sort orders + $authorsIds = array_flip(array_values(array_unique(array_filter($this->_authorsIds)))); + + // Get the current authors + $oldAuthorConditions = ['elementId' => $this->id]; + + $db = Craft::$app->getDb(); + + $oldAuthors = (new Query()) + ->select(['id', 'elementId', 'authorId', 'sortOrder']) + ->from([Table::ENTRIES_AUTHORS]) + ->where($oldAuthorConditions) + ->all($db); + + /** @var Command[] $updateCommands */ + $updateCommands = []; + $deleteIds = []; + + foreach ($oldAuthors as $author) { + // Does this author still exist? + if (isset($authorsIds[$author['authorId']])) { + // Anything to update? + $sortOrder = $authorsIds[$author['authorId']] + 1; + if ($author['sortOrder'] != $sortOrder) { + $updateCommands[] = $db->createCommand()->update(Table::ENTRIES_AUTHORS, [ + 'sortOrder' => $sortOrder, + ], ['id' => $author['id']]); + } + + // Avoid re-inserting it + unset($authorsIds[$author['authorId']]); + } else { + $deleteIds[] = $author['id']; + } + } + + if (!empty($updateCommands) || !empty($deleteIds) || !empty($authorsIds)) { + $transaction = $db->beginTransaction(); + try { + // update modified ones + foreach ($updateCommands as $command) { + $command->execute(); + } + + // Add the new ones + if (!empty($authorsIds)) { + $values = []; + foreach ($authorsIds as $authorId => $sortOrder) { + $values[] = [ + $this->id, + $authorId, + $sortOrder + 1, + ]; + } + Db::batchInsert(Table::ENTRIES_AUTHORS, ['elementId', 'authorId', 'sortOrder'], $values, $db); + } + + // delete removed ones + if (!empty($deleteIds)) { + Db::delete(Table::ENTRIES_AUTHORS, [ + 'id' => $deleteIds, + ], [], $db); + } + + $transaction->commit(); + } catch (Throwable $e) { + $transaction->rollBack(); + throw $e; + } + } + } + private function _placeInStructure(bool $isNew, Section $section): void { $parentId = $this->getParentId(); diff --git a/src/elements/db/EntryQuery.php b/src/elements/db/EntryQuery.php index 663c36bfd3a..309af579325 100644 --- a/src/elements/db/EntryQuery.php +++ b/src/elements/db/EntryQuery.php @@ -8,6 +8,7 @@ namespace craft\elements\db; use Craft; +use craft\base\ElementInterface; use craft\db\Query; use craft\db\QueryAbortedException; use craft\db\Table; @@ -108,6 +109,12 @@ class EntryQuery extends ElementQuery */ public mixed $authorId = null; + /** + * @var mixed The user ID(s) that the resulting entries’ authors must have. + * @used-by authorId() + */ + public mixed $authorsIds = null; + /** * @var mixed The user group ID(s) that the resulting entries’ authors must be in. * --- @@ -858,6 +865,29 @@ protected function beforePrepare(): bool return parent::beforePrepare(); } + /** + * @inheritdoc + * @return ElementInterface[]|array The resulting elements. + */ + public function populate($rows): array + { + if (!empty($rows)) { + foreach ($rows as &$row) { + $authorsIds = array_column( + (new Query()) + ->select(['authorId']) + ->from(Table::ENTRIES_AUTHORS) + ->where(['elementId' => $row['id']]) + ->orderBy('sortOrder ASC') + ->all(), + 'authorId'); + $row['authorsIds'] = $authorsIds; + } + } + + return parent::populate($rows); + } + /** * @inheritdoc */ diff --git a/src/migrations/Install.php b/src/migrations/Install.php index 1310128f5e6..61722c3d4af 100644 --- a/src/migrations/Install.php +++ b/src/migrations/Install.php @@ -360,6 +360,15 @@ public function createTables(): void 'dateUpdated' => $this->dateTime()->notNull(), 'PRIMARY KEY([[id]])', ]); + $this->createTable(Table::ENTRIES_AUTHORS, [ + 'id' => $this->primaryKey(), + 'elementId' => $this->integer()->notNull(), + 'authorId' => $this->integer(), + 'sortOrder' => $this->smallInteger()->unsigned(), + 'dateCreated' => $this->dateTime()->notNull(), + 'dateUpdated' => $this->dateTime()->notNull(), + 'uid' => $this->uid(), + ]); $this->createTable(Table::ENTRYTYPES, [ 'id' => $this->primaryKey(), 'sectionId' => $this->integer()->notNull(), @@ -839,6 +848,8 @@ public function createIndexes(): void $this->createIndex(null, Table::ENTRIES, ['authorId'], false); $this->createIndex(null, Table::ENTRIES, ['sectionId'], false); $this->createIndex(null, Table::ENTRIES, ['typeId'], false); + $this->createIndex(null, Table::ENTRIES_AUTHORS, ['authorId'], false); + $this->createIndex(null, Table::ENTRIES_AUTHORS, ['sortOrder'], false); $this->createIndex(null, Table::ENTRYTYPES, ['name', 'sectionId'], false); $this->createIndex(null, Table::ENTRYTYPES, ['handle', 'sectionId'], false); $this->createIndex(null, Table::ENTRYTYPES, ['sectionId'], false); @@ -1023,6 +1034,8 @@ public function addForeignKeys(): void $this->addForeignKey(null, Table::ENTRIES, ['sectionId'], Table::SECTIONS, ['id'], 'CASCADE', null); $this->addForeignKey(null, Table::ENTRIES, ['parentId'], Table::ENTRIES, ['id'], 'SET NULL', null); $this->addForeignKey(null, Table::ENTRIES, ['typeId'], Table::ENTRYTYPES, ['id'], 'CASCADE', null); + $this->addForeignKey(null, Table::ENTRIES_AUTHORS, ['elementId'], Table::ELEMENTS, ['id'], 'CASCADE', null); + $this->addForeignKey(null, Table::ENTRIES_AUTHORS, ['authorId'], Table::USERS, ['id'], 'SET NULL', null); $this->addForeignKey(null, Table::ENTRYTYPES, ['fieldLayoutId'], Table::FIELDLAYOUTS, ['id'], 'SET NULL', null); $this->addForeignKey(null, Table::ENTRYTYPES, ['sectionId'], Table::SECTIONS, ['id'], 'CASCADE', null); $this->addForeignKey(null, Table::FIELDLAYOUTFIELDS, ['fieldId'], Table::FIELDS, ['id'], 'CASCADE', null); diff --git a/src/migrations/m221101_115859_create_entries_authors_table.php b/src/migrations/m221101_115859_create_entries_authors_table.php new file mode 100644 index 00000000000..b108a7fc97b --- /dev/null +++ b/src/migrations/m221101_115859_create_entries_authors_table.php @@ -0,0 +1,48 @@ +dropTableIfExists(Table::ADDRESSES); + + $this->createTable(Table::ENTRIES_AUTHORS, [ + 'id' => $this->primaryKey(), + 'elementId' => $this->integer()->notNull(), + 'authorId' => $this->integer(), + 'sortOrder' => $this->smallInteger()->unsigned(), + 'dateCreated' => $this->dateTime()->notNull(), + 'dateUpdated' => $this->dateTime()->notNull(), + 'uid' => $this->uid(), + ]); + + $this->addForeignKey(null, Table::ENTRIES_AUTHORS, ['elementId'], Table::ELEMENTS, ['id'], 'CASCADE', null); + $this->addForeignKey(null, Table::ENTRIES_AUTHORS, ['authorId'], Table::USERS, ['id'], 'SET NULL', null); + + // TODO: add data migration + // TODO: remove authorId column from entries table + + return true; + } + + /** + * @inheritdoc + */ + public function safeDown(): bool + { + echo "m221101_115859_create_entries_authors_table cannot be reverted.\n"; + return false; + } +} From f2cb2029d610171f46e6392d6f308ac59106825d Mon Sep 17 00:00:00 2001 From: Iwona Just Date: Thu, 3 Nov 2022 09:39:24 +0000 Subject: [PATCH 02/40] prep for removing single author bits --- src/elements/Entry.php | 172 +++++++++++++++------------------ src/elements/db/EntryQuery.php | 2 +- 2 files changed, 79 insertions(+), 95 deletions(-) diff --git a/src/elements/Entry.php b/src/elements/Entry.php index d019a01e835..abf2d38c7d3 100644 --- a/src/elements/Entry.php +++ b/src/elements/Entry.php @@ -520,7 +520,7 @@ protected static function defineTableAttributes(): array $attributes = [ 'section' => ['label' => Craft::t('app', 'Section')], 'type' => ['label' => Craft::t('app', 'Entry Type')], - 'author' => ['label' => Craft::t('app', 'Author')], + //'author' => ['label' => Craft::t('app', 'Author')], 'authors' => ['label' => Craft::t('app', 'Authors')], 'slug' => ['label' => Craft::t('app', 'Slug')], 'uri' => ['label' => Craft::t('app', 'URI')], @@ -538,8 +538,8 @@ protected static function defineTableAttributes(): array // Hide Author & Last Edited By from Craft Solo if (Craft::$app->getEdition() !== Craft::Pro) { - unset($attributes['author'], $attributes['revisionCreator']); - unset($attributes['authors']); + //unset($attributes['author'], $attributes['revisionCreator']); + unset($attributes['authors'], $attributes['revisionCreator']); } return $attributes; @@ -559,7 +559,7 @@ protected static function defineDefaultTableAttributes(string $source): array if ($source !== 'singles') { $attributes[] = 'postDate'; $attributes[] = 'expiryDate'; - $attributes[] = 'author'; + //$attributes[] = 'author'; $attributes[] = 'authors'; } @@ -573,28 +573,28 @@ protected static function defineDefaultTableAttributes(string $source): array */ public static function eagerLoadingMap(array $sourceElements, string $handle): array|null|false { - if ($handle === 'author') { - /** @phpstan-ignore-next-line */ - $sourceElementsWithAuthors = array_filter($sourceElements, function(self $entry) { - return $entry->getAuthorId() !== null; - }); - - /** @phpstan-ignore-next-line */ - $map = array_map(function(self $entry) { - return [ - 'source' => $entry->id, - 'target' => $entry->getAuthorId(), - ]; - }, $sourceElementsWithAuthors); - - return [ - 'elementType' => User::class, - 'map' => $map, - 'criteria' => [ - 'status' => null, - ], - ]; - } +// if ($handle === 'author') { +// /** @phpstan-ignore-next-line */ +// $sourceElementsWithAuthors = array_filter($sourceElements, function(self $entry) { +// return $entry->getAuthorId() !== null; +// }); +// +// /** @phpstan-ignore-next-line */ +// $map = array_map(function(self $entry) { +// return [ +// 'source' => $entry->id, +// 'target' => $entry->getAuthorId(), +// ]; +// }, $sourceElementsWithAuthors); +// +// return [ +// 'elementType' => User::class, +// 'map' => $map, +// 'criteria' => [ +// 'status' => null, +// ], +// ]; +// } // if ($handle === 'authors') { // /** @phpstan-ignore-next-line */ // $sourceElementsWithAuthors = array_filter($sourceElements, function(self $entry) { @@ -660,9 +660,9 @@ public static function gqlScopesByContext(mixed $context): array protected static function prepElementQueryForTableAttribute(ElementQueryInterface $elementQuery, string $attribute): void { switch ($attribute) { - case 'author': + /*case 'author': $elementQuery->andWith(['author', ['status' => null]]); - break; + break;*/ case 'authors': $elementQuery->andWith(['authors', ['status' => null]]); break; @@ -728,7 +728,7 @@ protected static function prepElementQueryForTableAttribute(ElementQueryInterfac public bool $deletedWithEntryType = false; /** - * @var int|null Author ID + * @var int|null First Author ID * @see getAuthorId() * @see setAuthorId() */ @@ -748,11 +748,11 @@ protected static function prepElementQueryForTableAttribute(ElementQueryInterfac private User|false|null $_author = null; /** - * @var User[]|null + * @var User[]|false|null * @see getAuthors() * @see setAuthors() */ - private array|null $_authors = null; + private array|false|null $_authors = null; /** * @var int|null Type ID @@ -781,7 +781,7 @@ public function init(): void public function attributes(): array { $names = parent::attributes(); - $names[] = 'authorId'; + //$names[] = 'authorId'; $names[] = 'authorsIds'; $names[] = 'typeId'; return $names; @@ -793,7 +793,7 @@ public function attributes(): array public function extraFields(): array { $names = parent::extraFields(); - $names[] = 'author'; + //$names[] = 'author'; $names[] = 'authors'; $names[] = 'section'; $names[] = 'type'; @@ -817,7 +817,7 @@ public function attributeLabels(): array protected function defineRules(): array { $rules = parent::defineRules(); - $rules[] = [['sectionId', 'typeId', 'authorId'], 'number', 'integerOnly' => true]; + $rules[] = [['sectionId', 'typeId'/*, 'authorId'*/], 'number', 'integerOnly' => true]; $rules[] = [['authorsIds'], 'each', 'rule' => ['number', 'integerOnly' => true]]; $rules[] = [['postDate', 'expiryDate'], DateTimeValidator::class]; @@ -836,7 +836,7 @@ protected function defineRules(): array $section = $this->getSection(); if ($section->type !== Section::TYPE_SINGLE) { - $rules[] = [['authorId'], 'required', 'on' => self::SCENARIO_LIVE]; + //$rules[] = [['authorId'], 'required', 'on' => self::SCENARIO_LIVE]; $rules[] = [['authorsIds'], 'required', 'on' => self::SCENARIO_LIVE]; } } @@ -1201,7 +1201,8 @@ public function getType(): EntryType */ public function getAuthorId(): ?int { - return $this->_authorId; + //return $this->_authorId; + return $this->_authorsIds[0]; } /** @@ -1212,7 +1213,7 @@ public function getAuthorId(): ?int */ public function setAuthorId(array|int|string|null $authorId): void { - if ($authorId === '') { + /*if ($authorId === '') { $authorId = null; } @@ -1220,13 +1221,14 @@ public function setAuthorId(array|int|string|null $authorId): void $this->_authorId = reset($authorId) ?: null; } else { $this->_authorId = $authorId; - } + }*/ + $this->setAuthorsIds($authorId); $this->_author = null; } /** - * Returns the entry primary (first) author ID. + * Returns the entry authors IDs. * * @return int[]|null * @since 4.0.0 @@ -1253,8 +1255,19 @@ public function setAuthorsIds(array|string|int|null $authorsIds): void } if (is_array($authorsIds)) { - $this->_authorsIds = $authorsIds; + array_map(function($authorId) { + if (empty($authorId) || $authorId === '') { + return null; + } + if ($authorId instanceof User) { + return $authorId->id; + } + return $authorId; + }, $authorsIds); + + $this->_authorsIds = array_values(array_filter($authorsIds)); } + $this->_authors = null; } @@ -1274,31 +1287,8 @@ public function setAuthorsIds(array|string|int|null $authorsIds): void */ public function getAuthor(): ?User { - if (!isset($this->_author)) { - if (!$this->getAuthorId()) { - return null; - } - - if (($this->_author = Craft::$app->getUsers()->getUserById($this->getAuthorId())) === null) { - // The author is probably soft-deleted. Just no author is set - $this->_author = false; - } - } - - return $this->_author ?: null; - - /*if (!isset($this->_authors)) { - if (!$this->getAuthorsIds()) { - return null; - } - - if (($this->_authors[0] = Craft::$app->getUsers()->getUserById($this->getAuthorId())) === null) { - // The author is probably soft-deleted. Just no author is set - $this->_authors = false; - } - } - - return $this->_authors ? $this->_authors[0] : null;*/ + $this->getAuthors(); + return $this->_authors[0] ?:null; } /** @@ -1308,8 +1298,8 @@ public function getAuthor(): ?User */ public function setAuthor(?User $author = null): void { + $this->setAuthors([$author]); $this->_author = $author; - $this->setAuthorId($author?->id); } /** @@ -1339,7 +1329,6 @@ public function getAuthors(): ?array if (($author = Craft::$app->getUsers()->getUserById($authorId)) !== null) { $this->_authors[] = $author; } - } } @@ -1347,14 +1336,24 @@ public function getAuthors(): ?array } /** - * Sets the entry’s author. + * Sets the entry’s authors. * - * @param User[]|null $author + * @param User[]|null $authors */ - public function setAuthors(?User $authors = null): void + public function setAuthors(?array $authors = null): void { - $this->_authors = $authors; - $this->setAuthorsIds($authors); + if ($authors !== null) { + // make sure any IDs are converted into users + array_map(function($author) { + if (is_int($author)) { + return Craft::$app->getUsers()->getUserById($author); + } + return $author; + }, $authors); + } + + $this->_authors = array_values(array_filter($authors)); + $this->setAuthorsIds(array_column($this->_authors, null, 'id')); } /** @@ -1656,24 +1655,19 @@ public function setEagerLoadedElements(string $handle, array $elements): void protected function tableAttributeHtml(string $attribute): string { switch ($attribute) { - case 'author': + /*case 'author': $author = $this->getAuthor(); - return $author ? Cp::elementHtml($author) : ''; + return $author ? Cp::elementHtml($author) : '';*/ case 'authors': $authors = $this->getAuthors(); $html = ''; if (!empty($authors)) { - if (count($authors) > 1) { - $html = Cp::elementPreviewHtml($authors); - } else { - $html = Cp::elementHtml($authors[0]); - } + $html = Cp::elementPreviewHtml($authors); } return $html; - case 'section': return Html::encode(Craft::t('site', $this->getSection()->name)); @@ -1827,7 +1821,7 @@ public function metaFieldsHtml(bool $static): string // Author if (Craft::$app->getEdition() === Craft::Pro && $user->can("viewPeerEntries:$section->uid")) { $fields[] = (function() use ($static, $section) { - $author = $this->getAuthor(); + /*$author = $this->getAuthor(); $html = Cp::elementSelectFieldHtml([ 'label' => Craft::t('app', 'Author'), 'id' => 'authorId', @@ -1840,19 +1834,9 @@ public function metaFieldsHtml(bool $static): string 'single' => true, 'elements' => $author ? [$author] : null, 'disabled' => $static, - ]); - // TODO: figure out how to do this properly! - /*$authorsIds = array_column( - (new Query()) - ->select(['authorId']) - ->from(Table::ENTRIES_AUTHORS) - ->where(['elementId' => $this->id]) - ->all(), - 'authorId'); - $this->setAuthorsIds($authorsIds);*/ - // end todo + ]);*/ $authors = $this->getAuthors(); - $html .= Cp::elementSelectFieldHtml([ + $html = Cp::elementSelectFieldHtml([ 'label' => Craft::t('app', 'Authors'), 'id' => 'authorsIds', 'name' => 'authorsIds', @@ -2107,7 +2091,7 @@ public function afterSave(bool $isNew): void $record->sectionId = (int)$this->sectionId; $record->typeId = $this->getTypeId(); - $record->authorId = $this->getAuthorId(); + //$record->authorId = $this->getAuthorId(); $record->postDate = Db::prepareDateForDb($this->postDate); $record->expiryDate = Db::prepareDateForDb($this->expiryDate); diff --git a/src/elements/db/EntryQuery.php b/src/elements/db/EntryQuery.php index 309af579325..0b6858c8333 100644 --- a/src/elements/db/EntryQuery.php +++ b/src/elements/db/EntryQuery.php @@ -104,7 +104,7 @@ class EntryQuery extends ElementQuery public mixed $typeId = null; /** - * @var mixed The user ID(s) that the resulting entries’ authors must have. + * @var mixed The user ID that the resulting entries’ authors must have. * @used-by authorId() */ public mixed $authorId = null; From 318c6ad960d34c422f377458c7b054cf017ec6a4 Mon Sep 17 00:00:00 2001 From: Iwona Just Date: Fri, 4 Nov 2022 16:17:47 +0000 Subject: [PATCH 03/40] migration moves content and drops old column --- src/migrations/Install.php | 4 +-- ...01_115859_create_entries_authors_table.php | 30 +++++++++++++++++-- 2 files changed, 29 insertions(+), 5 deletions(-) diff --git a/src/migrations/Install.php b/src/migrations/Install.php index 61722c3d4af..41fd3dcfc2c 100644 --- a/src/migrations/Install.php +++ b/src/migrations/Install.php @@ -845,7 +845,7 @@ public function createIndexes(): void $this->createIndex(null, Table::SYSTEMMESSAGES, ['language'], false); $this->createIndex(null, Table::ENTRIES, ['postDate'], false); $this->createIndex(null, Table::ENTRIES, ['expiryDate'], false); - $this->createIndex(null, Table::ENTRIES, ['authorId'], false); + //$this->createIndex(null, Table::ENTRIES, ['authorId'], false); $this->createIndex(null, Table::ENTRIES, ['sectionId'], false); $this->createIndex(null, Table::ENTRIES, ['typeId'], false); $this->createIndex(null, Table::ENTRIES_AUTHORS, ['authorId'], false); @@ -1029,7 +1029,7 @@ public function addForeignKeys(): void $this->addForeignKey(null, Table::ELEMENTS, ['fieldLayoutId'], Table::FIELDLAYOUTS, ['id'], 'SET NULL', null); $this->addForeignKey(null, Table::ELEMENTS_SITES, ['elementId'], Table::ELEMENTS, ['id'], 'CASCADE', null); $this->addForeignKey(null, Table::ELEMENTS_SITES, ['siteId'], Table::SITES, ['id'], 'CASCADE', 'CASCADE'); - $this->addForeignKey(null, Table::ENTRIES, ['authorId'], Table::USERS, ['id'], 'SET NULL', null); + //$this->addForeignKey(null, Table::ENTRIES, ['authorId'], Table::USERS, ['id'], 'SET NULL', null); $this->addForeignKey(null, Table::ENTRIES, ['id'], Table::ELEMENTS, ['id'], 'CASCADE', null); $this->addForeignKey(null, Table::ENTRIES, ['sectionId'], Table::SECTIONS, ['id'], 'CASCADE', null); $this->addForeignKey(null, Table::ENTRIES, ['parentId'], Table::ENTRIES, ['id'], 'SET NULL', null); diff --git a/src/migrations/m221101_115859_create_entries_authors_table.php b/src/migrations/m221101_115859_create_entries_authors_table.php index b108a7fc97b..03c4e51b2da 100644 --- a/src/migrations/m221101_115859_create_entries_authors_table.php +++ b/src/migrations/m221101_115859_create_entries_authors_table.php @@ -5,6 +5,8 @@ use Craft; use craft\db\Migration; use craft\db\Table; +use craft\helpers\Db; +use craft\records\Entry as EntryRecord; /** * m221101_115859_create_entries_authors_table migration. @@ -16,7 +18,7 @@ class m221101_115859_create_entries_authors_table extends Migration */ public function safeUp(): bool { - $this->dropTableIfExists(Table::ADDRESSES); + $this->dropTableIfExists(Table::ENTRIES_AUTHORS); $this->createTable(Table::ENTRIES_AUTHORS, [ 'id' => $this->primaryKey(), @@ -31,8 +33,30 @@ public function safeUp(): bool $this->addForeignKey(null, Table::ENTRIES_AUTHORS, ['elementId'], Table::ELEMENTS, ['id'], 'CASCADE', null); $this->addForeignKey(null, Table::ENTRIES_AUTHORS, ['authorId'], Table::USERS, ['id'], 'SET NULL', null); - // TODO: add data migration - // TODO: remove authorId column from entries table + // add data migration + $entries = EntryRecord::find() + ->select(['id', 'authorId']) + ->where('authorId IS NOT NULL') + ->orderBy('id ASC') + ->all(); + $entriesAuthors = []; + if (!empty($entries)) { + foreach ($entries as $entry) { + $entriesAuthors[] = [$entry['id'], $entry['authorId'], '1']; + } + + if (!empty($entriesAuthors)) { + $db = Craft::$app->getDb(); + Db::batchInsert(Table::ENTRIES_AUTHORS, ['elementId', 'authorId', 'sortOrder'], $entriesAuthors, $db); + } + } + + + // remove authorId column from entries table + $this->dropForeignKeyIfExists(Table::ENTRIES, 'authorId'); + $this->dropIndexIfExists(Table::ENTRIES, 'authorId'); + $this->dropColumn(Table::ENTRIES, 'authorId'); + return true; } From 2513237ba799c2df89a1fdc7e31117fdbc6e7ee1 Mon Sep 17 00:00:00 2001 From: Iwona Just Date: Fri, 4 Nov 2022 16:18:14 +0000 Subject: [PATCH 04/40] entry query and element adjustments (WIP) --- src/elements/Entry.php | 2 +- src/elements/db/EntryQuery.php | 27 +++++++++++++++++++++------ 2 files changed, 22 insertions(+), 7 deletions(-) diff --git a/src/elements/Entry.php b/src/elements/Entry.php index abf2d38c7d3..30895d8a5e0 100644 --- a/src/elements/Entry.php +++ b/src/elements/Entry.php @@ -1202,7 +1202,7 @@ public function getType(): EntryType public function getAuthorId(): ?int { //return $this->_authorId; - return $this->_authorsIds[0]; + return $this->_authorsIds[0] ?? null; } /** diff --git a/src/elements/db/EntryQuery.php b/src/elements/db/EntryQuery.php index 0b6858c8333..c8ffbd5c248 100644 --- a/src/elements/db/EntryQuery.php +++ b/src/elements/db/EntryQuery.php @@ -110,8 +110,8 @@ class EntryQuery extends ElementQuery public mixed $authorId = null; /** - * @var mixed The user ID(s) that the resulting entries’ authors must have. - * @used-by authorId() + * @var mixed The user IDs that the resulting entries’ authors must have. + * @used-by authorsIds() */ public mixed $authorsIds = null; @@ -822,7 +822,7 @@ protected function beforePrepare(): bool $this->query->select([ 'entries.sectionId', 'entries.typeId', - 'entries.authorId', + //'entries.authorId', // todo - get rid of this 'entries.postDate', 'entries.expiryDate', ]); @@ -848,8 +848,13 @@ protected function beforePrepare(): bool if (Craft::$app->getEdition() === Craft::Pro) { if ($this->authorId) { - $this->subQuery->andWhere(Db::parseNumericParam('entries.authorId', $this->authorId)); + //$this->subQuery->andWhere(Db::parseNumericParam('entries.authorId', $this->authorId)); + $this->subQuery + ->leftJoin(['entries_authors' => Table::ENTRIES_AUTHORS], '[[entries_authors.elementId]] = [[entries.id]]') + ->andWhere(Db::parseNumericParam('entries_authors.authorId', $this->authorId)); } + // todo: do we want to have authorsIds() option too where we join IDs by 'and'? + // or should it just use authodId and then further processing is down to the website creator? if ($this->authorGroupId) { $this->subQuery @@ -871,8 +876,17 @@ protected function beforePrepare(): bool */ public function populate($rows): array { + // we are now getting multiple rows for one entry because of ->authorId([...]) + // and the ->innerJoin with entries_authors table + // todo: is there a better way to do this? tried with group_concat but + $distinctRows = []; if (!empty($rows)) { - foreach ($rows as &$row) { + foreach ($rows as $row) { + // id this entryId has already been processed, carry on to the next one + if (isset($distinctRows[$row['id']])) { + continue; + } + // get all authorIds for this entry $authorsIds = array_column( (new Query()) ->select(['authorId']) @@ -882,10 +896,11 @@ public function populate($rows): array ->all(), 'authorId'); $row['authorsIds'] = $authorsIds; + $distinctRows[$row['id']] = $row; } } - return parent::populate($rows); + return parent::populate($distinctRows); } /** From 9ae85aef061631f4cc44a3015d3d0bcf2d677ca1 Mon Sep 17 00:00:00 2001 From: Iwona Just Date: Mon, 7 Nov 2022 12:12:47 +0000 Subject: [PATCH 05/40] max authors config added to sections --- src/controllers/SectionsController.php | 1 + src/elements/Entry.php | 12 ++++++ src/elements/db/EntryQuery.php | 9 +++-- src/migrations/Install.php | 1 + ...01_115859_create_entries_authors_table.php | 2 - ...107_112121_add_max_authors_to_sections.php | 39 +++++++++++++++++++ src/models/Section.php | 7 ++++ src/records/Section.php | 1 + src/services/Sections.php | 2 + src/templates/settings/sections/_edit.twig | 15 +++++++ src/translations/en/app.php | 1 + 11 files changed, 84 insertions(+), 6 deletions(-) create mode 100644 src/migrations/m221107_112121_add_max_authors_to_sections.php diff --git a/src/controllers/SectionsController.php b/src/controllers/SectionsController.php index 94867b8a7f3..960f1d56be2 100644 --- a/src/controllers/SectionsController.php +++ b/src/controllers/SectionsController.php @@ -134,6 +134,7 @@ public function actionSaveSection(): ?Response $section->handle = $this->request->getBodyParam('handle'); $section->type = $this->request->getBodyParam('type'); $section->enableVersioning = $this->request->getBodyParam('enableVersioning', true); + $section->maxAuthors = $this->request->getBodyParam('maxAuthors', true); $section->propagationMethod = $this->request->getBodyParam('propagationMethod', Section::PROPAGATION_METHOD_ALL); $section->previewTargets = $this->request->getBodyParam('previewTargets') ?: []; diff --git a/src/elements/Entry.php b/src/elements/Entry.php index 30895d8a5e0..02480f4bb3a 100644 --- a/src/elements/Entry.php +++ b/src/elements/Entry.php @@ -49,6 +49,7 @@ use craft\records\Entry as EntryRecord; use craft\services\ElementSources; use craft\services\Structures; +use craft\validators\ArrayValidator; use craft\validators\DateCompareValidator; use craft\validators\DateTimeValidator; use craft\web\CpScreenResponseBehavior; @@ -819,6 +820,15 @@ protected function defineRules(): array $rules = parent::defineRules(); $rules[] = [['sectionId', 'typeId'/*, 'authorId'*/], 'number', 'integerOnly' => true]; $rules[] = [['authorsIds'], 'each', 'rule' => ['number', 'integerOnly' => true]]; + + $sectionMaxAuthors = $this->section->maxAuthors; + $rules[] = [ + ['authorsIds'], + ArrayValidator::class, + 'max' => $sectionMaxAuthors, + 'tooMany' => Craft::t('app', "Maximum $sectionMaxAuthors authors allowed."), + 'tooFew' => Craft::t('app', 'Minimum 1 author is required.'), + ]; $rules[] = [['postDate', 'expiryDate'], DateTimeValidator::class]; $rules[] = [ @@ -1848,6 +1858,8 @@ public function metaFieldsHtml(bool $static): string 'single' => false, 'elements' => $authors ?: null, 'disabled' => $static, + 'errors' => $this->getErrors('authorsIds'), + 'limit' => $section->maxAuthors ]); return $html; })(); diff --git a/src/elements/db/EntryQuery.php b/src/elements/db/EntryQuery.php index c8ffbd5c248..d94518fa0bf 100644 --- a/src/elements/db/EntryQuery.php +++ b/src/elements/db/EntryQuery.php @@ -850,15 +850,16 @@ protected function beforePrepare(): bool if ($this->authorId) { //$this->subQuery->andWhere(Db::parseNumericParam('entries.authorId', $this->authorId)); $this->subQuery - ->leftJoin(['entries_authors' => Table::ENTRIES_AUTHORS], '[[entries_authors.elementId]] = [[entries.id]]') + ->innerJoin(['entries_authors' => Table::ENTRIES_AUTHORS], '[[entries_authors.elementId]] = [[entries.id]]') ->andWhere(Db::parseNumericParam('entries_authors.authorId', $this->authorId)); } - // todo: do we want to have authorsIds() option too where we join IDs by 'and'? - // or should it just use authodId and then further processing is down to the website creator? + // todo: do we want to have authorsIds() option too, where we join IDs by 'and'? + // or should it just use authorId and then further processing is down to the website creator? if ($this->authorGroupId) { $this->subQuery - ->innerJoin(['usergroups_users' => Table::USERGROUPS_USERS], '[[usergroups_users.userId]] = [[entries.authorId]]') + ->innerJoin(['entries_authors' => Table::ENTRIES_AUTHORS], '[[entries_authors.elementId]] = [[entries.id]]') + ->innerJoin(['usergroups_users' => Table::USERGROUPS_USERS], '[[usergroups_users.userId]] = [[entries_authors.authorId]]') ->andWhere(Db::parseNumericParam('usergroups_users.groupId', $this->authorGroupId)); } } diff --git a/src/migrations/Install.php b/src/migrations/Install.php index 41fd3dcfc2c..ac0e43aa87a 100644 --- a/src/migrations/Install.php +++ b/src/migrations/Install.php @@ -578,6 +578,7 @@ public function createTables(): void 'handle' => $this->string()->notNull(), 'type' => $this->enum('type', [Section::TYPE_SINGLE, Section::TYPE_CHANNEL, Section::TYPE_STRUCTURE])->notNull()->defaultValue('channel'), 'enableVersioning' => $this->boolean()->defaultValue(false)->notNull(), + 'maxAuthors' => $this->smallInteger()->unsigned()->defaultValue(1)->notNull(), 'propagationMethod' => $this->string()->defaultValue(Section::PROPAGATION_METHOD_ALL)->notNull(), 'defaultPlacement' => $this->enum('defaultPlacement', [Section::DEFAULT_PLACEMENT_BEGINNING, Section::DEFAULT_PLACEMENT_END])->defaultValue('end')->notNull(), 'previewTargets' => $this->text(), diff --git a/src/migrations/m221101_115859_create_entries_authors_table.php b/src/migrations/m221101_115859_create_entries_authors_table.php index 03c4e51b2da..0a3f55a796a 100644 --- a/src/migrations/m221101_115859_create_entries_authors_table.php +++ b/src/migrations/m221101_115859_create_entries_authors_table.php @@ -51,13 +51,11 @@ public function safeUp(): bool } } - // remove authorId column from entries table $this->dropForeignKeyIfExists(Table::ENTRIES, 'authorId'); $this->dropIndexIfExists(Table::ENTRIES, 'authorId'); $this->dropColumn(Table::ENTRIES, 'authorId'); - return true; } diff --git a/src/migrations/m221107_112121_add_max_authors_to_sections.php b/src/migrations/m221107_112121_add_max_authors_to_sections.php new file mode 100644 index 00000000000..0d06206ff57 --- /dev/null +++ b/src/migrations/m221107_112121_add_max_authors_to_sections.php @@ -0,0 +1,39 @@ +addColumn( + Table::SECTIONS, + 'maxAuthors', + $this->smallInteger()->unsigned()->defaultValue(1)->notNull()->after('enableVersioning') + ); + + return true; + } + + /** + * @inheritdoc + */ + public function safeDown(): bool + { + $this->dropColumn(Table::SECTIONS, 'maxAuthors'); + return true; +// echo "m221107_112121_add_max_authors_to_sections cannot be reverted.\n"; +// return false; + } +} diff --git a/src/models/Section.php b/src/models/Section.php index 7c81a848423..a007abc0969 100644 --- a/src/models/Section.php +++ b/src/models/Section.php @@ -72,6 +72,11 @@ class Section extends Model */ public ?string $type = null; + /** + * @var int Max authors + */ + public int $maxAuthors = 1; + /** * @var int|null Max levels */ @@ -162,6 +167,7 @@ protected function defineRules(): array { $rules = parent::defineRules(); $rules[] = [['id', 'structureId', 'maxLevels'], 'number', 'integerOnly' => true]; + $rules[] = [['maxAuthors'], 'number', 'integerOnly' => true, 'min' => 1]; $rules[] = [['handle'], HandleValidator::class, 'reservedWords' => ['id', 'dateCreated', 'dateUpdated', 'uid', 'title']]; $rules[] = [ ['type'], 'in', 'range' => [ @@ -367,6 +373,7 @@ public function getConfig(): array 'handle' => $this->handle, 'type' => $this->type, 'enableVersioning' => $this->enableVersioning, + 'maxAuthors' => $this->maxAuthors, 'propagationMethod' => $this->propagationMethod, 'siteSettings' => [], 'defaultPlacement' => $this->defaultPlacement ?? self::DEFAULT_PLACEMENT_END, diff --git a/src/records/Section.php b/src/records/Section.php index 6f9f711b926..195a956ecf5 100644 --- a/src/records/Section.php +++ b/src/records/Section.php @@ -22,6 +22,7 @@ * @property string $handle Handle * @property string $type Type * @property bool $enableVersioning Enable versioning + * @property bool $maxAuthors The maximum number of authors * @property bool $propagationMethod Propagation method * @property string $defaultPlacement Default placement * @property array|null $previewTargets Preview targets diff --git a/src/services/Sections.php b/src/services/Sections.php index 94e4b7a756d..d846228c817 100644 --- a/src/services/Sections.php +++ b/src/services/Sections.php @@ -591,6 +591,7 @@ public function handleChangedSection(ConfigEvent $event): void $sectionRecord->handle = $data['handle']; $sectionRecord->type = $data['type']; $sectionRecord->enableVersioning = (bool)$data['enableVersioning']; + $sectionRecord->maxAuthors = (int)$data['maxAuthors']; $sectionRecord->propagationMethod = $data['propagationMethod'] ?? Section::PROPAGATION_METHOD_ALL; $sectionRecord->defaultPlacement = $data['defaultPlacement'] ?? Section::DEFAULT_PLACEMENT_END; $sectionRecord->previewTargets = isset($data['previewTargets']) && is_array($data['previewTargets']) @@ -1396,6 +1397,7 @@ private function _createSectionQuery(): Query 'sections.handle', 'sections.type', 'sections.enableVersioning', + 'sections.maxAuthors', 'sections.defaultPlacement', 'sections.propagationMethod', 'sections.previewTargets', diff --git a/src/templates/settings/sections/_edit.twig b/src/templates/settings/sections/_edit.twig index eb812bd6357..42965363a6f 100644 --- a/src/templates/settings/sections/_edit.twig +++ b/src/templates/settings/sections/_edit.twig @@ -180,6 +180,21 @@ errors: siteErrors|unique }) }} + {{ forms.textField({ + label: "Max Authors"|t('app'), + instructions: "The maximum number of authors this section can have. Default is 1."|t('app'), + id: 'maxAuthors', + name: 'maxAuthors', + class: 'code', + autocorrect: false, + autocapitalize: false, + default: 1, + value: section.maxAuthors, + errors: section.getErrors('maxAuthors'), + size: 5, + required: true + }) }} + {% if craft.app.getIsMultiSite() %}
{{ forms.selectField({ diff --git a/src/translations/en/app.php b/src/translations/en/app.php index b9ce6951d6b..96e86a2232a 100644 --- a/src/translations/en/app.php +++ b/src/translations/en/app.php @@ -859,6 +859,7 @@ 'Matrix block' => 'Matrix block', 'Matrix blocks' => 'Matrix blocks', 'Matrix' => 'Matrix', + 'Max Authors' => 'Max Authors', 'Max Blocks' => 'Max Blocks', 'Max Date' => 'Max Date', 'Max Length' => 'Max Length', From d3b4dfb3c7739888580c8d66de2c71e67d62cd81 Mon Sep 17 00:00:00 2001 From: Iwona Just Date: Mon, 7 Nov 2022 14:20:58 +0000 Subject: [PATCH 06/40] cascade delete author to entry --- src/elements/User.php | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/elements/User.php b/src/elements/User.php index 1c9b2febb5f..e85d9361607 100644 --- a/src/elements/User.php +++ b/src/elements/User.php @@ -1792,6 +1792,7 @@ public function beforeDelete(): bool Table::ENTRIES => 'authorId', Table::DRAFTS => 'creatorId', Table::REVISIONS => 'creatorId', + Table::ENTRIES_AUTHORS => 'authorId', ]; foreach ($userRefs as $table => $column) { @@ -1811,7 +1812,10 @@ public function beforeDelete(): bool foreach (Db::each($entryQuery) as $entry) { /** @var Entry $entry */ - $elementsService->deleteElement($entry); + // only delete their entry if they're the sole author + if (count($entry->authorsIds) == 1) { + $elementsService->deleteElement($entry); + } } } From 83932ac8c9d8539050dcf18173d85b139fddb7a3 Mon Sep 17 00:00:00 2001 From: Iwona Just Date: Mon, 7 Nov 2022 14:49:28 +0000 Subject: [PATCH 07/40] cleanup --- src/controllers/EntriesController.php | 14 ++----- src/elements/Entry.php | 57 ++++----------------------- src/elements/db/EntryQuery.php | 7 ---- src/translations/en/app.php | 1 + 4 files changed, 13 insertions(+), 66 deletions(-) diff --git a/src/controllers/EntriesController.php b/src/controllers/EntriesController.php index 389498f730f..db4b766dab0 100644 --- a/src/controllers/EntriesController.php +++ b/src/controllers/EntriesController.php @@ -94,7 +94,7 @@ public function actionCreate(?string $section = null): ?Response $entry = Craft::createObject(Entry::class); $entry->siteId = $site->id; $entry->sectionId = $section->id; - $entry->authorId = $this->request->getQueryParam('authorId', $user->id); + //$entry->authorId = $this->request->getQueryParam('authorId', $user->id); $entry->authorsIds = $this->request->getQueryParam('authorsIds', $user->id); // Type @@ -239,7 +239,7 @@ public function actionSaveEntry(bool $duplicate = false): ?Response if ( $entry->id && !$duplicate && - ($entry->authorId != $currentUser->id || + (/*$entry->authorId != $currentUser->id ||*/ !in_array($currentUser->id, $entry->authorsIds)) && $section->type !== Section::TYPE_SINGLE && $entry->enabled @@ -464,15 +464,9 @@ private function _populateEntryModel(Entry $entry): void $fieldsLocation = $this->request->getParam('fieldsLocation', 'fields'); $entry->setFieldValuesFromRequest($fieldsLocation); - // Author - $authorId = $this->request->getBodyParam('author', ($entry->authorId ?: static::currentUser()->id)); + // Authors $authorsIds = $this->request->getBodyParam('authors', ($entry->authorsIds ?: [static::currentUser()->id])); - - if (is_array($authorId)) { - $authorId = $authorId[0] ?? null; - } - - $entry->authorsIds = $authorsIds; + $entry->_authorsIds = $authorsIds; // Parent if (($parentId = $this->request->getBodyParam('parentId')) !== null) { diff --git a/src/elements/Entry.php b/src/elements/Entry.php index 02480f4bb3a..c8f2e7b3a72 100644 --- a/src/elements/Entry.php +++ b/src/elements/Entry.php @@ -72,9 +72,9 @@ * @author Pixel & Tonic, Inc. * @since 3.0.0 * + * @since 5.0.0 * @property array|null $authorsIds the entry authors' IDs * @property array|null $authors the entry’s authors - * @since 5.0.0 */ class Entry extends Element implements ExpirableElementInterface { @@ -521,7 +521,6 @@ protected static function defineTableAttributes(): array $attributes = [ 'section' => ['label' => Craft::t('app', 'Section')], 'type' => ['label' => Craft::t('app', 'Entry Type')], - //'author' => ['label' => Craft::t('app', 'Author')], 'authors' => ['label' => Craft::t('app', 'Authors')], 'slug' => ['label' => Craft::t('app', 'Slug')], 'uri' => ['label' => Craft::t('app', 'URI')], @@ -539,7 +538,6 @@ protected static function defineTableAttributes(): array // Hide Author & Last Edited By from Craft Solo if (Craft::$app->getEdition() !== Craft::Pro) { - //unset($attributes['author'], $attributes['revisionCreator']); unset($attributes['authors'], $attributes['revisionCreator']); } @@ -560,7 +558,6 @@ protected static function defineDefaultTableAttributes(string $source): array if ($source !== 'singles') { $attributes[] = 'postDate'; $attributes[] = 'expiryDate'; - //$attributes[] = 'author'; $attributes[] = 'authors'; } @@ -661,9 +658,6 @@ public static function gqlScopesByContext(mixed $context): array protected static function prepElementQueryForTableAttribute(ElementQueryInterface $elementQuery, string $attribute): void { switch ($attribute) { - /*case 'author': - $elementQuery->andWith(['author', ['status' => null]]); - break;*/ case 'authors': $elementQuery->andWith(['authors', ['status' => null]]); break; @@ -728,12 +722,6 @@ protected static function prepElementQueryForTableAttribute(ElementQueryInterfac */ public bool $deletedWithEntryType = false; - /** - * @var int|null First Author ID - * @see getAuthorId() - * @see setAuthorId() - */ - public ?int $_authorId = null; /** * @var int[]|null Authors IDs * @see getAuthorsIds() @@ -782,7 +770,6 @@ public function init(): void public function attributes(): array { $names = parent::attributes(); - //$names[] = 'authorId'; $names[] = 'authorsIds'; $names[] = 'typeId'; return $names; @@ -794,7 +781,6 @@ public function attributes(): array public function extraFields(): array { $names = parent::extraFields(); - //$names[] = 'author'; $names[] = 'authors'; $names[] = 'section'; $names[] = 'type'; @@ -818,7 +804,7 @@ public function attributeLabels(): array protected function defineRules(): array { $rules = parent::defineRules(); - $rules[] = [['sectionId', 'typeId'/*, 'authorId'*/], 'number', 'integerOnly' => true]; + $rules[] = [['sectionId', 'typeId'], 'number', 'integerOnly' => true]; $rules[] = [['authorsIds'], 'each', 'rule' => ['number', 'integerOnly' => true]]; $sectionMaxAuthors = $this->section->maxAuthors; @@ -826,11 +812,14 @@ protected function defineRules(): array ['authorsIds'], ArrayValidator::class, 'max' => $sectionMaxAuthors, - 'tooMany' => Craft::t('app', "Maximum $sectionMaxAuthors authors allowed."), - 'tooFew' => Craft::t('app', 'Minimum 1 author is required.'), + 'tooMany' => Craft::t( + 'app', + "Maximum {num, number} {num, plural, =1{author} other{authors}} allowed.", + ['num' => $sectionMaxAuthors] + ), ]; - $rules[] = [['postDate', 'expiryDate'], DateTimeValidator::class]; + $rules[] = [['postDate', 'expiryDate'], DateTimeValidator::class]; $rules[] = [ ['postDate'], DateCompareValidator::class, @@ -846,7 +835,6 @@ protected function defineRules(): array $section = $this->getSection(); if ($section->type !== Section::TYPE_SINGLE) { - //$rules[] = [['authorId'], 'required', 'on' => self::SCENARIO_LIVE]; $rules[] = [['authorsIds'], 'required', 'on' => self::SCENARIO_LIVE]; } } @@ -1211,7 +1199,6 @@ public function getType(): EntryType */ public function getAuthorId(): ?int { - //return $this->_authorId; return $this->_authorsIds[0] ?? null; } @@ -1223,15 +1210,6 @@ public function getAuthorId(): ?int */ public function setAuthorId(array|int|string|null $authorId): void { - /*if ($authorId === '') { - $authorId = null; - } - - if (is_array($authorId)) { - $this->_authorId = reset($authorId) ?: null; - } else { - $this->_authorId = $authorId; - }*/ $this->setAuthorsIds($authorId); $this->_author = null; @@ -1665,10 +1643,6 @@ public function setEagerLoadedElements(string $handle, array $elements): void protected function tableAttributeHtml(string $attribute): string { switch ($attribute) { - /*case 'author': - $author = $this->getAuthor(); - return $author ? Cp::elementHtml($author) : '';*/ - case 'authors': $authors = $this->getAuthors(); @@ -1831,20 +1805,6 @@ public function metaFieldsHtml(bool $static): string // Author if (Craft::$app->getEdition() === Craft::Pro && $user->can("viewPeerEntries:$section->uid")) { $fields[] = (function() use ($static, $section) { - /*$author = $this->getAuthor(); - $html = Cp::elementSelectFieldHtml([ - 'label' => Craft::t('app', 'Author'), - 'id' => 'authorId', - 'name' => 'authorId', - 'elementType' => User::class, - 'selectionLabel' => Craft::t('app', 'Choose'), - 'criteria' => [ - 'can' => "viewEntries:$section->uid", - ], - 'single' => true, - 'elements' => $author ? [$author] : null, - 'disabled' => $static, - ]);*/ $authors = $this->getAuthors(); $html = Cp::elementSelectFieldHtml([ 'label' => Craft::t('app', 'Authors'), @@ -2103,7 +2063,6 @@ public function afterSave(bool $isNew): void $record->sectionId = (int)$this->sectionId; $record->typeId = $this->getTypeId(); - //$record->authorId = $this->getAuthorId(); $record->postDate = Db::prepareDateForDb($this->postDate); $record->expiryDate = Db::prepareDateForDb($this->expiryDate); diff --git a/src/elements/db/EntryQuery.php b/src/elements/db/EntryQuery.php index d94518fa0bf..30fc6337cf7 100644 --- a/src/elements/db/EntryQuery.php +++ b/src/elements/db/EntryQuery.php @@ -109,12 +109,6 @@ class EntryQuery extends ElementQuery */ public mixed $authorId = null; - /** - * @var mixed The user IDs that the resulting entries’ authors must have. - * @used-by authorsIds() - */ - public mixed $authorsIds = null; - /** * @var mixed The user group ID(s) that the resulting entries’ authors must be in. * --- @@ -822,7 +816,6 @@ protected function beforePrepare(): bool $this->query->select([ 'entries.sectionId', 'entries.typeId', - //'entries.authorId', // todo - get rid of this 'entries.postDate', 'entries.expiryDate', ]); diff --git a/src/translations/en/app.php b/src/translations/en/app.php index 96e86a2232a..e5e67b1cc75 100644 --- a/src/translations/en/app.php +++ b/src/translations/en/app.php @@ -869,6 +869,7 @@ 'Max Time' => 'Max Time', 'Max Value' => 'Max Value', 'Maximum' => 'Maximum', + 'Maximum {num, number} {num, plural, =1{author} other{authors}} allowed.' => 'Maximum {num, number} {num, plural, =1{author} other{authors}} allowed.', 'Media' => 'Media', 'Medium' => 'Medium', 'Meet the Craft community' => 'Meet the Craft community', From 63724c100eedbddade577c471844b236094fa5a6 Mon Sep 17 00:00:00 2001 From: Iwona Just Date: Mon, 7 Nov 2022 15:35:29 +0000 Subject: [PATCH 08/40] eager loading map update --- src/elements/Entry.php | 93 +++++++++++++++++++++--------------------- 1 file changed, 47 insertions(+), 46 deletions(-) diff --git a/src/elements/Entry.php b/src/elements/Entry.php index c8f2e7b3a72..3b12d3802a4 100644 --- a/src/elements/Entry.php +++ b/src/elements/Entry.php @@ -571,52 +571,53 @@ protected static function defineDefaultTableAttributes(string $source): array */ public static function eagerLoadingMap(array $sourceElements, string $handle): array|null|false { -// if ($handle === 'author') { -// /** @phpstan-ignore-next-line */ -// $sourceElementsWithAuthors = array_filter($sourceElements, function(self $entry) { -// return $entry->getAuthorId() !== null; -// }); -// -// /** @phpstan-ignore-next-line */ -// $map = array_map(function(self $entry) { -// return [ -// 'source' => $entry->id, -// 'target' => $entry->getAuthorId(), -// ]; -// }, $sourceElementsWithAuthors); -// -// return [ -// 'elementType' => User::class, -// 'map' => $map, -// 'criteria' => [ -// 'status' => null, -// ], -// ]; -// } -// if ($handle === 'authors') { -// /** @phpstan-ignore-next-line */ -// $sourceElementsWithAuthors = array_filter($sourceElements, function(self $entry) { -// return $entry->getAuthorsIds() !== null; -// }); -// -// $map = []; -// foreach ($sourceElementsWithAuthors as $elementWithAuthors) { -// foreach ($elementWithAuthors->getAuthorsIds() as $authorId) { -// $map[] = [ -// 'source' => $elementWithAuthors->id, -// 'target' => $authorId, -// ]; -// } -// } -// -// return [ -// 'elementType' => User::class, -// 'map' => $map, -// 'criteria' => [ -// 'status' => null, -// ], -// ]; -// } + if ($handle === 'author') { + /** @phpstan-ignore-next-line */ + $sourceElementsWithAuthors = array_filter($sourceElements, function(self $entry) { + return $entry->getAuthorId() !== null; + }); + + /** @phpstan-ignore-next-line */ + $map = array_map(function(self $entry) { + return [ + 'source' => $entry->id, + 'target' => $entry->getAuthorId(), + ]; + }, $sourceElementsWithAuthors); + + return [ + 'elementType' => User::class, + 'map' => $map, + 'criteria' => [ + 'status' => null, + ], + ]; + } + + if ($handle === 'authors') { + /** @phpstan-ignore-next-line */ + $sourceElementsWithAuthors = array_filter($sourceElements, function(self $entry) { + return $entry->getAuthorsIds() !== null; + }); + + $map = []; + foreach ($sourceElementsWithAuthors as $sourceElementWithAuthors) { + $map += array_map(function ($authorId) use ($sourceElementWithAuthors) { + return [ + 'source' => $sourceElementWithAuthors->id, + 'target' => $authorId, + ]; + }, $sourceElementWithAuthors->getAuthorsIds()); + } + + return [ + 'elementType' => User::class, + 'map' => $map, + 'criteria' => [ + 'status' => null, + ], + ]; + } return parent::eagerLoadingMap($sourceElements, $handle); } From 30a8bab26cddec2304e16a4422f41f6d6f7936cd Mon Sep 17 00:00:00 2001 From: Iwona Just Date: Tue, 8 Nov 2022 09:06:55 +0000 Subject: [PATCH 09/40] cleanup --- src/elements/Entry.php | 94 ++++++++----------- ...01_115859_create_entries_authors_table.php | 6 +- ...107_112121_add_max_authors_to_sections.php | 1 - src/services/Sections.php | 2 +- 4 files changed, 40 insertions(+), 63 deletions(-) diff --git a/src/elements/Entry.php b/src/elements/Entry.php index 3b12d3802a4..a437f297044 100644 --- a/src/elements/Entry.php +++ b/src/elements/Entry.php @@ -54,8 +54,8 @@ use craft\validators\DateTimeValidator; use craft\web\CpScreenResponseBehavior; use DateTime; -use Throwable; use Illuminate\Support\Collection; +use Throwable; use yii\base\Exception; use yii\base\InvalidConfigException; use yii\db\Expression; @@ -571,28 +571,28 @@ protected static function defineDefaultTableAttributes(string $source): array */ public static function eagerLoadingMap(array $sourceElements, string $handle): array|null|false { - if ($handle === 'author') { - /** @phpstan-ignore-next-line */ - $sourceElementsWithAuthors = array_filter($sourceElements, function(self $entry) { - return $entry->getAuthorId() !== null; - }); - - /** @phpstan-ignore-next-line */ - $map = array_map(function(self $entry) { - return [ - 'source' => $entry->id, - 'target' => $entry->getAuthorId(), - ]; - }, $sourceElementsWithAuthors); - - return [ - 'elementType' => User::class, - 'map' => $map, - 'criteria' => [ - 'status' => null, - ], - ]; - } +// if ($handle === 'author') { +// /** @phpstan-ignore-next-line */ +// $sourceElementsWithAuthors = array_filter($sourceElements, function(self $entry) { +// return $entry->getAuthorId() !== null; +// }); +// +// /** @phpstan-ignore-next-line */ +// $map = array_map(function(self $entry) { +// return [ +// 'source' => $entry->id, +// 'target' => $entry->getAuthorId(), +// ]; +// }, $sourceElementsWithAuthors); +// +// return [ +// 'elementType' => User::class, +// 'map' => $map, +// 'criteria' => [ +// 'status' => null, +// ], +// ]; +// } if ($handle === 'authors') { /** @phpstan-ignore-next-line */ @@ -602,11 +602,12 @@ public static function eagerLoadingMap(array $sourceElements, string $handle): a $map = []; foreach ($sourceElementsWithAuthors as $sourceElementWithAuthors) { - $map += array_map(function ($authorId) use ($sourceElementWithAuthors) { + $map += array_map(function($authorId) use ($sourceElementWithAuthors) { return [ 'source' => $sourceElementWithAuthors->id, 'target' => $authorId, ]; + /** @phpstan-ignore-next-line */ }, $sourceElementWithAuthors->getAuthorsIds()); } @@ -730,13 +731,6 @@ protected static function prepElementQueryForTableAttribute(ElementQueryInterfac */ public ?array $_authorsIds = null; - /** - * @var User|null|false - * @see getAuthor() - * @see setAuthor() - */ - private User|false|null $_author = null; - /** * @var User[]|false|null * @see getAuthors() @@ -1212,8 +1206,6 @@ public function getAuthorId(): ?int public function setAuthorId(array|int|string|null $authorId): void { $this->setAuthorsIds($authorId); - - $this->_author = null; } /** @@ -1230,12 +1222,12 @@ public function getAuthorsIds(): ?array /** * Sets the entry authors IDs. * - * @param User[]|string|int|null $authorsIds + * @param User[]|int[]|string|int|null $authorsIds * @since 4.0.0 */ public function setAuthorsIds(array|string|int|null $authorsIds): void { - if (empty($authorsIds) || $authorsIds === '') { + if (empty($authorsIds) || $authorsIds == '') { $authorsIds = null; } @@ -1244,8 +1236,8 @@ public function setAuthorsIds(array|string|int|null $authorsIds): void } if (is_array($authorsIds)) { - array_map(function($authorId) { - if (empty($authorId) || $authorId === '') { + $ids = array_map(function($authorId) { + if ($authorId == '') { return null; } if ($authorId instanceof User) { @@ -1254,7 +1246,7 @@ public function setAuthorsIds(array|string|int|null $authorsIds): void return $authorId; }, $authorsIds); - $this->_authorsIds = array_values(array_filter($authorsIds)); + $this->_authorsIds = array_values(array_filter($ids)); } $this->_authors = null; @@ -1277,18 +1269,17 @@ public function setAuthorsIds(array|string|int|null $authorsIds): void public function getAuthor(): ?User { $this->getAuthors(); - return $this->_authors[0] ?:null; + return $this->_authors[0] ?? null; } /** - * Sets the entry’s author. + * Sets the entry’s author * * @param User|null $author */ public function setAuthor(?User $author = null): void { $this->setAuthors([$author]); - $this->_author = $author; } /** @@ -1327,13 +1318,14 @@ public function getAuthors(): ?array /** * Sets the entry’s authors. * - * @param User[]|null $authors + * @param User[]|int[]|null $authors */ public function setAuthors(?array $authors = null): void { + $mappedAuthors = []; if ($authors !== null) { // make sure any IDs are converted into users - array_map(function($author) { + $mappedAuthors = array_map(function($author) { if (is_int($author)) { return Craft::$app->getUsers()->getUserById($author); } @@ -1341,7 +1333,7 @@ public function setAuthors(?array $authors = null): void }, $authors); } - $this->_authors = array_values(array_filter($authors)); + $this->_authors = array_values(array_filter($mappedAuthors)); $this->setAuthorsIds(array_column($this->_authors, null, 'id')); } @@ -1623,18 +1615,6 @@ public function getGqlTypeName(): string return static::gqlTypeNameByContext($this->getType()); } - /** - * @inheritdoc - */ - public function setEagerLoadedElements(string $handle, array $elements): void - { - if ($handle === 'author') { - $this->_author = $elements[0] ?? false; - } else { - parent::setEagerLoadedElements($handle, $elements); - } - } - // Indexes, etc. // ------------------------------------------------------------------------- @@ -1820,7 +1800,7 @@ public function metaFieldsHtml(bool $static): string 'elements' => $authors ?: null, 'disabled' => $static, 'errors' => $this->getErrors('authorsIds'), - 'limit' => $section->maxAuthors + 'limit' => $section->maxAuthors, ]); return $html; })(); diff --git a/src/migrations/m221101_115859_create_entries_authors_table.php b/src/migrations/m221101_115859_create_entries_authors_table.php index 0a3f55a796a..60794d308ec 100644 --- a/src/migrations/m221101_115859_create_entries_authors_table.php +++ b/src/migrations/m221101_115859_create_entries_authors_table.php @@ -45,10 +45,8 @@ public function safeUp(): bool $entriesAuthors[] = [$entry['id'], $entry['authorId'], '1']; } - if (!empty($entriesAuthors)) { - $db = Craft::$app->getDb(); - Db::batchInsert(Table::ENTRIES_AUTHORS, ['elementId', 'authorId', 'sortOrder'], $entriesAuthors, $db); - } + $db = Craft::$app->getDb(); + Db::batchInsert(Table::ENTRIES_AUTHORS, ['elementId', 'authorId', 'sortOrder'], $entriesAuthors, $db); } // remove authorId column from entries table diff --git a/src/migrations/m221107_112121_add_max_authors_to_sections.php b/src/migrations/m221107_112121_add_max_authors_to_sections.php index 0d06206ff57..a2f26252eaf 100644 --- a/src/migrations/m221107_112121_add_max_authors_to_sections.php +++ b/src/migrations/m221107_112121_add_max_authors_to_sections.php @@ -2,7 +2,6 @@ namespace craft\migrations; -use Craft; use craft\db\Migration; use craft\db\Table; diff --git a/src/services/Sections.php b/src/services/Sections.php index d846228c817..44f9b805268 100644 --- a/src/services/Sections.php +++ b/src/services/Sections.php @@ -591,7 +591,7 @@ public function handleChangedSection(ConfigEvent $event): void $sectionRecord->handle = $data['handle']; $sectionRecord->type = $data['type']; $sectionRecord->enableVersioning = (bool)$data['enableVersioning']; - $sectionRecord->maxAuthors = (int)$data['maxAuthors']; + $sectionRecord->maxAuthors = $data['maxAuthors']; $sectionRecord->propagationMethod = $data['propagationMethod'] ?? Section::PROPAGATION_METHOD_ALL; $sectionRecord->defaultPlacement = $data['defaultPlacement'] ?? Section::DEFAULT_PLACEMENT_END; $sectionRecord->previewTargets = isset($data['previewTargets']) && is_array($data['previewTargets']) From 110b38e2cc05c71abf84b93682ac3a31f94452ef Mon Sep 17 00:00:00 2001 From: Iwona Just Date: Tue, 22 Nov 2022 08:38:39 +0000 Subject: [PATCH 10/40] WIP in authorsIds() method --- src/elements/db/EntryQuery.php | 100 +++++++++++++++++++++++--- src/gql/arguments/elements/Entry.php | 5 ++ src/gql/arguments/mutations/Entry.php | 5 ++ src/gql/interfaces/elements/Entry.php | 11 +++ 4 files changed, 113 insertions(+), 8 deletions(-) diff --git a/src/elements/db/EntryQuery.php b/src/elements/db/EntryQuery.php index 30fc6337cf7..3bc1cda6679 100644 --- a/src/elements/db/EntryQuery.php +++ b/src/elements/db/EntryQuery.php @@ -109,6 +109,12 @@ class EntryQuery extends ElementQuery */ public mixed $authorId = null; + /** + * @var mixed The user IDs that the resulting entries’ authors must have. + * @used-by authorsIds() + */ + public mixed $authorsIds = []; + /** * @var mixed The user group ID(s) that the resulting entries’ authors must be in. * --- @@ -492,6 +498,47 @@ public function authorId(mixed $value): self return $this; } + /** + * Narrows the query results based on the entries’ authors. + * + * Possible values include: + * + * | Value | Fetches entries… + * | - | - + * | `1` | with an author with an ID of 1. + * | `'not 1'` | not with an author with an ID of 1. + * | `[1, 2]` | with authors with an ID of 1 and 2. + * | `['not', 1, 2]` | not with authors with an ID of 1 or 2. + * + * --- + * + * ```twig + * {# Fetch entries with an author with an ID of 1 #} + * {% set {elements-var} = {twig-method} + * .authorsIds([1,2]) + * .all() %} + * ``` + * + * ```php + * // Fetch entries with an author with an ID of 1 + * ${elements-var} = {php-method} + * ->authorsIds([1,2]) + * ->all(); + * ``` + * + * @param mixed $values The property value + * @return self self reference + * @uses $authorsIds + */ + public function authorsIds(mixed $values): self + { + if (!is_array($values)) { + $values = ArrayHelper::toArray($values); + } + $this->authorsIds = $values; + return $this; + } + /** * Narrows the query results based on the user group the entries’ authors belong to. * @@ -841,13 +888,16 @@ protected function beforePrepare(): bool if (Craft::$app->getEdition() === Craft::Pro) { if ($this->authorId) { - //$this->subQuery->andWhere(Db::parseNumericParam('entries.authorId', $this->authorId)); $this->subQuery ->innerJoin(['entries_authors' => Table::ENTRIES_AUTHORS], '[[entries_authors.elementId]] = [[entries.id]]') ->andWhere(Db::parseNumericParam('entries_authors.authorId', $this->authorId)); } - // todo: do we want to have authorsIds() option too, where we join IDs by 'and'? - // or should it just use authorId and then further processing is down to the website creator? + + if ($this->authorsIds) { + $this->subQuery + ->innerJoin(['entries_authors' => Table::ENTRIES_AUTHORS], '[[entries_authors.elementId]] = [[entries.id]]') + ->andWhere(Db::parseNumericParam('entries_authors.authorId', $this->authorsIds)); + } if ($this->authorGroupId) { $this->subQuery @@ -870,9 +920,9 @@ protected function beforePrepare(): bool */ public function populate($rows): array { - // we are now getting multiple rows for one entry because of ->authorId([...]) + // we are now getting multiple rows for one entry because of ->authorId([...]), ->authorsIds([...]) // and the ->innerJoin with entries_authors table - // todo: is there a better way to do this? tried with group_concat but + // todo: is there a better way to do this? tried with group_concat but throws mysql error $distinctRows = []; if (!empty($rows)) { foreach ($rows as $row) { @@ -881,7 +931,7 @@ public function populate($rows): array continue; } // get all authorIds for this entry - $authorsIds = array_column( + $entryAuthorsIds = array_column( (new Query()) ->select(['authorId']) ->from(Table::ENTRIES_AUTHORS) @@ -889,8 +939,42 @@ public function populate($rows): array ->orderBy('sortOrder ASC') ->all(), 'authorId'); - $row['authorsIds'] = $authorsIds; - $distinctRows[$row['id']] = $row; + + // if authors IDs were passed via authorsIds + // make sure we only return entries which have all and only + // the specified authors assigned to them + if (!empty($this->authorsIds)) { + if (strtolower(trim($this->authorsIds[0])) === 'not') { + $negativeSearch = true; + $_authorsIds = array_slice($this->authorsIds, 1); + } else { + $negativeSearch = false; + $_authorsIds = $this->authorsIds; + } + + $test1 = array_intersect([1,7], [8,1,7]); + $test2 = array_intersect([1,7], [7,1]); + $test3 = array_intersect([1,7], [8]); + $test4 = array_intersect([1,7], [8,7]); + + if ( + $negativeSearch === false && + count($_authorsIds) === count($entryAuthorsIds) && + empty(array_diff($_authorsIds, $entryAuthorsIds)) + ) { + $row['authorsIds'] = $entryAuthorsIds; + $distinctRows[$row['id']] = $row; + } elseif ( + $negativeSearch === true && + empty(array_intersect($_authorsIds, $entryAuthorsIds)) + ) { + $row['authorsIds'] = $entryAuthorsIds; + $distinctRows[$row['id']] = $row; + } + } else { + $row['authorsIds'] = $entryAuthorsIds; + $distinctRows[$row['id']] = $row; + } } } diff --git a/src/gql/arguments/elements/Entry.php b/src/gql/arguments/elements/Entry.php index 9bf03a02e49..910f8da4170 100644 --- a/src/gql/arguments/elements/Entry.php +++ b/src/gql/arguments/elements/Entry.php @@ -57,6 +57,11 @@ public static function getArguments(): array 'type' => Type::listOf(QueryArgument::getType()), 'description' => 'Narrows the query results based on the entries’ authors.', ], + 'authorsIds' => [ + 'name' => 'authorsIds', + 'type' => Type::listOf(QueryArgument::getType()), + 'description' => 'Narrows the query results based on the entries’ authors.', + ], 'authorGroup' => [ 'name' => 'authorGroup', 'type' => Type::listOf(Type::string()), diff --git a/src/gql/arguments/mutations/Entry.php b/src/gql/arguments/mutations/Entry.php index b8918d05eb9..21e561f0492 100644 --- a/src/gql/arguments/mutations/Entry.php +++ b/src/gql/arguments/mutations/Entry.php @@ -30,6 +30,11 @@ public static function getArguments(): array 'type' => Type::id(), 'description' => 'The ID of the user that created this entry.', ], + 'authorsIds' => [ + 'name' => 'authorsIds', + 'type' => Type::listOf(Type::id()), + 'description' => 'The ID of the user that created this entry.', + ], 'postDate' => [ 'name' => 'postDate', 'type' => DateTime::getType(), diff --git a/src/gql/interfaces/elements/Entry.php b/src/gql/interfaces/elements/Entry.php index 21f7eeed716..e866ae00d26 100644 --- a/src/gql/interfaces/elements/Entry.php +++ b/src/gql/interfaces/elements/Entry.php @@ -204,6 +204,17 @@ protected static function getConditionalFields(): array 'description' => 'The entry’s author.', 'complexity' => Gql::eagerLoadComplexity(), ], + 'authorsIds' => [ + 'name' => 'authorsIds', + 'type' => Type::listOf(Type::int()), + 'description' => 'The IDs of the authors of this entry.', + ], + 'authors' => [ + 'name' => 'authors', + 'type' => Type::listOf(User::getType()), + 'description' => 'The entry’s authors.', + 'complexity' => Gql::eagerLoadComplexity(), + ], ]); } From 4bc4e82a6b5f90a4c6d7d16bfb1c5ba6ad43e836 Mon Sep 17 00:00:00 2001 From: Iwona Just Date: Tue, 22 Nov 2022 10:21:09 +0000 Subject: [PATCH 11/40] update process authors --- src/elements/db/EntryQuery.php | 135 ++++++++++++++++++--------------- 1 file changed, 73 insertions(+), 62 deletions(-) diff --git a/src/elements/db/EntryQuery.php b/src/elements/db/EntryQuery.php index 3bc1cda6679..c33730f3164 100644 --- a/src/elements/db/EntryQuery.php +++ b/src/elements/db/EntryQuery.php @@ -506,9 +506,8 @@ public function authorId(mixed $value): self * | Value | Fetches entries… * | - | - * | `1` | with an author with an ID of 1. - * | `'not 1'` | not with an author with an ID of 1. - * | `[1, 2]` | with authors with an ID of 1 and 2. - * | `['not', 1, 2]` | not with authors with an ID of 1 or 2. + * | `[1, 2]` | with authors with ID of 1 and 2. + * | `['not', 1, 2]` | not with authors with an ID of 1 and 2. * * --- * @@ -920,65 +919,7 @@ protected function beforePrepare(): bool */ public function populate($rows): array { - // we are now getting multiple rows for one entry because of ->authorId([...]), ->authorsIds([...]) - // and the ->innerJoin with entries_authors table - // todo: is there a better way to do this? tried with group_concat but throws mysql error - $distinctRows = []; - if (!empty($rows)) { - foreach ($rows as $row) { - // id this entryId has already been processed, carry on to the next one - if (isset($distinctRows[$row['id']])) { - continue; - } - // get all authorIds for this entry - $entryAuthorsIds = array_column( - (new Query()) - ->select(['authorId']) - ->from(Table::ENTRIES_AUTHORS) - ->where(['elementId' => $row['id']]) - ->orderBy('sortOrder ASC') - ->all(), - 'authorId'); - - // if authors IDs were passed via authorsIds - // make sure we only return entries which have all and only - // the specified authors assigned to them - if (!empty($this->authorsIds)) { - if (strtolower(trim($this->authorsIds[0])) === 'not') { - $negativeSearch = true; - $_authorsIds = array_slice($this->authorsIds, 1); - } else { - $negativeSearch = false; - $_authorsIds = $this->authorsIds; - } - - $test1 = array_intersect([1,7], [8,1,7]); - $test2 = array_intersect([1,7], [7,1]); - $test3 = array_intersect([1,7], [8]); - $test4 = array_intersect([1,7], [8,7]); - - if ( - $negativeSearch === false && - count($_authorsIds) === count($entryAuthorsIds) && - empty(array_diff($_authorsIds, $entryAuthorsIds)) - ) { - $row['authorsIds'] = $entryAuthorsIds; - $distinctRows[$row['id']] = $row; - } elseif ( - $negativeSearch === true && - empty(array_intersect($_authorsIds, $entryAuthorsIds)) - ) { - $row['authorsIds'] = $entryAuthorsIds; - $distinctRows[$row['id']] = $row; - } - } else { - $row['authorsIds'] = $entryAuthorsIds; - $distinctRows[$row['id']] = $row; - } - } - } - - return parent::populate($distinctRows); + return parent::populate($this->_processAuthors($rows)); } /** @@ -1184,4 +1125,74 @@ protected function cacheTags(): array } return $tags; } + + /** + * We are getting multiple rows for one entry because of + * ->authorId([...]), ->authorsIds([...]) and the ->innerJoin with + * entries_authors table. + * We need to process each entry to make sure we get one element per entry. + * + * @param array $rows + * @return array + */ + private function _processAuthors(array $rows): array + { + // we are now getting multiple rows for one entry because of ->authorId([...]), ->authorsIds([...]) + // and the ->innerJoin with entries_authors table + // todo: is there a better way to do this? tried with group_concat but throws mysql error + $distinctRows = []; + if (!empty($rows)) { + foreach ($rows as $row) { + // if this entryId has already been processed, carry on to the next one + if (isset($distinctRows[$row['id']])) { + continue; + } + // get all authorIds for this entry + $entryAuthorsIds = array_column( + (new Query()) + ->select(['authorId']) + ->from(Table::ENTRIES_AUTHORS) + ->where(['elementId' => $row['id']]) + ->orderBy('sortOrder ASC') + ->all(), + 'authorId'); + + // if authors IDs were passed via authorsIds + // make sure we only return entries which have all and only + // the specified authors assigned to them + if (!empty($this->authorsIds)) { + if (strtolower(trim($this->authorsIds[0])) === 'not') { + $negativeSearch = true; + $_authorsIds = array_slice($this->authorsIds, 1); + } else { + $negativeSearch = false; + $_authorsIds = $this->authorsIds; + } + + // if "regular" search, check if row (entry) has only the authors we're after + if ( + $negativeSearch === false && + count($_authorsIds) === count($entryAuthorsIds) && + empty(array_diff($_authorsIds, $entryAuthorsIds)) + ) { + $row['authorsIds'] = $entryAuthorsIds; + $distinctRows[$row['id']] = $row; + // if "negative" search, check if row (entry) doesn't have the authors + // we need to exclude, and no others + } elseif ( + $negativeSearch === true && + empty(array_intersect($_authorsIds, $entryAuthorsIds)) + ) { + $row['authorsIds'] = $entryAuthorsIds; + $distinctRows[$row['id']] = $row; + } + } else { + $row['authorsIds'] = $entryAuthorsIds; + $distinctRows[$row['id']] = $row; + } + } + } + + return $distinctRows; + } } From 10a3e16d5a4f02175423d1a0e55be7b011e33d8d Mon Sep 17 00:00:00 2001 From: Iwona Just Date: Tue, 22 Nov 2022 12:00:41 +0000 Subject: [PATCH 12/40] tweaks to EntryQuery, Entry and GQL --- src/elements/Entry.php | 46 +++++++++++++-------------- src/elements/db/EntryQuery.php | 6 ++-- src/gql/arguments/mutations/Entry.php | 2 +- src/gql/interfaces/elements/Entry.php | 2 +- 4 files changed, 28 insertions(+), 28 deletions(-) diff --git a/src/elements/Entry.php b/src/elements/Entry.php index d5f79ed36cc..a813ec3a4ce 100644 --- a/src/elements/Entry.php +++ b/src/elements/Entry.php @@ -72,9 +72,9 @@ * @author Pixel & Tonic, Inc. * @since 3.0.0 * - * @since 5.0.0 * @property array|null $authorsIds the entry authors' IDs * @property array|null $authors the entry’s authors + * @since 5.0.0 */ class Entry extends Element implements ExpirableElementInterface { @@ -579,28 +579,28 @@ protected static function defineDefaultTableAttributes(string $source): array */ public static function eagerLoadingMap(array $sourceElements, string $handle): array|null|false { -// if ($handle === 'author') { -// /** @phpstan-ignore-next-line */ -// $sourceElementsWithAuthors = array_filter($sourceElements, function(self $entry) { -// return $entry->getAuthorId() !== null; -// }); -// -// /** @phpstan-ignore-next-line */ -// $map = array_map(function(self $entry) { -// return [ -// 'source' => $entry->id, -// 'target' => $entry->getAuthorId(), -// ]; -// }, $sourceElementsWithAuthors); -// -// return [ -// 'elementType' => User::class, -// 'map' => $map, -// 'criteria' => [ -// 'status' => null, -// ], -// ]; -// } + if ($handle === 'author') { + /** @phpstan-ignore-next-line */ + $sourceElementsWithAuthors = array_filter($sourceElements, function(self $entry) { + return $entry->getAuthorId() !== null; + }); + + /** @phpstan-ignore-next-line */ + $map = array_map(function(self $entry) { + return [ + 'source' => $entry->id, + 'target' => $entry->getAuthorId(), + ]; + }, $sourceElementsWithAuthors); + + return [ + 'elementType' => User::class, + 'map' => $map, + 'criteria' => [ + 'status' => null, + ], + ]; + } if ($handle === 'authors') { /** @phpstan-ignore-next-line */ diff --git a/src/elements/db/EntryQuery.php b/src/elements/db/EntryQuery.php index c33730f3164..10ea777bc7f 100644 --- a/src/elements/db/EntryQuery.php +++ b/src/elements/db/EntryQuery.php @@ -1177,11 +1177,11 @@ private function _processAuthors(array $rows): array ) { $row['authorsIds'] = $entryAuthorsIds; $distinctRows[$row['id']] = $row; - // if "negative" search, check if row (entry) doesn't have the authors - // we need to exclude, and no others + // if "negative" search, check if row (entry) doesn't have + // all the authors we need to exclude, and no others } elseif ( $negativeSearch === true && - empty(array_intersect($_authorsIds, $entryAuthorsIds)) + !empty(array_diff($_authorsIds, $entryAuthorsIds)) ) { $row['authorsIds'] = $entryAuthorsIds; $distinctRows[$row['id']] = $row; diff --git a/src/gql/arguments/mutations/Entry.php b/src/gql/arguments/mutations/Entry.php index 21e561f0492..b7fdbea361d 100644 --- a/src/gql/arguments/mutations/Entry.php +++ b/src/gql/arguments/mutations/Entry.php @@ -33,7 +33,7 @@ public static function getArguments(): array 'authorsIds' => [ 'name' => 'authorsIds', 'type' => Type::listOf(Type::id()), - 'description' => 'The ID of the user that created this entry.', + 'description' => 'The ID of the users that authors of this entry.', ], 'postDate' => [ 'name' => 'postDate', diff --git a/src/gql/interfaces/elements/Entry.php b/src/gql/interfaces/elements/Entry.php index e866ae00d26..2cdb5cb074b 100644 --- a/src/gql/interfaces/elements/Entry.php +++ b/src/gql/interfaces/elements/Entry.php @@ -200,7 +200,7 @@ protected static function getConditionalFields(): array ], 'author' => [ 'name' => 'author', - 'type' => User::getType(), + 'type' => Type::listOf(User::getType()), 'description' => 'The entry’s author.', 'complexity' => Gql::eagerLoadComplexity(), ], From 5634fd3086ad6e738580b76b72bae01b0b57efef Mon Sep 17 00:00:00 2001 From: Iwona Just Date: Tue, 22 Nov 2022 12:48:01 +0000 Subject: [PATCH 13/40] migrate authors amend for psql --- src/migrations/m221101_115859_create_entries_authors_table.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/migrations/m221101_115859_create_entries_authors_table.php b/src/migrations/m221101_115859_create_entries_authors_table.php index 60794d308ec..349b6d2e05d 100644 --- a/src/migrations/m221101_115859_create_entries_authors_table.php +++ b/src/migrations/m221101_115859_create_entries_authors_table.php @@ -36,7 +36,7 @@ public function safeUp(): bool // add data migration $entries = EntryRecord::find() ->select(['id', 'authorId']) - ->where('authorId IS NOT NULL') + ->where('[[authorId]] IS NOT NULL') ->orderBy('id ASC') ->all(); $entriesAuthors = []; From fdef2fbc229ef0d1d489647bf0bb425f4b182855 Mon Sep 17 00:00:00 2001 From: Iwona Just Date: Tue, 22 Nov 2022 13:36:19 +0000 Subject: [PATCH 14/40] update to permissions checks --- src/elements/Entry.php | 6 +++--- src/elements/db/EntryQuery.php | 12 +++++++----- 2 files changed, 10 insertions(+), 8 deletions(-) diff --git a/src/elements/Entry.php b/src/elements/Entry.php index a813ec3a4ce..050dfc53229 100644 --- a/src/elements/Entry.php +++ b/src/elements/Entry.php @@ -1432,7 +1432,7 @@ public function canView(User $user): bool return ( $section->type === Section::TYPE_SINGLE || - $this->getAuthorId() === $user->id || + in_array($user->id, $this->getAuthorsIds(), true) || $user->can("viewPeerEntries:$section->uid") ); } @@ -1466,7 +1466,7 @@ public function canSave(User $user): bool return ( $section->type === Section::TYPE_SINGLE || - $this->getAuthorId() === $user->id || + in_array($user->id, $this->getAuthorsIds(), true) || $user->can("savePeerEntries:$section->uid") ); } @@ -1513,7 +1513,7 @@ public function canDelete(User $user): bool } return ( - $this->getAuthorId() === $user->id || + in_array($user->id, $this->getAuthorsIds(), true) || $user->can("deletePeerEntries:$section->uid") ); } diff --git a/src/elements/db/EntryQuery.php b/src/elements/db/EntryQuery.php index 5375b76dde3..81b9175b1b5 100644 --- a/src/elements/db/EntryQuery.php +++ b/src/elements/db/EntryQuery.php @@ -994,11 +994,13 @@ private function _applyEditableParam(): void // Enforce the viewPeerEntries permissions for non-Single sections foreach (Craft::$app->getSections()->getEditableSections() as $section) { if ($section->type != Section::TYPE_SINGLE && !$user->can("viewPeerEntries:$section->uid")) { - $this->subQuery->andWhere([ - 'or', - ['not', ['entries.sectionId' => $section->id]], - ['entries.authorId' => $user->id], - ]); + $this->subQuery + ->innerJoin(['entries_authors' => Table::ENTRIES_AUTHORS], '[[entries_authors.elementId]] = [[entries.id]]') + ->andWhere([ + 'or', + ['not', ['entries.sectionId' => $section->id]], + ['in', 'entries_authors.authorId', $user->id], + ]); } } } From 1da33d2a29bff96dff14f4ee5b439d0f171e8981 Mon Sep 17 00:00:00 2001 From: Iwona Just Date: Mon, 28 Nov 2022 14:31:51 +0000 Subject: [PATCH 15/40] adjusted comments + bug fix --- src/elements/Entry.php | 7 +++++++ src/elements/db/EntryQuery.php | 7 ++++--- 2 files changed, 11 insertions(+), 3 deletions(-) diff --git a/src/elements/Entry.php b/src/elements/Entry.php index 050dfc53229..69e2ce9d44c 100644 --- a/src/elements/Entry.php +++ b/src/elements/Entry.php @@ -1239,6 +1239,10 @@ public function setAuthorsIds(array|string|int|null $authorsIds): void $authorsIds = null; } + if (is_string($authorsIds)) { + $authorsIds = explode(',', $authorsIds); + } + if (is_int($authorsIds)) { $this->_authorsIds = [$authorsIds]; } @@ -1248,6 +1252,9 @@ public function setAuthorsIds(array|string|int|null $authorsIds): void if ($authorId == '') { return null; } + if (is_string($authorId)) { + return (int)$authorId; + } if ($authorId instanceof User) { return $authorId->id; } diff --git a/src/elements/db/EntryQuery.php b/src/elements/db/EntryQuery.php index 81b9175b1b5..4e6ff41f96c 100644 --- a/src/elements/db/EntryQuery.php +++ b/src/elements/db/EntryQuery.php @@ -1139,8 +1139,9 @@ protected function cacheTags(): array */ private function _processAuthors(array $rows): array { - // we are now getting multiple rows for one entry because of ->authorId([...]), ->authorsIds([...]) - // and the ->innerJoin with entries_authors table + // get authors info + // also, because of ->authorId([...]), ->authorsIds([...]) we are now + // getting multiple rows for one entry // todo: is there a better way to do this? tried with group_concat but throws mysql error $distinctRows = []; if (!empty($rows)) { @@ -1161,7 +1162,7 @@ private function _processAuthors(array $rows): array // if authors IDs were passed via authorsIds // make sure we only return entries which have all and only - // the specified authors assigned to them + // the specified authors from the query if (!empty($this->authorsIds)) { if (strtolower(trim($this->authorsIds[0])) === 'not') { $negativeSearch = true; From fc16e345e9d82b20582991bbd071aa50fe32b13a Mon Sep 17 00:00:00 2001 From: Iwona Just Date: Mon, 12 Dec 2022 10:11:46 +0100 Subject: [PATCH 16/40] clean up --- src/controllers/EntriesController.php | 4 +--- src/gql/arguments/elements/Entry.php | 4 ++-- src/gql/arguments/mutations/Entry.php | 2 +- src/migrations/Install.php | 2 -- 4 files changed, 4 insertions(+), 8 deletions(-) diff --git a/src/controllers/EntriesController.php b/src/controllers/EntriesController.php index db4b766dab0..e5ec2ee125c 100644 --- a/src/controllers/EntriesController.php +++ b/src/controllers/EntriesController.php @@ -94,7 +94,6 @@ public function actionCreate(?string $section = null): ?Response $entry = Craft::createObject(Entry::class); $entry->siteId = $site->id; $entry->sectionId = $section->id; - //$entry->authorId = $this->request->getQueryParam('authorId', $user->id); $entry->authorsIds = $this->request->getQueryParam('authorsIds', $user->id); // Type @@ -239,8 +238,7 @@ public function actionSaveEntry(bool $duplicate = false): ?Response if ( $entry->id && !$duplicate && - (/*$entry->authorId != $currentUser->id ||*/ - !in_array($currentUser->id, $entry->authorsIds)) && + !in_array($currentUser->id, $entry->authorsIds) && $section->type !== Section::TYPE_SINGLE && $entry->enabled ) { diff --git a/src/gql/arguments/elements/Entry.php b/src/gql/arguments/elements/Entry.php index 910f8da4170..2175e233b26 100644 --- a/src/gql/arguments/elements/Entry.php +++ b/src/gql/arguments/elements/Entry.php @@ -55,11 +55,11 @@ public static function getArguments(): array 'authorId' => [ 'name' => 'authorId', 'type' => Type::listOf(QueryArgument::getType()), - 'description' => 'Narrows the query results based on the entries’ authors.', + 'description' => 'Narrows the query results based on the entries’ author.', ], 'authorsIds' => [ 'name' => 'authorsIds', - 'type' => Type::listOf(QueryArgument::getType()), + 'type' => Type::listOf(Type::int()), 'description' => 'Narrows the query results based on the entries’ authors.', ], 'authorGroup' => [ diff --git a/src/gql/arguments/mutations/Entry.php b/src/gql/arguments/mutations/Entry.php index b7fdbea361d..704edac4356 100644 --- a/src/gql/arguments/mutations/Entry.php +++ b/src/gql/arguments/mutations/Entry.php @@ -33,7 +33,7 @@ public static function getArguments(): array 'authorsIds' => [ 'name' => 'authorsIds', 'type' => Type::listOf(Type::id()), - 'description' => 'The ID of the users that authors of this entry.', + 'description' => 'The IDs of the users that are authors of this entry.', ], 'postDate' => [ 'name' => 'postDate', diff --git a/src/migrations/Install.php b/src/migrations/Install.php index ac0e43aa87a..62e83b22538 100644 --- a/src/migrations/Install.php +++ b/src/migrations/Install.php @@ -846,7 +846,6 @@ public function createIndexes(): void $this->createIndex(null, Table::SYSTEMMESSAGES, ['language'], false); $this->createIndex(null, Table::ENTRIES, ['postDate'], false); $this->createIndex(null, Table::ENTRIES, ['expiryDate'], false); - //$this->createIndex(null, Table::ENTRIES, ['authorId'], false); $this->createIndex(null, Table::ENTRIES, ['sectionId'], false); $this->createIndex(null, Table::ENTRIES, ['typeId'], false); $this->createIndex(null, Table::ENTRIES_AUTHORS, ['authorId'], false); @@ -1030,7 +1029,6 @@ public function addForeignKeys(): void $this->addForeignKey(null, Table::ELEMENTS, ['fieldLayoutId'], Table::FIELDLAYOUTS, ['id'], 'SET NULL', null); $this->addForeignKey(null, Table::ELEMENTS_SITES, ['elementId'], Table::ELEMENTS, ['id'], 'CASCADE', null); $this->addForeignKey(null, Table::ELEMENTS_SITES, ['siteId'], Table::SITES, ['id'], 'CASCADE', 'CASCADE'); - //$this->addForeignKey(null, Table::ENTRIES, ['authorId'], Table::USERS, ['id'], 'SET NULL', null); $this->addForeignKey(null, Table::ENTRIES, ['id'], Table::ELEMENTS, ['id'], 'CASCADE', null); $this->addForeignKey(null, Table::ENTRIES, ['sectionId'], Table::SECTIONS, ['id'], 'CASCADE', null); $this->addForeignKey(null, Table::ENTRIES, ['parentId'], Table::ENTRIES, ['id'], 'SET NULL', null); From 9fdb68ebf195063344afb87b7544db9badb510e9 Mon Sep 17 00:00:00 2001 From: Iwona Just Date: Mon, 12 Dec 2022 10:58:28 +0100 Subject: [PATCH 17/40] tests for multiple entry authors --- tests/fixtures/data/entries.php | 8 ++++++++ tests/fixtures/data/entry-types.php | 10 ++++++++++ tests/fixtures/data/gql-schemas.php | 2 ++ tests/fixtures/data/section-settings.php | 10 ++++++++++ tests/fixtures/data/sections.php | 10 ++++++++++ tests/unit/elements/db/EntryQueryTest.php | 16 +++++++++++++++- tests/unit/gql/TypeResolverTest.php | 2 ++ 7 files changed, 57 insertions(+), 1 deletion(-) diff --git a/tests/fixtures/data/entries.php b/tests/fixtures/data/entries.php index cc71c8e1a78..0509d105509 100644 --- a/tests/fixtures/data/entries.php +++ b/tests/fixtures/data/entries.php @@ -15,6 +15,14 @@ 'appointments' => [['col1' => 'foo', 'col2' => '2019-06-25 07:00:00', 'col3' => '7', 'col4' => '1']], ], + // Authors + [ + 'authorsIds' => [1,2,3], + 'sectionId' => '1006', + 'typeId' => '1006', + 'title' => 'Theories of life multi-author', + ], + // Deleted [ 'authorId' => '1', diff --git a/tests/fixtures/data/entry-types.php b/tests/fixtures/data/entry-types.php index 32cf80293b0..686e3d69489 100644 --- a/tests/fixtures/data/entry-types.php +++ b/tests/fixtures/data/entry-types.php @@ -69,4 +69,14 @@ 'sortOrder' => '1', 'uid' => 'entry-type-1005------------------uid', ], + [ + 'id' => '1006', + 'sectionId' => '1006', + 'fieldLayoutId' => null, + 'name' => 'Test 1', + 'handle' => 'test1', + 'titleFormat' => null, + 'sortOrder' => '1', + 'uid' => 'entry-type-1006------------------uid', + ], ]; diff --git a/tests/fixtures/data/gql-schemas.php b/tests/fixtures/data/gql-schemas.php index a1b5487c414..a9579edf545 100644 --- a/tests/fixtures/data/gql-schemas.php +++ b/tests/fixtures/data/gql-schemas.php @@ -23,12 +23,14 @@ 'sections.section-1003---------------------uid:read', 'sections.section-1004---------------------uid:read', 'sections.section-1005---------------------uid:read', + 'sections.section-1006---------------------uid:read', 'entrytypes.entry-type-1000------------------uid:read', 'entrytypes.entry-type------------------1001-uid:read', 'entrytypes.entry-type-1002------------------uid:read', 'entrytypes.entry-type-1003------------------uid:read', 'entrytypes.entry-type-1004------------------uid:read', 'entrytypes.entry-type-1005------------------uid:read', + 'entrytypes.entry-type-1006------------------uid:read', ], 'dateCreated' => '2018-08-08 20:00:00', 'dateUpdated' => '2018-08-08 20:00:00', diff --git a/tests/fixtures/data/section-settings.php b/tests/fixtures/data/section-settings.php index e4d168572d1..c50affa663f 100644 --- a/tests/fixtures/data/section-settings.php +++ b/tests/fixtures/data/section-settings.php @@ -60,4 +60,14 @@ 'template' => 'secondtest', 'enabledByDefault' => true, ], + [ + 'id' => '1006', + 'sectionId' => '1006', + 'siteId' => '1', + 'hasUrls' => false, + 'uriFormat' => null, + 'template' => null, + 'enabledByDefault' => true, + 'maxAuthors' => 3, + ], ]; diff --git a/tests/fixtures/data/sections.php b/tests/fixtures/data/sections.php index 65db0661457..77913adcec5 100644 --- a/tests/fixtures/data/sections.php +++ b/tests/fixtures/data/sections.php @@ -62,4 +62,14 @@ 'propagationMethod' => 'all', 'uid' => 'section-1005---------------------uid', ], + [ + 'id' => '1006', + 'name' => 'Test Multi Author', + 'handle' => 'testMultiAuthor', + 'type' => 'channel', + 'enableVersioning' => false, + 'propagationMethod' => 'all', + 'maxAuthors' => 3, + 'uid' => 'section-1006---------------------uid', + ], ]; diff --git a/tests/unit/elements/db/EntryQueryTest.php b/tests/unit/elements/db/EntryQueryTest.php index dd81e59c222..1edf80c067a 100644 --- a/tests/unit/elements/db/EntryQueryTest.php +++ b/tests/unit/elements/db/EntryQueryTest.php @@ -21,7 +21,21 @@ class EntryQueryTest extends TestCase { /** - * + * @return void + */ + public function testAuthorsIds(): void + { + $query = Entry::find(); + + $query->authorId(1); + $this->assertSame(1, $query->authorId); + + $query->authorsIds([1, 2, 3]); + $this->assertSame([1, 2, 3], $query->authorsIds); + } + + /** + * @return void */ public function testAuthorGroup(): void { diff --git a/tests/unit/gql/TypeResolverTest.php b/tests/unit/gql/TypeResolverTest.php index 9c7295ad66e..5d26a91d854 100644 --- a/tests/unit/gql/TypeResolverTest.php +++ b/tests/unit/gql/TypeResolverTest.php @@ -81,6 +81,8 @@ public function testRunGqlResolveTest(): void // Entries [Entry::class, ['title' => 'Theories of life'], EntryResolver::class], [Entry::class, ['title' => StringHelper::randomString(128)], EntryResolver::class], + [Entry::class, ['title' => 'Theories of life multi-author', 'authorsIds' => [1,2,3]], EntryResolver::class], + [Entry::class, ['title' => 'Theories of life multi-author', 'authorsIds' => [1,2]], EntryResolver::class, true], // Globals [GlobalSet::class, ['handle' => 'aGlobalSet'], GlobalSetResolver::class, true], From 9893e86d05da9a9816ca10baf346e2a30ba53e0e Mon Sep 17 00:00:00 2001 From: Iwona Just Date: Mon, 12 Dec 2022 12:17:22 +0100 Subject: [PATCH 18/40] clean up --- src/elements/Entry.php | 42 +++++++++++++--------------------- src/elements/db/EntryQuery.php | 3 +-- 2 files changed, 17 insertions(+), 28 deletions(-) diff --git a/src/elements/Entry.php b/src/elements/Entry.php index 69e2ce9d44c..f11734f83c8 100644 --- a/src/elements/Entry.php +++ b/src/elements/Entry.php @@ -1235,35 +1235,25 @@ public function getAuthorsIds(): ?array */ public function setAuthorsIds(array|string|int|null $authorsIds): void { - if (empty($authorsIds) || $authorsIds == '') { - $authorsIds = null; + // make sure we're working with an array + if (!is_array($authorsIds)) { + $authorsIds = ArrayHelper::toArray($authorsIds); } - if (is_string($authorsIds)) { - $authorsIds = explode(',', $authorsIds); - } - - if (is_int($authorsIds)) { - $this->_authorsIds = [$authorsIds]; - } - - if (is_array($authorsIds)) { - $ids = array_map(function($authorId) { - if ($authorId == '') { - return null; - } - if (is_string($authorId)) { - return (int)$authorId; - } - if ($authorId instanceof User) { - return $authorId->id; - } - return $authorId; - }, $authorsIds); - - $this->_authorsIds = array_values(array_filter($ids)); - } + $ids = array_map(function($authorId) { + if ($authorId == '') { + return null; + } + if (is_string($authorId)) { + return (int)$authorId; + } + if ($authorId instanceof User) { + return $authorId->id; + } + return $authorId; + }, $authorsIds); + $this->_authorsIds = array_values(array_filter($ids)); $this->_authors = null; } diff --git a/src/elements/db/EntryQuery.php b/src/elements/db/EntryQuery.php index 4e6ff41f96c..0beb2ee7405 100644 --- a/src/elements/db/EntryQuery.php +++ b/src/elements/db/EntryQuery.php @@ -1142,7 +1142,6 @@ private function _processAuthors(array $rows): array // get authors info // also, because of ->authorId([...]), ->authorsIds([...]) we are now // getting multiple rows for one entry - // todo: is there a better way to do this? tried with group_concat but throws mysql error $distinctRows = []; if (!empty($rows)) { foreach ($rows as $row) { @@ -1181,7 +1180,7 @@ private function _processAuthors(array $rows): array $row['authorsIds'] = $entryAuthorsIds; $distinctRows[$row['id']] = $row; // if "negative" search, check if row (entry) doesn't have - // all the authors we need to exclude, and no others + // any of the authors we need to exclude, and no others } elseif ( $negativeSearch === true && !empty(array_diff($_authorsIds, $entryAuthorsIds)) From 12455af6908790954c8c1f8aa3b18303dc1dc1ae Mon Sep 17 00:00:00 2001 From: Iwona Just Date: Mon, 12 Dec 2022 12:28:14 +0100 Subject: [PATCH 19/40] ecs --- tests/fixtures/data/entries.php | 2 +- tests/unit/gql/TypeResolverTest.php | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/tests/fixtures/data/entries.php b/tests/fixtures/data/entries.php index 0509d105509..352bd2c6b0d 100644 --- a/tests/fixtures/data/entries.php +++ b/tests/fixtures/data/entries.php @@ -17,7 +17,7 @@ // Authors [ - 'authorsIds' => [1,2,3], + 'authorsIds' => [1, 2, 3], 'sectionId' => '1006', 'typeId' => '1006', 'title' => 'Theories of life multi-author', diff --git a/tests/unit/gql/TypeResolverTest.php b/tests/unit/gql/TypeResolverTest.php index 5d26a91d854..1f8b573fdf3 100644 --- a/tests/unit/gql/TypeResolverTest.php +++ b/tests/unit/gql/TypeResolverTest.php @@ -81,8 +81,8 @@ public function testRunGqlResolveTest(): void // Entries [Entry::class, ['title' => 'Theories of life'], EntryResolver::class], [Entry::class, ['title' => StringHelper::randomString(128)], EntryResolver::class], - [Entry::class, ['title' => 'Theories of life multi-author', 'authorsIds' => [1,2,3]], EntryResolver::class], - [Entry::class, ['title' => 'Theories of life multi-author', 'authorsIds' => [1,2]], EntryResolver::class, true], + [Entry::class, ['title' => 'Theories of life multi-author', 'authorsIds' => [1, 2, 3]], EntryResolver::class], + [Entry::class, ['title' => 'Theories of life multi-author', 'authorsIds' => [1, 2]], EntryResolver::class, true], // Globals [GlobalSet::class, ['handle' => 'aGlobalSet'], GlobalSetResolver::class, true], From 05f3af9ebb176274809b225416f1d368978bc730 Mon Sep 17 00:00:00 2001 From: Iwona Just Date: Wed, 18 Oct 2023 11:33:58 +0100 Subject: [PATCH 20/40] adjust after sections service logic moved to entries --- src/services/Entries.php | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/services/Entries.php b/src/services/Entries.php index b2ba9dbf92a..1b853f05b85 100644 --- a/src/services/Entries.php +++ b/src/services/Entries.php @@ -257,6 +257,7 @@ private function _createSectionQuery(): Query 'sections.handle', 'sections.type', 'sections.enableVersioning', + 'sections.maxAuthors', 'sections.defaultPlacement', 'sections.propagationMethod', 'sections.previewTargets', @@ -620,6 +621,7 @@ public function handleChangedSection(ConfigEvent $event): void $sectionRecord->handle = $data['handle']; $sectionRecord->type = $data['type']; $sectionRecord->enableVersioning = (bool)$data['enableVersioning']; + $sectionRecord->maxAuthors = $data['maxAuthors']; $sectionRecord->propagationMethod = $data['propagationMethod'] ?? PropagationMethod::All->value; $sectionRecord->defaultPlacement = $data['defaultPlacement'] ?? Section::DEFAULT_PLACEMENT_END; $sectionRecord->previewTargets = isset($data['previewTargets']) && is_array($data['previewTargets']) From 5e664124b6079948dac90c7b910cfe7f65dc8687 Mon Sep 17 00:00:00 2001 From: Iwona Just Date: Wed, 18 Oct 2023 12:49:57 +0100 Subject: [PATCH 21/40] v5 compatibility --- src/elements/Entry.php | 26 +++++++++++++------------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/src/elements/Entry.php b/src/elements/Entry.php index 05e99ae9a2c..152e99b4355 100644 --- a/src/elements/Entry.php +++ b/src/elements/Entry.php @@ -71,12 +71,10 @@ * @property int|null $authorId the entry author’s ID * @property EntryType $type the entry type * @property Section|null $section the entry’s section - * @property User|null $author the entry’s author * @author Pixel & Tonic, Inc. * @since 3.0.0 * * @property array|null $authorsIds the entry authors' IDs - * @property array|null $authors the entry’s authors * @since 5.0.0 */ class Entry extends Element implements NestedElementInterface, ExpirableElementInterface @@ -863,17 +861,19 @@ protected function defineRules(): array }]; $rules[] = [['postDate', 'expiryDate'], DateTimeValidator::class]; - $sectionMaxAuthors = $this->section->maxAuthors; - $rules[] = [ - ['authorsIds'], - ArrayValidator::class, - 'max' => $sectionMaxAuthors, - 'tooMany' => Craft::t( - 'app', - "Maximum {num, number} {num, plural, =1{author} other{authors}} allowed.", - ['num' => $sectionMaxAuthors] - ), - ]; + if (isset($this->sectionId)) { + $sectionMaxAuthors = $this->section->maxAuthors; + $rules[] = [ + ['authorsIds'], + ArrayValidator::class, + 'max' => $sectionMaxAuthors, + 'tooMany' => Craft::t( + 'app', + "Maximum {num, number} {num, plural, =1{author} other{authors}} allowed.", + ['num' => $sectionMaxAuthors] + ), + ]; + } $rules[] = [['postDate', 'expiryDate'], DateTimeValidator::class]; $rules[] = [ From c46af51a2d48d5877cb54a731cb0bff9b4e346bd Mon Sep 17 00:00:00 2001 From: Iwona Just Date: Wed, 18 Oct 2023 13:54:09 +0100 Subject: [PATCH 22/40] bug fixes --- src/console/controllers/EntrifyController.php | 14 ++++++++++++-- src/elements/Entry.php | 1 + src/elements/User.php | 1 - src/elements/db/UserQuery.php | 2 +- src/migrations/Install.php | 1 - src/records/Entry.php | 11 ----------- src/web/assets/cp/dist/css/cp.css | 2 +- src/web/assets/cp/dist/css/cp.css.map | 2 +- src/web/assets/cp/src/css/_main.scss | 4 ++++ 9 files changed, 20 insertions(+), 18 deletions(-) diff --git a/src/console/controllers/EntrifyController.php b/src/console/controllers/EntrifyController.php index c2bf8ac6c46..f4147dd725f 100644 --- a/src/console/controllers/EntrifyController.php +++ b/src/console/controllers/EntrifyController.php @@ -175,12 +175,17 @@ public function actionCategories(string $categoryGroup): int 'id' => $category->id, 'sectionId' => $section->id, 'typeId' => $entryType->id, - 'authorId' => $author->id, 'postDate' => Db::prepareDateForDb($category->dateCreated), 'dateCreated' => Db::prepareDateForDb($category->dateCreated), 'dateUpdated' => Db::prepareDateForDb($category->dateUpdated), ]); + Db::insert(Table::ENTRIES_AUTHORS, [ + 'elementId' => $category->id, + 'authorId' => $author->id, + 'sortOrder' => 1, + ]); + Db::update(Table::ELEMENTS, [ 'type' => Entry::class, 'dateDeleted' => null, @@ -363,12 +368,17 @@ public function actionTags(string $tagGroup): int 'id' => $tag->id, 'sectionId' => $section->id, 'typeId' => $entryType->id, - 'authorId' => $author->id, 'postDate' => Db::prepareDateForDb($tag->dateCreated), 'dateCreated' => Db::prepareDateForDb($tag->dateCreated), 'dateUpdated' => Db::prepareDateForDb($tag->dateUpdated), ]); + Db::insert(Table::ENTRIES_AUTHORS, [ + 'elementId' => $tag->id, + 'authorId' => $author->id, + 'sortOrder' => 1, + ]); + Db::update(Table::ELEMENTS, [ 'type' => Entry::class, 'dateDeleted' => null, diff --git a/src/elements/Entry.php b/src/elements/Entry.php index 152e99b4355..fce7ce9a443 100644 --- a/src/elements/Entry.php +++ b/src/elements/Entry.php @@ -1971,6 +1971,7 @@ public function metaFieldsHtml(bool $static): string 'elements' => $authors ?: null, 'disabled' => $static, 'errors' => $this->getErrors('authorsIds'), + 'limit' => $section->maxAuthors, ]); return $html; })(); diff --git a/src/elements/User.php b/src/elements/User.php index 8504e9c129a..85fa41da1e6 100644 --- a/src/elements/User.php +++ b/src/elements/User.php @@ -1892,7 +1892,6 @@ public function beforeDelete(): bool // Update the entry/version/draft tables to point to the new user $userRefs = [ - Table::ENTRIES => 'authorId', Table::DRAFTS => 'creatorId', Table::REVISIONS => 'creatorId', Table::ENTRIES_AUTHORS => 'authorId', diff --git a/src/elements/db/UserQuery.php b/src/elements/db/UserQuery.php index 8141a249718..d67d8a4e8c8 100644 --- a/src/elements/db/UserQuery.php +++ b/src/elements/db/UserQuery.php @@ -840,7 +840,7 @@ protected function beforePrepare(): bool $this->subQuery->andWhere([ $this->authors ? 'exists' : 'not exists', (new Query()) - ->from(Table::ENTRIES) + ->from(Table::ENTRIES_AUTHORS) ->where(['authorId' => new Expression('[[elements.id]]')]), ]); } diff --git a/src/migrations/Install.php b/src/migrations/Install.php index fd3075bbcc9..b3648f87c83 100644 --- a/src/migrations/Install.php +++ b/src/migrations/Install.php @@ -369,7 +369,6 @@ public function createTables(): void 'primaryOwnerId' => $this->integer(), 'fieldId' => $this->integer(), 'typeId' => $this->integer()->notNull(), - 'authorId' => $this->integer(), 'postDate' => $this->dateTime(), 'expiryDate' => $this->dateTime(), 'deletedWithEntryType' => $this->boolean()->null(), diff --git a/src/records/Entry.php b/src/records/Entry.php index 474c063957f..bd58b5beb03 100644 --- a/src/records/Entry.php +++ b/src/records/Entry.php @@ -19,7 +19,6 @@ * @property int|null $fieldId Field ID * @property int $primaryOwnerId Primary owner ID * @property int $typeId Type ID - * @property int|null $authorId Author ID * @property string|null $postDate Post date * @property string|null $expiryDate Expiry date * @property Element $element Element @@ -69,14 +68,4 @@ public function getType(): ActiveQueryInterface { return $this->hasOne(EntryType::class, ['id' => 'typeId']); } - - /** - * Returns the entry’s author. - * - * @return ActiveQueryInterface The relational query object. - */ - public function getAuthor(): ActiveQueryInterface - { - return $this->hasOne(User::class, ['id' => 'authorId']); - } } diff --git a/src/web/assets/cp/dist/css/cp.css b/src/web/assets/cp/dist/css/cp.css index eaf81dea072..afb150f8584 100644 --- a/src/web/assets/cp/dist/css/cp.css +++ b/src/web/assets/cp/dist/css/cp.css @@ -1,2 +1,2 @@ -:root{--white:#fff;--black:#000;--gray-050-hsl:212,60%,97%;--gray-100-hsl:212,50%,93%;--gray-200-hsl:212,30%,85%;--gray-300-hsl:211,13%,65%;--gray-350-hsl:211,11%,59%;--gray-400-hsl:210,10%,53%;--gray-500-hsl:211,12%,43%;--gray-550-hsl:210,13%,40%;--gray-600-hsl:209,14%,37%;--gray-700-hsl:209,18%,30%;--gray-800-hsl:209,20%,25%;--gray-900-hsl:210,24%,16%;--gray-1000-hsl:210,24%,10%;--gray-050:hsl(var(--gray-050-hsl));--gray-100:hsl(var(--gray-100-hsl));--gray-200:hsl(var(--gray-200-hsl));--gray-300:hsl(var(--gray-300-hsl));--gray-350:hsl(var(--gray-350-hsl));--gray-400:hsl(var(--gray-400-hsl));--gray-500:hsl(var(--gray-500-hsl));--gray-550:hsl(var(--gray-550-hsl));--gray-600:hsl(var(--gray-600-hsl));--gray-700:hsl(var(--gray-700-hsl));--gray-800:hsl(var(--gray-800-hsl));--gray-900:hsl(var(--gray-900-hsl));--gray-1000:hsl(var(--gray-1000-hsl));--red-050:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-300:#fca5a5;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--red-900:#7f1d1d;--red-950:#450a0a;--orange-050:#fff7ed;--orange-100:#ffedd5;--orange-200:#fed7aa;--orange-300:#fdba74;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--orange-800:#9a3412;--orange-900:#7c2d12;--orange-950:#431407;--amber-050:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-300:#fcd34d;--amber-400:#fbbf24;--amber-500:#f59e0b;--amber-600:#d97706;--amber-700:#b45309;--amber-800:#92400e;--amber-900:#78350f;--amber-950:#451a03;--yellow-050:#fefce8;--yellow-100:#fef9c3;--yellow-200:#fef08a;--yellow-300:#fde047;--yellow-400:#facc15;--yellow-500:#eab308;--yellow-600:#ca8a04;--yellow-700:#a16207;--yellow-750:#93580b;--yellow-800:#854d0e;--yellow-900:#713f12;--yellow-950:#422006;--lime-050:#f7fee7;--lime-100:#ecfccb;--lime-200:#d9f99d;--lime-300:#bef264;--lime-400:#a3e635;--lime-500:#84cc16;--lime-600:#65a30d;--lime-700:#4d7c0f;--lime-800:#3f6212;--lime-900:#365314;--lime-950:#1a2e05;--green-050:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;--green-950:#052e16;--emerald-050:#ecfdf5;--emerald-100:#d1fae5;--emerald-200:#a7f3d0;--emerald-300:#6ee7b7;--emerald-400:#34d399;--emerald-500:#10b981;--emerald-600:#059669;--emerald-700:#047857;--emerald-800:#065f46;--emerald-900:#064e3b;--emerald-950:#022c22;--teal-050:#f0fdfa;--teal-100:#ccfbf1;--teal-200:#99f6e4;--teal-300:#5eead4;--teal-400:#2dd4bf;--teal-500:#14b8a6;--teal-550:#11a697;--teal-600:#0d9488;--teal-700:#0f766e;--teal-800:#115e59;--teal-900:#134e4a;--teal-950:#042f2e;--cyan-050:#ecfeff;--cyan-100:#cffafe;--cyan-200:#a5f3fc;--cyan-300:#67e8f9;--cyan-400:#22d3ee;--cyan-500:#06b6d4;--cyan-600:#0891b2;--cyan-700:#0e7490;--cyan-800:#155e75;--cyan-900:#164e63;--cyan-950:#083344;--sky-050:#f0f9ff;--sky-100:#e0f2fe;--sky-200:#bae6fd;--sky-300:#7dd3fc;--sky-400:#38bdf8;--sky-500:#0ea5e9;--sky-600:#0284c7;--sky-700:#0369a1;--sky-800:#075985;--sky-900:#0c4a6e;--sky-950:#082f49;--blue-050:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--blue-950:#172554;--indigo-050:#eef2ff;--indigo-100:#e0e7ff;--indigo-200:#c7d2fe;--indigo-300:#a5b4fc;--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--indigo-800:#3730a3;--indigo-900:#312e81;--indigo-950:#1e1b4b;--violet-050:#f5f3ff;--violet-100:#ede9fe;--violet-200:#ddd6fe;--violet-300:#c4b5fd;--violet-400:#a78bfa;--violet-500:#8b5cf6;--violet-600:#7c3aed;--violet-700:#6d28d9;--violet-800:#5b21b6;--violet-900:#4c1d95;--violet-950:#2e1065;--purple-050:#faf5ff;--purple-100:#f3e8ff;--purple-200:#e9d5ff;--purple-300:#d8b4fe;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7e22ce;--purple-800:#6b21a8;--purple-900:#581c87;--purple-950:#3b0764;--fuchsia-050:#fdf4ff;--fuchsia-100:#fae8ff;--fuchsia-200:#f5d0fe;--fuchsia-300:#f0abfc;--fuchsia-400:#e879f9;--fuchsia-500:#d946ef;--fuchsia-600:#c026d3;--fuchsia-700:#a21caf;--fuchsia-800:#86198f;--fuchsia-900:#701a75;--fuchsia-950:#4a044e;--pink-050:#fdf2f8;--pink-100:#fce7f3;--pink-200:#fbcfe8;--pink-300:#f9a8d4;--pink-400:#f472b6;--pink-500:#ec4899;--pink-600:#db2777;--pink-700:#be185d;--pink-800:#9d174d;--pink-900:#831843;--pink-950:#500724;--rose-050:#fff1f2;--rose-100:#ffe4e6;--rose-200:#fecdd3;--rose-300:#fda4af;--rose-400:#fb7185;--rose-500:#f43f5e;--rose-600:#e11d48;--rose-700:#be123c;--rose-800:#9f1239;--rose-900:#881337;--rose-950:#4c0519}:root{--bg-color:$grey100;--bg-color-hsl:212deg,50%,93%;--primary-color:var(--red-500);--secondary-color:var(--gray-500);--input-color:#607d9f;--text-color:var(--gray-700);--medium-dark-text-color:var(--gray-550);--medium-text-color:var(--gray-550);--light-text-color:var(--gray-500);--link-color:#1f5fea;--font-weight-bold:700;--menu-option-color:var(--text-color);--menu-option-active-color:var(--white);--menu-option-active-background-color:var(--dark-sel-color);--hairline-color:rgba(51,64,77,.1);--medium-hairline-color:rgba(81,95,108,.25);--dark-hairline-color:rgba(123,135,147,.5);--light-focus-color:var(--blue-300);--medium-focus-color:var(--blue-500);--dark-focus-color:#0f74b1;--light-focus-ring:0 0 0 1px #5ed0fa,0 0 0 3px rgba(94,208,250,.7);--medium-focus-ring:0 0 0 1px #2bb0ed,0 0 0 3px rgba(43,176,237,.7);--dark-focus-ring:0 0 0 1px #0f74b1,0 0 0 3px rgba(15,116,177,.7);--light-sel-color:var(--gray-200);--dark-sel-color:var(--gray-500);--error-color:#d81e23;--warning-color:var(--yellow-800);--success-color:var(--teal-700);--notice-color:var(--blue-800);--enabled-color:var(--teal-550);--pending-color:var(--yellow-700);--disabled-color:var(--red-600);--indicator-border-color:var(--yellow-700);--indicator-icon-color:var(--yellow-700);--small-border-radius:3px;--medium-border-radius:4px;--large-border-radius:5px;--menu-border-radius:var(--medium-border-radius);--checkbox-size:16px;--radio-size:16px}@font-face{font-family:Craft;font-style:normal;font-weight:400;src:url(../fonts/Craft.woff) format("woff"),url(../fonts/Craft.ttf) format("truetype"),url(../fonts/Craft.svg#Craft) format("svg")}:root{--ui-control-color:var(--gray-550);--ui-control-hover-color:var(--gray-600);--ui-control-active-color:var(--gray-700);--ui-control-bg-color:rgba(96,125,159,.25);--ui-control-hover-bg-color:rgba(96,125,159,.3);--ui-control-active-bg-color:rgba(96,125,159,.5);--ui-control-border-radius:var(--large-border-radius);--ui-control-height:2.125rem;--icon-opacity:0.8;--light-focus-hsl:211.6981132075deg,96.3636363636%,78.431372549%;--medium-focus-hsl:217.2192513369deg,91.2195121951%,59.8039215686%;--dark-focus-hsl:202.5925925926deg,84.375%,37.6470588235%;--focus-ring:0 0 0 1px hsl(var(--dark-focus-hsl)),0 0 0 3px hsla(var(--dark-focus-hsl),0.8);--inner-focus-ring:inset 0 0 0 1px hsl(var(--dark-focus-hsl)),inset 0 0 0 3px hsla(var(--dark-focus-hsl),0.7);--touch-target-size:24px;--elements-busy-top-position:calc(50% - var(--size, 20px)/2);--lh:1.42em}body,html{background-color:var(--gray-100);box-shadow:var(--light-focus-ring)}body{-webkit-font-smoothing:subpixel-antialiased;color:var(--text-color);font-size:.875rem;line-height:var(--lh);overflow-x:hidden;width:100vw}body.rtl{direction:rtl}body,input,select,textarea{font-family:system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.buttons:first-child,.condition-container:first-child,.field:first-child,.first,.grid:first-child,.pane:first-child,.toolbar:first-child,blockquote:first-child,fieldset:first-child,h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,hr:first-child,p:first-child{margin-top:0!important}.buttons:last-child,.condition-container:last-child,.field:last-child,.grid:last-child,.last,.meta:last-child,.pane:last-child,.toolbar:last-child,blockquote:last-child,fieldset:last-child,h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child{margin-bottom:0!important}.no-scroll{overflow:hidden!important}.draghelper{box-sizing:border-box;list-style-type:none}.offset-drag-helper{-o-transition:margin .2s linear,padding .2s linear;transition:margin .2s linear,padding .2s linear}body.dragging.ltr .offset-drag-helper{margin:-50px 0 0 -50px;padding:60px 0 0 60px}body.dragging.rtl .offset-drag-helper{margin:-50px -50px 0 0;padding:60px 60px 0 0}img{max-width:100%}body.rtl .ltr .text,body.rtl .ltr table.editable textarea{direction:ltr!important;text-align:left!important}body.ltr .rtl .text,body.ltr .rtl table.editable textarea{direction:rtl!important;text-align:right!important}#help:before,.go:after,.icon:before,.insecure:before,.menu .flex.padded.sel:before,.menu ul.padded li a.sel:before,.preview-btn:before,.required:after,.secure:before,.texticon:before,.view-btn:before,[data-icon-after]:after,[data-icon]:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.badge-icon{-webkit-align-items:center;align-items:center;border:1px solid var(--indicator-border-color);border-radius:var(--small-border-radius);box-sizing:border-box;color:var(--indicator-icon-color);display:-webkit-inline-flex;display:inline-flex;font-size:9px;height:17px;-webkit-justify-content:center;justify-content:center;width:17px}.insecure:before,.secure:before{font-size:14px;margin-top:-3px}[data-icon]:before{content:attr(data-icon)}[data-icon-after]:after{content:attr(data-icon-after)}body.rtl [data-icon-after=list]:after,body.rtl [data-icon=list]:before{content:"listrtl"}body.rtl [data-icon-after=structure]:after,body.rtl [data-icon=structure]:before{content:"structurertl"}.icon.secure:before{content:"secure"}.icon.insecure:before{content:"insecure"}.icon.add:before{content:"plus"}.icon.edit:before{content:"edit"}.icon.settings:before{content:"settings"}.icon.search:before{content:"search"}.icon.expand:before{content:"expand"}.icon.collapse:before{content:"collapse"}.help:before{color:var(--pink-400);content:"help"}body.ltr .preview-btn:before,body.ltr .view-btn:before{margin-right:var(--xs)}body.rtl .preview-btn:before,body.rtl .view-btn:before{margin-left:var(--xs)}.preview-btn:before{content:"view";margin-top:-2px}body.ltr .view-btn:before{content:"share"}body.rtl .view-btn:before{content:"shareleft"}.h1,h1{font-size:18px;font-weight:700;line-height:1.2;margin-bottom:24px}.h2,h2{font-size:16px}.h2,.h3,.h4,h2,h3,h4{font-weight:700;line-height:1.2;margin:14px 0}.h4,h4{color:var(--medium-text-color)}.h5,h5{color:var(--medium-text-color)}.h5,.h6,h5,h6{line-height:1.2;margin:14px 0 3px}.h6,h6{color:#606d7b;font-size:11px;text-transform:uppercase}body.ltr h1[data-icon]:before{margin:-8px 10px 0 0}body.rtl h1[data-icon]:before{margin:-8px 0 0 10px}h2[data-icon]:before{font-size:19px}body.ltr h2[data-icon]:before{margin:-4px 6px 0 0}body.rtl h2[data-icon]:before{margin:-4px 0 0 6px}hr{border:none;border-top:1px solid var(--hairline-color);color:transparent;height:0;margin:24px 0}.pane hr{margin:24px -24px}p{margin:1em 0}h5+p{margin-top:0}sup{vertical-align:super}sub,sup{font-size:smaller}sub{vertical-align:sub}body.ltr .indent{margin-left:14px}body.rtl .indent{margin-right:14px}.bullets{list-style-type:square}body.ltr .bullets{padding-left:40px}body.rtl .bullets{padding-right:40px}ol{list-style-type:decimal}body.ltr ol{padding-left:40px}body.rtl ol{padding-right:40px}.code,.code input,.code textarea,code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.9em!important}.code input.smalltext,.code textarea.smalltext,.code.smalltext,code.smalltext{font-size:.8em!important}pre code{display:block;overflow-x:auto}a{color:var(--link-color);cursor:pointer}a[aria-current]{cursor:default}a:hover,body.underline-links a{text-decoration:underline}a:not([href]){color:inherit;cursor:inherit}a:not([href]):hover,body.underline-links a:not([href]){text-decoration:none}a.iconlink:before{width:16px}body.ltr a.iconlink:before{margin-right:var(--xs)}body.rtl a.iconlink:before{margin-left:var(--xs)}a.sel,li.sel a{cursor:default!important;text-decoration:none}.go:after{color:var(--link-color);font-size:11px;margin-top:-1px;opacity:.9}body.ltr .go:after{padding-left:4px}body.rtl .go:after{padding-right:4px}body.ltr .go:after{content:"circlerarr"}body.rtl .go:after{content:"circlelarr"}body.ltr a [data-icon=external]{margin-left:var(--xs)}body.rtl a [data-icon=external]{margin-right:var(--xs)}button{cursor:pointer}.context-btn.disabled{background-color:rgba(205,216,228,.5)!important;color:var(--medium-dark-text-color);opacity:1}.alert-icon,.checkmark-icon{border-radius:20px;cursor:pointer;line-height:10px;margin-bottom:0!important;padding:5px}.alert-icon:before,.checkmark-icon:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.checkmark-icon{background-color:var(--gray-200)}p .checkmark-icon{display:inline-block}.checkmark-icon:before{color:var(--success-color);content:"check"}.alert-icon{background-color:var(--gray-200)}.alert-icon:before{color:var(--error-color);content:"alert"}.menu.revision-menu{padding:10px 24px}.menu.revision-menu hr{margin:10px -24px}.menu.revision-menu ul li.sel{background:var(--gray-050);border-radius:var(--large-border-radius);margin:0 -14px;padding:0 14px}.menu.revision-menu ul li.sel .edited-desc{-webkit-align-items:center;align-items:center;border-top:1px solid var(--hairline-color);color:var(--light-text-color);display:-webkit-flex;display:flex;padding:10px 0;white-space:normal}body.ltr .menu.revision-menu ul li.sel .edited-desc{margin-left:10px}body.rtl .menu.revision-menu ul li.sel .edited-desc{margin-right:10px}.menu.revision-menu ul li.sel .edited-desc p{margin:0}body.ltr .menu.revision-menu ul li.sel .edited-desc .btn{margin-left:14px}body.rtl .menu.revision-menu ul li.sel .edited-desc .btn{margin-right:14px}.menu.revision-menu ul li a{border-radius:var(--large-border-radius);padding-top:7px}.menu.revision-menu .extralight{margin-top:2px}.revision-status-hud{max-width:400px}.revision-status-hud .http-error{background-color:var(--gray-050);border:1px solid var(--hairline-color);border-radius:var(--medium-border-radius);color:var(--light-text-color);padding:7px 14px}.draft-notice{-webkit-align-content:stretch;align-content:stretch;-webkit-align-items:center;align-items:center;color:var(--blue-800);display:-webkit-flex;display:flex;gap:var(--s);-webkit-justify-content:center;justify-content:center}#content-notice .draft-notice{display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:flex-start;justify-content:flex-start}body.ltr .so-notice>.draft-notice{margin:calc(var(--s)*-1) 0 calc(var(--s)*-1) calc(var(--xl)*-1)}body.rtl .so-notice>.draft-notice{margin:calc(var(--s)*-1) calc(var(--xl)*-1) calc(var(--s)*-1) 0}body.ltr .so-notice>.draft-notice{padding:var(--s) 0 var(--s) var(--xl)}body.rtl .so-notice>.draft-notice{padding:var(--s) var(--xl) var(--s) 0}body.ltr .so-notice>.draft-notice{border-bottom-left-radius:var(--large-border-radius)}body.rtl .so-notice>.draft-notice{border-bottom-right-radius:var(--large-border-radius)}body.ltr .so-notice>.draft-notice{background-image:-o-linear-gradient(top left,rgba(37,99,235,.2),rgba(37,99,235,0) 50%);background-image:linear-gradient(to bottom right,rgba(37,99,235,.2),rgba(37,99,235,0) 50%)}body.rtl .so-notice>.draft-notice{background-image:-o-linear-gradient(right,rgba(37,99,235,.2),rgba(37,99,235,0));background-image:linear-gradient(270deg,rgba(37,99,235,.2),rgba(37,99,235,0))}.draft-notice p{-webkit-flex:1;flex:1;margin:0}.draft-notice .draft-icon{-webkit-align-items:center;align-items:center;border:2px solid rgba(30,64,175,.2);border-radius:100%;box-shadow:0 1px 1px 1px var(--white);box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-shrink:0;flex-shrink:0;height:34px;-webkit-justify-content:center;justify-content:center;position:relative;width:34px}.draft-notice .draft-icon:before{color:var(--blue-800)!important;font-size:18px;left:1px;position:relative}.draft-notice .draft-icon:after{border-radius:100%;bottom:-2px;box-shadow:inset 0 2px 0 rgba(30,58,138,.2);content:"";font-size:0;left:-2px;position:absolute;right:-2px;top:-2px}.draft-notice .discard-changes-btn{background-color:transparent!important;border:2px solid var(--blue-600);color:var(--blue-800)!important}body.ltr .draft-notice .discard-changes-btn{margin-left:var(--xs)}body.rtl .draft-notice .discard-changes-btn{margin-right:var(--xs)}.draft-notice .discard-changes-btn:focus,.draft-notice .discard-changes-btn:hover{border-color:#1555e2}.draft-notice .discard-changes-btn:active{border-color:#134cca}button.toggle{-webkit-appearance:none;appearance:none;background:none;border:none;color:inherit;padding:0}.toggle:before,a.fieldtoggle:before{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;transition:-webkit-transform .1s linear;-o-transition:-o-transform .1s linear;transition:transform .1s linear;transition:transform .1s linear,-webkit-transform .1s linear,-o-transform .1s linear;width:7px}body.ltr .toggle:before,body.ltr a.fieldtoggle:before{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.rtl .toggle:before,body.rtl a.fieldtoggle:before{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.sidebar nav li.expanded>.toggle:before,.structure li:not(.collapsed)>.row>.toggle:before,.toggle.expanded:before,a.fieldtoggle.expanded:before{-webkit-transform:rotate(45deg)!important;-o-transform:rotate(45deg)!important;transform:rotate(45deg)!important}a.fieldtoggle{color:var(--text-color);display:block;margin:14px 0;position:relative;text-decoration:none}body.ltr a.fieldtoggle{padding-left:12px}body.rtl a.fieldtoggle{padding-right:12px}a.fieldtoggle:before{display:block;position:absolute;top:7px}body.ltr a.fieldtoggle:before{left:-1px}body.rtl a.fieldtoggle:before{right:-1px}em,i{font-style:italic}ul.errors em{font-style:normal}b,i em,strong{font-weight:700}.readable{font-size:16px;line-height:22px}.readable .h1,.readable .h2,.readable .h3,.readable .h4,.readable .h5,.readable .h6,.readable h1,.readable h2,.readable h3,.readable h4,.readable h5,.readable h6{font-weight:600;margin:24px 0 16px}.readable .h1,.readable h1{color:#000;font-size:32px;line-height:40px}.readable .h2,.readable h2{font-size:24px;line-height:30px}.readable .h3,.readable h3{font-size:20px;line-height:24px}.readable .h4,.readable h4{font-size:16px;line-height:20px}.readable .h5,.readable h5{font-size:14px;line-height:18px}.readable .h6,.readable h6{color:#596673;font-size:13.6px;line-height:17px}.readable ol,.readable ul{margin:1em 0}body.ltr .readable ol,body.ltr .readable ul{padding-left:2em}body.rtl .readable ol,body.rtl .readable ul{padding-right:2em}.readable ul li{list-style-type:disc}.readable li+li{margin-top:.25em}.readable .tip-dismiss-btn{position:absolute;top:12px}body.ltr .readable .tip-dismiss-btn{right:12px}body.rtl .readable .tip-dismiss-btn{left:12px}.readable .tip-dismiss-btn+p{margin-top:0}.readable blockquote{margin:16px 0}.readable blockquote:not(.note){color:#596673;padding:0 16px}body.ltr .readable blockquote:not(.note){border-left:4px solid rgba(51,64,77,.1)}body.rtl .readable blockquote:not(.note){border-right:4px solid rgba(51,64,77,.1)}.readable blockquote.note{border:1px solid;border-radius:4px;padding:1em;position:relative}body.ltr .readable blockquote.note{padding-left:50px}body.rtl .readable blockquote.note{padding-right:50px}body.ltr .readable blockquote.note.dismissible{padding-right:36px}body.rtl .readable blockquote.note.dismissible{padding-left:36px}.readable blockquote.note:not(.tip):not(.warning){border-color:#dc2626;color:#bf503f}.readable blockquote.note:not(.tip):not(.warning):before{color:#dc2626;content:"alert"}.readable blockquote.note.tip{border-color:#1f5fea;color:#1f5fea}.readable blockquote.note.tip:before{color:#1f5fea;content:"lightbulb"}.readable blockquote.note.warning{border-color:#854d0e;color:#cf783a}.readable blockquote.note.warning:before{color:#854d0e;content:"alert"}.readable blockquote.note:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;direction:ltr;display:inline-block;font-family:Craft;font-size:24px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);opacity:1;position:absolute;text-align:center;text-rendering:optimizeLegibility;text-transform:none;top:15px;-webkit-user-select:none;user-select:none;vertical-align:middle;width:24px}body.ltr .readable blockquote.note:before{left:16px}body.rtl .readable blockquote.note:before{right:16px}.readable blockquote.note a[href]{color:currentColor;text-decoration:underline}.readable .go:after{font-size:14px}body.ltr .leftalign{text-align:left}body.rtl .leftalign{text-align:right}.topalign{vertical-align:top}body.ltr .rightalign{text-align:right}body.rtl .rightalign{text-align:left}.centeralign{text-align:center!important}.nowrap{white-space:nowrap}.break-word{word-wrap:break-word}.light{color:var(--medium-text-color)!important;font-weight:400}.extralight{color:var(--light-text-color)!important}.smalltext{font-size:12px;line-height:1.2}.largetext{font-size:16px;line-height:1.2}.zilch{color:var(--light-text-color);font-size:20px;line-height:24px;padding:100px 0;text-align:center}.zilch.small{font-size:16px;padding:24px 0}input.checkbox+label.smalltext{padding-top:2px}.required:after{color:var(--error-color);content:"asterisk";font-size:7px}body.ltr .required:after{margin:-2px 0 0 5px}body.rtl .required:after{margin:-2px 5px 0 0}.scrollpane{overflow:auto}body.ltr .left{float:left}body.ltr .right,body.rtl .left{float:right}body.rtl .right{float:left}td,th{vertical-align:middle}body.ltr td,body.ltr th{text-align:left}body.ltr table[dir=rtl] td,body.ltr table[dir=rtl] th,body.rtl td,body.rtl th{text-align:right}body.rtl table[dir=ltr] td,body.rtl table[dir=ltr] th{text-align:left}td.right,th.right{float:none}body.ltr td.right,body.ltr th.right{text-align:right}body.rtl td.right,body.rtl th.right{text-align:left}.clear{clear:both;display:block;height:0}.fullwidth{width:100%}.token{background-color:#e4edf6;border-radius:3px;color:#3f4d5a;display:inline-block;font-size:12px;line-height:14px;padding:3px 7px}.token[data-name="*"]{position:relative;width:10px}.token[data-name="*"] span{opacity:0}.token[data-name="*"]:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"asterisk";direction:ltr;display:inline-block;display:block;font-family:Craft;font-size:9px;font-style:normal;font-variant:normal;font-weight:400;left:0;line-height:1;line-height:17px;opacity:var(--icon-opacity);position:absolute;text-align:center;text-indent:0;text-rendering:optimizeLegibility;text-transform:none;top:0;-webkit-user-select:none;user-select:none;vertical-align:middle;width:100%}.token:focus{background-color:#cdd8e4}.highlight .token{background:transparent;border:none;border-radius:0;box-shadow:none;display:inline;font-size:inherit;line-height:inherit;padding:0;text-shadow:none}.pane.highlight pre[class*=language-]{overflow:visible}.pane.highlight pre[class*=language-]>code.diff-highlight .token:not(.prefix){margin:0 -24px;padding:0 24px}.success{color:var(--success-color)!important}.notice .icon:before,.notice.with-icon:before,.warning .icon:before,.warning.with-icon:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle;width:1em}body.ltr .notice .icon:before,body.ltr .notice.with-icon:before,body.ltr .warning .icon:before,body.ltr .warning.with-icon:before{margin:-2px 2px 0 0}body.rtl .notice .icon:before,body.rtl .notice.with-icon:before,body.rtl .warning .icon:before,body.rtl .warning.with-icon:before{margin:-2px 0 0 2px}.notice.has-icon,.warning.has-icon{-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.notice.has-icon .icon,.warning.has-icon .icon{-webkit-flex-shrink:1;flex-shrink:1}.notice{color:var(--notice-color)!important}.notice a{text-decoration:underline}.notice .icon:before,.notice.with-icon:before{content:"lightbulb"}.warning{color:var(--warning-color)!important}.warning .icon:before,.warning.with-icon:before{content:"alert"}.error{color:var(--error-color)!important}.icon.move:not(.disabled){cursor:move}.icon.move:before{color:var(--ui-control-color);content:"move"}.icon.move:not(.disabled):hover:before{color:var(--link-color)}.icon.delete{display:inline-block;line-height:inherit}.icon.delete:before{color:var(--ui-control-color);content:"remove"}.icon.delete:not(.disabled){cursor:pointer}.icon.delete:not(.disabled):hover:before{color:var(--disabled-color)}.icon.delete:not(.disabled):active:before{color:var(--red-800)}.hidden{display:none!important}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px}.invisible{visibility:hidden}.clearafter:after{clear:both;content:"";display:block;height:0;visibility:hidden}.info{cursor:pointer;height:1.375em;overflow:hidden;vertical-align:bottom;width:1em}.info,.info:before{display:inline-block;text-align:center}.info:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;color:var(--ui-control-color);direction:ltr;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;line-height:1.375;opacity:var(--icon-opacity);text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle;vertical-align:baseline;width:100%}.info:not(.warning):before{content:"info"}.info:not(.warning):hover:before{color:var(--link-color)}.info.warning:before{content:"alert"}.info.warning:hover:before{color:var(--warning-color)}.info-hud table{max-width:280px;table-layout:auto}.info-hud td{word-wrap:break-word;width:100%}@media(max-width:450px){.info-hud table{table-layout:fixed;width:100%}}.content{position:relative}.content:after{clear:both;content:"";display:block;height:0;visibility:hidden}.customize-sources-modal{overflow:visible!important}body.ltr .customize-sources-modal{padding-left:200px}body.rtl .customize-sources-modal{padding-right:200px}.customize-sources-modal>.cs-sidebar{background-color:var(--gray-050);border:none;box-shadow:inset -1px 0 0 var(--hairline-color);box-sizing:border-box;height:calc(100% - 50px);margin:0;overflow:auto;padding:10px 0;position:absolute;top:0;width:200px}body.ltr .customize-sources-modal>.cs-sidebar{left:0}body.rtl .customize-sources-modal>.cs-sidebar{right:0}body.ltr .customize-sources-modal>.cs-sidebar{border-top-left-radius:var(--large-border-radius)}body.rtl .customize-sources-modal>.cs-sidebar{border-top-right-radius:var(--large-border-radius)}.customize-sources-modal>.cs-sidebar>.btn{display:block;width:calc(100% - 28px)}body.ltr .customize-sources-modal>.cs-sidebar>.btn{margin:10px 0 0 14px}body.rtl .customize-sources-modal>.cs-sidebar>.btn{margin:10px 14px 0 0}body.ltr .customize-sources-modal.sidebar-hidden{padding-left:0}body.rtl .customize-sources-modal.sidebar-hidden{padding-right:0}.customize-sources-modal.sidebar-hidden>.cs-sidebar{display:none}.customize-sources-modal>.source-settings{box-sizing:border-box;height:calc(100% - 50px);overflow:auto;padding:24px;position:relative}.customize-sources-modal>.footer{bottom:0;left:0;position:absolute;width:100%}.customize-sources-item{--selected-item-color:var(--white);-webkit-align-items:center;align-items:center;background-color:var(--gray-100);border:solid var(--hairline-color);border-width:1px 0;box-sizing:border-box;cursor:default;display:-webkit-flex;display:flex;margin-top:-1px;position:relative;-webkit-user-select:none;user-select:none;width:calc(100% - 1px)}.customize-sources-item+.customize-sources-item.heading{margin-top:10px}.customize-sources-item+.customize-sources-item:not(.heading){border-top:1px solid var(--hairline-color)}.customize-sources-item.sel{--focus-ring:0 0 0 1px hsl(var(--light-focus-hsl)),0 0 0 3px hsla(var(--light-focus-hsl),0.7);--ui-control-color:var(--selected-item-color);background-color:var(--dark-sel-color);color:var(--selected-item-color);z-index:1}.customize-sources-item .label{-webkit-flex:1;flex:1}.customize-sources-item.heading .label{color:var(--light-text-color);font-size:12px;font-weight:700;text-transform:uppercase}.customize-sources-item.heading.sel .label{color:var(--selected-item-color)}.customize-sources-item__move{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.ltr .customize-sources-item__move{right:0}body.rtl .customize-sources-item__move{left:0}.customize-sources-item__move.icon{display:-webkit-flex;display:flex;text-decoration:none}.customize-sources-item__btn{margin:3px;padding:8px 14px}body.ltr .customize-sources-item__btn{padding-right:30px}body.rtl .customize-sources-item__btn{padding-left:30px}.checkbox-select-item{-webkit-align-content:stretch;align-content:stretch;-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-flex;display:flex;margin-bottom:4px}.checkbox-select-item .move{margin-top:-3px;position:relative;z-index:1}body.ltr .checkbox-select-item .move{margin-right:10px}body.rtl .checkbox-select-item .move{margin-left:10px}ul.path{-webkit-align-items:stretch;align-items:stretch;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap}ul.path li{-webkit-align-items:center;align-items:center;display:-webkit-inline-flex;display:inline-flex}ul.path li:not(:last-child):after{border:solid var(--light-text-color);border-width:0 1px 1px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;width:7px}body.ltr ul.path li:not(:last-child):after{margin:0 5px 0 2px}body.rtl ul.path li:not(:last-child):after{margin:0 2px 0 5px}body.ltr ul.path li:not(:last-child):after{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.rtl ul.path li:not(:last-child):after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}ul.icons{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-top:20px}ul.icons li{margin:0 4px 10px 0}ul.icons li a{border:1px solid var(--white);border-radius:4px;color:var(--text-color);display:block;padding:60px 5px 10px;position:relative;text-align:center;width:110px}ul.icons li a:before{display:block;font-size:40px;left:0;line-height:60px;position:absolute;top:0;width:100%}ul.icons li a .icon img,ul.icons li a .icon svg{height:40px;left:calc(50% - 20px);position:absolute;top:12px;width:40px}ul.icons li a .icon.icon-mask svg circle,ul.icons li a .icon.icon-mask svg ellipse,ul.icons li a .icon.icon-mask svg line,ul.icons li a .icon.icon-mask svg path,ul.icons li a .icon.icon-mask svg polygon,ul.icons li a .icon.icon-mask svg polyline,ul.icons li a .icon.icon-mask svg rect,ul.icons li a .icon.icon-mask svg text{fill:var(--text-color);stroke-width:0}ul.icons li a:hover{background-color:var(--gray-050);border-color:var(--gray-100);text-decoration:none}ul.icons li a:hover .icon.icon-mask svg circle,ul.icons li a:hover .icon.icon-mask svg ellipse,ul.icons li a:hover .icon.icon-mask svg line,ul.icons li a:hover .icon.icon-mask svg path,ul.icons li a:hover .icon.icon-mask svg polygon,ul.icons li a:hover .icon.icon-mask svg polyline,ul.icons li a:hover .icon.icon-mask svg rect,ul.icons li a:hover .icon.icon-mask svg text{fill:var(--link-color);stroke-width:0}@media only screen and (max-width:380px){ul.icons li a{width:96px}}@media only screen and (max-width:320px){ul.icons li a{width:75px}}.toolbar{margin-bottom:var(--s);min-height:34px;position:relative}.toolbar .flex,.toolbar.flex{-webkit-align-items:flex-start;align-items:flex-start}.toolbar .text{border-radius:var(--large-border-radius)!important}.flex{-webkit-align-content:stretch;align-content:stretch;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;gap:var(--s)}.flex:not(.flex-nowrap){-webkit-flex-wrap:wrap;flex-wrap:wrap}.flex>.label{white-space:nowrap}.centeralign .flex{-webkit-justify-content:center;justify-content:center}.inline-flex{-webkit-align-content:stretch;align-content:stretch;-webkit-align-items:center;align-items:center;display:-webkit-inline-flex;display:inline-flex;gap:var(--s)}.gap-xs{gap:var(--xs)}.gap-s{gap:var(--s)}.gap-m{gap:var(--m)}.gap-l{gap:var(--l)}.gap-xl{gap:var(--xl)}.flex-grow{-webkit-flex:1;flex:1;max-width:100%}.flex-justify{-webkit-justify-content:space-between;justify-content:space-between}.flex-justify-start{-webkit-justify-content:flex-start;justify-content:flex-start}.flex-justify-end{-webkit-justify-content:flex-end;justify-content:flex-end}.flex-justify-center{-webkit-justify-content:center;justify-content:center}.flex-start{-webkit-align-items:flex-start;align-items:flex-start}.flex-end{-webkit-align-items:flex-end;align-items:flex-end}.flex-center{-webkit-align-items:center;align-items:center}.flex-stretch{-webkit-align-items:stretch;align-items:stretch}.spacer{width:14px}.buttons{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;gap:7px;margin:24px 0;position:relative}.footer>.buttons,.hud-footer>.buttons{margin:0}.btn{-webkit-align-items:center;align-items:center;-webkit-appearance:none;appearance:none;background-color:var(--ui-control-bg-color);border:none;border-radius:var(--ui-control-border-radius);box-sizing:border-box;color:currentColor;display:-webkit-inline-flex;display:inline-flex;font-size:inherit;-webkit-justify-content:center;justify-content:center;padding:7px 14px;position:relative;text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:not([aria-current]){cursor:pointer}.btn.chromeless{height:auto;padding:0}.btn.chromeless,.btn.chromeless:active,.btn.chromeless:focus,.btn.chromeless:hover{background-color:transparent}.btn.chromeless:active,.btn.chromeless:hover{text-decoration:underline}.btn.wrap{height:auto;min-height:34px;text-align:left;white-space:normal}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):hover{--ui-control-bg-color:var(--ui-control-hover-bg-color)}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).active,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):active{--ui-control-bg-color:var(--ui-control-active-bg-color)}.btn[type=color]{padding:6px!important;width:36px}.btn.active,.btn.loading{cursor:default}.btn:hover{text-decoration:none}body.ltr .btn.icon:not(:empty):not(.btn-empty):before,body.ltr .btn.menubtn.icon.btn-empty:before,body.ltr .btn.menubtn.icon:empty:before,body.ltr .btn.menubtn[data-icon].btn-empty:before,body.ltr .btn.menubtn[data-icon]:empty:before,body.ltr .btn[data-icon]:not(:empty):not(.btn-empty):before{margin-right:5px}body.rtl .btn.icon:not(:empty):not(.btn-empty):before,body.rtl .btn.menubtn.icon.btn-empty:before,body.rtl .btn.menubtn.icon:empty:before,body.rtl .btn.menubtn[data-icon].btn-empty:before,body.rtl .btn.menubtn[data-icon]:empty:before,body.rtl .btn[data-icon]:not(:empty):not(.btn-empty):before{margin-left:5px}.btn:not(.loading) .spinner{display:none}.btn.loading .label,.btn.loading:after,.btn.loading:before{visibility:hidden}.btn div.checkbox{margin-top:2px}.btn [data-icon]{margin-top:-2px}body.ltr .btn [data-icon]{margin-right:4px}body.rtl .btn [data-icon]{margin-left:4px}.btn [data-icon].light:before{color:var(--gray-300)}.disabled{opacity:.25;pointer-events:none;-webkit-user-select:none;user-select:none}.btn,.spinner{height:var(--ui-control-height)}body.ltr .btn[data-icon-after]:not(:empty):not(.btn-empty):after,body.ltr .menu-toggle:not(:empty):not(.btn-empty):after,body.ltr .menubtn.icon:after,body.ltr .menubtn:not(:empty):not(.btn-empty):after{margin-left:6px}body.rtl .btn[data-icon-after]:not(:empty):not(.btn-empty):after,body.rtl .menu-toggle:not(:empty):not(.btn-empty):after,body.rtl .menubtn.icon:after,body.rtl .menubtn:not(:empty):not(.btn-empty):after{margin-right:6px}.btn.icon:before,.btn[data-icon-after]:after,.btn[data-icon]:before{position:relative}.btn.icon.small:before,.btn.small[data-icon-after]:after,.btn.small[data-icon]:before{font-size:10px}.btngroup{-webkit-align-items:center;align-items:center;border-radius:var(--large-border-radius);display:-webkit-flex;display:flex;position:relative;white-space:nowrap;z-index:1}.btngroup.fullwidth .btn{-webkit-flex:1;flex:1}.btngroup.disabled .btn{cursor:default}.btngroup .btn:focus{z-index:1}body.ltr .btngroup .btn:not(.dashed):not(:last-child):not(.btngroup-btn-last){margin-right:1px}body.rtl .btngroup .btn:not(.dashed):not(:last-child):not(.btngroup-btn-last){margin-left:1px}body.ltr .btngroup .btn:not(:first-child):not(.btngroup-btn-first){border-bottom-left-radius:0;border-top-left-radius:0}body.ltr .btngroup .btn:not(:last-child):not(.btngroup-btn-last){border-bottom-right-radius:0;border-top-right-radius:0}body.rtl .btngroup .btn:not(:first-child):not(.btngroup-btn-first){border-bottom-right-radius:0;border-top-right-radius:0}body.rtl .btngroup .btn:not(:last-child):not(.btngroup-btn-last){border-bottom-left-radius:0;border-top-left-radius:0}.btngroup--exclusive .btn[aria-pressed=true]:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]){background-color:var(--gray-500);color:var(--white)}.copytext{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;position:relative;white-space:nowrap;z-index:1}body.ltr .copytext .text{border-bottom-right-radius:0;border-top-right-radius:0;min-width:0}body.ltr .copytext .btn,body.rtl .copytext .text{border-bottom-left-radius:0;border-top-left-radius:0}body.rtl .copytext .btn{border-bottom-right-radius:0;border-top-right-radius:0}.copytextbtn{-webkit-align-items:center;align-items:center;border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);color:var(--medium-text-color);cursor:pointer;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;padding:0 9px}.copytextbtn .copytextbtn__icon{background:none;color:var(--light-text-color);margin-top:-3px;padding:0;width:13px}body.ltr .copytextbtn .copytextbtn__icon{margin-left:5px}body.rtl .copytextbtn .copytextbtn__icon{margin-right:5px}.copytextbtn:focus,.copytextbtn:hover{border-color:var(--medium-hairline-color);color:var(--text-color)}.copytextbtn:focus .copytextbtn__value,.copytextbtn:hover .copytextbtn__value{color:var(--text-color)}.copytextbtn.small{padding:0 5px}.copytextbtn.small .copytextbtn__value{font-size:.6875rem}.menu-toggle,.menubtn{-webkit-align-items:center;align-items:center;display:-webkit-inline-flex;display:inline-flex;-webkit-user-select:none;user-select:none}.menu-toggle:after,.menubtn:after{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;position:relative;-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:7px}.menu-toggle.btn:after,.menubtn.btn:after{top:-1px}.menu-toggle.btn:not(.disabled):not(.inactive).active:after,.menu-toggle.btn:not(.disabled):not(.inactive):active:after,.menubtn.btn:not(.disabled):not(.inactive).active:after,.menubtn.btn:not(.disabled):not(.inactive):active:after{border-color:var(--ui-control-active-color)}.menu-toggle.btn.submit:after,.menubtn.btn.submit:after{border-color:var(--white)!important;opacity:.8}.menu-toggle.btn.submit:not(.disabled):not(.inactive).active:after,.menu-toggle.btn.submit:not(.disabled):not(.inactive).hover:after,.menu-toggle.btn.submit:not(.disabled):not(.inactive):active:after,.menu-toggle.btn.submit:not(.disabled):not(.inactive):hover:after,.menubtn.btn.submit:not(.disabled):not(.inactive).active:after,.menubtn.btn.submit:not(.disabled):not(.inactive).hover:after,.menubtn.btn.submit:not(.disabled):not(.inactive):active:after,.menubtn.btn.submit:not(.disabled):not(.inactive):hover:after{opacity:1}.menu-toggle:not(.btn):not(.icon),.menubtn:not(.btn):not(.icon){height:17px}.menu-toggle:not(.btn):not(.icon):after,.menubtn:not(.btn):not(.icon):after{border-color:var(--link-color);top:-2px}body.ltr .menu-toggle.btn-empty,body.ltr .menu-toggle:empty,body.ltr .menubtn.btn-empty,body.ltr .menubtn:empty{padding-left:8px}body.rtl .menu-toggle.btn-empty,body.rtl .menu-toggle:empty,body.rtl .menubtn.btn-empty,body.rtl .menubtn:empty{padding-right:8px}body.ltr .menu-toggle.btn-empty,body.ltr .menu-toggle:empty,body.ltr .menubtn.btn-empty,body.ltr .menubtn:empty{padding-right:8px}body.rtl .menu-toggle.btn-empty,body.rtl .menu-toggle:empty,body.rtl .menubtn.btn-empty,body.rtl .menubtn:empty{padding-left:8px}@-webkit-keyframes rotator{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-o-keyframes rotator{0%{-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotator{0%{-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}.spinner{-webkit-align-items:center;align-items:center;display:-webkit-inline-flex;display:inline-flex;height:var(--size,34px);-webkit-justify-content:center;justify-content:center;width:var(--size,24px)}.spinner:before{-webkit-animation:rotator .7s linear infinite;-o-animation:rotator .7s linear infinite;animation:rotator .7s linear infinite;border-color:transparent currentcolor currentcolor transparent;border-radius:50%;border-style:solid;border-width:2px;box-sizing:border-box;content:"";display:block;font-size:0;height:var(--size,20px);-o-object-fit:scale-down;object-fit:scale-down;opacity:.8;width:var(--size,20px)}.spinner.small{--size:12px}.spinner.big{--size:48px}.spinner.spinner-absolute{height:var(--size,20px);left:calc(50% - var(--size, 20px)/2);position:absolute;top:var(--elements-busy-top-position);width:var(--size,20px)}body.ltr .btn+.spinner{margin-left:7px}body.rtl .btn+.spinner{margin-right:7px}body.ltr .buttons .btn+.spinner,body.ltr .buttons .btngroup+.spinner{margin-left:0}body.rtl .buttons .btn+.spinner,body.rtl .buttons .btngroup+.spinner{margin-right:0}body.ltr .buttons.right .btn+.spinner{margin-right:var(--neg-padding)}body.rtl .buttons.right .btn+.spinner{margin-left:var(--neg-padding)}.btn.small,.btngroup.small .btn{font-size:12px;line-height:22px;padding:0 7px!important}.btn.small,.btn.small+.spinner,.btngroup.small,.btngroup.small input.btn{height:22px}.btn.big,.btngroup.big .btn{font-size:14px;line-height:36px;padding:0 14px}body.ltr .btn.big[data-icon]:before,body.ltr .preview-btn:before,body.ltr .view-btn:before{margin-left:-2px}body.rtl .btn.big[data-icon]:before,body.rtl .preview-btn:before,body.rtl .view-btn:before{margin-right:-2px}.btn.big,.btn.big+.spinner,.btngroup.big,.btngroup.big input.btn{height:36px}.btn.secondary,.btn.submit{--ui-control-active-color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:var(--white)!important;font-weight:500}.btn.submit{background-color:var(--primary-color)!important}.btn.submit:not(.disabled):not(.inactive):not(.loading).hover,.btn.submit:not(.disabled):not(.inactive):not(.loading):focus,.btn.submit:not(.disabled):not(.inactive):not(.loading):hover{background-color:#ed2d2d!important}.btn.submit:not(.disabled):not(.inactive):not(.loading).active,.btn.submit:not(.disabled):not(.inactive):not(.loading):active{background-color:#eb1515!important}.btn.caution{background-color:var(--red-050)!important;color:var(--error-color)}.btn.caution.hover,.btn.caution:focus,.btn.caution:hover{background-color:#fcdada!important}.btn.caution.active,.btn.caution:active{background-color:var(--red-100)!important}.btn.secondary,.secondary-buttons .btn.submit{background-color:var(--secondary-color)!important}.btn.secondary:not(.disabled):not(.inactive):not(.loading).hover,.btn.secondary:not(.disabled):not(.inactive):not(.loading):focus,.btn.secondary:not(.disabled):not(.inactive):not(.loading):hover,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading).hover,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading):focus,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading):hover{background-color:#55616d!important}.btn.secondary:not(.disabled):not(.inactive):not(.loading).active,.btn.secondary:not(.disabled):not(.inactive):not(.loading):active,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading).active,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading):active{background-color:#4a545e!important}div.btn.submit{overflow:hidden;position:relative}div.btn.submit input{left:100%;position:absolute}.btn.dashed{background-color:transparent;border:1px dashed var(--medium-hairline-color)}body.ltr .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){border-right:1px solid transparent}body.rtl .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){border-left:1px solid transparent}body.ltr .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){margin-right:-1px}body.rtl .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){margin-left:-1px}.btn.dashed:focus{background-color:rgba(205,216,228,.1);border-color:transparent}.reduce-focus-visibility .btn.dashed:focus:not(:focus-visible){border:1px dashed var(--medium-hairline-color)}.btn.dashed:not(.disabled).active,.btn.dashed:not(.disabled):active{background-color:rgba(205,216,228,.25)}.chevron-btns{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start}.chevron-btns .btn{background-color:transparent;border-radius:0;padding:0;position:relative}.chevron-btns .btn.active-drop-target,.chevron-btns .btn.current-step{--text-color:var(--white);--ui-control-color:var(--white);--ui-control-bg-color:var(--gray-500);--ui-control-hover-bg-color:#55616d;--ui-control-active-bg-color:#4a545e;color:var(--white)}.chevron-btns .btn.current-step{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;--focus-ring:0 0 0 1px hsl(var(--light-focus-hsl)),0 0 0 3px hsla(var(--light-focus-hsl),0.7);font-weight:500}.chevron-btns .btn:focus{box-shadow:none;z-index:1}.chevron-btns .btn:focus .label{box-shadow:var(--focus-ring);z-index:1}.reduce-focus-visibility .chevron-btns .btn:focus:not(:focus-visible) .label{box-shadow:none}.reduce-focus-visibility .chevron-btns .btn:focus-visible .label{box-shadow:var(--focus-ring)}body.ltr .chevron-btns .btn:not(.has-action-menu){padding-right:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns .btn:not(.has-action-menu){padding-left:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns .btn:not(.has-action-menu){margin-right:2.8px}body.rtl .chevron-btns .btn:not(.has-action-menu){margin-left:2.8px}body.ltr .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-right:5px}body.rtl .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-left:5px}body.ltr .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-left:8px}body.rtl .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-right:8px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label{padding:3px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label:after{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;position:relative;-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:7px}.chevron-btns .btn .btn-body{-webkit-align-items:center;align-items:center;background-color:var(--ui-control-bg-color);display:-webkit-inline-flex;display:inline-flex;height:var(--ui-control-height);-webkit-justify-content:center;justify-content:center}.chevron-btns .btn .btn-body [data-icon]{--ui-control-height:0.8125rem;text-align:center}body.ltr .chevron-btns .btn .btn-body [data-icon]{margin-right:0}body.rtl .chevron-btns .btn .btn-body [data-icon]{margin-left:0}.chevron-btns .btn .label{-webkit-align-items:center;align-items:center;display:-webkit-inline-flex;display:inline-flex;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}body.ltr .chevron-btns .btn.has-action-menu .btn-body{padding-right:1px}body.rtl .chevron-btns .btn.has-action-menu .btn-body{padding-left:1px}body.ltr .chevron-btns .btn.has-action-menu .btn-body{margin-right:0}body.rtl .chevron-btns .btn.has-action-menu .btn-body{margin-left:0}.chevron-btns .btn .chevron-left,.chevron-btns .btn .chevron-right{height:100%;position:absolute;top:0;width:calc(var(--ui-control-height)/2)}.chevron-btns .btn .chevron-left{border-top:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.ltr .chevron-btns .btn .chevron-left{left:0}body.rtl .chevron-btns .btn .chevron-left{right:0}body.ltr .chevron-btns .btn .chevron-left{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .chevron-btns .btn .chevron-left{border-right:calc(var(--ui-control-height)/2) solid transparent}.chevron-btns .btn .chevron-left:after{border-bottom:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color);bottom:0;content:"";display:block;font-size:0;position:absolute}body.ltr .chevron-btns .btn .chevron-left:after{right:0}body.rtl .chevron-btns .btn .chevron-left:after{left:0}body.ltr .chevron-btns .btn .chevron-left:after{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .chevron-btns .btn .chevron-left:after{border-right:calc(var(--ui-control-height)/2) solid transparent}.chevron-btns .btn .chevron-right{border-bottom:calc(var(--ui-control-height)/2) solid transparent;border-top:calc(var(--ui-control-height)/2) solid transparent}body.ltr .chevron-btns .btn .chevron-right{right:0}body.rtl .chevron-btns .btn .chevron-right{left:0}body.ltr .chevron-btns .btn .chevron-right{border-left:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.rtl .chevron-btns .btn .chevron-right{border-right:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}.chevron-btns ol{display:-webkit-flex;display:flex;list-style-type:none;position:relative}body.ltr .chevron-btns ol{padding-left:0}body.rtl .chevron-btns ol{padding-right:0}body.ltr .chevron-btns ol li.first-step .btn .btn-body{padding-left:14px}body.rtl .chevron-btns ol li.first-step .btn .btn-body{padding-right:14px}body.ltr .chevron-btns ol li.first-step .btn .btn-body{border-radius:var(--ui-control-border-radius) 0 0 var(--ui-control-border-radius)}body.rtl .chevron-btns ol li.first-step .btn .btn-body{border-radius:0 var(--ui-control-border-radius) var(--ui-control-border-radius) 0}.chevron-btns ol li.first-step .btn .chevron-left{display:none}body.ltr .chevron-btns ol li:not(.first-step) .btn{margin-left:calc(var(--ui-control-height)*-1/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{margin-right:calc(var(--ui-control-height)*-1/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn{padding-left:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{padding-right:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-left:7px}body.rtl .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-right:7px}.color-input-container{position:relative}.color-input-container .color-hex-indicator{line-height:34px;position:absolute;text-align:center;top:0;-webkit-user-select:none;user-select:none;width:1em}body.ltr .color-input-container .color-hex-indicator{left:7px}body.rtl .color-input-container .color-hex-indicator{right:7px}.color-input{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.9em!important}body.ltr .color-input{padding-left:calc(7px + 1em)}body.rtl .color-input{padding-right:calc(7px + 1em)}.color{border-radius:17px;display:inline-block;height:34px;padding:0;position:relative;vertical-align:middle;width:34px}.color:not(.static){cursor:pointer}.color:not(.small){background-image:-o-linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 25%),-o-linear-gradient(315deg,rgba(154,165,177,.25) 25%,transparent 25%),-o-linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 75%),-o-linear-gradient(315deg,transparent 75%,rgba(154,165,177,.25) 75%);background-image:linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(135deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 0),linear-gradient(135deg,transparent 75%,rgba(154,165,177,.25) 0);background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px;-o-background-size:17px 17px;background-size:17px 17px}.color.small{background-image:-o-linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 25%),-o-linear-gradient(315deg,rgba(154,165,177,.25) 25%,transparent 25%),-o-linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 75%),-o-linear-gradient(315deg,transparent 75%,rgba(154,165,177,.25) 75%);background-image:linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(135deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 0),linear-gradient(135deg,transparent 75%,rgba(154,165,177,.25) 0);background-position:0 0,4px 0,4px -4px,0 4px;-o-background-size:8px 8px;background-size:8px 8px;height:16px;width:16px}.color .color-preview{border-radius:17px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);height:100%;position:absolute;top:0;width:100%}body.ltr .color .color-preview{left:0}body.rtl .color .color-preview{right:0}.color .color-preview:focus-within{box-shadow:var(--focus-ring)}.color .color-preview>.color-preview-input{border:none;height:100%;margin:0;opacity:0;padding:0;position:absolute;width:100%}body.ltr .color .color-preview>.color-preview-input{left:0}body.rtl .color .color-preview>.color-preview-input{right:0}.colorhex{color:var(--medium-text-color);display:inline-block;margin-left:5px;vertical-align:middle}.lightswitch-outer-container{display:-webkit-flex;display:flex}.lightswitch-outer-container .lightswitch-inner-container{-webkit-align-items:center;align-items:center;border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);display:-webkit-flex;display:flex;max-width:100%;padding-left:7px;padding-right:7px}.lightswitch-outer-container .lightswitch-inner-container span{color:var(--medium-text-color);cursor:default;-webkit-flex-grow:1;flex-grow:1;-webkit-hyphens:auto;hyphens:auto;overflow:auto;overflow-wrap:break-word;padding:7px 0}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{margin-left:7px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{margin-right:7px}.lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{text-align:right}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{margin-right:7px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{margin-left:7px;text-align:left}.lightswitch{background-image:-o-linear-gradient(left,var(--gray-400),var(--gray-400));background-image:linear-gradient(to right,var(--gray-400),var(--gray-400));border:none!important;cursor:pointer;display:block;overflow:hidden;position:relative;-o-transition:background-image .1s linear;transition:background-image .1s linear;-webkit-user-select:none;user-select:none}.lightswitch.on{background-image:-o-linear-gradient(left,var(--enabled-color),var(--enabled-color));background-image:linear-gradient(to right,var(--enabled-color),var(--enabled-color))}.lightswitch.indeterminate{background-image:-o-linear-gradient(left,var(--enabled-color),var(--gray-300));background-image:linear-gradient(to right,var(--enabled-color),var(--gray-300))}.lightswitch .lightswitch-container{height:100%;position:relative}.lightswitch .lightswitch-container .handle{background-color:var(--white);position:absolute;top:1px}.lightswitch:not(.small){border-radius:11px;height:22px;min-width:34px;width:34px}.lightswitch:not(.small) .lightswitch-container{width:46px}body.ltr .lightswitch:not(.small) .lightswitch-container{margin-left:-12px}body.rtl .lightswitch:not(.small) .lightswitch-container{margin-right:-12px}.lightswitch:not(.small) .lightswitch-container .handle{border-radius:10px;height:20px;left:calc(50% - 10px);width:20px}.lightswitch.small{border-radius:9px;height:18px;width:28px}.lightswitch.small .lightswitch-container{width:38px}body.ltr .lightswitch.small .lightswitch-container{margin-left:-10px}body.rtl .lightswitch.small .lightswitch-container{margin-right:-10px}.lightswitch.small .lightswitch-container .handle{border-radius:8px;height:16px;left:calc(50% - 8px);width:16px}table .lightswitch{display:inline-block;margin-bottom:-5px}body.ltr .lightswitch.on .lightswitch-container{margin-left:0}body.rtl .lightswitch.on .lightswitch-container{margin-right:0}body.ltr .lightswitch.indeterminate:not(.small) .lightswitch-container{margin-left:-6px}body.rtl .lightswitch.indeterminate:not(.small) .lightswitch-container{margin-right:-6px}body.ltr .lightswitch.indeterminate.small .lightswitch-container{margin-left:-5px}body.rtl .lightswitch.indeterminate.small .lightswitch-container{margin-right:-5px}table.data+.pagination{margin-top:24px}.pagination .page-link{-webkit-align-items:center;align-items:center;border-radius:var(--medium-border-radius);display:-webkit-flex;display:flex;height:32px;-webkit-justify-content:center;justify-content:center;width:32px}.pagination .page-link:after{position:relative;-o-transition:border-color .1s linear;transition:border-color .1s linear}.pagination .page-link.prev-page:after{border:solid var(--light-text-color);border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;width:7px}body.ltr .pagination .page-link.prev-page:after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}body.rtl .pagination .page-link.prev-page:after{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.ltr .pagination .page-link.prev-page:after{right:-1px}body.rtl .pagination .page-link.prev-page:after{left:-1px}.pagination .page-link.next-page:after{border:solid var(--light-text-color);border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;width:7px}body.ltr .pagination .page-link.next-page:after{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.rtl .pagination .page-link.next-page:after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}body.ltr .pagination .page-link.next-page:after{left:-1px}body.rtl .pagination .page-link.next-page:after{right:-1px}.pagination .page-link:not(.disabled){box-shadow:inset 0 0 0 1px var(--hairline-color);cursor:pointer;-o-transition:box-shadow .1s linear;transition:box-shadow .1s linear}.pagination .page-link:not(.disabled):hover{box-shadow:inset 0 0 0 1px var(--link-color);text-decoration:none}.pagination .page-link:not(.disabled):hover:after{border-color:var(--link-color)}body.reduce-focus-visibility .pagination .page-link:not(.disabled):focus-visible,body:not(.reduce-focus-visibility) .pagination .page-link:not(.disabled):focus{box-shadow:inset 0 0 0 1px var(--hairline-color),var(--focus-ring)}.pagination .page-link.disabled{opacity:1}.pagination .page-link.disabled:after{border-color:var(--hairline-color)}body.ltr .actions{float:right}body.ltr .actions>li,body.rtl .actions{float:left}body.rtl .actions>li{float:right}body.ltr .actions>li+li{margin-left:10px}body.rtl .actions>li+li{margin-right:10px}h1+.actions{margin-top:-100px}h2+.actions{margin-top:-54px}.tablepane{margin:calc(var(--pane-padding, 22px)*-1) calc(var(--pane-padding, 22px)*-1) calc(var(--pane-padding, 24px)*-1 + var(--pane-padding, var(--m)));overflow-x:auto}body.ltr .tablepane table.data td:first-child,body.ltr .tablepane table.data th:first-child{padding-left:24px}body.rtl .tablepane table.data td:first-child,body.rtl .tablepane table.data th:first-child{padding-right:24px}table.fixed-layout{table-layout:fixed}table td.thin,table th.thin{white-space:nowrap;width:.01%!important}table thead th{font-weight:700;vertical-align:top}body.ltr table thead th{text-align:left}body.rtl table thead th{text-align:right}table:not(.data) td,table:not(.data) th{padding-bottom:7px;padding-top:7px}table:not(.data) td:not(:first-child),table:not(.data) th:not(:first-child){padding-left:12px}table:not(.data) td:not(:last-child),table:not(.data) th:not(:last-child){padding-right:12px}table.data td,table.data th{box-sizing:border-box;padding-left:12px;padding-right:12px;position:relative}table.data td.checkbox-cell,table.data th.checkbox-cell{box-sizing:content-box;min-width:var(--checkbox-size);position:relative;width:var(--checkbox-size)!important}table.data td.checkbox-cell div.checkbox,table.data td.checkbox-cell input.checkbox+label,table.data th.checkbox-cell div.checkbox,table.data th.checkbox-cell input.checkbox+label{position:absolute;top:calc(50% - 8px)}table.data th{font-weight:700}body.ltr table.data caption+tbody tr:first-child td:first-child,body.ltr table.data caption+tbody tr:first-child th:first-child,body.ltr table.data caption+tfoot tr:first-child td:first-child,body.ltr table.data caption+tfoot tr:first-child th:first-child,body.ltr table.data caption+thead tr:first-child td:first-child,body.ltr table.data caption+thead tr:first-child th:first-child,body.ltr table.data tbody:first-child tr:first-child td:first-child,body.ltr table.data tbody:first-child tr:first-child th:first-child,body.ltr table.data tfoot:first-child tr:first-child td:first-child,body.ltr table.data tfoot:first-child tr:first-child th:first-child,body.ltr table.data thead:first-child tr:first-child td:first-child,body.ltr table.data thead:first-child tr:first-child th:first-child{border-top-left-radius:var(--border-radius,var(--small-border-radius))}body.rtl table.data caption+tbody tr:first-child td:first-child,body.rtl table.data caption+tbody tr:first-child th:first-child,body.rtl table.data caption+tfoot tr:first-child td:first-child,body.rtl table.data caption+tfoot tr:first-child th:first-child,body.rtl table.data caption+thead tr:first-child td:first-child,body.rtl table.data caption+thead tr:first-child th:first-child,body.rtl table.data tbody:first-child tr:first-child td:first-child,body.rtl table.data tbody:first-child tr:first-child th:first-child,body.rtl table.data tfoot:first-child tr:first-child td:first-child,body.rtl table.data tfoot:first-child tr:first-child th:first-child,body.rtl table.data thead:first-child tr:first-child td:first-child,body.rtl table.data thead:first-child tr:first-child th:first-child{border-top-right-radius:var(--border-radius,var(--small-border-radius))}body.ltr table.data caption+tbody tr:first-child td:first-child,body.ltr table.data caption+tbody tr:first-child th:first-child,body.ltr table.data caption+tfoot tr:first-child td:first-child,body.ltr table.data caption+tfoot tr:first-child th:first-child,body.ltr table.data caption+thead tr:first-child td:first-child,body.ltr table.data caption+thead tr:first-child th:first-child,body.ltr table.data tbody:first-child tr:first-child td:first-child,body.ltr table.data tbody:first-child tr:first-child th:first-child,body.ltr table.data tfoot:first-child tr:first-child td:first-child,body.ltr table.data tfoot:first-child tr:first-child th:first-child,body.ltr table.data thead:first-child tr:first-child td:first-child,body.ltr table.data thead:first-child tr:first-child th:first-child{border-bottom-left-radius:var(--border-radius,var(--small-border-radius))}body.rtl table.data caption+tbody tr:first-child td:first-child,body.rtl table.data caption+tbody tr:first-child th:first-child,body.rtl table.data caption+tfoot tr:first-child td:first-child,body.rtl table.data caption+tfoot tr:first-child th:first-child,body.rtl table.data caption+thead tr:first-child td:first-child,body.rtl table.data caption+thead tr:first-child th:first-child,body.rtl table.data tbody:first-child tr:first-child td:first-child,body.rtl table.data tbody:first-child tr:first-child th:first-child,body.rtl table.data tfoot:first-child tr:first-child td:first-child,body.rtl table.data tfoot:first-child tr:first-child th:first-child,body.rtl table.data thead:first-child tr:first-child td:first-child,body.rtl table.data thead:first-child tr:first-child th:first-child{border-bottom-right-radius:var(--border-radius,var(--small-border-radius))}body.ltr table.data caption+tbody tr:first-child td:last-child,body.ltr table.data caption+tbody tr:first-child th:last-child,body.ltr table.data caption+tfoot tr:first-child td:last-child,body.ltr table.data caption+tfoot tr:first-child th:last-child,body.ltr table.data caption+thead tr:first-child td:last-child,body.ltr table.data caption+thead tr:first-child th:last-child,body.ltr table.data tbody:first-child tr:first-child td:last-child,body.ltr table.data tbody:first-child tr:first-child th:last-child,body.ltr table.data tfoot:first-child tr:first-child td:last-child,body.ltr table.data tfoot:first-child tr:first-child th:last-child,body.ltr table.data thead:first-child tr:first-child td:last-child,body.ltr table.data thead:first-child tr:first-child th:last-child{border-top-right-radius:var(--border-radius,var(--small-border-radius))}body.rtl table.data caption+tbody tr:first-child td:last-child,body.rtl table.data caption+tbody tr:first-child th:last-child,body.rtl table.data caption+tfoot tr:first-child td:last-child,body.rtl table.data caption+tfoot tr:first-child th:last-child,body.rtl table.data caption+thead tr:first-child td:last-child,body.rtl table.data caption+thead tr:first-child th:last-child,body.rtl table.data tbody:first-child tr:first-child td:last-child,body.rtl table.data tbody:first-child tr:first-child th:last-child,body.rtl table.data tfoot:first-child tr:first-child td:last-child,body.rtl table.data tfoot:first-child tr:first-child th:last-child,body.rtl table.data thead:first-child tr:first-child td:last-child,body.rtl table.data thead:first-child tr:first-child th:last-child{border-top-left-radius:var(--border-radius,var(--small-border-radius))}body.ltr table.data caption+tbody tr:first-child td:last-child,body.ltr table.data caption+tbody tr:first-child th:last-child,body.ltr table.data caption+tfoot tr:first-child td:last-child,body.ltr table.data caption+tfoot tr:first-child th:last-child,body.ltr table.data caption+thead tr:first-child td:last-child,body.ltr table.data caption+thead tr:first-child th:last-child,body.ltr table.data tbody:first-child tr:first-child td:last-child,body.ltr table.data tbody:first-child tr:first-child th:last-child,body.ltr table.data tfoot:first-child tr:first-child td:last-child,body.ltr table.data tfoot:first-child tr:first-child th:last-child,body.ltr table.data thead:first-child tr:first-child td:last-child,body.ltr table.data thead:first-child tr:first-child th:last-child{border-bottom-right-radius:var(--border-radius,var(--small-border-radius))}body.rtl table.data caption+tbody tr:first-child td:last-child,body.rtl table.data caption+tbody tr:first-child th:last-child,body.rtl table.data caption+tfoot tr:first-child td:last-child,body.rtl table.data caption+tfoot tr:first-child th:last-child,body.rtl table.data caption+thead tr:first-child td:last-child,body.rtl table.data caption+thead tr:first-child th:last-child,body.rtl table.data tbody:first-child tr:first-child td:last-child,body.rtl table.data tbody:first-child tr:first-child th:last-child,body.rtl table.data tfoot:first-child tr:first-child td:last-child,body.rtl table.data tfoot:first-child tr:first-child th:last-child,body.rtl table.data thead:first-child tr:first-child td:last-child,body.rtl table.data thead:first-child tr:first-child th:last-child{border-bottom-left-radius:var(--border-radius,var(--small-border-radius))}table.data thead td,table.data thead th{background-color:var(--gray-050);cursor:default;width:auto}table.data thead td,table.data thead th:not(.orderable){padding-bottom:var(--pane-padding,var(--m));padding-top:var(--pane-padding,var(--m))}table.data thead th{vertical-align:middle;white-space:nowrap}table.data thead th.orderable{padding:0!important;position:relative}body:not(.dragging) table.data thead th.orderable:not(.ordered):hover{background-color:var(--gray-100)}table.data thead th.orderable.ordered{background-color:var(--light-sel-color)}table.data thead th.orderable.ordered:not(.loading) button:after{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;position:absolute;top:calc(50% - 3px);-webkit-transform:rotate(225deg);-o-transform:rotate(225deg);transform:rotate(225deg);width:7px}body.ltr table.data thead th.orderable.ordered:not(.loading) button:after{right:var(--m)}body.rtl table.data thead th.orderable.ordered:not(.loading) button:after{left:var(--m)}table.data thead th.orderable.ordered:not(.loading).desc button:after{-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}table.data thead th.orderable button{font:inherit;padding:var(--pane-padding,var(--m)) var(--m);position:relative;width:100%}body.ltr table.data thead th.orderable button{padding-right:35px}body.rtl table.data thead th.orderable button{padding-left:35px}body.ltr table.data thead th.orderable button{text-align:left}body.rtl table.data thead th.orderable button{text-align:right}table.data thead th.orderable button:focus{z-index:1}table.data thead th:not(.loading) .spinner{display:none}table.data thead th .spinner{--size:12px;position:absolute;top:calc(50% - 6px)}body.ltr table.data thead th .spinner{right:8px}body.rtl table.data thead th .spinner{left:8px}table.data tbody tr{--hover-bg-color:var(--gray-050);--selected-bg-color:var(--dark-sel-color)}table.data tbody tr:not(.disabled):hover td,table.data tbody tr:not(.disabled):hover th{background-color:var(--hover-bg-color)}table.data tbody tr:not(.disabled):focus{position:relative;z-index:1}table.data tbody tr:not(.disabled).active-drop-target,table.data tbody tr:not(.disabled).sel{--text-color:var(--white);--medium-dark-text-color:var(--white);--medium-text-color:var(--white);--light-text-color:var(--white);--link-color:var(--white);--ui-control-color:var(--white);--focus-ring:0 0 0 3px hsl(var(--light-focus-hsl))}table.data tbody tr:not(.disabled).active-drop-target td,table.data tbody tr:not(.disabled).active-drop-target th,table.data tbody tr:not(.disabled).sel td,table.data tbody tr:not(.disabled).sel th{background-color:var(--selected-bg-color);color:var(--white)}table.data tbody td,table.data tbody th{background-clip:padding-box;padding-bottom:7px;padding-top:7px}table.data tbody td.timestamp{color:var(--light-text-color);vertical-align:bottom;white-space:nowrap}body.ltr table.data tbody td.timestamp{text-align:right}body.rtl table.data tbody td.timestamp{text-align:left}table.data thead+tbody tr td,table.data thead+tbody tr th,table.data tr+tr td,table.data tr+tr th{border-top:1px solid transparent}table.data tr.sel:not(.draggee)+tr.sel:not(.draggee) td,table.data tr.sel:not(.draggee)+tr.sel:not(.draggee) th{border-top-color:var(--gray-300)}table.collapsed{width:auto}table.collapsed,table.collapsed tbody,table.collapsed tbody td,table.collapsed tbody th,table.collapsed tbody tr{border:none;display:block;padding:0;white-space:normal;width:auto!important}body.ltr table.collapsed,body.ltr table.collapsed tbody,body.ltr table.collapsed tbody td,body.ltr table.collapsed tbody th,body.ltr table.collapsed tbody tr{text-align:left}body.rtl table.collapsed,body.rtl table.collapsed tbody,body.rtl table.collapsed tbody td,body.rtl table.collapsed tbody th,body.rtl table.collapsed tbody tr{text-align:right}table.collapsed thead{display:none}table.collapsed tbody tr{border-bottom:1px dotted var(--hairline-color);padding:6px 0}table.collapsed tbody tr:after{clear:both;content:"";display:block;height:0;visibility:hidden}table.collapsed tbody td,table.collapsed tbody th{padding:2px 0!important}table.collapsed tbody td:empty{display:none}body.ltr table.collapsed tbody [data-title]{margin-right:0}body.rtl table.collapsed tbody [data-title]{margin-left:0}table.collapsed tbody [data-title]:before{content:attr(data-title) ":";font-weight:700;margin-right:5px}table.collapsed tbody [data-title] form{display:inline-block}.datatablesorthelper,.editabletablesorthelper{background-color:var(--white);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.datatablesorthelper,.datatablesorthelper .chip,.datatablesorthelper a{cursor:move!important}.datatablesorthelper tr:first-child td,.datatablesorthelper tr:first-child th{border-top:none!important}.datatablesorthelper tr:last-child td,.datatablesorthelper tr:last-child th{border-bottom:none!important}.chip{-webkit-align-items:center;align-items:center;background-color:var(--gray-050);border-radius:var(--large-border-radius);cursor:default;display:-webkit-flex;display:flex;font-weight:400;gap:var(--xs);max-width:100%;padding:var(--xs) var(--s);position:relative;-webkit-user-select:none;user-select:none}.chip.small{--thumb-size:30px;-webkit-flex-direction:row;flex-direction:row;height:34px}.chip.small>.thumb{margin:calc(var(--xs)*-1 + 2px) calc(var(--s)*-1 + 2px)}body.ltr .chip.small>.thumb{margin-right:2px}body.rtl .chip.small>.thumb{margin-left:2px}.chip.large{--thumb-size:120px;-webkit-flex-direction:column;flex-direction:column;min-width:calc(var(--s)*2 + var(--thumb-size))}.chip.large .chip-content{width:100%}.chip .chip-content{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;gap:var(--s)}.chip .chip-content .status{margin:0}.chip.sel,li.active-drop-target .chip,li.sel .chip{--text-color:var(--white);--medium-dark-text-color:var(--white);--medium-text-color:var(--white);--light-text-color:var(--white);--link-color:var(--white);--ui-control-color:var(--white);--focus-ring:0 0 0 3px hsl(var(--light-focus-hsl));background-color:var(--dark-sel-color)!important;color:var(--white)}.chip.sel,.sel .chip{cursor:default}.chip.sel .thumb,.sel .chip .thumb{-webkit-filter:brightness(.85);filter:brightness(.85)}.chip.sel .thumb img,.sel .chip .thumb img{box-shadow:0 0 0 1px rgba(96,109,123,.1),0 6px 4px -4px rgba(96,109,123,.2)}.offset-drag-helper .chip{background-color:var(--gray-050);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.chip>.thumb{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;height:var(--thumb-size);-webkit-justify-content:center;justify-content:center;position:relative;width:var(--thumb-size)}.chip>.thumb.rounded img,.chip>.thumb.rounded svg{border:var(--xs) solid transparent;border-radius:50%}.chip>.thumb.checkered img{background-image:-o-linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 25%),-o-linear-gradient(315deg,rgba(154,165,177,.25) 25%,transparent 25%),-o-linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 75%),-o-linear-gradient(315deg,transparent 75%,rgba(154,165,177,.25) 75%);background-image:linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(135deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 0),linear-gradient(135deg,transparent 75%,rgba(154,165,177,.25) 0);background-position:0 0,4px 0,4px -4px,0 4px;-o-background-size:8px 8px;background-size:8px 8px}.chip>.thumb img,.chip>.thumb svg{border-radius:var(--small-border-radius);display:block;-webkit-flex-shrink:0;flex-shrink:0;max-height:100%;max-width:100%}.inline-chips{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:var(--xs)}.inline-chips .chip{margin:0!important}.card{-webkit-align-items:stretch;align-items:stretch;background-color:var(--gray-050);color:var(--medium-text-color);cursor:default;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;gap:var(--l);padding:var(--m);position:relative;-webkit-user-select:none;user-select:none}.card,.card:after{border-radius:var(--large-border-radius)}.card.sel,li.sel .card{--text-color:var(--white);--medium-dark-text-color:var(--white);--medium-text-color:var(--white);--light-text-color:var(--white);--link-color:var(--white);--ui-control-color:var(--white);--focus-ring:0 0 0 3px hsl(var(--light-focus-hsl));background-color:var(--dark-sel-color)!important;color:var(--white)}.card.sel>.thumb,li.sel .card>.thumb{background-color:var(--dark-sel-color)!important;-webkit-filter:brightness(.85);filter:brightness(.85)}.card>.thumb{-webkit-align-items:stretch;align-items:stretch;background-color:var(--gray-100);display:-webkit-flex;display:flex;margin:calc(var(--m)*-1);min-height:calc(var(--m)*2 + var(--lh)*3 + var(--xs));min-width:120px;overflow:hidden;position:relative;width:120px}body.ltr .card>.thumb{margin-right:0}body.rtl .card>.thumb{margin-left:0}.card>.thumb:after{bottom:0;box-shadow:0 1px 5px -1px rgba(31,41,51,.2);content:"";display:block;font-size:0;position:absolute;top:0;width:10px}body.ltr .card>.thumb:after{right:-10px}body.rtl .card>.thumb:after{left:-10px}body.ltr .card>.thumb,body.ltr .card>.thumb:after{border-radius:var(--large-border-radius) 0 0 var(--large-border-radius)}body.rtl .card>.thumb,body.rtl .card>.thumb:after{border-radius:0 var(--large-border-radius) var(--large-border-radius) 0}.card>.thumb img,.card>.thumb svg{max-height:120px;-o-object-fit:cover;object-fit:cover;width:100%}.card .card-content,.card .card-content .card-body{display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-flex-direction:column;flex-direction:column;gap:var(--xs)}.card .card-content{--focus-ring:var(--inner-focus-ring);-webkit-flex:1 0 0!important;flex:1 0 0!important;overflow:hidden;position:relative}.card .card-content .card-heading{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;gap:5px}.card .card-content .card-heading .status{-webkit-flex:0 0 10px;flex:0 0 10px;margin:0}.card .card-content .card-heading .label{font-weight:600}.card .card-content .card-body:empty{display:none}.card .card-content .card-body>*{--max-lines:2;text-wrap:pretty;margin:0;max-height:calc(var(--lh)*var(--max-lines));overflow:hidden}.card>.card-actions-container{-webkit-align-items:flex-start!important;align-items:flex-start!important;display:-webkit-flex;display:flex;position:relative}.card-grid{display:grid!important;gap:var(--s)!important;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.card-grid>li{border-radius:var(--large-border-radius);height:100%}.card-grid>li>.card{height:100%;margin:0!important}.card .checkbox:before,.chip .checkbox:before{box-shadow:none!important}.card .label,.chip .label{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;gap:var(--xs);overflow:hidden}.card .label .label-link,.chip .label .label-link{-webkit-flex:1 1 0;flex:1 1 0;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.card .label .draft-label,.chip .label .draft-label{background:var(--gray-100);border-radius:var(--large-border-radius);color:var(--medium-text-color);display:inline-block;font-weight:400;padding:1px 5px;text-decoration:none!important}body.ltr .card .label .draft-label,body.ltr .chip .label .draft-label{margin:-1px 0 -1px 7px}body.rtl .card .label .draft-label,body.rtl .chip .label .draft-label{margin:-1px 7px -1px 0}.card .label .segment:after,.chip .label .segment:after{border:solid var(--light-text-color);border-width:0 1px 1px 0;content:"";display:-webkit-inline-flex!important;display:inline-flex!important;display:block;font-size:0;height:7px;opacity:.8;position:relative;top:-2px;width:7px}body.ltr .card .label .segment:after,body.ltr .chip .label .segment:after{margin:0 5px 0 2px}body.rtl .card .label .segment:after,body.rtl .chip .label .segment:after{margin:0 2px 0 5px}body.ltr .card .label .segment:after,body.ltr .chip .label .segment:after{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.rtl .card .label .segment:after,body.rtl .chip .label .segment:after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.sel .card .label .segment:after,.sel .chip .label .segment:after{border:solid var(--white);border-width:0 1px 1px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;width:7px}body.ltr .sel .card .label .segment:after,body.ltr .sel .chip .label .segment:after{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.rtl .sel .card .label .segment:after,body.rtl .sel .chip .label .segment:after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.card>.card-actions-container>.card-actions,.card>.chip-content>.chip-actions,.chip>.card-actions-container>.card-actions,.chip>.chip-content>.chip-actions{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;gap:var(--s);min-height:var(--lh)}.card>.card-actions-container>.card-actions:empty,.card>.chip-content>.chip-actions:empty,.chip>.card-actions-container>.card-actions:empty,.chip>.chip-content>.chip-actions:empty{display:none}.card>.card-actions-container>.card-actions>.status,.card>.chip-content>.chip-actions>.status,.chip>.card-actions-container>.card-actions>.status,.chip>.chip-content>.chip-actions>.status{margin:0}.card>.card-actions-container>.card-actions>.menubtn,.card>.card-actions-container>.card-actions>.move,.card>.chip-content>.chip-actions>.menubtn,.card>.chip-content>.chip-actions>.move,.chip>.card-actions-container>.card-actions>.menubtn,.chip>.card-actions-container>.card-actions>.move,.chip>.chip-content>.chip-actions>.menubtn,.chip>.chip-content>.chip-actions>.move{height:var(--touch-target-size);margin:0 -4px;width:var(--touch-target-size)}.card>.card-actions-container>.card-actions .settings,.card>.chip-content>.chip-actions .settings,.chip>.card-actions-container>.card-actions .settings,.chip>.chip-content>.chip-actions .settings{color:var(--ui-control-color)}body.ltr .card>.card-actions-container>.card-actions .settings:before,body.ltr .card>.chip-content>.chip-actions .settings:before,body.ltr .chip>.card-actions-container>.card-actions .settings:before,body.ltr .chip>.chip-content>.chip-actions .settings:before{margin-right:0!important}body.rtl .card>.card-actions-container>.card-actions .settings:before,body.rtl .card>.chip-content>.chip-actions .settings:before,body.rtl .chip>.card-actions-container>.card-actions .settings:before,body.rtl .chip>.chip-content>.chip-actions .settings:before{margin-left:0!important}.card>.card-actions-container>.card-actions .settings:not(:hover):not(:active),.card>.chip-content>.chip-actions .settings:not(:hover):not(:active),.chip>.card-actions-container>.card-actions .settings:not(:hover):not(:active),.chip>.chip-content>.chip-actions .settings:not(:hover):not(:active){background-color:transparent}.card>.card-actions-container>.card-actions .move,.card>.chip-content>.chip-actions .move,.chip>.card-actions-container>.card-actions .move,.chip>.chip-content>.chip-actions .move{margin-top:-2px!important}.card.error .label .label-link,.chip.error .label .label-link{color:var(--error-color)}.element-index .source-path{--ui-control-bg-color:var(--light-sel-color);--ui-control-hover-bg-color:#bdcbdb;--ui-control-active-bg-color:#acbed2;background-color:var(--gray-050);border-radius:3px}.element-index .source-path .chevron-btns{--ui-control-height:1.875rem;background:#fff;display:-webkit-inline-flex;display:inline-flex;position:relative}.element-index .source-path .chevron-btns:before{border-top:calc(var(--ui-control-height)/2) solid #f3f7fc;content:"";display:block;font-size:0;height:0;position:absolute;top:0;width:0}body.ltr .element-index .source-path .chevron-btns:before{right:0}body.rtl .element-index .source-path .chevron-btns:before{left:0}body.ltr .element-index .source-path .chevron-btns:before{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .element-index .source-path .chevron-btns:before{border-right:calc(var(--ui-control-height)/2) solid transparent}.element-index .source-path .chevron-btns:after{border-bottom:calc(var(--ui-control-height)/2) solid #f3f7fc;content:"";display:block;font-size:0;position:absolute;top:calc(var(--ui-control-height)/2)}body.ltr .element-index .source-path .chevron-btns:after{right:0}body.rtl .element-index .source-path .chevron-btns:after{left:0}body.ltr .element-index .source-path .chevron-btns:after{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .element-index .source-path .chevron-btns:after{border-right:calc(var(--ui-control-height)/2) solid transparent}.element-index .source-path .chevron-btns .btn{--ui-control-border-radius:3px}.element-index .source-path .btn.settings{box-shadow:0 0 0 2px var(--white)}.element-index.main .source-path{margin:-22px calc(var(--padding)*-1 + 2px) 24px}.elementselectormodal .element-index .source-path{margin-bottom:2px}.element-index.pane .toolbar{background-color:var(--gray-050);border-radius:calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) 0 0;box-shadow:0 1px 0 var(--hairline-color);margin:calc(var(--pane-padding)*-1) calc(var(--pane-padding)*-1) var(--pane-padding)!important;padding:var(--pane-padding);position:relative;z-index:2}.element-index.pane .header{background-color:transparent;border-bottom:1px solid var(--hairline-color);padding-bottom:var(--pane-padding);padding-top:var(--pane-padding)}.element-index.pane .elements{--border-radius:0}.element-index.pane .elements .tableview table.data thead td,.element-index.pane .elements .tableview table.data thead th{border-bottom:1px solid var(--hairline-color)}.element-index.pane .elements .tableview table.data thead td:not(.ordered),.element-index.pane .elements .tableview table.data thead th:not(.ordered){background-color:transparent}.element-index.pane .footer{background:transparent;border-radius:0 0 calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px)!important;border-top:1px solid var(--hairline-color);box-shadow:none}.elements{position:relative}.elements:not(.busy) .update-spinner{display:none}.elements.busy{min-height:72px}.elements.busy:after{background:hsla(0,0%,100%,.75);border-radius:var(--large-border-radius);content:"";display:block;font-size:0;height:100%;left:calc(var(--pane-padding, 24px)*-1);position:absolute;top:0;width:calc(100% + var(--pane-padding, 24px) + var(--pane-padding, 24px));z-index:100}.elements.busy .update-spinner{z-index:101}.elements .header{background-color:var(--gray-050);border-radius:var(--border-radius,var(--small-border-radius));box-shadow:none;margin:calc(var(--xl)*-1 + 2px) calc(var(--padding)*-1 + 2px) var(--xl);padding:var(--s)}.elements .header:after{content:""}.elements .header .selectallcontainer{-webkit-align-items:center;align-items:center;cursor:default;display:-webkit-flex;display:flex;gap:5px}.elements .tableview tr.draggee td,.elements .tableview tr.draggee th,.elements .thumbsview li.draggee{opacity:.25}.elements .tableview th .move,.elements .tableview th .toggle{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;height:var(--touch-target-size);-webkit-justify-content:center;justify-content:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:var(--touch-target-size)}body.ltr .elements .tableview th .move,body.ltr .elements .tableview th .toggle{margin-left:calc(var(--touch-target-size)*-1)}body.rtl .elements .tableview th .move,body.rtl .elements .tableview th .toggle{margin-right:calc(var(--touch-target-size)*-1)}.elements .tableview th .move{font-size:11px;text-decoration:none}.elements .tableview th .toggle{border-radius:50%;padding:4px;text-align:center}body.ltr .elements .tableview th .move+.toggle{margin-left:calc(var(--touch-target-size)*-2)}body.rtl .elements .tableview th .move+.toggle{margin-right:calc(var(--touch-target-size)*-2)}.elements .tableview th .enabled-label{margin-left:var(--xs)}.elements .tableview .chip{background-color:transparent}.elements .thumbsview{display:grid;gap:var(--xs);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.elements .thumbsview li{border-radius:var(--large-border-radius);max-width:226px;position:relative}body.ltr .elements .thumbsview li{margin:0 1px 1px 0}body.rtl .elements .thumbsview li{margin:0 0 1px 1px}.elements .thumbsview li:hover .chip{background-color:var(--gray-050)}.elements .thumbsview li.sel a{cursor:pointer!important}.elements .thumbsview li.sel a:hover{text-decoration:underline}.export-form{position:relative}.export-form .spinner{bottom:0;position:absolute}body.ltr .export-form .spinner{right:-24px}body.rtl .export-form .spinner{left:-24px}.structure{position:relative;z-index:1}body.ltr .structure li{padding-left:8px}body.rtl .structure li{padding-right:8px}.structure li.collapsed>ul{display:none}.structure li .add.active,.structure li .row:hover>.icon,.structure li.draghelper>.row .move{opacity:1}.structure li.draghelper>.row .add{opacity:0}.structure li.draghelper>.row .move:before{color:var(--link-color)}.structure li.draginsertion{background-color:var(--link-color)!important;border-radius:1px;height:2px;position:relative}body.ltr .structure li.draginsertion{margin:-1px 0 -1px 8px}body.rtl .structure li.draginsertion{margin:-1px 8px -1px 0}body.ltr .structure li.draginsertion{padding-left:0}body.rtl .structure li.draginsertion{padding-right:0}body.ltr .structure li.draginsertion{border-left:none}body.rtl .structure li.draginsertion{border-right:none}.structure li .toggle{padding:4px;position:relative;z-index:1}body.ltr .structure li .toggle{float:left}body.rtl .structure li .toggle{float:right}body.ltr .structure li .toggle{margin:10px -8px 0 -12px}body.rtl .structure li .toggle{margin:10px -12px 0 -8px}.structure li .row:after{clear:both;content:"";display:block;height:0;visibility:hidden}.structure li .add,.structure li .move{opacity:0;-o-transition:opacity .1s linear;transition:opacity .1s linear}body.ltr .structure li .add,body.ltr .structure li .move{margin:5px 5px 0 0}body.rtl .structure li .add,body.rtl .structure li .move{margin:5px 0 0 5px}.structure li .add{padding:0 5px}.structure li .add:before{color:var(--dark-hairline-color);content:"downangle"}.structure li .add.active:before,.structure li .add:not(.disabled):hover:before{color:var(--link-color)}body.ltr .structure li .checkbox{float:left}body.rtl .structure li .checkbox{float:right}body.ltr .structure li .checkbox{margin:7px 0 0 7px}body.rtl .structure li .checkbox{margin:7px 7px 0 0}body.ltr .structure ul{margin-left:-3px}body.rtl .structure ul{margin-right:-3px}.structure ul li{background-repeat:no-repeat}body.ltr .structure ul li{padding-left:38px}body.rtl .structure ul li{padding-right:38px}body.ltr .structure ul li{background-image:url(../images/branch.png);background-position:0 0}body.rtl .structure ul li{background-image:url(../images/branch_rtl.png);background-position:100% 0}body.ltr .structure ul li:not(:last-child):not(.last){padding-left:37px}body.rtl .structure ul li:not(:last-child):not(.last){padding-right:37px}body.ltr .structure ul li:not(:last-child):not(.last){border-left:1px solid var(--gray-200)}body.rtl .structure ul li:not(:last-child):not(.last){border-right:1px solid var(--gray-200)}body.ltr .structure ul li:not(:last-child):not(.last){background-position:-1px 0}body.rtl .structure ul li:not(:last-child):not(.last){background-position:calc(100% + 1px) 0}body.ltr .structure ul li.draginsertion{margin-left:38px}body.rtl .structure ul li.draginsertion{margin-right:38px}.structure .row.draghover .chip{border-radius:15px;box-shadow:inset 0 0 0 2px var(--link-color);z-index:2}.structure .row.droptarget{border-radius:5px;box-shadow:inset 0 0 0 2px var(--link-color)}.elementselect{min-height:34px;position:relative}.elementselect .elements{-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-flex;display:flex;gap:var(--xs)}.elementselect .elements:not(.inline-chips){-webkit-flex-direction:column;flex-direction:column}.elementselect .elements li{max-width:100%}.elementselect .card:not(:first-child),.elementselect .chip:not(:first-child){margin-top:var(--s)}.elementselect .btn,.elementselect .flex{clear:both}.elementselect .chip{z-index:1}.elementselect .flex{padding-top:7px}body.ltr .elementselect .structure ul{margin-left:12px}body.rtl .elementselect .structure ul{margin-right:12px}.elementselect .structure ul li{background-position:0 2px!important}.elementselect .structure ul li .chip{margin:0}table.editable{border:1px solid var(--gray-200);border-radius:var(--large-border-radius)}table.editable td.action,table.editable td.heading,table.editable th{background-color:var(--gray-050);color:var(--medium-text-color);font-weight:400}table.editable tbody tr th,table.editable thead tr th{padding:6px 10px}table.editable thead tr th{border-bottom:1px solid var(--hairline-color)}body.ltr table.editable thead tr th.has-info{padding-right:calc(15px + 1em)}body.rtl table.editable thead tr th.has-info{padding-left:calc(15px + 1em)}table.editable thead tr th span.info{margin-left:5px;position:absolute}table.editable tbody tr:not(:first-child) td,table.editable tbody tr:not(:first-child) th{border-top:1px solid var(--hairline-color)}body.ltr table.editable tbody tr:last-child td:first-child{border-bottom-left-radius:var(--large-border-radius)}body.rtl table.editable tbody tr:last-child td:first-child{border-bottom-right-radius:var(--large-border-radius)}body.ltr table.editable tbody tr:last-child td:first-child input.text,body.ltr table.editable tbody tr:last-child td:first-child textarea{border-bottom-left-radius:calc(var(--large-border-radius) - 1px)}body.rtl table.editable tbody tr:last-child td:first-child input.text,body.rtl table.editable tbody tr:last-child td:first-child textarea{border-bottom-right-radius:calc(var(--large-border-radius) - 1px)}body.ltr table.editable tbody tr td:not(:first-child),body.ltr table.editable tbody tr th~td:not(.hidden)~td{border-left:1px solid var(--hairline-color)}body.rtl table.editable tbody tr td:not(:first-child),body.rtl table.editable tbody tr th~td:not(.hidden)~td{border-right:1px solid var(--hairline-color)}body.ltr table.editable tbody tr th~td:not(:first-child){border-left:1px solid #dbdddf}body.rtl table.editable tbody tr th~td:not(:first-child){border-right:1px solid #dbdddf}table.editable tbody tr td{background-color:var(--white);padding:4px 10px;text-align:center;vertical-align:top}table.editable tbody tr td.focus{box-shadow:inset 0 0 0 1px var(--hairline-color);position:relative}table.editable tbody tr td.textual{padding:0}table.editable tbody tr td.textual textarea{resize:none}table.editable tbody tr td.textual pre{white-space:pre-wrap}body.ltr table.editable tbody tr td.textual pre{text-align:left}body.rtl table.editable tbody tr td.textual pre{text-align:right}table.editable tbody tr td.lightswitch-cell{padding-bottom:9px;padding-top:9px}table.editable tbody tr td.lightswitch-cell .lightswitch{display:block;margin:0 auto}table.editable tbody tr td.checkbox-cell{padding-bottom:10px;padding-top:10px}table.editable tbody tr td.checkbox-cell .checkbox-wrapper{display:block;height:16px;margin:-2px auto 0;width:16px}table.editable tbody tr td.error{box-shadow:inset 0 0 0 1px var(--error-color)}table.editable tbody tr td.disabled{opacity:1;position:relative}table.editable tbody tr td.disabled:after{background-color:rgba(243,247,252,.75);content:"";font-size:0;height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}table.editable tbody tr td.action{padding:4px 7px}body.ltr table.editable tbody tr td.action+td.action{border-left:none}body.rtl table.editable tbody tr td.action+td.action{border-right:none}body.ltr table.editable tbody tr td.action+td.action{padding-left:0}body.rtl table.editable tbody tr td.action+td.action{padding-right:0}table.editable tbody tr td .flex>*{margin-bottom:0}table.editable tbody input.text,table.editable tbody pre,table.editable tbody textarea,table.editable tbody textarea.text{background-color:transparent;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;display:block;overflow:hidden;padding:7px 10px;-o-transition:none;transition:none;width:100%}table.editable tbody .color-container{display:block;position:relative}table.editable tbody .color-container .color-input,table.editable tbody .color-container>.color{margin-bottom:0}table.editable tbody .color-container>.color{position:absolute;top:10px;z-index:1}body.ltr table.editable tbody .color-container>.color{left:10px}body.rtl table.editable tbody .color-container>.color{right:10px}body.ltr table.editable tbody .color-container .color-hex-indicator{left:32px}body.rtl table.editable tbody .color-container .color-hex-indicator{right:32px}body.ltr table.editable tbody .color-container .color-input{padding-left:calc(32px + 1em)}body.rtl table.editable tbody .color-container .color-input{padding-right:calc(32px + 1em)}table.editable tbody .datewrapper,table.editable tbody .timewrapper{display:block;width:calc(100% - 29px)}table.editable tbody .datewrapper .text+div[data-icon],table.editable tbody .timewrapper .text+div[data-icon]{top:6px}body.ltr table.editable tbody .datewrapper .text+div[data-icon],body.ltr table.editable tbody .timewrapper .text+div[data-icon]{left:10px}body.rtl table.editable tbody .datewrapper .text+div[data-icon],body.rtl table.editable tbody .timewrapper .text+div[data-icon]{right:10px}table.editable:not(.static) td.textual{cursor:text}table.editable+.btn.add{display:block;width:100%}table.editable:not(.hidden)+.btn.add{border-radius:0 0 var(--medium-border-radius) var(--medium-border-radius);border-top-width:0}.border-box+.buttons,.shadow-box+.buttons{margin-top:7px}body.ltr .tree ul,body.ltr ul.tree{margin-left:20px}body.rtl .tree ul,body.rtl ul.tree{margin-right:20px}body.ltr .tree li .toggle{margin:7px 0 0 -15px}body.rtl .tree li .toggle{margin:7px -15px 0 0}.status{background-clip:border-box;border:1px solid transparent;border-radius:100%;box-sizing:border-box;display:inline-block;height:10px;position:relative;width:10px}body.ltr .status{margin-right:10px}body.rtl .status{margin-left:10px}body.use-shapes .status.all{background-image:-o-linear-gradient(60deg,#184cef,#e5422b);background-image:linear-gradient(30deg,#184cef,#e5422b);rotate:45deg}body.use-shapes .status.pending{background-color:transparent;border-color:transparent transparent var(--pending-color) transparent;border-radius:1px;border-style:solid;border-width:0 5px 10px}body.use-shapes .status.all,body.use-shapes .status.expired,body.use-shapes .status.off,body.use-shapes .status.suspended{border-radius:2px;-webkit-transform:scale(90%);-o-transform:scale(90%);transform:scale(90%)}.status:not(.on):not(.live):not(.active):not(.enabled):not(.all):not(.pending):not(.off):not(.suspended):not(.expired):not(.yellow):not(.orange):not(.red):not(.pink):not(.purple):not(.blue):not(.green):not(.turquoise):not(.light):not(.grey):not(.black){border-color:var(--ui-control-color)}.green,.status.active,.status.enabled,.status.live,.status.on{background-color:var(--enabled-color)}.status.all{background-image:-o-linear-gradient(30deg,#184cef,#e5422b);background-image:linear-gradient(60deg,#184cef,#e5422b);-o-background-origin:border-box;background-origin:border-box}.orange,.status.pending{background-color:var(--pending-color)}.red,.status.expired,.status.off,.status.suspended{background-color:var(--disabled-color)}.yellow{background-color:var(--yellow-300)}.pink{background-color:var(--pink-400)}.purple{background-color:#9b59b6}.blue{background-color:var(--blue-600)}.turquoise{background-color:var(--teal-300)}.status.light{background-color:var(--gray-100)}.grey{background-color:var(--gray-300)}.black{background-color:var(--gray-800)}.status.disabled,.status.white{opacity:1}.condition-container{margin:24px 0}.condition-footer,.condition-rule{padding:7px}.condition-footer{border:1px dashed var(--medium-hairline-color);border-radius:var(--large-border-radius)}.condition:not(:empty)+.condition-footer{border-top-left-radius:0;border-top-right-radius:0;border-top-width:0}.condition-footer .spinner:not(.loading){display:none}.condition-rule{background-color:var(--gray-050);border:1px solid var(--hairline-color);margin:0}.condition-rule:first-child{border-top-left-radius:var(--large-border-radius);border-top-right-radius:var(--large-border-radius)}.condition-rule+.condition-rule{border-top-width:0}.condition-rule>.rule-actions,.condition-rule>.rule-move{margin-top:5px}.condition-rule>.rule-body .lightswitch{display:block;margin-top:6px}.condition-rule>.rule-body .selectize{min-width:100px}.condition-rule>.rule-body .text.fullwidth{max-width:100%;min-width:100px}.progressbar{border:2px solid var(--gray-700);border-radius:6px;left:20%;padding:2px;position:absolute;width:60%;z-index:1000}.progressbar-inner{background-color:var(--gray-700);border-radius:2px;height:4px}.progressbar:not(.pending) .progressbar-inner{-o-transition:width .1s linear;transition:width .1s linear;width:0}.progressbar.pending .progressbar-inner{-webkit-animation-duration:.25s;-o-animation-duration:.25s;animation-duration:.25s;-webkit-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear}body.ltr .progressbar.pending .progressbar-inner{background:-o-repeating-linear-gradient(315deg,var(--white),var(--white) 8.8388347649px,var(--gray-700) 8.8388347649px,var(--gray-700) 17.6776695297px);background:repeating-linear-gradient(135deg,var(--white),var(--white) 8.8388347649px,var(--gray-700) 8.8388347649px,var(--gray-700) 17.6776695297px)}body.rtl .progressbar.pending .progressbar-inner{background:-o-repeating-linear-gradient(45deg,var(--white),var(--white) 8.8388347649px,var(--gray-700) 8.8388347649px,var(--gray-700) 17.6776695297px);background:repeating-linear-gradient(45deg,var(--white),var(--white) 8.8388347649px,var(--gray-700) 8.8388347649px,var(--gray-700) 17.6776695297px)}body.ltr .progressbar.pending .progressbar-inner{-webkit-animation-name:pendingprogress-ltr;-o-animation-name:pendingprogress-ltr;animation-name:pendingprogress-ltr}body.rtl .progressbar.pending .progressbar-inner{-webkit-animation-name:pendingprogress-rtl;-o-animation-name:pendingprogress-rtl;animation-name:pendingprogress-rtl}@-webkit-keyframes pendingprogress-ltr{0%{background-position:0}to{background-position:25px}}@-o-keyframes pendingprogress-ltr{0%{background-position:0}to{background-position:25px}}@keyframes pendingprogress-ltr{0%{background-position:0}to{background-position:25px}}@-webkit-keyframes pendingprogress-rtl{0%{background-position:0}to{background-position:-25px}}@-o-keyframes pendingprogress-rtl{0%{background-position:0}to{background-position:-25px}}@keyframes pendingprogress-rtl{0%{background-position:0}to{background-position:-25px}}.elementselect .progress-shade{background-color:hsla(0,0%,100%,.8);display:none;height:100%;position:absolute;top:0;width:100%}body.ltr .elementselect .progress-shade{left:0}body.rtl .elementselect .progress-shade{right:0}.elementselect.uploading{position:relative}.elementselect.uploading .progress-shade{display:block;z-index:2}.missing-component{background-color:var(--gray-050)!important;max-width:400px;padding:7px 10px!important}.missing-component .error{margin:0}.missing-component .install-plugin{border-top:1px solid var(--hairline-color);margin:7px 0 -7px;position:relative}body.ltr .missing-component .install-plugin{padding:10px 0 10px 40px}body.rtl .missing-component .install-plugin{padding:10px 40px 10px 0}.missing-component .install-plugin .icon{height:32px;position:absolute;top:calc(50% - 16px);width:32px}body.ltr .missing-component .install-plugin .icon{left:0}body.rtl .missing-component .install-plugin .icon{right:0}.missing-component .install-plugin .icon img,.missing-component .install-plugin .icon svg{height:100%;width:100%}.missing-component .install-plugin h3{-webkit-flex:1;flex:1;margin:8px 0!important}.missing-component .install-plugin .btn{margin:0}.pane{--pane-padding:var(--xl);--border:1px solid var(--hairline-color);word-wrap:break-word;background:#fff;border-radius:var(--large-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);box-sizing:border-box;margin:14px 0;padding:var(--pane-padding);position:relative}.pane:focus{box-shadow:var(--focus-ring)}#content .pane,.pane .pane{background-color:var(--gray-050);border:1px solid var(--hairline-color);box-shadow:none}.pane.dashed{border:1px dashed var(--medium-hairline-color)!important}.pane.dashed,.pane.hairline{background-color:transparent!important;box-shadow:none}.pane.hairline{border:1px solid rgba(96,125,159,.25)!important}.pane.padding-xs{--pane-padding:var(--xs)}.pane.padding-s{--pane-padding:var(--s)}.pane.padding-m{--pane-padding:var(--m)}.pane.padding-l{--pane-padding:var(--l)}.pane.loading{min-height:200px}.pane.loading:after{content:"";display:block;font-size:0;height:100%;left:-24px;position:absolute;top:0;width:calc(100% + 48px)}.pane-header{background-color:var(--gray-050);border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;box-shadow:inset 0 -1px 0 0 rgba(154,165,177,.25);box-sizing:border-box;margin:calc(var(--xl)*-1) var(--neg-padding) var(--xl);min-height:50px;padding:var(--s) var(--xl)}.pane-header .header-btn{height:30px;margin:2px 0;padding-left:0;padding-right:0;width:30px}.pane-header .header-btn:not(:hover):not(:active):not(.active){background-color:transparent}.pane-header .header-btn:not(:active):not(.active):hover{background-color:rgba(154,165,177,.15)}.pane-header .spinner{margin:0!important}.pane-tabs{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;margin:calc(var(--s)*-1) calc(var(--padding)*-1)}.pane-tabs:first-child{border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;overflow:hidden}.pane-tabs [role=tablist]{display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-flex-direction:row;flex-direction:row;overflow-x:auto;scrollbar-width:none}.pane-tabs [role=tablist]::-webkit-scrollbar{display:none}body.ltr .pane-tabs [role=tablist].scrollable{-webkit-mask-image:linear-gradient(270deg,transparent,#000 24px);mask-image:linear-gradient(270deg,transparent,#000 24px)}body.rtl .pane-tabs [role=tablist].scrollable{-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px);mask-image:linear-gradient(90deg,transparent,#000 24px)}.pane-tabs [role=tablist] [role=tab]{--tab-label-color:var(--light-text-color)}.pane-tabs [role=tablist] [role=tab].error{--highlight-color:var(--error-color)!important;--tab-label-color:var(--error-color)!important}.pane-tabs [role=tablist] [role=tab],.pane-tabs [role=tablist] [role=tab] .tab-label{border-radius:2px 2px 0 0}.pane-tabs [role=tablist] [role=tab] .tab-label{-webkit-align-items:center;align-items:center;color:var(--tab-label-color);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;height:50px;padding:0 var(--padding);position:relative;white-space:nowrap}.pane-tabs [role=tablist] [role=tab]:hover{text-decoration:none}body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible,body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus{box-shadow:none}body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible .tab-label,body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus .tab-label{box-shadow:var(--inner-focus-ring)}.pane-tabs [role=tablist] [role=tab]:not(.sel):hover{background-color:rgba(154,165,177,.15)}.pane-tabs [role=tablist] [role=tab].sel{--highlight-color:var(--gray-500);--tab-label-color:var(--text-color);background-color:var(--white);box-shadow:inset 0 2px 0 var(--highlight-color),0 0 0 1px rgba(51,64,77,.1),0 2px 12px rgba(205,216,228,.5);cursor:default;position:relative;z-index:1}body.ltr .pane-tabs [role=tablist] [role=tab] span[data-icon]{margin-left:4px}body.rtl .pane-tabs [role=tablist] [role=tab] span[data-icon]{margin-right:4px}body.ltr .pane-tabs:first-child [role=tablist] [role=tab]:first-child,body.ltr .pane-tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-left-radius:var(--large-border-radius)}body.rtl .pane-tabs:first-child [role=tablist] [role=tab]:first-child,body.rtl .pane-tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-right-radius:var(--large-border-radius)}.pane-tabs .menubtn{margin:0 var(--xl)}.pane-tabs .menubtn.error span[data-icon]{margin-right:2px}.details{--spacing:var(--l);padding:0 var(--padding) var(--spacing)}.details .field,.details .meta,.details hr{margin-left:var(--neg-padding);margin-right:var(--neg-padding)}.details .meta{margin-bottom:var(--spacing)}.details .meta:not(.read-only){background-color:var(--gray-050)!important}.details .meta.read-only{color:var(--medium-text-color)}.details .meta.read-only>.data{-webkit-align-items:baseline;align-items:baseline;min-height:auto}.details .meta.read-only>.data>.heading,.details .meta.read-only>.data>.value{padding:6px 0}.details .meta.read-only>.data:first-child>.heading,.details .meta.read-only>.data:first-child>.value{padding-top:0}.details .meta.read-only>.data:last-child>.heading,.details .meta.read-only>.data:last-child>.value{padding-bottom:0}.details .meta.warning{background-color:var(--yellow-050)!important;box-shadow:0 0 0 1px var(--yellow-300),0 2px 12px rgba(205,216,228,.5);color:var(--text-color)!important;padding-bottom:var(--m);padding-top:var(--m)}.details .meta.warning p{margin-bottom:5px}.details .meta.warning .btn{background-color:var(--yellow-300)}.details .meta.warning .btn:focus,.details .meta.warning .btn:hover{background-color:#fcd815}.details .meta.warning .btn:active{background-color:#f5ce03}.details .meta>.data,.details .meta>.field{margin:0 var(--neg-padding)!important}.details .meta>.data>.heading,.details .meta>.data>.heading>label,.details .meta>.field>.heading,.details .meta>.field>.heading>label{color:var(--gray-600)}body.ltr .details .meta>.field>.status-badge{left:0}body.rtl .details .meta>.field>.status-badge{right:0}.details .meta .text::-webkit-input-placeholder{color:var(--gray-500)}.details .meta .datewrapper .text+div[data-icon],.details .meta .text::placeholder,.details .meta .timewrapper .text+div[data-icon]{color:var(--gray-500)}body.ltr .details .meta .ui-datepicker{margin:0 0 0 -8px}body.rtl .details .meta .ui-datepicker{margin:0 -8px 0 0}.details hr{border-top-color:var(--hairline-color);margin:var(--spacing) 0}.details input::-webkit-input-placeholder,.details textarea::-webkit-input-placeholder{color:var(--gray-500)}.details input::placeholder,.details textarea::placeholder{color:var(--gray-500)}.details .text{background-color:transparent!important;resize:none}.details>.field>.heading>label,.details>fieldset>legend{color:var(--gray-600);font-weight:400;margin-top:0}.details>fieldset{margin:0 0 var(--spacing)}.details>fieldset>legend{margin-bottom:5px}.details>.field{margin:0 0 var(--spacing)}.details>.field>.heading{margin-top:0}.details>.field>.input>.text.fullwidth{background-color:var(--gray-050)!important;border:none;margin:0 var(--neg-padding);padding-left:var(--padding);padding-right:var(--padding);width:calc(100% + var(--padding) + var(--padding))}.details>.text{border-radius:var(--large-border-radius);margin-bottom:var(--spacing)}.details>.text:not(:focus){border-color:rgba(96,125,159,.4)}.meta{overflow:visible;padding:0 var(--padding)}.meta>.data,.meta>.field,.meta>.flex-fields>.data,.meta>.flex-fields>.field{-webkit-align-items:center;align-items:center;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;margin:0 var(--neg-padding)!important;min-height:50px;padding:0 var(--padding);-o-transition:padding-left .1s linear,padding-right .1s linear;transition:padding-left .1s linear,padding-right .1s linear}body.ltr .meta>.data.nested,body.ltr .meta>.field.nested,body.ltr .meta>.flex-fields>.data.nested,body.ltr .meta>.flex-fields>.field.nested{padding-left:38px}body.rtl .meta>.data.nested,body.rtl .meta>.field.nested,body.rtl .meta>.flex-fields>.data.nested,body.rtl .meta>.flex-fields>.field.nested{padding-right:38px}.meta>.data.add,.meta>.field.add,.meta>.flex-fields>.data.add,.meta>.flex-fields>.field.add{background-color:#ebf2fa}.meta>.data.add:before,.meta>.field.add:before,.meta>.flex-fields>.data.add:before,.meta>.flex-fields>.field.add:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;color:var(--light-text-color);content:"plus";direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);position:absolute;text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle;width:31px}body.ltr .meta>.data.add:before,body.ltr .meta>.field.add:before,body.ltr .meta>.flex-fields>.data.add:before,body.ltr .meta>.flex-fields>.field.add:before{left:0}body.rtl .meta>.data.add:before,body.rtl .meta>.field.add:before,body.rtl .meta>.flex-fields>.data.add:before,body.rtl .meta>.flex-fields>.field.add:before{right:0}body.ltr .meta>.data.add:before,body.ltr .meta>.field.add:before,body.ltr .meta>.flex-fields>.data.add:before,body.ltr .meta>.flex-fields>.field.add:before{text-align:right}body.rtl .meta>.data.add:before,body.rtl .meta>.field.add:before,body.rtl .meta>.flex-fields>.data.add:before,body.rtl .meta>.flex-fields>.field.add:before{text-align:left}.meta>.data.add .input,.meta>.field.add .input,.meta>.flex-fields>.data.add .input,.meta>.flex-fields>.field.add .input{width:100%}.meta>.data>.heading,.meta>.field>.heading,.meta>.flex-fields>.data>.heading,.meta>.flex-fields>.field>.heading{margin:0}@media screen and (min-width:400px){.meta>.data>.heading,.meta>.field>.heading,.meta>.flex-fields>.data>.heading,.meta>.flex-fields>.field>.heading{-webkit-flex:0 0 104px;flex:0 0 104px;line-height:18px}body.ltr .meta>.data>.heading,body.ltr .meta>.field>.heading,body.ltr .meta>.flex-fields>.data>.heading,body.ltr .meta>.flex-fields>.field>.heading{margin-right:var(--s)}body.rtl .meta>.data>.heading,body.rtl .meta>.field>.heading,body.rtl .meta>.flex-fields>.data>.heading,body.rtl .meta>.flex-fields>.field>.heading{margin-left:var(--s)}}.meta>.data.lightswitch-field>.heading,.meta>.field.lightswitch-field>.heading,.meta>.flex-fields>.data.lightswitch-field>.heading,.meta>.flex-fields>.field.lightswitch-field>.heading{-webkit-flex:1;flex:1}.meta>.data>.input .flex,.meta>.field>.input .flex,.meta>.flex-fields>.data>.input .flex,.meta>.flex-fields>.field>.input .flex{-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.meta>.data>.input .flex>*,.meta>.field>.input .flex>*,.meta>.flex-fields>.data>.input .flex>*,.meta>.flex-fields>.field>.input .flex>*{margin-bottom:0}.meta>.field>.heading,.meta>.flex-fields>.field>.heading{padding-top:var(--s)}@media screen and (min-width:400px){.meta>.field>.heading,.meta>.flex-fields>.field>.heading{padding:14px 0}}.meta>.field>.heading>.copytextbtn,.meta>.flex-fields>.field>.heading>.copytextbtn{display:none}.meta>.data>.heading,.meta>.flex-fields>.data>.heading{padding:var(--s) 0}.meta>.data>.heading,.meta>.field>.heading>label,.meta>.flex-fields>.data>.heading,.meta>.flex-fields>.field>.heading>label{color:var(--medium-text-color)}.meta>.data>.value,.meta>.field>.input,.meta>.flex-fields>.data>.value,.meta>.flex-fields>.field>.input{padding:var(--s) 0;width:100%}@media screen and (min-width:400px){.meta>.data>.value,.meta>.field>.input,.meta>.flex-fields>.data>.value,.meta>.flex-fields>.field>.input{width:calc(100% - 112px)}}.meta>.data>.value,.meta>.flex-fields>.data>.value{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex}.meta>.data>.value>[data-icon=draft],.meta>.flex-fields>.data>.value>[data-icon=draft]{margin-top:-2px}body.ltr .meta>.data>.value>[data-icon=draft],body.ltr .meta>.flex-fields>.data>.value>[data-icon=draft]{margin-right:8px}body.rtl .meta>.data>.value>[data-icon=draft],body.rtl .meta>.flex-fields>.data>.value>[data-icon=draft]{margin-left:8px}.meta>.field.lightswitch-field>.input,.meta>.flex-fields>.field.lightswitch-field>.input{-webkit-flex:0;flex:0;width:auto}.meta>.field.has-errors,.meta>.flex-fields>.field.has-errors{border:1px solid var(--error-color)!important}.meta>.field.has-errors:first-child,.meta>.flex-fields>.field.has-errors:first-child{border-top-left-radius:var(--large-border-radius);border-top-right-radius:var(--large-border-radius)}.meta>.field.has-errors:last-child,.meta>.flex-fields>.field.has-errors:last-child{border-bottom-left-radius:var(--large-border-radius);border-bottom-right-radius:var(--large-border-radius)}.meta>.field.has-errors+.field,.meta>.flex-fields>.field.has-errors+.field{border-top:none!important}.meta>.field>.heading>label,.meta>.field>.heading>legend,.meta>.flex-fields>.field>.heading>label,.meta>.flex-fields>.field>.heading>legend{font-weight:400}.meta>.field>.input>.datetimewrapper>.datewrapper>.text,.meta>.field>.input>.datetimewrapper>.timewrapper>.text,.meta>.field>.input>.datewrapper>.text,.meta>.field>.input>.flex>.text,.meta>.field>.input>.flex>.textwrapper>.text,.meta>.field>.input>.text,.meta>.field>.input>.timewrapper>.text,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper>.text,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper>.text,.meta>.flex-fields>.field>.input>.datewrapper>.text,.meta>.flex-fields>.field>.input>.flex>.text,.meta>.flex-fields>.field>.input>.flex>.textwrapper>.text,.meta>.flex-fields>.field>.input>.text,.meta>.flex-fields>.field>.input>.timewrapper>.text{background-color:transparent;border:none!important;border-radius:0;display:block;margin:calc(var(--s)*-1) 0;padding:14px 0}.meta>.field>.input>.datetimewrapper>.datewrapper,.meta>.field>.input>.datetimewrapper>.timewrapper,.meta>.field>.input>.datewrapper,.meta>.field>.input>.timewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper,.meta>.flex-fields>.field>.input>.datewrapper,.meta>.flex-fields>.field>.input>.timewrapper{background-color:transparent}body.ltr .meta>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.datewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.timewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.timewrapper .text+div[data-icon]{left:0}body.rtl .meta>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.datewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.timewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.timewrapper .text+div[data-icon]{right:0}.meta>.field>.input>.datetimewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper{gap:0}.meta>.field>.input>.datetimewrapper>.datewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper{width:55%}.meta>.field>.input>.datetimewrapper>.timewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper{width:45%}body.ltr .meta>.field>.input>.datetimewrapper>.clear-btn,body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.clear-btn{margin-right:-24px}body.rtl .meta>.field>.input>.datetimewrapper>.clear-btn,body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.clear-btn{margin-left:-24px}.meta>.field>.input>.datewrapper,.meta>.field>.input>.timewrapper,.meta>.flex-fields>.field>.input>.datewrapper,.meta>.flex-fields>.field>.input>.timewrapper{display:block;width:100%}.meta>.field>ul.errors,.meta>.flex-fields>.field>ul.errors{list-style-type:none;margin:0;padding:0 0 6px;width:100%}body.ltr .meta>.field>.clear-btn,body.ltr .meta>.flex-fields>.field>.clear-btn{margin-right:var(--neg-padding)}body.rtl .meta>.field>.clear-btn,body.rtl .meta>.flex-fields>.field>.clear-btn{margin-left:var(--neg-padding)}.meta>.field:not(:first-child):not(.first-child),.meta>.flex-fields+.field:not(.first-child){border-top:1px solid var(--hairline-color)}.meta>.flex-fields blockquote.note,.meta>.flex-fields h2{background-color:#ebf2fa;margin:0 -24px!important;padding:14px 24px}.meta>.flex-fields blockquote.note{border:none;border-radius:0}.meta>.flex-fields hr{margin:0 -24px}.meta>.field>.input>.select{background-color:transparent;border-radius:0;box-shadow:none;display:block;margin:calc(var(--s)*-1) 0;width:100%}body.ltr .meta>.field>.input>.select:after{right:0}body.rtl .meta>.field>.input>.select:after{left:0}.meta>.field>.input>.select+.spinner{position:absolute;top:calc(50% - 17px)}body.ltr .meta>.field>.input>.select+.spinner{right:-24px}body.rtl .meta>.field>.input>.select+.spinner{left:-24px}.meta>.field>.input>.select select{background-color:transparent;width:100%}body.ltr .meta>.field>.input>.select select{padding:var(--s) 12px var(--s) 0}body.rtl .meta>.field>.input>.select select{padding:var(--s) 0 var(--s) 12px}.body{position:relative}.hud,.modal,.slideout,.slideout-container{box-sizing:border-box;z-index:100}.hud,.modal{background-color:#fff;border-radius:5px;box-shadow:0 25px 100px rgba(31,41,51,.5)!important}.slideout-shade{opacity:0;-o-transition:opacity .25s linear;transition:opacity .25s linear}.slideout-shade.so-visible{opacity:1}.slideout-container{height:100vh;height:-webkit-fill-available;left:0;pointer-events:none;position:fixed;top:0;width:100vw}.slideout-container.so-lp{height:calc(100vh - var(--m)*2);left:var(--m);position:absolute;top:var(--m);width:calc(100% - var(--m)*2)}body.has-debug-toolbar .slideout-container{height:calc(100vh - 42px)}.slideout{container-type:inline-size;background-color:var(--white);box-shadow:0 0 0 1px rgba(123,135,147,.25),0 25px 100px rgba(31,41,51,.5)!important;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;overflow:hidden;padding:24px var(--padding);pointer-events:all;position:absolute}.slideout.so-lp,.slideout.so-mobile{height:100%!important;left:0;-o-transition:top .25s linear;transition:top .25s linear;width:100%!important;will-change:top}.slideout.so-mobile{--padding:14px;--neg-padding:-14px}.slideout:not(.so-mobile){border-radius:var(--large-border-radius)}.slideout:not(.so-mobile):not(.so-lp){height:calc(100% - 16px);top:8px;width:calc(50% - 8px)}@media screen and (prefers-reduced-motion:no-preference){body.ltr .slideout:not(.so-mobile):not(.so-lp){-o-transition:left .25s linear;transition:left .25s linear;will-change:left}body.rtl .slideout:not(.so-mobile):not(.so-lp){-o-transition:right .25s linear;transition:right .25s linear;will-change:right}}.slideout>.pane-header{padding-left:var(--padding);padding-right:var(--padding);z-index:2}.slideout>.pane-header>.so-toolbar{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;gap:var(--s);min-height:34px}.slideout>.pane-header>.so-toolbar>.pane-tabs{-webkit-flex:1;flex:1;width:1px}body.ltr .slideout>.pane-header>.so-toolbar>.pane-tabs{margin-right:0}body.rtl .slideout>.pane-header>.so-toolbar>.pane-tabs{margin-left:0}.slideout>.so-body{-webkit-flex:1;flex:1;margin:-24px var(--neg-padding) 0;overflow:hidden auto;position:relative}.slideout>.so-body.so-full-details,.slideout>.so-body>.so-sidebar{background-color:var(--gray-100)!important}.slideout>.so-body:not(.so-full-details){padding:24px var(--padding)}.slideout>.so-body.so-full-details>.so-content>.details,.slideout>.so-body>.so-sidebar{box-sizing:border-box;padding:0 var(--padding) var(--spacing)}.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container,.slideout>.so-body>.so-sidebar>.preview-thumb-container{height:auto;margin:0 var(--neg-padding);min-height:54px}.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container+.pane-header,.slideout>.so-body>.so-sidebar>.preview-thumb-container+.pane-header{border-radius:0}.slideout>.so-body.so-full-details>.so-content>.details .image-actions.is-mobile,.slideout>.so-body>.so-sidebar .image-actions.is-mobile{margin:calc(var(--spacing)/2) 0 var(--spacing)}.slideout>.so-body.so-full-details>.so-content>.details>.meta.read-only:first-child,.slideout>.so-body>.so-sidebar>.meta.read-only:first-child{margin-top:var(--padding)}.slideout>.so-body.so-full-details>.so-content>.details>.meta.warning,.slideout>.so-body>.so-sidebar>.meta.warning{border-bottom:1px solid var(--yellow-300);box-shadow:none}.slideout>.so-body.so-full-details>.so-content>.details>.field>.input>.text.fullwidth,.slideout>.so-body>.so-sidebar>.field>.input>.text.fullwidth{border-radius:0}.slideout>.so-body.so-full-details>.so-content>.details .notes,.slideout>.so-body>.so-sidebar .notes{padding-bottom:var(--m);padding-top:var(--m)}.slideout>.so-body>.so-sidebar{background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);height:100%;max-width:100%;overflow:hidden auto;position:absolute;top:0;width:350px;z-index:1}.slideout>.so-body>.so-sidebar:focus{box-shadow:var(--focus-ring)}body.ltr .slideout>.so-body>.so-sidebar{-o-transition:right .25s linear;transition:right .25s linear}body.rtl .slideout>.so-body>.so-sidebar{-o-transition:left .25s linear;transition:left .25s linear}.slideout>.so-footer{background:#fff;background-color:var(--gray-050);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:8px;-webkit-justify-content:space-between;justify-content:space-between;margin:0 var(--neg-padding) -24px;padding:8px var(--padding);position:relative;z-index:3}.slideout>.so-footer:focus{box-shadow:var(--focus-ring)}.slideout>.so-footer>.so-extra{border-bottom:1px solid var(--hairline-color);-webkit-flex:0 0 100%;flex:0 0 100%;margin:0 var(--neg-padding);padding:0 var(--padding) 8px}@container (width > 700px){.slideout.has-sidebar .pane-header:not(.so-visible){display:none}.slideout.has-sidebar .sidebar-btn{display:none}.slideout.has-sidebar .so-body{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;overflow:hidden;padding:0}.slideout.has-sidebar .so-body>.so-content{box-sizing:border-box;height:100%;overflow:hidden auto;padding:24px;position:relative;width:calc(100% - 350px);z-index:2}body.ltr .slideout.has-sidebar .so-body>.so-content{border-right:1px solid var(--gray-200)}body.rtl .slideout.has-sidebar .so-body>.so-content{border-left:1px solid var(--gray-200)}.slideout.has-sidebar .so-body>.so-sidebar{box-shadow:none;display:block!important;height:100%;left:auto!important;position:relative;right:auto!important;top:auto}.slideout>.so-footer>.so-extra{border:none;-webkit-flex:auto 0 1;flex:auto 0 1;margin:0;padding:0}}.footer,.header,.hud-footer,.hud-header{background-color:var(--gray-100);box-sizing:border-box;position:relative;z-index:1}.header,.hud-header{border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;box-shadow:inset 0 -1px 0 var(--hairline-color);padding:24px}.header h1,.hud-header h1{margin:0}.footer,.hud-footer{border-radius:0 0 var(--large-border-radius) var(--large-border-radius);box-shadow:inset 0 1px 0 var(--hairline-color);padding:var(--s) var(--pane-padding,var(--xl))}.footer.flex>*,.hud-footer.flex>*{margin-bottom:0}.hud .main,.modal .body{box-sizing:border-box;overflow:hidden;padding:24px}.modal .body .header,.pane .header{margin:calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1) var(--pane-padding,24px)}.modal .body .footer,.pane .footer{margin:var(--pane-padding,24px) calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1)}.hud-shade,.modal-shade,.slideout-shade{display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.modal-shade:not(.dark),.slideout-shade:not(.dark){background-color:rgba(123,135,147,.35)!important}.modal-shade.dark,.slideout-shade.dark{background-color:rgba(31,41,51,.5)!important}.modal{overflow:hidden;position:fixed}.modal:not(.fitted):not(.fullscreen){height:66%;min-height:400px;min-width:600px;width:66%}.modal.fitted{height:auto;min-height:0;min-width:0;width:auto}.modal.fullscreen{border-radius:0;height:100%;width:100%}body.ltr .modal.alert .body{padding-left:76px}body.rtl .modal.alert .body{padding-right:76px}.modal.alert .body:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;color:var(--light-text-color);content:"alert";direction:ltr;display:inline-block;font-family:Craft;font-size:40px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}body.ltr .modal.alert .body:before{margin:-6px 0 0 -58px}body.rtl .modal.alert .body:before{margin:-6px -58px 0 0}body.ltr .modal.alert .body:before{float:left}body.rtl .modal.alert .body:before{float:right}body.ltr .modal.secure .body{padding-left:76px}body.rtl .modal.secure .body{padding-right:76px}.modal.secure .body:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;color:var(--light-text-color);content:"secure";direction:ltr;display:inline-block;font-family:Craft;font-size:58px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}body.ltr .modal.secure .body:before{margin:-14px 0 0 -56px}body.rtl .modal.secure .body:before{margin:-14px -56px 0 0}body.ltr .modal.secure .body:before{float:left}body.rtl .modal.secure .body:before{float:right}.modal .resizehandle{bottom:0;cursor:nwse-resize;height:24px;padding:var(--xs);position:absolute;width:24px;z-index:1}body.ltr .modal .resizehandle{right:0}body.rtl .modal .resizehandle{left:0}.modal .resizehandle path{fill:var(--ui-control-color)}.hud,body.ltr .modal .resizehandle .rtl,body.rtl .modal .resizehandle .ltr{display:none}.hud{position:absolute;top:0}.hud.tooltip-hud{display:block}.hud.has-footer .tip-bottom{background-image:url(../images/hudtip_bottom_gray.png)}.hud .tip{background:no-repeat 0 0;position:absolute;z-index:101}.hud .tip-left{background-image:url(../images/hudtip_left.png);height:30px;left:-15px;width:15px}.hud .tip-top{background-image:url(../images/hudtip_top.png);height:15px;top:-15px;width:30px}.hud .tip-right{background-image:url(../images/hudtip_right.png);height:30px;right:-15px;width:15px}.hud .tip-bottom{background-image:url(../images/hudtip_bottom.png);bottom:-15px;height:15px;width:30px}.hud .hud-footer,.hud .hud-header{padding:var(--s) var(--xl)}.hud .body{overflow:hidden}.hud .body ::-webkit-scrollbar{-webkit-appearance:none;appearance:none}.hud .body ::-webkit-scrollbar:vertical{width:11px}.hud .body ::-webkit-scrollbar:horizontal{height:11px}.hud .body ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border:2px solid transparent;border-radius:8px}.hud .body ::-webkit-scrollbar-track{background-color:var(--gray-050)}.preview-thumb-container{-webkit-align-items:center;align-items:center;background-color:var(--gray-900);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;height:190px;margin:0 var(--neg-padding) var(--spacing);position:relative}.preview-thumb-container.checkered img{background-color:var(--white);background-image:-o-linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 25%),-o-linear-gradient(315deg,rgba(154,165,177,.25) 25%,transparent 25%),-o-linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 75%),-o-linear-gradient(315deg,transparent 75%,rgba(154,165,177,.25) 75%);background-image:linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(135deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 0),linear-gradient(135deg,transparent 75%,rgba(154,165,177,.25) 0);background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px;-o-background-size:17px 17px;background-size:17px 17px}.preview-thumb-container.editable{cursor:pointer}.preview-thumb-container.loading:after{background-color:rgba(31,41,51,.8);content:"";display:block;font-size:0;height:100%;left:0;position:absolute;top:0;width:100%}.preview-thumb-container.loading .spinner{color:var(--white);z-index:1}#details .preview-thumb-container{border-radius:var(--large-border-radius);overflow:hidden}.preview-thumb-container .preview-thumb{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:100%;width:100%}.preview-thumb-container .preview-thumb img{display:block;max-height:190px;max-width:100%}.image-actions.is-mobile{display:grid;grid-template-columns:1fr 1fr;margin:calc(var(--spacing)/2*-1) var(--neg-padding) var(--spacing)}.button-fade .buttons{margin:0;opacity:0;position:absolute;top:10px;-o-transition:opacity .1s linear;transition:opacity .1s linear}body.ltr .button-fade .buttons{right:10px}body.rtl .button-fade .buttons{left:10px}.button-fade .buttons .btn{--ui-control-color:var(--white);--ui-control-hover-color:var(--white);--ui-control-active-color:var(--white);--interaction-background-color:var(--gray-700);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;--light-color:var(--white);--dark-color:var(--gray-800);--focus-ring:0 0 0 3px var(--light-color),0 0 0 6px var(--dark-color);background-color:var(--gray-600);color:var(--white);font-weight:500}.button-fade .buttons .btn:hover{background-color:var(--interaction-background-color)!important}.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed).focus,.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed):focus,.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed):hover{background-color:var(--interaction-background-color)}.button-fade:focus-within .buttons,.button-fade:hover .buttons{opacity:1}.elementselectormodal{--content-padding:24px;padding-bottom:50px;-webkit-user-select:none;user-select:none}.elementselectormodal>.header{padding-bottom:14px;padding-top:14px;text-align:center}.elementselectormodal>.header+.body{height:calc(100% - 48px)!important}.elementselectormodal .body{height:100%;position:relative}.elementselectormodal .body .spinner.big{left:50%;margin:-24px 0 0 -24px;position:absolute;top:50%}.elementselectormodal .body .content{height:calc(100% + 48px)}.elementselectormodal .body .content .sidebar{height:100%;overflow:auto;padding:var(--content-padding) 0;position:absolute;top:0}body.ltr .elementselectormodal .body .content .sidebar{margin-left:-249px}body.rtl .elementselectormodal .body .content .sidebar{margin-right:-249px}.elementselectormodal .body .content .main{box-sizing:border-box;height:100%;margin:-24px;overflow:auto;padding:var(--content-padding);position:relative}.elementselectormodal .body .content .main .elements.busy{min-height:calc(100% - 48px)}.elementselectormodal .body .content .main .elements .header{margin:0 0 var(--m)}.elementselectormodal .body .content .main .elements .tableview table tr td,.elementselectormodal .body .content .main .elements .tableview table tr th{cursor:default}.elementselectormodal .body .content .main .elements .tableview table tr .checkbox:before{box-shadow:none!important}.elementselectormodal .body .content .main .elements .structure .row{margin-top:1px}.elementselectormodal .footer{bottom:0;box-sizing:border-box;left:0;margin:0;position:absolute;width:100%}body.ltr .elementselectormodal .footer .spinner{float:right}body.rtl .elementselectormodal .footer .spinner{float:left}body.ltr .elementselectormodal .footer .spinner{margin-right:-24px}body.rtl .elementselectormodal .footer .spinner{margin-left:-24px}.customize-sources-modal .main-header,.elementselectormodal .main-header{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;margin-bottom:var(--s)}.customize-sources-modal .main-heading,.elementselectormodal .main-heading{margin-bottom:0}.customize-sources-modal .nav-toggle,.elementselectormodal .nav-toggle{color:var(--ui-control-color);height:var(--touch-target-size);width:var(--touch-target-size)}body.ltr .customize-sources-modal .nav-toggle,body.ltr .elementselectormodal .nav-toggle{margin-left:4px}body.rtl .customize-sources-modal .nav-toggle,body.rtl .elementselectormodal .nav-toggle{margin-right:4px}.customize-sources-modal .nav-toggle:hover,.elementselectormodal .nav-toggle:hover{color:var(--gray-500)}.customize-sources-modal .sidebar-header,.elementselectormodal .sidebar-header{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;margin-bottom:var(--s);padding:0 var(--s)}.customize-sources-modal .nav-close,.elementselectormodal .nav-close{height:var(--touch-target-size);width:var(--touch-target-size)}.element-hud-form .buttons{position:relative}.element-hud-form .buttons .spinner{position:absolute;top:0}body.ltr .element-hud-form .buttons .spinner{right:-24px}body.rtl .element-hud-form .buttons .spinner{left:-24px}body.ltr .activity-container:not(:last-child){margin-right:var(--s)}body.rtl .activity-container:not(:last-child){margin-left:var(--s)}.activity-container ul{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:var(--xs)}.activity-container ul li .activity-btn{border-radius:50%;display:block;height:30px;width:30px}.activity-container ul li .activity-btn .elementthumb{background:var(--gray-050);border:2px solid var(--white);border-radius:50px;box-shadow:0 1px 2px 1px rgba(31,41,51,.1);height:100%;overflow:hidden;position:relative;width:100%}.activity-container ul li .activity-btn .elementthumb img,.activity-container ul li .activity-btn .elementthumb svg{display:block;height:100%;width:100%}body.ltr .activity-container ul li:not(:last-child){margin-right:-10px}body.rtl .activity-container ul li:not(:last-child){margin-left:-10px}.element-index-view-menu{max-width:calc(100% - 20px);padding:0!important;width:400px}.element-index-view-menu .meta{padding-bottom:var(--s);padding-top:var(--s)}.element-index-view-menu .table-columns-field{-webkit-align-items:flex-start;align-items:flex-start}.element-index-view-menu .table-columns-field .input{padding:13px 0}.element-index-view-menu .menu-footer{background-color:var(--gray-050);margin:0!important;padding:var(--s) var(--xl)!important}.element-index-view-menu-table-column{-webkit-align-content:stretch;align-content:stretch;-webkit-align-items:start;align-items:start;display:-webkit-flex;display:flex;margin-bottom:4px}.element-index-view-menu-table-column .icon.move{position:relative;z-index:1}body.ltr .element-index-view-menu-table-column .icon.move{margin-right:10px}body.rtl .element-index-view-menu-table-column .icon.move{margin-left:10px}.sort-field .input .flex .btngroup .btn{width:42px}.sort-field .input .flex .flex-grow{max-width:calc(100% - 85px - var(--s))}@media screen and (max-width:350px){.sort-field .input .flex{-webkit-flex-direction:column;flex-direction:column}.sort-field .input .flex>*{width:100%}.sort-field .input .flex .flex-grow{max-width:none}}.element-filter-hud.loading .body{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:50px}.element-filter-hud .body,.element-filter-hud .main{overflow:visible}.address-cards{display:grid;gap:var(--m) var(--m);grid-auto-rows:minmax(0,1fr);grid-template-columns:repeat(1,minmax(0,1fr))}.so-content .address-cards{grid-template-columns:repeat(1,minmax(0,1fr))!important}.address-cards__add-btn{height:auto;min-height:8rem;padding:1rem;width:100%}.address-card.error{border:1px solid #cf1124}.address-card.error:hover{border-color:#cf1124}@media(min-width:1024px){.address-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.address-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.so-content .address-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(min-width:1536px){.address-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}.address-card{border:1px solid #eee;border-radius:.375rem;min-height:4rem;padding:1rem}.address-card:hover{background-color:#fafafa;border-color:#ddd;cursor:pointer}.address-card .address-card-header{display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:space-between;justify-content:space-between}.address-card .address-card-header-actions{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.address-card .address-card-label{background:#e6f1fe;border-radius:.25rem;color:#2563eb;font-size:.75rem;font-weight:500;margin-bottom:.75rem;padding:.125rem .5rem;text-transform:uppercase}.ltr .address-card .address-card-label{margin-right:.5rem}.rtl .address-card .address-card-label{margin-left:.5rem}.loginmodalshade,.logoutwarningmodalshade{z-index:1001}#elevatedsessionmodal,#loginmodal,#logoutwarningmodal,.prompt{width:500px}#loginmodal,#logoutwarningmodal{z-index:1001}.prompt{height:auto;min-height:auto}.deleteusermodal .content-summary{background-color:var(--gray-050);margin:-24px -24px 24px;padding:24px}.deleteusermodal .options label{display:inline-block;line-height:30px}.deleteusermodal .elementselect{display:inline-block;vertical-align:middle}body.ltr .deleteusermodal .elementselect{margin-left:10px}body.rtl .deleteusermodal .elementselect{margin-right:10px}body.ltr .deleteusermodal .buttons .spinner{margin-right:-20px}body.rtl .deleteusermodal .buttons .spinner{margin-left:-20px}.dropdownsettingsmodal{height:auto;max-width:400px;min-height:0;min-width:0;width:auto}.dropdownsettingsmodal .body{max-height:100%;overflow-y:auto}.previewmodal.zilch{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:100px 0}.video-transcript{background-color:var(--gray-050);font-size:1rem;overflow-y:scroll;position:relative}body.reduce-focus-visibility .video-transcript:focus-visible,body:not(.reduce-focus-visibility) .video-transcript:focus{background-color:var(--gray-800);box-shadow:none;color:var(--white)}.video-transcript__inner{margin-left:auto;margin-right:auto;max-width:550px;padding:var(--xl)}.menu,.ui-datepicker,.ui-timepicker-list{background:#fff;border-radius:4px;box-shadow:0 0 0 1px rgba(31,41,51,.1),0 5px 20px rgba(31,41,51,.25);overflow:auto;padding:0 14px;-webkit-user-select:none;user-select:none;z-index:100}.ui-datepicker,.ui-timepicker-list{padding:0}.menu{display:none;position:absolute}.menu h6:first-child{margin-top:14px!important}body.ltr .menu ul.padded li .menu-option,body.ltr .menu ul.padded li a{padding-left:24px}body.rtl .menu ul.padded li .menu-option,body.rtl .menu ul.padded li a{padding-right:24px}.menu ul.padded li .menu-option.icon:before,.menu ul.padded li .menu-option.sel:before,.menu ul.padded li .menu-option[data-icon]:before,.menu ul.padded li a.icon:before,.menu ul.padded li a.sel:before,.menu ul.padded li a[data-icon]:before{color:var(--ui-control-color);font-size:14px}body.ltr .menu ul.padded li .menu-option.icon:before,body.ltr .menu ul.padded li .menu-option.sel:before,body.ltr .menu ul.padded li .menu-option[data-icon]:before,body.ltr .menu ul.padded li a.icon:before,body.ltr .menu ul.padded li a.sel:before,body.ltr .menu ul.padded li a[data-icon]:before{float:left}body.rtl .menu ul.padded li .menu-option.icon:before,body.rtl .menu ul.padded li .menu-option.sel:before,body.rtl .menu ul.padded li .menu-option[data-icon]:before,body.rtl .menu ul.padded li a.icon:before,body.rtl .menu ul.padded li a.sel:before,body.rtl .menu ul.padded li a[data-icon]:before{float:right}body.ltr .menu ul.padded li .menu-option.icon:before,body.ltr .menu ul.padded li .menu-option.sel:before,body.ltr .menu ul.padded li .menu-option[data-icon]:before,body.ltr .menu ul.padded li a.icon:before,body.ltr .menu ul.padded li a.sel:before,body.ltr .menu ul.padded li a[data-icon]:before{margin:3px 0 0 -17px}body.rtl .menu ul.padded li .menu-option.icon:before,body.rtl .menu ul.padded li .menu-option.sel:before,body.rtl .menu ul.padded li .menu-option[data-icon]:before,body.rtl .menu ul.padded li a.icon:before,body.rtl .menu ul.padded li a.sel:before,body.rtl .menu ul.padded li a[data-icon]:before{margin:3px -17px 0 0}.menu ul.padded li .menu-option.icon.error:before,.menu ul.padded li .menu-option.sel.error:before,.menu ul.padded li .menu-option[data-icon].error:before,.menu ul.padded li a.icon.error:before,.menu ul.padded li a.sel.error:before,.menu ul.padded li a[data-icon].error:before{color:var(--error-color)}.menu ul.padded li .menu-option.sel:not([data-icon]):before,.menu ul.padded li a.sel:not([data-icon]):before{content:"check"}.menu ul li .menu-option,.menu ul li a{-webkit-appearance:none;color:#3f4d5a;cursor:default;font-size:14px;margin:0 -14px;padding:10px 14px;text-decoration:none;white-space:nowrap}.menu ul li .menu-option:not(.flex),.menu ul li a:not(.flex){box-sizing:border-box;display:table!important;width:calc(100% + 28px)}body.ltr .menu ul li .menu-option:not(.flex),body.ltr .menu ul li a:not(.flex){text-align:left}body.rtl .menu ul li .menu-option:not(.flex),body.rtl .menu ul li a:not(.flex){text-align:right}.menu ul li .menu-option.flex [data-icon],.menu ul li a.flex [data-icon]{margin-top:-2px}.menu ul li .menu-option.sel,.menu ul li a.sel{cursor:default}.menu ul li .menu-option .shortcut,.menu ul li a .shortcut{border-radius:var(--medium-border-radius);box-shadow:0 0 0 1px rgba(81,95,108,.25),0 1px 3px -1px rgba(81,95,108,.5);padding:0 4px}body.ltr .menu ul li .menu-option .shortcut,body.ltr .menu ul li a .shortcut{float:right}body.rtl .menu ul li .menu-option .shortcut,body.rtl .menu ul li a .shortcut{float:left}body.ltr .menu ul li .menu-option .shortcut,body.ltr .menu ul li a .shortcut{margin-left:14px}body.rtl .menu ul li .menu-option .shortcut,body.rtl .menu ul li a .shortcut{margin-right:14px}.menu>.flex{margin-bottom:10px;margin-top:10px;position:relative}body.ltr .menu>.flex.padded{margin-left:-14px}body.rtl .menu>.flex.padded{margin-right:-14px}body.ltr .menu>.flex.padded{padding-left:24px}body.rtl .menu>.flex.padded{padding-right:24px}.menu>.flex.padded.sel:before{color:var(--light-text-color);content:"check";font-size:14px;position:absolute;top:36px}body.ltr .menu>.flex.padded.sel:before{left:7px}body.rtl .menu>.flex.padded.sel:before{right:7px}.menu hr{margin:5px -14px}.menu .go:after{color:inherit}.menu span.icon,.menubtn span.icon{color:var(--ui-control-color);display:inline-block;font-size:14px;margin-top:-1px;text-align:center;width:10px}body.ltr .menu span.icon,body.ltr .menubtn span.icon{margin-right:10px}body.rtl .menu span.icon,body.rtl .menubtn span.icon{margin-left:10px}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover{--text-color:var(--white);--light-text-color:var(--gray-100);--ui-control-color:var(--gray-050);--ui-control-hover-color:var(--gray-100);--ui-control-active-color:var(--gray-100);background-color:#606d7b;color:#fff}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover span.icon,.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover:before,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover span.icon,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover:before{color:var(--menu-option-active-color)}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover.error,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover.error{color:var(--menu-option-active-color)!important}body.ltr .menu h6.padded,body.ltr .menu hr.padded{margin-left:10px}body.rtl .menu h6.padded,body.rtl .menu hr.padded{margin-right:10px}.menu--disclosure ul li>.menu-option:hover,.menu--disclosure ul li>a:hover{background-color:#f3f7fc;color:#3f4d5a}body.reduce-focus-visibility .menu--disclosure ul li>.menu-option:focus-visible,body.reduce-focus-visibility .menu--disclosure ul li>a:focus-visible,body:not(.reduce-focus-visibility) .menu--disclosure ul li>.menu-option:focus,body:not(.reduce-focus-visibility) .menu--disclosure ul li>a:focus{box-shadow:inset 0 0 0 3px hsla(var(--dark-focus-hsl),.7)}.tagselect .elements{display:inline}.tagselect .chip.small{clear:none}.tagselect .add{display:inline-block;position:relative;width:12em;z-index:1}body.ltr .tagselect .add{margin:7px 7px 0 0}body.rtl .tagselect .add{margin:7px 0 0 7px}body.ltr .tagselect .add .text{padding-right:30px}body.rtl .tagselect .add .text{padding-left:30px}.tagselect .add .spinner{position:absolute;top:0}body.ltr .tagselect .add .spinner{right:5px}body.rtl .tagselect .add .spinner{left:5px}body.ltr .tagselect.elementselect .chip,body.rtl .tagselect.elementselect .chip{display:inline-block;float:none!important}body.ltr .tagmenu ul li a{padding-left:26px}body.rtl .tagmenu ul li a{padding-right:26px}body.ltr .tagmenu ul li a:before{float:left}body.rtl .tagmenu ul li a:before{float:right}body.ltr .tagmenu ul li a:before{margin:3px 0 0 -18px}body.rtl .tagmenu ul li a:before{margin:3px -18px 0 0}.selectize-control.single .selectize-input:not(.no-arrow):after{display:none}.shadow-box{border:1px solid var(--gray-200);border-radius:var(--large-border-radius);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}table.editable,table.shadow-box{border-collapse:separate;border-spacing:0}table.editable caption+tbody tr:first-child td:first-child,table.editable caption+tbody tr:first-child td:first-child.disabled:after,table.editable caption+tbody tr:first-child th:first-child,table.editable caption+tbody tr:first-child th:first-child.disabled:after,table.editable tbody:first-child tr:first-child td:first-child,table.editable tbody:first-child tr:first-child td:first-child.disabled:after,table.editable tbody:first-child tr:first-child th:first-child,table.editable tbody:first-child tr:first-child th:first-child.disabled:after,table.editable thead tr:first-child td:first-child,table.editable thead tr:first-child td:first-child.disabled:after,table.editable thead tr:first-child th:first-child,table.editable thead tr:first-child th:first-child.disabled:after,table.shadow-box caption+tbody tr:first-child td:first-child,table.shadow-box caption+tbody tr:first-child td:first-child.disabled:after,table.shadow-box caption+tbody tr:first-child th:first-child,table.shadow-box caption+tbody tr:first-child th:first-child.disabled:after,table.shadow-box tbody:first-child tr:first-child td:first-child,table.shadow-box tbody:first-child tr:first-child td:first-child.disabled:after,table.shadow-box tbody:first-child tr:first-child th:first-child,table.shadow-box tbody:first-child tr:first-child th:first-child.disabled:after,table.shadow-box thead tr:first-child td:first-child,table.shadow-box thead tr:first-child td:first-child.disabled:after,table.shadow-box thead tr:first-child th:first-child,table.shadow-box thead tr:first-child th:first-child.disabled:after{border-top-left-radius:var(--medium-border-radius)}table.editable caption+tbody tr:first-child td:last-child,table.editable caption+tbody tr:first-child td:last-child.disabled:after,table.editable caption+tbody tr:first-child th:last-child,table.editable caption+tbody tr:first-child th:last-child.disabled:after,table.editable tbody:first-child tr:first-child td:last-child,table.editable tbody:first-child tr:first-child td:last-child.disabled:after,table.editable tbody:first-child tr:first-child th:last-child,table.editable tbody:first-child tr:first-child th:last-child.disabled:after,table.editable thead tr:first-child td:last-child,table.editable thead tr:first-child td:last-child.disabled:after,table.editable thead tr:first-child th:last-child,table.editable thead tr:first-child th:last-child.disabled:after,table.shadow-box caption+tbody tr:first-child td:last-child,table.shadow-box caption+tbody tr:first-child td:last-child.disabled:after,table.shadow-box caption+tbody tr:first-child th:last-child,table.shadow-box caption+tbody tr:first-child th:last-child.disabled:after,table.shadow-box tbody:first-child tr:first-child td:last-child,table.shadow-box tbody:first-child tr:first-child td:last-child.disabled:after,table.shadow-box tbody:first-child tr:first-child th:last-child,table.shadow-box tbody:first-child tr:first-child th:last-child.disabled:after,table.shadow-box thead tr:first-child td:last-child,table.shadow-box thead tr:first-child td:last-child.disabled:after,table.shadow-box thead tr:first-child th:last-child,table.shadow-box thead tr:first-child th:last-child.disabled:after{border-top-right-radius:var(--medium-border-radius)}table.editable tbody:last-child tr:last-child td:first-child,table.editable tbody:last-child tr:last-child td:first-child.disabled:after,table.editable tbody:last-child tr:last-child th:first-child,table.editable tbody:last-child tr:last-child th:first-child.disabled:after,table.editable thead:last-child tr:last-child td:first-child,table.editable thead:last-child tr:last-child td:first-child.disabled:after,table.editable thead:last-child tr:last-child th:first-child,table.editable thead:last-child tr:last-child th:first-child.disabled:after,table.shadow-box tbody:last-child tr:last-child td:first-child,table.shadow-box tbody:last-child tr:last-child td:first-child.disabled:after,table.shadow-box tbody:last-child tr:last-child th:first-child,table.shadow-box tbody:last-child tr:last-child th:first-child.disabled:after,table.shadow-box thead:last-child tr:last-child td:first-child,table.shadow-box thead:last-child tr:last-child td:first-child.disabled:after,table.shadow-box thead:last-child tr:last-child th:first-child,table.shadow-box thead:last-child tr:last-child th:first-child.disabled:after{border-bottom-left-radius:calc(var(--large-border-radius) - 1px)}table.editable tbody:last-child tr:last-child td:last-child,table.editable tbody:last-child tr:last-child td:last-child.disabled:after,table.editable tbody:last-child tr:last-child th:last-child,table.editable tbody:last-child tr:last-child th:last-child.disabled:after,table.editable thead:last-child tr:last-child td:last-child,table.editable thead:last-child tr:last-child td:last-child.disabled:after,table.editable thead:last-child tr:last-child th:last-child,table.editable thead:last-child tr:last-child th:last-child.disabled:after,table.shadow-box tbody:last-child tr:last-child td:last-child,table.shadow-box tbody:last-child tr:last-child td:last-child.disabled:after,table.shadow-box tbody:last-child tr:last-child th:last-child,table.shadow-box tbody:last-child tr:last-child th:last-child.disabled:after,table.shadow-box thead:last-child tr:last-child td:last-child,table.shadow-box thead:last-child tr:last-child td:last-child.disabled:after,table.shadow-box thead:last-child tr:last-child th:last-child,table.shadow-box thead:last-child tr:last-child th:last-child.disabled:after{border-bottom-right-radius:calc(var(--large-border-radius) - 1px)}.border-box,.multiselect>select,.passwordwrapper,.selectize.multiselect .selectize-input,.text{background-clip:padding-box;background-color:#fbfcfe;border:1px solid rgba(96,125,159,.25);border-radius:3px}.border-box.focus,.passwordwrapper.focus,.selectize.multiselect .selectize-input.focus,.text.focus{box-shadow:var(--focus-ring)}body.reduce-focus-visibility .border-box:focus-visible,body.reduce-focus-visibility .passwordwrapper:focus-visible,body.reduce-focus-visibility .selectize.multiselect .selectize-input:focus-visible,body.reduce-focus-visibility .text:focus-visible,body:not(.reduce-focus-visibility) .border-box:focus,body:not(.reduce-focus-visibility) .passwordwrapper:focus,body:not(.reduce-focus-visibility) .selectize.multiselect .selectize-input:focus,body:not(.reduce-focus-visibility) .text:focus{box-shadow:var(--focus-ring)}.selectize.multiselect .selectize-input,.text>input,.text>textarea,input.text,table.editable textarea,textarea.text{-webkit-appearance:none;appearance:none;box-sizing:border-box;color:var(--text-color);font-size:14px;line-height:20px;min-height:3px}.selectize.multiselect .selectize-input{line-height:18px}textarea.text.fullwidth{display:block}.multitext .multitextrow:after{clear:both;content:"";display:block;height:0;visibility:hidden}body.ltr .multitext .multitextrow:first-child .text:first-child{border-top-left-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:first-child .text:first-child{border-top-right-radius:var(--medium-border-radius)}body.ltr .multitext .multitextrow:first-child .text:last-child{border-top-right-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:first-child .text:last-child{border-top-left-radius:var(--medium-border-radius)}body.ltr .multitext .multitextrow:last-child .text:first-child{border-bottom-left-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:last-child .text:first-child{border-bottom-right-radius:var(--medium-border-radius)}body.ltr .multitext .multitextrow:last-child .text:last-child{border-bottom-right-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:last-child .text:last-child{border-bottom-left-radius:var(--medium-border-radius)}.multitext .multitextrow:not(:first-child) .text{margin-top:-1px}.multitext .multitextrow .text{border-radius:0;box-sizing:border-box;float:left}body.ltr .multitext .multitextrow .text:not(:first-child){margin-left:-1px}body.rtl .multitext .multitextrow .text:not(:first-child){margin-right:-1px}.multitext .multitextrow .text:first-child:last-child{width:100%}.multitext .multitextrow .text:first-child:nth-last-child(2){width:50%}.multitext .multitextrow .text:first-child:nth-last-child(2)~.text{width:calc(50% + 1px)}.multitext .multitextrow .text.error{position:relative;z-index:1}.multitext .multitextrow .selectize.multiselect .selectize-input.focus,.multitext .multitextrow .text:focus{position:relative;z-index:2}.chars-left{color:var(--light-text-color);position:relative}body.ltr .chars-left{float:right}body.rtl .chars-left{float:left}body.ltr .chars-left{margin:-27px 7px 0 0}body.rtl .chars-left{margin:-27px 0 0 7px}.input.ltr>.chars-left{float:right!important;margin-right:7px!important}.input.rtl>.chars-left{float:left!important;margin-left:7px!important}.chars-left.negative-chars-left{color:var(--error-color)}.field,fieldset{margin:24px 0;position:relative}.flex>.field,.flex>fieldset{margin-bottom:0;margin-top:0}.field{min-inline-size:0}.field>.status-badge{content:"";cursor:help;height:100%;position:absolute;top:0;width:2px}body.ltr .field>.status-badge{left:0}body.rtl .field>.status-badge{right:0}.field>.status-badge.modified{background-color:var(--blue-600)}.field>.status-badge.outdated{background-color:var(--pending-color)}.field>.heading{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:5px;margin-top:-5px;position:relative}.field>.heading>label,.field>.heading>legend{color:var(--medium-dark-text-color);font-weight:700}.field>.heading>label code,.field>.heading>legend code{font-size:1em!important}body.ltr .field>.heading>label .info,body.ltr .field>.heading>legend .info{margin-left:5px}body.rtl .field>.heading>label .info,body.rtl .field>.heading>legend .info{margin-right:5px}.field>.heading .t9n-indicator{color:var(--light-text-color)}body.ltr .field>.heading .t9n-indicator{margin-left:7px}body.rtl .field>.heading .t9n-indicator{margin-right:7px}.field>.heading+.instructions{margin-top:-3px}.field>.heading>.instructions{width:100%}.field>.instructions{margin-bottom:5px}.field>.input{position:relative}.field>.input:after{clear:both;content:"";display:block;height:0;visibility:hidden}.field>.input+.instructions,.field>.notice,.field>.warning{margin:5px 0 0}.checkboxfield .instructions,.field>.heading>.instructions,.field>.instructions{color:var(--medium-text-color)}.checkboxfield .instructions embed,.checkboxfield .instructions iframe,.checkboxfield .instructions img,.checkboxfield .instructions video,.field>.heading>.instructions embed,.field>.heading>.instructions iframe,.field>.heading>.instructions img,.field>.heading>.instructions video,.field>.instructions embed,.field>.instructions iframe,.field>.instructions img,.field>.instructions video{max-width:100%!important}.checkboxfield .instructions ol,.checkboxfield .instructions ul,.field>.heading>.instructions ol,.field>.heading>.instructions ul,.field>.instructions ol,.field>.instructions ul{margin:1em 0}body.ltr .checkboxfield .instructions ol,body.ltr .checkboxfield .instructions ul,body.ltr .field>.heading>.instructions ol,body.ltr .field>.heading>.instructions ul,body.ltr .field>.instructions ol,body.ltr .field>.instructions ul{padding-left:2em}body.rtl .checkboxfield .instructions ol,body.rtl .checkboxfield .instructions ul,body.rtl .field>.heading>.instructions ol,body.rtl .field>.heading>.instructions ul,body.rtl .field>.instructions ol,body.rtl .field>.instructions ul{padding-right:2em}.checkboxfield .instructions ul li,.field>.heading>.instructions ul li,.field>.instructions ul li{list-style-type:disc}.checkboxfield .instructions li+li,.field>.heading>.instructions li+li,.field>.instructions li+li{margin-top:.25em}.expand-status-btn{border-radius:var(--small-border-radius);color:var(--text-color);height:17px;line-height:16px;padding:0;width:30px}body.ltr .expand-status-btn{margin-left:5px}body.rtl .expand-status-btn{margin-right:5px}.expand-status-btn:before{margin:0}.nested-fields{margin:-24px;padding:24px 24px 0}.nested-fields.hidden{display:block;height:0}.nested-fields>.field:last-child{padding-bottom:24px}input.checkbox{height:var(--checkbox-size);opacity:0;position:absolute;width:var(--checkbox-size)}div.checkbox,input.checkbox+label{clear:none;cursor:pointer;display:inline-block;line-height:16px;min-height:16px;position:relative}body.ltr div.checkbox,body.ltr input.checkbox+label{padding-left:21px}body.rtl div.checkbox,body.rtl input.checkbox+label{padding-right:21px}div.checkbox,div.checkbox:before,input.checkbox+label,input.checkbox+label:before{border-radius:var(--small-border-radius)}div.checkbox:before,input.checkbox+label:before{background-clip:padding-box;background-color:#fbfcfe;border:1px solid rgba(96,125,159,.4);box-sizing:border-box;content:"";display:block;font-size:0;height:var(--checkbox-size);position:absolute;top:0;width:var(--checkbox-size)!important}body.ltr div.checkbox:before,body.ltr input.checkbox+label:before{left:0}body.rtl div.checkbox:before,body.rtl input.checkbox+label:before{right:0}body.ltr div.checkbox:empty,body.ltr input.checkbox+label:empty{padding-left:var(--checkbox-size)}body.rtl div.checkbox:empty,body.rtl input.checkbox+label:empty{padding-right:var(--checkbox-size)}div.checkbox:empty:after,input.checkbox+label:empty:after{content:"";font-size:0}div.checkbox .info,input.checkbox+label .info{height:16px}.disabled div.checkbox,input.checkbox:disabled+label{cursor:default}div.checkbox.disabled+label,div.checkbox.disabled:before,input.checkbox:disabled+label{opacity:.25!important}.elementselectormodal .body .content .main .elements .disabled .checkbox:before,.sel div.checkbox:before,div.checkbox.checked:before,div.checkbox.indeterminate:before,input.checkbox:checked+label:before,input.checkbox:indeterminate+label:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;color:var(--gray-900);direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;line-height:var(--checkbox-size);opacity:var(--icon-opacity);text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.elementselectormodal .body .content .main .elements .disabled .checkbox:before,.sel div.checkbox:not(.indeterminate):before,div.checkbox.checked:not(.indeterminate):before,input.checkbox:checked:not(:indeterminate)+label:before{content:"check";font-size:15px}div.checkbox.indeterminate:before,input.checkbox:indeterminate+label:before{content:"minus";font-size:7px;text-align:center}body:not(.reduce-focus-visibility) :focus div.checkbox:before,body:not(.reduce-focus-visibility) input.checkbox:focus+label:before{box-shadow:var(--focus-ring)}body.reduce-focus-visibility :focus-visible div.checkbox:before,body.reduce-focus-visibility input.checkbox:focus-visible+label:before{box-shadow:var(--focus-ring)}.checkbox-icon{background-color:var(--enabled-color);border-radius:var(--small-border-radius);color:var(--white);display:-webkit-inline-flex;display:inline-flex;padding:3px}.checkbox-icon:before{--checkbox-size:14px;--icon-opacity:1;speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"check";direction:ltr;display:inline-block;font-family:Craft;font-size:var(--checkbox-size);font-style:normal;font-variant:normal;font-weight:400;line-height:1;line-height:var(--checkbox-size);opacity:var(--icon-opacity);text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}body.reduce-focus-visibility .monaco-mouse-cursor-text:focus-visible,body:not(.reduce-focus-visibility) .monaco-mouse-cursor-text:focus{box-shadow:none!important}fieldset .checkboxfield{margin:5px 0}.checkboxfield .instructions,.checkboxfield .notice,.checkboxfield .warning{margin-top:2px}body.ltr .checkboxfield .instructions,body.ltr .checkboxfield .notice,body.ltr .checkboxfield .warning{padding-left:21px}body.rtl .checkboxfield .instructions,body.rtl .checkboxfield .notice,body.rtl .checkboxfield .warning{padding-right:21px}input.radio{height:var(--radio-size);opacity:0;position:absolute;width:var(--radio-size)}div.radio,input.radio+label{clear:none;cursor:pointer;display:inline-block;line-height:1.7142857143;position:relative}body.ltr div.radio,body.ltr input.radio+label{padding-left:21px}body.rtl div.radio,body.rtl input.radio+label{padding-right:21px}.disabled div.radio,input.radio:disabled+label{cursor:default}body.ltr div.radio:empty,body.ltr input.radio+label:empty{padding-left:var(--radio-size)}body.rtl div.radio:empty,body.rtl input.radio+label:empty{padding-right:var(--radio-size)}div.radio:after,div.radio:before,input.radio+label:after,input.radio+label:before{background-clip:padding-box;border-radius:100%;box-sizing:border-box;content:"";display:block;position:absolute}div.radio:before,input.radio+label:before{background-color:#fbfcfe;border:1px solid rgba(96,125,159,.4);height:var(--radio-size);left:0;width:var(--radio-size)}div.radio:after,div.radio:before,input.radio+label:after,input.radio+label:before{top:50%;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}div.radio:after,input.radio+label:after{height:calc(var(--radio-size) - 8px);left:4px;width:calc(var(--radio-size) - 8px)}div.radio.disabled+label,div.radio.disabled:before,input.radio:disabled+label{opacity:.25}.sel div.radio:after,div.radio.checked:after,input.radio:checked+label:after{background:var(--gray-900)}body:not(.reduce-focus-visibility) :focus div.radio:before,body:not(.reduce-focus-visibility) input.radio:focus+label:before{box-shadow:var(--focus-ring)}body.reduce-focus-visibility :focus-visible div.radio:before,body.reduce-focus-visibility input.radio:focus-visible+label:before{box-shadow:var(--focus-ring)}.multiselect>select{-webkit-appearance:none;appearance:none;color:var(--text-color);font-size:14px}body.reduce-focus-visibility .multiselect>select:focus-visible,body:not(.reduce-focus-visibility) .multiselect>select:focus{box-shadow:var(--focus-ring)}.multiselect>select option{padding:1px 8px}.selectize.multiselect .selectize-input,.text{padding:6px 9px}.text{background-color:var(--white)}.text:not(.small){box-sizing:border-box;min-height:2.125rem}.text.small{padding:3px}.text.readable{font-size:16px;line-height:22px;padding:16px 18px}.text.readable+.chars-left{margin-top:-23px}body.ltr .text.clearable{padding-right:var(--touch-target-size)}body.rtl .text.clearable{padding-left:var(--touch-target-size)}.text input{background-color:transparent;border:none;margin:0;padding:0}.input.errors>.autosuggest-container .text,.input.errors>.border-box,.input.errors>.passwordwrapper,.input.errors>.text,.text.error,td.errors .text{border:1px solid var(--error-color)!important}.texticon{cursor:text;min-width:130px;position:relative}.texticon.icon:before{color:var(--ui-control-color);position:absolute;top:9px}body.ltr .texticon.icon:before{left:9px}body.rtl .texticon.icon:before{right:9px}body.ltr .texticon.icon .text{padding-left:26px}body.rtl .texticon.icon .text{padding-right:26px}.texticon .texticon-icon{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;position:absolute;top:1.0625rem;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}body.ltr .texticon .texticon-icon{left:9px}body.rtl .texticon .texticon-icon{right:9px}.texticon .clear-btn{height:var(--touch-target-size);position:absolute;top:calc((var(--touch-target-size) - 34px)/-2);width:var(--touch-target-size)}body.ltr .texticon .clear-btn{right:0}body.rtl .texticon .clear-btn{left:0}body.ltr .texticon.has-filter-btn .text{padding-right:26px}body.rtl .texticon.has-filter-btn .text{padding-left:26px}.texticon.has-filter-btn .filter-btn{border-radius:13px;cursor:pointer;font-size:14px;line-height:22px;padding:0 7px 4px;position:absolute;top:1.0625rem;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}body.ltr .texticon.has-filter-btn .filter-btn{right:4px}body.rtl .texticon.has-filter-btn .filter-btn{left:4px}.texticon.has-filter-btn .filter-btn:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;color:var(--medium-text-color);content:"filter";direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.texticon.has-filter-btn .filter-btn:hover{background-color:var(--gray-100)}.texticon.has-filter-btn .filter-btn.active,.texticon.has-filter-btn .filter-btn:active{background-color:var(--gray-350)}.texticon.has-filter-btn .filter-btn.active:before,.texticon.has-filter-btn .filter-btn:active:before{color:var(--white)}body.ltr .texticon.has-filter-btn .text{padding-left:1.625rem}body.rtl .texticon.has-filter-btn .text{padding-right:1.625rem}body.ltr .texticon.has-filter-btn .text.clearable{padding-right:calc(30px + var(--touch-target-size))}body.rtl .texticon.has-filter-btn .text.clearable{padding-left:calc(30px + var(--touch-target-size))}body.ltr .texticon.has-filter-btn .clear-btn{right:30px}body.rtl .texticon.has-filter-btn .clear-btn{left:30px}.texthint-container{height:0;position:relative}.texthint{color:var(--light-text-color);cursor:text;position:absolute;top:-1px;width:100%}.passwordwrapper{position:relative}.passwordwrapper .password{background:transparent;border:none;box-shadow:none;padding-right:4rem}.passwordwrapper .password-toggle{bottom:0;color:var(--link-color);cursor:pointer;position:absolute;top:0}body.ltr .passwordwrapper .password-toggle{right:9px}body.rtl .passwordwrapper .password-toggle{left:9px}.passwordwrapper .password-toggle:hover{text-decoration:underline}.datetimewrapper{-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;gap:5px}.clear-btn,.datetimewrapper{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex}.clear-btn{background:transparent;border:none;color:var(--ui-control-color);cursor:pointer;-webkit-justify-content:center;justify-content:center;padding:0;width:24px}.clear-btn:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"remove";direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.clear-btn:hover{color:var(--ui-control-hover-color)}.clear-btn:active{color:var(--ui-control-active-color)}.close-btn{position:relative}.close-btn:after,.close-btn:before{background-color:var(--ui-control-color);content:"";height:15px;left:50%;opacity:var(--icon-opacity);position:absolute;top:50%;width:2px}.close-btn:before{-webkit-transform:translate(-50%,-50%) rotate(-45deg);-o-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.close-btn:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.close-btn:hover:after,.close-btn:hover:before{background-color:var(--ui-control-hover-color)}.close-btn:active:after,.close-btn:active:before{background-color:var(--ui-control-active-color)}.datewrapper,.timewrapper{display:inline-block;position:relative}.datewrapper .text,.timewrapper .text{position:relative;width:100%;z-index:1}.datewrapper .text+div[data-icon],.timewrapper .text+div[data-icon]{display:none}.datewrapper .text.empty-value+div[data-icon],.datewrapper .text:placeholder-shown+div[data-icon],.timewrapper .text.empty-value+div[data-icon],.timewrapper .text:placeholder-shown+div[data-icon]{color:var(--light-text-color);display:block;position:absolute;top:calc(50% - 12px);z-index:0}body.ltr .datewrapper .text.empty-value+div[data-icon],body.ltr .datewrapper .text:placeholder-shown+div[data-icon],body.ltr .timewrapper .text.empty-value+div[data-icon],body.ltr .timewrapper .text:placeholder-shown+div[data-icon]{left:14px}body.rtl .datewrapper .text.empty-value+div[data-icon],body.rtl .datewrapper .text:placeholder-shown+div[data-icon],body.rtl .timewrapper .text.empty-value+div[data-icon],body.rtl .timewrapper .text:placeholder-shown+div[data-icon]{right:14px}.datewrapper .text.empty-value+div[data-icon],.datewrapper .text.empty-value+div[data-icon]:before,.datewrapper .text:placeholder-shown+div[data-icon],.datewrapper .text:placeholder-shown+div[data-icon]:before,.timewrapper .text.empty-value+div[data-icon],.timewrapper .text.empty-value+div[data-icon]:before,.timewrapper .text:placeholder-shown+div[data-icon],.timewrapper .text:placeholder-shown+div[data-icon]:before{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}.datewrapper{width:8em}.timewrapper{width:7em}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:var(--gray-400)}input::placeholder,textarea::placeholder{color:var(--gray-400)}::-ms-clear,::-ms-reveal{display:none}tr.indexingSession td{height:34px;padding:1px 10px}tr.indexingSession td.progress div.progressContainer{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;width:100%}tr.indexingSession td.progress div.progressContainer .progressbar{height:12px;left:0;position:relative;width:70%;z-index:1}tr.indexingSession td.progress div.progressContainer div.progressInfo{width:20%}.select:not(.selectize),.select:not(.selectize) select{border-radius:5px;position:relative;white-space:nowrap}.select:not(.selectize){max-width:100%;position:relative}:not(.flex)>.select:not(.selectize){display:inline-block}.select:not(.selectize):after{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;pointer-events:none;position:absolute;top:calc(50% - 5px);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-user-select:none;user-select:none;width:7px;z-index:1}body.ltr .select:not(.selectize):after{right:9px}body.rtl .select:not(.selectize):after{left:9px}.select:not(.selectize) select{-webkit-appearance:none;appearance:none;background-color:#dfe5ec;border:none;color:#3f4d5a;display:block;font-size:14px;line-height:20px;max-width:100%;position:relative;white-space:pre}body.ltr .select:not(.selectize) select{padding:7px 22px 7px 10px}body.rtl .select:not(.selectize) select{padding:7px 10px 7px 22px}.select:not(.selectize) select::-ms-expand{display:none}.select:not(.selectize).fullwidth select{min-width:100%}.select:not(.selectize) select:hover{background-color:#cfd8e2;box-shadow:var(--focus-ring);outline-color:transparent}body.reduce-focus-visibility .select:not(.selectize) select:focus-visible,body:not(.reduce-focus-visibility) .select:not(.selectize) select:focus{background-color:#cfd8e2;box-shadow:var(--focus-ring);outline-color:transparent}.select:not(.selectize).small:after{top:9px}.select:not(.selectize).small select{font-size:11px;padding-bottom:4px!important;padding-top:4px!important}.selectize .selectize-input{background-color:transparent;border-color:inherit;box-shadow:none;display:block}.selectize .selectize-input .item{max-width:100%}.selectize .selectize-input .item span{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.selectize.select .selectize-input:after{display:none}body .selectize-dropdown{border:none;z-index:101}.selectize.select{height:34px}.selectize.select input::-webkit-input-placeholder,.selectize.select textarea::-webkit-input-placeholder{color:var(--gray-700)}.selectize.select input::placeholder,.selectize.select textarea::placeholder{color:var(--gray-700)}.selectize.select:not(.fullwidth){max-width:100%;width:25em}.datetimewrapper .selectize.select:not(.fullwidth){max-width:calc(100% - 29px)}.selectize.select .selectize-control{max-width:100%;position:relative}:not(.flex)>.selectize.select .selectize-control{display:inline-block}.selectize.select .selectize-control:after{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;pointer-events:none;position:absolute;top:calc(50% - 5px);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-user-select:none;user-select:none;width:7px;z-index:1}body.ltr .selectize.select .selectize-control:after{right:9px}body.rtl .selectize.select .selectize-control:after{left:9px}.selectize.select .selectize-input{border-radius:5px;white-space:nowrap}.selectize.select .selectize-input.focus{box-shadow:var(--focus-ring)}.selectize.select .selectize-input{-webkit-appearance:none;appearance:none;background-color:#dfe5ec;border:none;color:#3f4d5a;display:block;font-size:14px;line-height:20px;max-width:100%;position:relative}body.ltr .selectize.select .selectize-input{padding:7px 22px 7px 10px}body.rtl .selectize.select .selectize-input{padding:7px 10px 7px 22px}.selectize.select .selectize-input::-ms-expand{display:none}.selectize.select .selectize-control,.selectize.select .selectize-input{width:100%}.selectize.multiselect .selectize-input{min-height:34px;padding-bottom:3px}.selectize.multiselect .selectize-input.focus{box-shadow:var(--focus-ring)}.selectize.multiselect .selectize-input>.item{background-color:#e4edf6;border-radius:3px;color:#3f4d5a;display:inline-block;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:row;flex-direction:row;font-size:12px;line-height:14px;padding:3px 7px;padding:3px 7px!important}.selectize.multiselect .selectize-input>.item.active{background-color:#cdd8e4}.selectize.multiselect .selectize-input>.item>.remove{border-left:none;color:var(--ui-control-color);font-size:0;padding:0;position:static}body.ltr .selectize.multiselect .selectize-input>.item>.remove{margin:-1px -3px 0 3px}body.rtl .selectize.multiselect .selectize-input>.item>.remove{margin:-1px 3px 0 -3px}.selectize.multiselect .selectize-input>.item>.remove:hover{background-color:transparent;color:var(--ui-control-hover-color)}.selectize.multiselect .selectize-input>.item>.remove:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"remove";direction:ltr;display:inline-block;font-family:Craft;font-size:14px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}body .selectize-dropdown{margin-top:1px}body .selectize-dropdown .optgroup-header,body .selectize-dropdown [data-selectable]{color:#3f4d5a;margin:0 -14px;padding:10px 14px;text-decoration:none;white-space:nowrap}body .selectize-dropdown .optgroup{padding-top:5px}body .selectize-dropdown .optgroup:not(:first-child){border-top:1px solid var(--hairline-color)}body .selectize-dropdown .optgroup .option{padding-left:24px}body .selectize-dropdown .optgroup-header{color:#606d7b;font-size:11px;line-height:1.2;margin:0;padding:4px 0;text-transform:uppercase}body .selectize-dropdown .active:not(.selected){background-color:var(--gray-100)}body .selectize-dropdown .selected{background-color:#606d7b;color:#fff;cursor:default!important}body .selectize-dropdown .selected .light{color:inherit!important}body .selectize-dropdown-content{background:#fff;border-radius:4px;box-shadow:0 0 0 1px rgba(31,41,51,.1),0 5px 20px rgba(31,41,51,.25);max-height:70vh;overflow:auto;padding:0 14px;-webkit-user-select:none;user-select:none;z-index:100}body .selectize-dropdown-content .option{min-height:18px}body .selectize-dropdown-content>div[data-value=new]:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"plus";direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;margin-right:5px;opacity:var(--icon-opacity);text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}body .selectize-dropdown-content>div[data-value=new]:after{content:"…"}body.no-scroll .selectize-dropdown-content{max-height:200px}.ui-datepicker{-padding:10px;height:242px;position:fixed;top:-300px;width:210px;z-index:101!important}body.ltr .ui-datepicker{margin-left:1px}body.rtl .ui-datepicker{margin-right:1px}.ui-datepicker-header{padding:8px 8px 4px}body.ltr .ui-datepicker-prev{float:left}body.ltr .ui-datepicker-next,body.rtl .ui-datepicker-prev{float:right}body.rtl .ui-datepicker-next{float:left}.ui-datepicker-next span,.ui-datepicker-prev span{display:none}.ui-datepicker-next,.ui-datepicker-prev{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;height:20px;-webkit-justify-content:center;justify-content:center;width:20px}.ui-datepicker-next:hover:after,.ui-datepicker-prev:hover:after{border-color:var(--link-color)}.ui-datepicker-prev:after{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;width:7px}body.ltr .ui-datepicker-prev:after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}body.rtl .ui-datepicker-prev:after{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.ui-datepicker-next:after{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;width:7px}body.ltr .ui-datepicker-next:after{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.rtl .ui-datepicker-next:after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.ui-datepicker-title{text-align:center}.ui-datepicker-calendar td,.ui-datepicker-calendar th{padding:2px!important}.ui-datepicker-calendar td a,.ui-datepicker-calendar th span{color:var(--text-color);display:block;line-height:26px;text-align:center;width:1.625rem}.ui-datepicker-calendar th span{color:var(--medium-text-color);font-weight:400}.ui-datepicker-calendar td a{border-radius:2px}.ui-datepicker-calendar td a:hover{background-color:var(--light-sel-color);text-decoration:none}.ui-datepicker-calendar td a.ui-state-active{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:var(--dark-sel-color);color:var(--white);cursor:default;font-weight:500}.ui-datepicker-calendar td.ui-datepicker-today a{border-radius:13px;box-shadow:inset 0 0 0 2px var(--light-sel-color)}.ui-timepicker-wrapper{z-index:101}.ui-timepicker-list{height:210px;overflow-y:auto;width:calc(14px + 6em);z-index:100}body.ltr .ui-timepicker-list{margin-left:1px}body.rtl .ui-timepicker-list{margin-right:1px}.ui-timepicker-list li{cursor:pointer;white-space:nowrap}body.ltr .ui-timepicker-list li{padding:2px 0 2px 14px}body.rtl .ui-timepicker-list li{padding:2px 14px 2px 0}.ui-timepicker-list li:hover{background-color:var(--light-sel-color)}.ui-timepicker-list li.ui-timepicker-selected{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:var(--dark-sel-color);color:var(--white);cursor:default;font-weight:500}.slide-picker{display:-webkit-flex;display:flex;height:15px;white-space:nowrap}.slide-picker a{background-image:none;border:1px solid var(--hairline-color);box-sizing:border-box;display:inline-block;height:13px;margin-bottom:1px;margin-left:0;margin-top:1px;width:7px}body.ltr .slide-picker a{border-left:none}body.rtl .slide-picker a{border-right:none}.slide-picker a:first-child{width:8px}body.ltr .slide-picker a:first-child{border-left:1px solid var(--gray-400)!important}body.rtl .slide-picker a:first-child{border-right:1px solid var(--gray-400)!important}.slide-picker:hover a.active-hover,.slide-picker:not(:hover) a.active{border-bottom-color:var(--gray-400);border-top-color:var(--gray-400);height:15px;margin-bottom:0;margin-top:0}body.ltr .slide-picker:hover a.active-hover:first-child,body.ltr .slide-picker:not(:hover) a.active:first-child{border-left:1px solid var(--gray-400)}body.rtl .slide-picker:hover a.active-hover:first-child,body.rtl .slide-picker:not(:hover) a.active:first-child{border-right:1px solid var(--gray-400)}body.ltr .slide-picker:hover a.active-hover:first-child,body.ltr .slide-picker:not(:hover) a.active:first-child{border-top-left-radius:var(--small-border-radius)}body.rtl .slide-picker:hover a.active-hover:first-child,body.rtl .slide-picker:not(:hover) a.active:first-child{border-top-right-radius:var(--small-border-radius)}body.ltr .slide-picker:hover a.active-hover:first-child,body.ltr .slide-picker:not(:hover) a.active:first-child{border-bottom-left-radius:var(--small-border-radius)}body.rtl .slide-picker:hover a.active-hover:first-child,body.rtl .slide-picker:not(:hover) a.active:first-child{border-bottom-right-radius:var(--small-border-radius)}body.ltr .slide-picker:hover a.last-active-hover,body.ltr .slide-picker:not(:hover) a.last-active{border-right:1px solid var(--gray-400)}body.rtl .slide-picker:hover a.last-active-hover,body.rtl .slide-picker:not(:hover) a.last-active{border-left:1px solid var(--gray-400)}body.ltr .slide-picker:hover a.last-active-hover,body.ltr .slide-picker:not(:hover) a.last-active{border-top-right-radius:var(--small-border-radius)}body.rtl .slide-picker:hover a.last-active-hover,body.rtl .slide-picker:not(:hover) a.last-active{border-top-left-radius:var(--small-border-radius)}body.ltr .slide-picker:hover a.last-active-hover,body.ltr .slide-picker:not(:hover) a.last-active{border-bottom-right-radius:var(--small-border-radius)}body.rtl .slide-picker:hover a.last-active-hover,body.rtl .slide-picker:not(:hover) a.last-active{border-bottom-left-radius:var(--small-border-radius)}.slide-picker:focus a.active{background-color:var(--light-sel-color)}ul.errors{list-style-type:square;margin-top:5px}body.ltr ul.errors{padding-left:20px}body.rtl ul.errors{padding-right:20px}ul.errors li{color:var(--error-color)}.message-container{height:100%;position:absolute;top:0;width:100%;z-index:100}body.ltr .message-container{left:0}body.rtl .message-container{right:0}.message-container.no-access{background-color:rgba(31,41,51,.5)}.message-container .pane{box-shadow:0 25px 100px rgba(31,41,51,.5);margin-left:auto;margin-right:auto;margin-top:-33px!important;top:50%;width:320px}.autosuggest-container{position:relative}.autosuggest__results-container{background-color:var(--white);border-radius:var(--large-border-radius);box-shadow:0 1px 5px -1px rgba(31,41,51,.2);box-sizing:border-box;font-family:system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1em!important;padding:0 14px;position:absolute;text-align:left;width:100%;z-index:2}.autosuggest__results-container .autosuggest__results-before{color:#606d7b;font-size:11px;line-height:1.2;margin:14px 0 3px;margin-top:14px!important;text-transform:uppercase}.autosuggest__results-container .autosuggest__results-item{color:#3f4d5a;margin:0 -14px;overflow:hidden;padding:10px 14px;text-decoration:none;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.autosuggest__results-container .autosuggest__results-item.autosuggest__results-item--highlighted,.autosuggest__results-container .autosuggest__results-item:hover{background-color:#606d7b;color:#fff;cursor:pointer}.autosuggest__results-container .autosuggest__results-item.autosuggest__results-item--highlighted .light,.autosuggest__results-container .autosuggest__results-item:hover .light{color:#e4edf6!important}.matrix>.buttons{margin-top:10px}.matrixblock{background-color:var(--gray-050);border:1px solid var(--hairline-color);border-radius:var(--large-border-radius);margin-bottom:10px;padding:0 var(--m) var(--m);position:relative}.matrixblock.static{padding-top:14px}.matrixblock .flex-fields{--row-gap:var(--m)!important}.matrixblock>.titlebar{word-wrap:normal;background-color:#ebf2fa;border-radius:calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) 0 0;box-sizing:border-box;color:var(--light-text-color);cursor:default;margin:0 -14px;overflow:hidden;position:relative;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap;width:calc(100% + 28px)}body.ltr .matrixblock>.titlebar{padding:5px 70px 5px 35px}body.rtl .matrixblock>.titlebar{padding:5px 35px 5px 70px}.matrixblock>.titlebar:after{background-color:var(--hairline-color);bottom:-1px;content:"";display:block;height:1px;left:14px;position:absolute;width:calc(100% - 28px)}.matrixblock>.titlebar>.blocktype{color:var(--medium-text-color);display:inline}.matrixblock>.titlebar>.preview{display:inline;opacity:0;-o-transition:opacity .1s linear;transition:opacity .1s linear}body.ltr .matrixblock>.titlebar>.preview{margin-left:7px}body.rtl .matrixblock>.titlebar>.preview{margin-right:7px}.matrixblock>.titlebar>.preview span{opacity:.5}.matrixblock.disabled{opacity:1}body.ltr .matrixblock.disabled>.titlebar{padding-right:90px}body.rtl .matrixblock.disabled>.titlebar{padding-left:90px}.matrixblock.disabled>.actions>.status.off{display:block}.matrixblock.collapsed>.titlebar{border-bottom:none;border-radius:var(--titlebar-border-radius)}.matrixblock.collapsed>.titlebar>.preview{opacity:1}.matrixblock>.checkbox{position:absolute;top:7px}body.ltr .matrixblock>.checkbox{left:14px}body.rtl .matrixblock>.checkbox{right:14px}.matrixblock>.actions{-webkit-align-items:center;align-items:center;cursor:default;display:-webkit-flex;display:flex;position:absolute;top:5px}body.ltr .matrixblock>.actions{right:14px}body.rtl .matrixblock>.actions{left:14px}body.ltr .matrixblock>.actions>*{margin:0 0 0 5px}body.rtl .matrixblock>.actions>*{margin:0 5px 0 0}.matrixblock>.actions .settings{color:var(--ui-control-color);height:20px;padding:0 8px}body.ltr .matrixblock>.actions .settings:before{margin-right:0!important}body.rtl .matrixblock>.actions .settings:before{margin-left:0!important}.matrixblock>.actions .settings:not(:hover):not(:active){background-color:transparent}.matrixblock>.actions .move{margin-top:-4px!important}.matrixblock>.actions>.status.off{display:none}.matrixblock>.actions a:not([data-action]){color:var(--dark-hairline-color);height:20px;padding:0;text-align:center;-webkit-transform:color linear .1s;-o-transform:color linear .1s;transform:color linear .1s}.matrixblock>.actions a:not([data-action]).settings:after{border-color:var(--dark-hairline-color);-webkit-transform:border-color linear .1s;-o-transform:border-color linear .1s;transform:border-color linear .1s}body.ltr .matrixblock>.actions a:not([data-action]).settings:after{margin-left:3px}body.rtl .matrixblock>.actions a:not([data-action]).settings:after{margin-right:3px}.matrixblock>.actions a:not([data-action]):hover{color:var(--link-color)}.matrixblock>.actions a:not([data-action]):hover.settings:after{border-color:var(--link-color)}.matrixblock:not(.static)>.fields{padding-top:14px}.matrixblock>.fields>.flex-fields>.field:before{display:none}.matrixblock>.buttons{height:30px;margin-top:0}.add-category-form{margin-top:24px}.add-category-form .texticon{width:200px}body.ltr .add-category-form .texticon{float:left}body.rtl .add-category-form .texticon{float:right}body.ltr .add-category-form .texticon{margin-right:5px}body.rtl .add-category-form .texticon{margin-left:5px}body.ltr .add-category-form .texticon .text{padding-right:30px}body.rtl .add-category-form .texticon .text{padding-left:30px}.add-category-form .texticon .spinner{position:absolute;top:0}body.ltr .add-category-form .texticon .spinner{right:5px}body.rtl .add-category-form .texticon .spinner{left:5px}body.sitepicker #main-content{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:30px;text-align:center}body.sitepicker #content-container{max-width:400px}.sitepicker-group li:not(:first-child) a{border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px}.sitepicker-group li:not(:first-child) a:not(:hover){border-top-color:transparent}.sitepicker-group li:not(:last-child) a{border-bottom-left-radius:0;border-bottom-right-radius:0}.sitepicker-group li a{border:1px solid var(--hairline-color);border-radius:var(--medium-border-radius);box-sizing:border-box;display:block;font-size:16px;line-height:1.4;position:relative;text-align:left;width:100%}body.ltr .sitepicker-group li a{padding:9px 42px 9px 15px}body.rtl .sitepicker-group li a{padding:9px 15px 9px 42px}.sitepicker-group li a:after{font-size:14px;margin:0;padding:0;position:absolute;top:calc(50% - 7px)}body.ltr .sitepicker-group li a:after{right:12px}body.rtl .sitepicker-group li a:after{left:12px}.sitepicker-group li a:hover{border-color:var(--link-color);text-decoration:none;z-index:1}.elementselectormodal .body .main{float:left\9;width:445px\9}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){.structure ul li{-o-background-size:40px;background-size:40px}body.ltr .structure ul li{background-image:url(../images/branch_2x.png)}body.rtl .structure ul li{background-image:url(../images/branch_rtl_2x.png)}.hud .tip-left{background-image:url(../images/hudtip_left_2x.png);-o-background-size:15px 30px;background-size:15px 30px}.hud .tip-top{background-image:url(../images/hudtip_top_2x.png);-o-background-size:30px 15px;background-size:30px 15px}.hud .tip-right{background-image:url(../images/hudtip_right_2x.png);-o-background-size:15px 30px;background-size:15px 30px}.hud .tip-bottom{background-image:url(../images/hudtip_bottom_2x.png);-o-background-size:30px 15px;background-size:30px 15px}.hud.has-footer .tip-bottom{background-image:url(../images/hudtip_bottom_gray_2x.png)}}:root{--xs:4px;--s:8px;--m:14px;--l:18px;--xl:24px;--padding:var(--xl);--neg-padding:calc(var(--padding)*-1)}html{-webkit-text-size-adjust:100%}body,html{min-height:100vh}body.dragging *{cursor:move!important;cursor:-webkit-grabbing!important;cursor:grabbing!important}body :focus{box-shadow:var(--focus-ring);outline-color:transparent;outline-style:solid}.reduce-focus-visibility :focus:not(:focus-visible){box-shadow:none}.reduce-focus-visibility :focus-visible{box-shadow:var(--focus-ring)}.skip-link{height:1px;left:-10000px;margin:5px;overflow:hidden;position:absolute;top:0;width:1px;z-index:101}.skip-link:focus{background-color:var(--gray-100)!important;height:auto;left:unset;width:auto}body.ltr .skip-link:focus{left:0}body.rtl .skip-link:focus{right:0}@media only screen and (min-width:1200px){#global-skip-link{--light-color:var(--white);--dark-color:var(--gray-800);--focus-ring:0 0 0 3px var(--dark-color),0 0 0 6px var(--light-color)}}#global-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;min-height:100vh;position:relative}body.ltr #global-container{left:0}body.rtl #global-container{right:0}@media screen and (prefers-reduced-motion:no-preference){body.ltr #global-container{-o-transition:left .25s ease-out;transition:left .25s ease-out}body.rtl #global-container{-o-transition:right .25s ease-out;transition:right .25s ease-out}}#global-sidebar{--is-always-visible:true;-webkit-overflow-scrolling:touch;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;--focus-ring:0 0 0 1px hsl(var(--light-focus-hsl)),0 0 0 3px hsla(var(--light-focus-hsl),0.7);background-color:var(--gray-800);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;font-weight:500;height:100vh;overflow-x:hidden;overflow-y:auto;padding:0;position:fixed;z-index:100}#global-sidebar a{color:var(--gray-100);text-decoration:none}#global-sidebar :not(.has-subnav)>a[href]:not(.sel):hover,#global-sidebar>a[href]:not(.sel):hover{background-color:#29333d}#global-sidebar :not(.has-subnav)>a:not([href]),#global-sidebar>a:not([href]){background-color:transparent;cursor:default}#global-sidebar .light{color:var(--gray-400)}@media only screen and (max-width:1199px){#global-sidebar{--is-always-visible:false}}#system-info{grid-gap:10px;-webkit-align-items:center;align-items:center;background-color:#29333d;display:grid;-webkit-flex:0 0 50px;flex:0 0 50px;-webkit-flex-direction:row;flex-direction:row;grid-template-columns:30px auto;height:50px;padding:0 10px;position:relative}#system-info:after{display:none}#system-info:focus,#system-info:hover{background-color:#1f272e!important}#site-icon{height:30px}#site-icon img,#site-icon svg{border-radius:4px;display:block;height:30px;width:30px}#site-icon svg circle,#site-icon svg ellipse,#site-icon svg line,#site-icon svg path,#site-icon svg polygon,#site-icon svg polyline,#site-icon svg rect,#site-icon svg text{fill:var(--medium-text-color);stroke-width:0}#system-name .h2,#system-name h2{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;margin:0;max-height:40px;overflow:hidden;position:relative;width:100%}#system-name .h2:after,#system-name h2:after{background-image:-o-linear-gradient(left,rgba(41,51,61,0),#29333d);background-image:linear-gradient(90deg,rgba(41,51,61,0),#29333d);content:"";display:block;font-size:0;position:absolute;top:0;width:var(--m)}body.ltr #system-name .h2:after,body.ltr #system-name h2:after{right:0}body.rtl #system-name .h2:after,body.rtl #system-name h2:after{left:0}#system-info:hover #system-name .h2:after,#system-info:hover #system-name h2:after{background-image:-o-linear-gradient(left,rgba(31,39,46,0),#1f272e);background-image:linear-gradient(90deg,rgba(31,39,46,0),#1f272e)}#job-icon{-webkit-align-items:flex-start;align-items:flex-start}#job-icon>span.icon{display:block;height:16px;margin-top:2px!important;position:relative;width:16px}#job-icon>span.icon>canvas{display:block;height:16px;position:absolute;width:16px}#job-icon>span.icon>canvas#job-icon-hover{opacity:0}#job-icon[href]:hover .icon>span.icon>canvas#job-icon-hover{opacity:1}#job-icon .progress-label{color:var(--gray-300);display:block;font-size:11px;line-height:1.5}#nav{-webkit-flex:1;flex:1;margin:22px 0 0;overflow:visible;padding-bottom:var(--xl)}body.has-debug-toolbar #nav{padding-bottom:calc(42px + var(--xl))}#nav li:not(.has-subnav)>a.sel{background-color:var(--gray-100)!important;color:var(--gray-800);opacity:1}#nav li:not(.has-subnav)>a.sel .icon{opacity:1}#nav li a{padding-left:var(--m);padding-right:var(--m);position:relative}#nav li a:focus{z-index:1}#nav li a.menubtn{line-height:26px}#nav li a.external:after{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"external";direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}body.ltr #nav li a.external:after{margin-left:5px}body.rtl #nav li a.external:after{margin-right:5px}#nav li a .label,#nav li a .label span{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}#nav li a .badge{background-color:var(--gray-200);color:var(--gray-800)}body.ltr #nav li a .badge{margin-right:0}body.rtl #nav li a .badge{margin-left:0}#nav li ul{display:block;margin-bottom:10px}#nav li ul li a{font-size:12px}body.ltr #nav li ul li a{padding:3px var(--m) 3px 42px!important}body.rtl #nav li ul li a{padding:3px 42px 3px var(--m)!important}#nav li ul li a:not(.active){color:var(--gray-200)}#global-footer{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;gap:var(--m);padding:var(--m) var(--m) var(--xl)}body.has-debug-toolbar #global-footer{padding-bottom:calc(var(--xl) + 42px)}#global-footer a{white-space:nowrap}#app-info{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;gap:var(--m);-webkit-justify-content:center;justify-content:center}#trial-info{background-color:#dbe5f0;border-radius:var(--large-border-radius);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),0 0 0 1px #bdcbdb,0 2px 12px rgba(205,216,228,.5);padding:16px var(--xl);text-align:center}#app-version{-webkit-align-items:center;align-items:center;color:var(--gray-600);display:-webkit-flex;display:flex;font-size:12px;gap:var(--s);-webkit-justify-content:center;justify-content:center;text-align:center}#app-version a{text-decoration:underline}#app-version a,#app-version a.go:hover:after{color:var(--gray-600)}#edition-logo{border:1px solid var(--gray-600);border-radius:3px;box-sizing:content-box;display:-webkit-inline-flex;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:1.7px;line-height:8px;padding:6px 5px 6px 7px;position:relative;text-transform:uppercase;top:-1px;-webkit-user-select:none;user-select:none}#devmode{background:url(../images/dev-mode.svg) repeat-x 21px 0;cursor:help;-webkit-flex:0 0 4px;flex:0 0 4px;min-height:4px;width:100%}#page-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-grow:1;flex-grow:1}body.ltr #page-container{padding-left:226px}body.rtl #page-container{padding-right:226px}#alerts{background-color:var(--red-050);border-left:6px solid var(--error-color);color:var(--error-color);position:relative}#alerts>li{box-shadow:inset 0 -1px 0 0 var(--red-100);padding:10px 24px}#alerts>li a.btn,#alerts>li a.go{-webkit-align-items:center;align-items:center;display:-webkit-inline-flex;display:inline-flex}#alerts>li a:not(.btn){color:var(--error-color);text-decoration:underline}#alerts>li a:not(.btn).go{border:1px solid rgba(220,38,38,.5);border-radius:var(--medium-border-radius);margin:0 2px;padding:4px 5px;text-decoration:none;white-space:nowrap}#alerts>li a:not(.btn).go:after{color:var(--error-color);font-size:15px;margin-top:1px}#alerts>li a:not(.btn).go:hover{border-color:var(--error-color)}#global-header{background:#fff;background:var(--gray-050);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);margin-bottom:var(--m);width:100%}#global-header:focus{box-shadow:var(--focus-ring)}#global-header .flex{-webkit-align-items:center;align-items:center}#global-header .btn{--ui-control-color:var(--gray-400);--ui-control-hover-color:var(--gray-500);--ui-control-active-color:var(--gray-600)}.nav-toggle{-webkit-align-items:center;align-items:center;color:currentColor;display:-webkit-flex;display:flex;height:50px;-webkit-justify-content:center;justify-content:center;line-height:26px;text-align:center;width:36px}body.ltr .nav-toggle{margin-left:-10px}body.rtl .nav-toggle{margin-right:-10px}.nav-toggle:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"menu";direction:ltr;display:inline-block;font-family:Craft;font-size:16px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;line-height:0;opacity:var(--icon-opacity);text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.nav-toggle:hover{color:var(--gray-400)}#crumbs{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;font-size:13px;margin:0!important}#crumbs.empty{display:none}#crumbs a,#crumbs button{color:var(--light-text-color);-o-transition:color .1s linear;transition:color .1s linear}#crumbs a:hover,#crumbs button:hover{color:var(--link-color);text-decoration:none}#crumbs nav{margin:0}.breadcrumb-list{-webkit-align-items:stretch;align-items:stretch;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap}.breadcrumb-list li{-webkit-align-items:center;align-items:center;display:-webkit-inline-flex;display:inline-flex}.breadcrumb-list li a,.breadcrumb-list li button{padding:15px 0}.breadcrumb-list li button{cursor:pointer}.breadcrumb-list li:after{border:solid var(--medium-hairline-color);border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;width:7px}body.ltr .breadcrumb-list li:after{margin:0 8px 0 7px}body.rtl .breadcrumb-list li:after{margin:0 7px 0 8px}body.ltr .breadcrumb-list li:after{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.rtl .breadcrumb-list li:after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.breadcrumb-list .menu--disclosure li{display:block}.breadcrumb-list .menu--disclosure li:after,li.breadcrumb-toggle-wrapper:after{content:none}#account-menu ul li a{max-width:calc(100% + 28px)!important}#announcements-btn{height:30px;padding-left:0;padding-right:0;position:relative;width:30px;width:40px}#announcements-btn:not(:hover):not(:active):not(.active){background-color:transparent}#announcements-btn:not(:active):not(.active):hover{background-color:rgba(154,165,177,.15)}#announcements-btn.unread:after{background-color:var(--blue-600);border-radius:4px;content:"";display:block;height:7px;position:absolute;top:3px;width:7px}body.ltr #announcements-btn.unread:after{right:7px}body.rtl #announcements-btn.unread:after{left:7px}#announcements-btn svg{height:22px;width:22px}#announcements-btn svg circle,#announcements-btn svg ellipse,#announcements-btn svg line,#announcements-btn svg path,#announcements-btn svg polygon,#announcements-btn svg polyline,#announcements-btn svg rect,#announcements-btn svg text{fill:var(--ui-control-color);stroke-width:0}#announcements-btn.active svg circle,#announcements-btn.active svg ellipse,#announcements-btn.active svg line,#announcements-btn.active svg path,#announcements-btn.active svg polygon,#announcements-btn.active svg polyline,#announcements-btn.active svg rect,#announcements-btn.active svg text,#announcements-btn:active svg circle,#announcements-btn:active svg ellipse,#announcements-btn:active svg line,#announcements-btn:active svg path,#announcements-btn:active svg polygon,#announcements-btn:active svg polyline,#announcements-btn:active svg rect,#announcements-btn:active svg text,#announcements-btn:hover svg circle,#announcements-btn:hover svg ellipse,#announcements-btn:hover svg line,#announcements-btn:hover svg path,#announcements-btn:hover svg polygon,#announcements-btn:hover svg polyline,#announcements-btn:hover svg rect,#announcements-btn:hover svg text{fill:var(--ui-control-active-color);stroke-width:0}#announcements{max-width:350px}#announcements .announcement:not(:first-child){margin-top:20px}#announcements .announcement .announcement-label-container{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;margin-bottom:3px;margin-top:-3px}#announcements .announcement .announcement-label-container .announcement-icon svg{display:block;height:15px;width:15px}#announcements .announcement .announcement-label-container .announcement-label{color:var(--light-text-color);font-size:12px;margin-left:5px}#announcements .announcement.unread .announcement__heading:after{background-color:var(--blue-600);border-radius:4px;content:"";display:block;height:7px;position:absolute;top:7px;width:7px}body.ltr #announcements .announcement.unread .announcement__heading:after{left:-13px}body.rtl #announcements .announcement.unread .announcement__heading:after{right:-13px}#announcements .announcement p{margin:0}#announcements .announcement__header{display:grid}#announcements .announcement__heading{margin:0 0 3px;-webkit-order:1;order:1;position:relative}#user-info{-webkit-align-items:center;align-items:center;background-color:transparent;border-radius:0;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;height:100%;padding-bottom:5px;padding-top:5px}body.ltr #user-info{padding-right:25px}body.rtl #user-info{padding-left:25px}#user-info:after{border-color:var(--ui-control-color);-o-transition:border-color .1s linear;transition:border-color .1s linear}#user-info:hover:after{border-color:var(--ui-control-hover-color)}#user-info[aria-expanded=true]:after{border-color:var(--ui-control-active-color)}.header-photo{padding:5px 0}.header-photo img,.header-photo svg{border-radius:50%;box-shadow:0 0 0 1px rgba(31,41,51,.05),0 0 0 rgba(31,41,51,0);display:block;height:30px;max-width:none;-o-transition:box-shadow .15s linear;transition:box-shadow .15s linear;width:30px}#user-info:hover .header-photo img,#user-info:hover .header-photo svg{box-shadow:0 0 0 1px rgba(31,41,51,.05),0 2px 10px -2px rgba(31,41,51,.3)}#main-container{-webkit-flex-grow:1;flex-grow:1;position:relative}#notifications{bottom:8px;position:fixed;width:calc(100% - 16px);z-index:101}body.ltr #notifications{left:8px}body.rtl #notifications{right:8px}body.has-debug-toolbar #notifications{bottom:50px}@media only screen and (min-width:974px){#notifications{width:350px}}#notifications .notification{--color:var(--notice-color);background:#fff;border-radius:var(--large-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);box-shadow:0 0 0 1px rgba(19,26,32,.15),0 2px 12px rgba(19,26,32,.15);display:-webkit-flex;display:flex;padding:10px 14px;position:relative}#notifications .notification:focus{box-shadow:var(--focus-ring)}#notifications .notification[data-type=success]{--color:var(--success-color)}#notifications .notification[data-type=error]{--color:var(--error-color)}#notifications .notification+.notification{margin-top:12px}#notifications .notification .notification-icon{color:var(--color);font-size:18px;margin-top:-2px;width:18px}body.ltr #notifications .notification .notification-icon{margin-right:10px}body.rtl #notifications .notification .notification-icon{margin-left:10px}#notifications .notification .notification-body{display:-webkit-flex;display:flex;-webkit-flex:1;flex:1}#notifications .notification .notification-body .notification-message{font-weight:700;overflow-wrap:anywhere;word-break:normal}#notifications .notification .notification-body .notification-details{margin-top:var(--xs)}#notifications .notification .notification-body .notification-details .chip{border:1px solid rgba(51,64,77,.1)}#notifications .notification .notification-close-btn{position:relative;top:-2px}body.ltr #notifications .notification .notification-close-btn{margin-left:10px}body.rtl #notifications .notification .notification-close-btn{margin-right:10px}#header-container{margin-bottom:var(--m)}#crumbs,#header{padding-left:var(--padding);padding-right:var(--padding)}@media only screen and (min-width:1200px){#primary-nav-toggle{display:none}}#global-header .flex,#header .flex{max-width:100%}#global-header .flex.flex-nowrap,#header .flex.flex-nowrap{min-width:0}#header{-webkit-align-content:stretch;align-content:stretch;-webkit-align-items:flex-start;align-items:flex-start;background-color:rgba(154,165,177,0);box-shadow:0 1px 0 rgba(51,64,77,0);box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;gap:var(--s);-webkit-justify-content:space-between;justify-content:space-between;padding-bottom:var(--s);padding-top:var(--s);position:relative;-o-transition:background-color .1s linear,box-shadow .1s linear;transition:background-color .1s linear,box-shadow .1s linear;width:calc(100vw - 226px);z-index:2}body.fixed-header #header{background-color:var(--gray-100);box-shadow:inset 0 -1px 0 rgba(63,77,90,.1);position:fixed;top:0;z-index:12}@supports((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){#header{transition:background-color .1s linear,box-shadow .1s linear,-webkit-backdrop-filter .1s linear;-o-transition:background-color .1s linear,box-shadow .1s linear,backdrop-filter .1s linear;transition:background-color .1s linear,box-shadow .1s linear,backdrop-filter .1s linear;transition:background-color .1s linear,box-shadow .1s linear,backdrop-filter .1s linear,-webkit-backdrop-filter .1s linear}body.fixed-header #header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(228,237,246,.75)}}#header h1{line-height:34px;margin-bottom:0;min-width:0}#header .btngroup,#header .buttons,#header h1{margin-top:0}@media only screen and (min-width:974px){#page-title.has-toolbar{min-width:calc(226px - var(--xl) - var(--s))!important}}#toolbar{-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex:1;flex:1;-webkit-justify-content:space-between;justify-content:space-between}#toolbar .icon:before,#toolbar .menubtn:after,#toolbar .texticon:before,#toolbar [data-icon-after]:after,#toolbar [data-icon]:before{color:currentColor;opacity:.8}#toolbar .text{border-radius:var(--large-border-radius)}#toolbar .text::-webkit-input-placeholder{color:var(--light-text-color)}#toolbar .text::placeholder{color:var(--light-text-color)}#toolbar .text:not(:focus){background-clip:border-box}@media only screen and (max-width:400px){#action-buttons .btngroup .btn:first-child{-webkit-flex-basis:100%;flex-basis:100%}}@media only screen and (max-width:973px){#action-buttons{margin-top:10px}}#main-content{-webkit-align-items:flex-start;align-items:flex-start;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;padding:0 var(--padding) 48px;width:calc(100vw - 226px)}#main-content>.grid:only-child{-webkit-flex:1;flex:1}#sidebar-toggle-container{display:none}#sidebar-container{box-sizing:border-box;-webkit-flex:0 0 226px;flex:0 0 226px;width:226px}@media only screen and (min-width:1200px){body.ltr #sidebar-container{margin-left:calc(var(--xl)*-1)}body.rtl #sidebar-container{margin-right:calc(var(--xl)*-1)}}#sidebar{background-color:transparent;box-sizing:border-box;padding:0 31px var(--m);position:relative;width:226px}#sidebar.fixed{position:fixed}#sidebar nav{margin-left:-31px;margin-right:-31px}#sidebar nav li a{position:relative}#sidebar nav li a:focus{z-index:1}#sidebar nav li a:not(.sel):hover{background-color:var(--gray-200)}#content-container{-webkit-flex:1;flex:1}#main-content:not(.has-sidebar):not(.has-details) #content-container{max-width:100%;width:100%}#main-content.has-sidebar #content-container{max-width:calc(100% - 202px);width:calc(100% - 202px)}#main-content.has-details #content-container{max-width:calc(100% - 350px - var(--m));width:calc(100% - 350px - var(--m))}#content-container #main-content.has-sidebar.has-details{max-width:calc(100% - 614px);width:calc(100% - 614px)}#content-heading{margin-top:var(--xl)!important}@media only screen and (min-width:974px){#content-heading{clip:rect(0,0,0,0);border:0;height:1px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px}}.content-pane{word-wrap:break-word;background:#fff;background-clip:padding-box;border-radius:var(--large-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);padding:var(--xl) var(--padding);position:relative}.content-pane:focus{box-shadow:var(--focus-ring)}.content-pane>hr{margin-left:calc(var(--xl)*-1);margin-right:calc(var(--xl)*-1)}#footer{background-color:var(--gray-050);border-radius:var(--small-border-radius);bottom:0;box-sizing:border-box;margin:calc(var(--xl) + 1px) calc(var(--padding)*-1 + 2px) calc(var(--xl)*-1 + 2px);min-height:50px;padding:var(--s) var(--padding);position:-webkit-sticky;position:sticky;z-index:1}#footer:empty{display:none}#footer.stuck{border-radius:0}@supports((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){#footer.stuck{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(228,237,246,.75)}}.has-debug-toolbar #footer{-o-transition:padding .1s linear;transition:padding .1s linear}.has-debug-toolbar #footer.stuck{padding-bottom:52px}#footer .flex>*,#footer>*{margin-bottom:0}#details-container{box-sizing:border-box;-webkit-flex:0 0 388px;flex:0 0 388px;width:388px}body.ltr #details-container{margin-right:calc(var(--xl)*-1)}body.rtl #details-container{margin-left:calc(var(--xl)*-1)}#details{box-sizing:border-box;width:388px;z-index:1}body.ltr #details{padding-right:var(--xl)}body.rtl #details{padding-left:var(--xl)}body.ltr #details{padding-left:var(--m)}body.rtl #details{padding-right:var(--m)}#details.fixed{position:fixed}#details .details{padding-bottom:calc(var(--xl) + 11.5em)}#details .details .meta{border-radius:var(--large-border-radius)}#details .details .meta:not(.read-only):not(.warning){background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5)}#details .details .meta:not(.read-only):not(.warning):focus{box-shadow:var(--focus-ring)}#details .details .meta.read-only{background-color:transparent!important;color:var(--medium-text-color)}#details .details .meta>.data:first-child,#details .details .meta>.field:first-child{border-top-right-radius:var(--large-border-radius)}#details .details .meta>.data:first-child,#details .details .meta>.data:first-child>.status-badge,#details .details .meta>.field:first-child,#details .details .meta>.field:first-child>.status-badge{border-top-left-radius:var(--large-border-radius)}#details .details .meta>.data:last-child,#details .details .meta>.field:last-child{border-bottom-right-radius:var(--large-border-radius)}#details .details .meta>.data:last-child,#details .details .meta>.data:last-child>.status-badge,#details .details .meta>.field:last-child,#details .details .meta>.field:last-child>.status-badge{border-bottom-left-radius:var(--large-border-radius)}#details .details>.field>.input>.text.fullwidth{background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5)}#details .details>.field>.input>.text.fullwidth:focus{box-shadow:var(--focus-ring)}#details .details .notes{border-radius:var(--large-border-radius);padding-bottom:var(--m);padding-top:var(--m)}@media only screen and (max-width:1199px){#global-container{width:calc(100vw + 226px)}body.ltr #global-container{left:-226px}body.rtl #global-container{right:-226px}body.ltr.showing-nav #global-container{left:0}body.rtl.showing-nav #global-container{right:0}#crumbs{display:-webkit-flex!important;display:flex!important}#header,#main-content{width:100vw}}@media only screen and (max-width:973px){#header{display:block}#header .flex:not(#toolbar){margin-top:10px}#toolbar{-webkit-flex-wrap:wrap!important;flex-wrap:wrap!important}#toolbar>*{margin-top:10px!important}body.fixed-header #header .flex:first-child{margin-top:0}#main-content{display:block}#sidebar-toggle-container{display:block;margin-bottom:var(--m)}#sidebar-toggle:after{top:0;-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.rtl #sidebar-toggle:after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}body.showing-sidebar #sidebar-toggle{background-color:#acbed2!important}body.showing-sidebar #sidebar-toggle:after{-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#content-container{min-height:0!important}#details-container,#sidebar-container{width:auto!important}#details,#sidebar{max-height:none!important;overflow-y:visible!important;position:static!important;width:auto}#sidebar{margin-bottom:var(--m)}body:not(.showing-sidebar) #sidebar{display:none}body.ltr #details-container{margin-right:0}body.rtl #details-container{margin-left:0}#content-container{max-width:none!important;width:auto!important}#details{margin-top:var(--m);padding:0!important}#details .details{margin-bottom:auto}}@media only screen and (max-width:767px){:root{--padding:var(--s);--neg-padding:calc(var(--s)*-1)}#tabs ul li a{padding-left:var(--m);padding-right:var(--m)}body.ltr #tabs ul li+li{margin-left:-7px}body.rtl #tabs ul li+li{margin-right:-7px}.card-grid{display:-webkit-flex!important;display:flex!important;-webkit-flex-direction:column;flex-direction:column}}body.ltr #settingsmenu ul li a{padding-left:46px}body.rtl #settingsmenu ul li a{padding-right:46px}#settingsmenu ul li a:before{font-size:15px}body.ltr #settingsmenu ul li a:before{margin:1px 0 0 -22px}body.rtl #settingsmenu ul li a:before{margin:1px -22px 0 0}#settingsmenu ul li a img{height:16px;margin-left:-23px;margin-top:1px;position:absolute;width:16px}.grid{min-height:1px;position:relative}.grid:after{clear:both;content:"";display:block;height:0;visibility:hidden}.grid>.item{display:none}.grid>.item,.sidebar{box-sizing:border-box}.sidebar{font-size:13px;width:226px}.sidebar:not(.drag-helper){background-color:var(--gray-050);padding:var(--m) 0}.sidebar .heading{margin:0 var(--xl);position:relative}.sidebar .heading:not(:first-child){margin-top:var(--m)}.sidebar .heading>span{color:var(--medium-text-color);display:inline-block;font-size:11px;font-weight:700;margin:0 -5px;padding:0 5px;position:relative;text-transform:uppercase;z-index:1}.sidebar .heading>ul{margin:2px calc(var(--xl)*-1)}.sidebar nav{padding:0 var(--s)}body.ltr .sidebar nav>ul>li.heading>ul>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>a{padding-left:24px}body.rtl .sidebar nav>ul>li.heading>ul>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>a{padding-right:24px}body.ltr .sidebar nav>ul>li.heading>ul>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>.toggle{left:calc(var(--m)*0)}body.rtl .sidebar nav>ul>li.heading>ul>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>.toggle{right:calc(var(--m)*0)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>a{padding-left:38px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>a{padding-right:38px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle{left:calc(var(--m)*1)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle{right:calc(var(--m)*1)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a{padding-left:52px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a{padding-right:52px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*2)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*2)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:66px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:66px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*3)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*3)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:80px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:80px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*4)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*4)}.sidebar nav li{position:relative}.sidebar nav li:not(.has-subnav)>a:not(.sel):hover{background-color:var(--gray-100);text-decoration:none}.sidebar nav li:not(.has-subnav)>a.active-drop-target,.sidebar nav li:not(.has-subnav)>a.sel{background-color:var(--gray-500)!important;cursor:default}.sidebar nav li:not(.has-subnav)>a.active-drop-target,.sidebar nav li:not(.has-subnav)>a.active-drop-target+.toggle,.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.sel+.toggle{color:var(--white)}.sidebar nav li:not(.has-subnav)>a.sel{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.sidebar nav li a{-webkit-align-items:center;align-items:center;border-radius:var(--large-border-radius);box-sizing:border-box;color:var(--text-color);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;margin-bottom:1px;min-height:var(--xl);padding:7px var(--xl);position:relative;-webkit-user-select:none;user-select:none;word-break:break-word}.sidebar nav li a .icon,.sidebar nav li a .status{-webkit-flex-shrink:1;flex-shrink:1}.sidebar nav li a .icon{height:1.125rem;opacity:.85;-o-transition:margin-left .15s linear,margin-right .15s linear;transition:margin-left .15s linear,margin-right .15s linear;width:1.125rem;word-break:normal}body.ltr .sidebar nav li a .icon{margin-right:10px}body.rtl .sidebar nav li a .icon{margin-left:10px}.sidebar nav li a .icon.icon-mask svg circle,.sidebar nav li a .icon.icon-mask svg ellipse,.sidebar nav li a .icon.icon-mask svg line,.sidebar nav li a .icon.icon-mask svg path,.sidebar nav li a .icon.icon-mask svg polygon,.sidebar nav li a .icon.icon-mask svg polyline,.sidebar nav li a .icon.icon-mask svg rect,.sidebar nav li a .icon.icon-mask svg text{fill:currentColor;stroke-width:0}.sidebar nav li a .icon.icon-mask span[data-icon]{color:currentColor}.sidebar nav li a .icon svg{height:16px;width:16px}.sidebar nav li a .icon span[data-icon]{font-size:16px}.sidebar nav li a .icon span[data-icon]:before{display:block}.sidebar nav li a .label{-webkit-flex:1;flex:1}.sidebar nav li a .badge{background-color:var(--medium-text-color);border-radius:var(--s);color:var(--white);-webkit-flex-shrink:1;flex-shrink:1;font-size:11px;line-height:16px;padding:0 6px}body.ltr .sidebar nav li a .badge{margin:0 -4px 0 10px}body.rtl .sidebar nav li a .badge{margin:0 10px 0 -4px}.sidebar nav li .toggle{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;height:34px;-webkit-justify-content:center;justify-content:center;position:absolute;top:0;width:var(--xl);z-index:1}.sidebar nav li ul{display:none}.sidebar nav li.expanded>ul,.sidebar nav li.heading>ul{display:block}.error-summary{background-color:var(--gray-050);border-radius:var(--large-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);box-sizing:border-box;margin-bottom:var(--l);padding:var(--l) var(--xl) var(--xl)}.error-summary .notification-icon{color:var(--error-color);float:left;margin:-2px 6px 0 0}.error-summary h2{margin-top:var(--xs)}.error-summary>ul.errors li,.error-summary>ul.errors li a{color:var(--text-color)}.error-summary>ul.errors li a em,.error-summary>ul.errors li em{font-weight:600}.error-summary>ul.errors li a:hover,.error-summary>ul.errors li:hover{color:var(--link-color)}body.ltr .content.has-sidebar:not(.hiding-sidebar){margin-left:226px}body.rtl .content.has-sidebar:not(.hiding-sidebar){margin-right:226px}#content-notice{margin:0 calc(var(--xl)*-1);padding:0 var(--xl)}#content-notice:not(:last-child){border-bottom:1px solid var(--hairline-color);margin-bottom:var(--s);padding-bottom:var(--s)}#content :not(.meta)>.flex-fields,#content>.flex-fields,.draghelper .flex-fields,.so-content .flex-fields{--row-gap:var(--xl);-webkit-align-content:flex-start;align-content:flex-start;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:0 calc(var(--row-gap)*-1) calc(var(--row-gap)*-1);width:calc(100% + var(--row-gap)*2)}#content :not(.meta)>.flex-fields>*,#content>.flex-fields>*,.draghelper .flex-fields>*,.so-content .flex-fields>*{box-sizing:border-box;margin:0 0 var(--row-gap)!important;padding:0 var(--row-gap)}#content :not(.meta)>.flex-fields>h2,#content>.flex-fields>h2,.draghelper .flex-fields>h2,.so-content .flex-fields>h2{-webkit-flex:4 0 100%;flex:4 0 100%}#content :not(.meta)>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),#content>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.draghelper .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.so-content .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))){border-top:1px solid var(--hairline-color);padding-top:var(--xl)}#content :not(.meta)>.flex-fields>.line-break,#content :not(.meta)>.flex-fields>hr,#content>.flex-fields>.line-break,#content>.flex-fields>hr,.draghelper .flex-fields>.line-break,.draghelper .flex-fields>hr,.so-content .flex-fields>.line-break,.so-content .flex-fields>hr{-webkit-flex:4 0 100%;flex:4 0 100%}#content :not(.meta)>.flex-fields>.line-break:not(:first-child),#content>.flex-fields>.line-break:not(:first-child),.draghelper .flex-fields>.line-break:not(:first-child),.so-content .flex-fields>.line-break:not(:first-child){margin-bottom:0!important}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break),#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child,#content>.flex-fields>:not(h2):not(hr):not(.line-break),#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break),.draghelper .flex-fields>:not(h2):not(hr):not(.line-break):last-child,.so-content .flex-fields>:not(h2):not(hr):not(.line-break),.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child{position:relative;width:100%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,#content>.flex-fields>:not(h2):not(hr):not(.line-break):before,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{background-color:rgba(205,216,228,.5);content:"";height:100%;position:absolute;top:0;width:1px}body.ltr #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.ltr #content>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr #content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.ltr .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.ltr .so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr .so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{left:-1px}body.rtl #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.rtl #content>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl #content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.rtl .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.rtl .so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl .so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{right:-1px}@media only screen and (min-width:1536px){#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25{width:25%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-75,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-75,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-75,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-75,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-75,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-75{width:75%}}@media only screen and (min-width:600px)and (max-width:1535px){#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}@media only screen and (min-width:1200px){.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,.so-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.so-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}.lp-editor-container,.lp-preview-container{background-color:var(--white);height:100%;position:fixed;top:0;z-index:100}.lp-editor-container>header,.lp-preview-container>header{background-color:var(--gray-100);box-shadow:0 1px 0 rgba(63,77,90,.2);box-sizing:border-box;padding:8px 24px;position:relative;z-index:1}@supports((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.lp-editor-container>header,.lp-preview-container>header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(228,237,246,.75);left:0;position:absolute;top:0;width:100%;z-index:2}.lp-editor-container>header+.lp-editor,.lp-preview-container>header+.lp-editor{padding-top:78px}}.lp-editor-container>header .btn,.lp-editor-container>header .checkmark-icon,.lp-editor-container>header .spinner,.lp-preview-container>header .btn,.lp-preview-container>header .checkmark-icon,.lp-preview-container>header .spinner{margin-bottom:0}.lp-editor-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.lp-editor-container .lp-editor{box-sizing:border-box;-webkit-flex:1;flex:1;overflow:auto;padding:24px}.lp-editor-container .lp-editor>.field:last-child{margin-bottom:24px!important}body.ltr .lp-editor-container .lp-editor>.field>.status-badge{left:-24px}body.rtl .lp-editor-container .lp-editor>.field>.status-badge{right:-24px}body.ltr .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{left:calc(var(--m)*-1)}body.rtl .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{right:calc(var(--m)*-1)}.lp-editor-container .lp-draghandle{cursor:col-resize;height:100%;position:absolute;top:0;width:4px;z-index:101}body.ltr .lp-editor-container .lp-draghandle{right:-2px}body.rtl .lp-editor-container .lp-draghandle{left:-2px}.lp-preview-container{box-shadow:-1px 0 0 rgba(63,77,90,.2);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.lp-preview-container.dragging:after{content:"";font-size:0;height:100%;left:0;position:absolute;top:0;width:100%}.lp-preview-container .lp-preview-header{display:-webkit-flex;display:flex}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.lp-preview-container .lp-preview-header{background-color:rgba(228,237,246,.75)}}.lp-preview-container .lp-preview-header .buttons{margin:0}body.ltr .lp-preview-container .lp-preview-header .buttons .btn+.btn{margin-left:7px}body.rtl .lp-preview-container .lp-preview-header .buttons .btn+.btn{margin-right:7px}.lp-preview-container .lp-preview-header+.lp-iframe-container{padding-top:0}@supports((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.lp-preview-container .lp-preview-header+.lp-iframe-container{padding-top:50px}}.lp-preview-container .lp-preview-header .lp-device-type .btn:before{background-position:50%;background-repeat:no-repeat;-o-background-size:contain;background-size:contain;content:"";display:block;height:22px;-o-transition-duration:.3s;transition-duration:.3s;width:27px}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--phone:before{background-image:url(../images/preview/icon-phone.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--tablet:before{background-image:url(../images/preview/icon-tablet.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--desktop:before{background-image:url(../images/preview/icon-desktop.svg)}.lp-preview-container .lp-device-type__label:before{background-position:50%;background-repeat:no-repeat;-o-background-size:contain;background-size:contain;content:"";display:block;height:22px;-o-transition-duration:.3s;transition-duration:.3s;width:27px}.lp-preview-container .lp-device-type__label.lp-device-type__label--phone:before{background-image:url(../images/preview/icon-phone.svg)}.lp-preview-container .lp-device-type__label.lp-device-type__label--tablet:before{background-image:url(../images/preview/icon-tablet.svg)}.lp-preview-container .lp-device-type__label.lp-device-type__label--desktop:before{background-image:url(../images/preview/icon-desktop.svg)}.lp-preview-container .lp-preview-container__bumper-link{bottom:0;top:unset}.lp-preview-container .lp-device-mask{display:none}.lp-preview-container .lp-iframe-container{-webkit-flex:1;flex:1;overflow:auto}.lp-preview-container .lp-iframe-container .lp-preview{display:block;min-height:100%;width:100%}.lp-preview-container .lp-iframe-container:not(.lp-iframe-container--has-device-preview) .lp-device-preview-container{height:100%!important;margin:0!important;-webkit-transform:none!important;-o-transform:none!important;transform:none!important;width:auto!important}.lp-preview-container .lp-iframe-container--has-device-preview{background-color:var(--gray-100);-webkit-flex:none;flex:none;height:calc(100% - 50px);padding-top:0!important;position:relative;top:0;width:100%}@supports((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.lp-preview-container .lp-iframe-container--has-device-preview{top:50px}}.lp-preview-container .lp-iframe-container--has-device-preview .lp-device-preview-container{left:50%;opacity:1;overflow:auto;position:absolute;top:50%;-o-transition:opacity .3s;transition:opacity .3s;z-index:2}.lp-preview-container .lp-iframe-container--has-device-preview .lp-device-mask{background-color:#fff;background-image:url(../images/preview/chrome-phone-top.svg),url(../images/preview/chrome-phone-bottom.svg);background-position:top,bottom;background-repeat:no-repeat;-o-background-size:contain;background-size:contain;border-radius:18px;box-shadow:0 0 58px rgba(6,67,117,.3);display:block;left:50%;position:absolute;top:50%;z-index:1}.lp-preview-container .lp-iframe-container--has-device-preview.lp-iframe-container--tablet .lp-device-mask{background-image:url(../images/preview/chrome-tablet-top.svg),url(../images/preview/chrome-tablet-bottom.svg)}@media screen and (prefers-reduced-motion:no-preference){.lp-preview-container .lp-iframe-container--rotating .lp-device-mask{-o-transition-duration:.3s;transition-duration:.3s;transition-property:-webkit-transform;-o-transition-property:-o-transform;transition-property:transform;transition-property:transform,-webkit-transform,-o-transform}.lp-preview-container .lp-iframe-container--rotating .lp-device-preview-container{opacity:0;-o-transition:opacity 0s;transition:opacity 0s}}.layoutdesigner{-webkit-align-items:stretch;align-items:stretch;background-clip:padding-box;background-color:#fbfcfe;border:1px solid rgba(96,125,159,.25);border-radius:3px;box-shadow:none;display:-webkit-flex;display:flex;min-height:500px;overflow:hidden;position:relative}body.ltr .layoutdesigner{padding-right:241px}body.rtl .layoutdesigner{padding-left:241px}.errors>.layoutdesigner{border:1px solid var(--error-color)!important}.layoutdesigner .fld-workspace{background-color:var(--gray-050);background-image:-o-linear-gradient(left,#ecf2f9 1px,transparent 0),-o-linear-gradient(top,#ecf2f9 1px,transparent 1px);background-image:linear-gradient(90deg,#ecf2f9 1px,transparent 0),linear-gradient(180deg,#ecf2f9 1px,transparent 0);background-position:-1px -1px;-o-background-size:24px 24px;background-size:24px 24px;box-shadow:inset 0 1px 3px -1px #acbed2;-webkit-flex:1;flex:1}body.ltr .layoutdesigner .fld-workspace{border-radius:var(--small-border-radius) 0 0 var(--small-border-radius)}body.rtl .layoutdesigner .fld-workspace{border-radius:0 var(--small-border-radius) var(--small-border-radius) 0}body.ltr .layoutdesigner .fld-workspace{padding:24px 0 24px 24px}body.rtl .layoutdesigner .fld-workspace{padding:24px 24px 24px 0}.layoutdesigner .fld-workspace .fld-tabs{-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.layoutdesigner .fld-sidebar{box-sizing:border-box;height:100%;overflow:auto;padding:14px;position:absolute;top:0;width:241px}body.ltr .layoutdesigner .fld-sidebar{right:0}body.rtl .layoutdesigner .fld-sidebar{left:0}.layoutdesigner .fld-sidebar .btngroup{margin-bottom:14px}.layoutdesigner .fld-sidebar .fld-field-library .fld-field-group{margin-top:14px}.layoutdesigner .fld-sidebar .fld-field-library .fld-field-group h6{margin-bottom:7px}.layoutdesigner .fld-sidebar .filtered{display:none}.layoutdesigner .fld-new-tab-btn:active{background-color:var(--gray-050)}.fld-new-tab-btn,.fld-new-tab-btn:hover,.fld-sidebar,.fld-tab .fld-tabcontent,.fld-tab .tabs .tab{background-color:var(--white);box-shadow:0 0 0 1px rgba(31,41,51,.1),0 2px 5px -2px rgba(31,41,51,.2)}body.ltr .fld-element .settings,body.ltr .fld-element .slide-picker,body.ltr .fld-tab .settings{margin-left:7px}body.rtl .fld-element .settings,body.rtl .fld-element .slide-picker,body.rtl .fld-tab .settings{margin-right:7px}.fld-element .settings:before,.fld-tab .settings:before{font-size:16px;margin-top:-2px;opacity:.5}.fld-element .settings.active:before,.fld-element .settings:hover:before,.fld-tab .settings.active:before,.fld-tab .settings:hover:before{opacity:1}.fld-tab{box-sizing:border-box;width:264px}body.ltr .fld-tab{padding:0 25px 24px 0}body.rtl .fld-tab{padding:0 0 24px 25px}.fld-tab .tabs{display:-webkit-flex;display:flex;margin:-10px -12px 0;overflow:hidden;padding:10px 12px 0}.fld-tab .tabs .tab{border-radius:var(--medium-border-radius) var(--medium-border-radius) 0 0;box-sizing:border-box;display:-webkit-flex;display:flex;max-width:calc(100% - 10px);padding:8px 14px}body:not(.dragging) .fld-tab .tabs .tab.draggable{cursor:move;cursor:-webkit-grab;cursor:grab}.fld-tab .tabs .tab span{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.fld-tab .fld-tabcontent{padding:14px}body.ltr .fld-tab .fld-tabcontent{border-radius:0 var(--medium-border-radius) var(--medium-border-radius) var(--medium-border-radius)}body.rtl .fld-tab .fld-tabcontent{border-radius:var(--medium-border-radius) 0 var(--medium-border-radius) var(--medium-border-radius)}.fld-tab.fld-insertion .fld-tabcontent,.fld-tab.fld-insertion .tabs .tab{background-color:var(--gray-050);background-image:-o-linear-gradient(left,#ecf2f9 1px,transparent 0),-o-linear-gradient(top,#ecf2f9 1px,transparent 1px);background-image:linear-gradient(90deg,#ecf2f9 1px,transparent 0),linear-gradient(180deg,#ecf2f9 1px,transparent 0);-o-background-size:24px 24px;background-size:24px 24px;border:2px dashed var(--hairline-color);box-shadow:none;margin:-2px}.fld-tab.fld-insertion .tabs .tab{background-position:-1px -1px}.fld-tab.fld-insertion .fld-tabcontent{background-position:-1px -13px}.fld-tab-caboose{min-height:24px}.fld-indicator{color:var(--uicontrol-color);display:-webkit-inline-flex;display:inline-flex;font-size:11px}body.ltr .fld-indicator{margin-left:4px}body.rtl .fld-indicator{margin-right:4px}body.ltr .fld-indicator+.fld-indicator{margin-left:2px}body.rtl .fld-indicator+.fld-indicator{margin-right:2px}.fld-element{-webkit-align-items:center;align-items:center;background-color:var(--white);border-radius:var(--medium-border-radius);box-shadow:inset 0 0 0 1px var(--hairline-color);display:-webkit-flex;display:flex;padding:7px 10px;position:relative}body:not(.dragging) .fld-element{cursor:move;cursor:-webkit-grab;cursor:grab}.fld-element+.fld-element{margin-top:7px}.fld-element.fld-insertion{background:none;border:2px dashed var(--hairline-color);border-radius:var(--medium-border-radius);box-shadow:none;box-sizing:border-box}.fld-element.draghelper{box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.fld-element.fld-field{background-color:var(--gray-100);color:var(--medium-text-color)}.fld-element.fld-field:not(.draghelper){box-shadow:none}.fld-element.fld-field .fld-field-hidden:not(.hidden){margin-top:-3px}body.ltr .fld-element.fld-field .fld-field-hidden:not(.hidden){margin-right:5px}body.rtl .fld-element.fld-field .fld-field-hidden:not(.hidden){margin-left:5px}.fld-element.fld-field .fld-field-hidden:not(.hidden):before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"shuteye";direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.fld-element.fld-field .field-name .fld-element-label{margin-bottom:2px}.fld-element .fld-element-icon{text-align:center}body.ltr .fld-element .fld-element-icon{margin-right:5px}body.rtl .fld-element .fld-element-icon{margin-left:5px}.fld-element .fld-element-icon,.fld-element .fld-element-icon svg{height:16px;width:16px}.fld-element .fld-element-icon svg circle,.fld-element .fld-element-icon svg ellipse,.fld-element .fld-element-icon svg line,.fld-element .fld-element-icon svg path,.fld-element .fld-element-icon svg polygon,.fld-element .fld-element-icon svg polyline,.fld-element .fld-element-icon svg rect,.fld-element .fld-element-icon svg text{fill:var(--ui-control-color);stroke-width:0}.fld-element .field-name{-webkit-flex:1;flex:1;overflow:hidden}.fld-element .field-name .fld-attribute,.fld-element .field-name .fld-element-label{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex:1;flex:1}.fld-element .field-name .fld-attribute .smalltext,.fld-element .field-name .fld-element-label h4{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.fld-element .field-name .fld-element-label h4{color:var(--text-color);font-weight:400;margin:0}.fld-br,.fld-hr{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:9px 10px}.fld-br:before,.fld-hr:before{border-radius:2px;content:"";display:block;font-size:0;height:4px;left:10px;position:absolute;top:calc(50% - 2px);width:calc(100% - 20px)}.fld-br .smalltext,.fld-hr .smalltext{background-color:var(--gray-100);border-radius:8px;padding:1px 7px;position:relative}.fld-hr:before{background-color:var(--gray-100)}.fld-br:before{background-image:-o-repeating-linear-gradient(left,var(--gray-100),var(--gray-100) 5.2631578947%,transparent 5.2631578947%,transparent 10.5263157895%,var(--gray-100) 10.5263157895%);background-image:repeating-linear-gradient(to right,var(--gray-100),var(--gray-100) 5.2631578947%,transparent 5.2631578947%,transparent 10.5263157895%,var(--gray-100) 10.5263157895%)}.fld-element-settings-body{-webkit-flex:1;flex:1;margin:-24px var(--neg-padding) 0;overflow:hidden auto;padding:24px var(--padding);position:relative}.fld-element-settings-footer{background:#fff;background-color:var(--gray-050);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;margin:0 var(--neg-padding) -24px;padding:var(--padding);position:relative;z-index:3}.fld-element-settings-footer:focus{box-shadow:var(--focus-ring)}.fld-element-settings-footer>.ee-site-select{-webkit-flex:1;flex:1}body.ltr .fld-element-settings-footer>.btn{margin-left:5px}body.rtl .fld-element-settings-footer>.btn{margin-right:5px}body.ltr .fld-element-settings-footer>.spinner{margin:0 var(--neg-padding) 0 0}body.rtl .fld-element-settings-footer>.spinner{margin:0 0 0 var(--neg-padding)}html.noscroll,html.noscroll body{height:100%;overflow:hidden}.modal.imageeditor{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;--focus-ring:0 0 0 1px hsl(var(--light-focus-hsl)),0 0 0 3px hsla(var(--light-focus-hsl),0.7);background-color:var(--gray-900);color:var(--white);font-weight:500;opacity:0;-webkit-user-select:none;user-select:none}.modal.imageeditor.modal{border-radius:0}.modal.imageeditor.modal .body:after{display:none}.modal.imageeditor .btn:not(.submit):not(.noborder){background-color:var(--gray-600);color:var(--white)}.modal.imageeditor .btn:not(.submit):not(.noborder):hover{background-color:var(--gray-700)}.modal.imageeditor .btn:not(.submit):not(.noborder).active{background-color:var(--gray-800)}.modal.imageeditor .icon:before{content:"";display:inline-block;height:24px;margin-left:-3px;margin-top:-4px;width:24px}.modal.imageeditor .icon.rotate-left:before{background-image:url(../images/image-editor/rotate-left.svg)}.modal.imageeditor .icon.rotate-right:before{background-image:url(../images/image-editor/rotate-right.svg)}.modal.imageeditor .icon.flip-vertical:before{background-image:url(../images/image-editor/flip-vertical.svg)}.modal.imageeditor .icon.flip-horizontal:before{background-image:url(../images/image-editor/flip-horizontal.svg)}.modal.imageeditor .icon.constraint:before{background-image:url(../images/image-editor/unconstrained.svg)}.modal.imageeditor .icon.focal-point:before{background-image:url(../images/image-editor/focal-point.svg)}.modal.imageeditor .body{display:-webkit-flex;display:flex;padding:0}.modal.imageeditor input{color:var(--text-color)}.modal.imageeditor .body .tabs{border-right:1px solid var(--gray-1000)}.modal.imageeditor .body .tabs ul{-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:column;flex-direction:column;width:100px}.modal.imageeditor .body .tabs ul li{border-bottom:1px solid var(--gray-1000);cursor:pointer;padding:14px;position:relative;text-align:center}.modal.imageeditor .body .tabs ul li:before{background-color:currentColor;content:"";height:100%;position:absolute;top:0;width:0}body.ltr .modal.imageeditor .body .tabs ul li:before{left:0}body.rtl .modal.imageeditor .body .tabs ul li:before{right:0}.modal.imageeditor .body .tabs ul li.selected{background-color:#151c23}.modal.imageeditor .body .tabs ul li.selected:before{width:2px}.modal.imageeditor .body .tabs ul li i{background-position:top;background-repeat:no-repeat;display:block;height:24px}.modal.imageeditor .body .tabs ul li[data-view=rotate] i{background-image:url(../images/image-editor/rotate-left.svg)}.modal.imageeditor .body .tabs ul li[data-view=crop] i{background-image:url(../images/image-editor/crop.svg)}.modal.imageeditor .body .tabs ul li[data-view=filters] i{background-image:url(../images/image-editor/filters.svg)}.modal.imageeditor .body .tabs ul li:hover{background-color:#1b242c;cursor:pointer}.modal.imageeditor .body .views{overflow:auto;padding:24px}.modal.imageeditor .body .views .btngroup{margin-bottom:24px}.modal.imageeditor .body .views .filters ul{width:100px}.modal.imageeditor .body .views .filters ul li{margin-bottom:14px;margin-right:14px;text-align:center}.modal.imageeditor .body .views .filters ul li:last-child{margin-right:0}.modal.imageeditor .body .views .filters ul li img{border:3px solid transparent;border-radius:4px}.modal.imageeditor .body .views .filters ul li span{display:block}.modal.imageeditor .body .views .filters ul li:hover{cursor:pointer}.modal.imageeditor .body .views .filters ul li.selected img{border-color:var(--white)}.modal.imageeditor .body .image-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-grow:1;flex-grow:1;overflow:hidden;position:relative}.modal.imageeditor .body .image-container .image{-webkit-flex-grow:1;flex-grow:1;margin:14px;position:relative;text-align:center}.modal.imageeditor .body .image-container .image canvas{left:0;position:absolute;top:0}.modal.imageeditor .body .image-container .image-tools{text-align:center}.modal.imageeditor .body .image-container .image-tools .straightening{display:block;margin:0 auto;max-width:400px;min-height:3.75rem;overflow:hidden}.modal.imageeditor .footer{background-color:transparent;border-top:1px solid #000;bottom:0;left:0;position:absolute;width:100%}body.has-debug-toolbar .modal.imageeditor .footer{padding-bottom:50px}.modal.imageeditor .body .views .crop fieldset .heading{display:none}.modal.imageeditor .body .views .crop .custom-constraint-spacer{padding:0 var(--xs)}.modal.imageeditor .body .views .crop .constraint-group{grid-gap:var(--xs);display:grid}body.ltr .modal.imageeditor .body .views .crop .custom{padding-left:21px}body.rtl .modal.imageeditor .body .views .crop .custom{padding-right:21px}.modal.imageeditor .body .views .crop .orientation{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.modal.imageeditor .body .views .crop .orientation input{-webkit-appearance:none;appearance:none;background-position:50%;background-repeat:no-repeat;cursor:pointer;margin:0 4px}.modal.imageeditor .body .views .crop .orientation input[value=landscape]{background-image:url(../images/image-editor/orientation-landscape-unchecked.svg);height:20px;width:30px}.modal.imageeditor .body .views .crop .orientation input[value=landscape]:checked{background-image:url(../images/image-editor/orientation-landscape-checked.svg)}.modal.imageeditor .body .views .crop .orientation input[value=portrait]{background-image:url(../images/image-editor/orientation-portrait-unchecked.svg);height:30px;width:20px}.modal.imageeditor .body .views .crop .orientation input[value=portrait]:checked{background-image:url(../images/image-editor/orientation-portrait-checked.svg)}.modal.imageeditor.vertical .body .views .crop>.btngroup:first-child{-webkit-justify-content:center;justify-content:center}.modal.imageeditor:not(.vertical) .body .views .crop .constraint.custom{margin-top:var(--xs)}.vertical.imageeditor .body{-webkit-flex-direction:column;flex-direction:column}.vertical.imageeditor .body .image-container{-webkit-flex-basis:30vh;flex-basis:30vh;-webkit-flex-shrink:0;flex-shrink:0}.vertical.imageeditor .body .constraint-group{grid-template-columns:1fr 1fr}.vertical.imageeditor .body .tabs ul{border-bottom:1px solid #000;border-top:1px solid #000;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;width:100%}.vertical.imageeditor .body .tabs ul li{border:0;border-right:1px solid #000;-webkit-flex-grow:1;flex-grow:1;padding:10px 7px}.vertical.imageeditor .body .tabs ul li:before{height:0;top:unset;top:0;width:100%}.vertical.imageeditor .body .tabs ul li.selected:before{height:2px;width:100%}.vertical.imageeditor .body .views{width:auto}.vertical.imageeditor .body .views .rotate{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;margin-bottom:-14px}.vertical.imageeditor .body .views .rotate .btngroup{margin:0 7px 14px}.vertical.imageeditor .body .views .filters ul{height:109px;margin:0 -24px -24px;overflow:auto;padding:24px;text-align:center;white-space:nowrap;width:auto}.vertical.imageeditor .body .views .filters ul li{display:inline-block;margin-bottom:0}.slide-rule{padding:10px 0;position:relative}.slide-rule:focus{box-shadow:none}body.reduce-focus-visibility .slide-rule:focus-visible .cursor:after,body:not(.reduce-focus-visibility) .slide-rule:focus .cursor:after{box-shadow:var(--focus-ring)}.slide-rule .cursor:after{content:"";height:3.125rem;left:50%;position:absolute;top:-15px;-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:1.25rem}.slide-rule .cursor{border-left:.3125rem solid transparent;border-right:.3125rem solid transparent;border-top:.3125rem solid #63a6e1;height:0;left:50%;margin-left:-.25rem;margin-top:4px;position:absolute;width:0;z-index:1}.slide-rule .graduations{height:40px;position:relative;white-space:nowrap}.slide-rule .graduations ul{float:left;position:relative}.slide-rule .graduations ul li{display:inline-block;font-size:8px;position:relative;width:10px}.slide-rule .graduations ul li:not(.main-graduation){left:1px}.slide-rule .graduations ul li.main-graduation:before{border-left-width:3px}.slide-rule .graduations ul li.main-graduation .label{cursor:default;display:block}.slide-rule .graduations ul li.selected:before{border-left-color:#63a6e1}.slide-rule .graduations ul li:before{border-left:1px solid var(--white);content:"";height:10px;left:0;position:absolute;top:0}.slide-rule .graduations ul li .label{display:none;left:-9px;position:absolute;text-align:center;top:10px;width:20px}.slide-rule .value{background:var(--gray-600);bottom:0;box-sizing:border-box;display:none;left:50%;margin-left:-25px;padding:5px;position:absolute;width:50px;z-index:1}.slide-rule .overlay{background-image:-o-linear-gradient(left,var(--gray-900) 0,rgba(31,41,51,0) 15%,rgba(31,41,51,0) 85%,var(--gray-900) 100%);background-image:linear-gradient(to right,var(--gray-900) 0,rgba(31,41,51,0) 15%,rgba(31,41,51,0) 85%,var(--gray-900) 100%);bottom:1px;left:0;position:absolute;right:0;top:0;z-index:2}.menu.dark{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:var(--gray-600);font-weight:500}.menu.dark ul li a{color:var(--white)!important}.menu.dark ul li a:not(.sel):not(.disabled):hover{background-color:var(--gray-700)}.elements .tableview td.checkbox-cell div.checkbox,.elements .tableview td.checkbox-cell input.checkbox+label,_:-ms-lang(x){top:16px}_:-ms-lang(x),div:empty.checkbox,input.checkbox+label:empty{display:block}.yii-debug-toolbar__title a{display:block!important}.cp-chart{height:100%;margin:0;position:relative}.cp-chart svg{height:100%;width:100%}.cp-chart .axis line,.cp-chart .axis path{fill:none;stroke:var(--hairline-color);shape-rendering:crispEdges}.cp-chart .ticks-axis line,.cp-chart .ticks-axis path{fill:none;stroke:none;shape-rendering:crispEdges}.cp-chart .ticks-axis g.tick text{fill:var(--black);font-size:11px}.cp-chart .axis text{fill:rgba(0,0,0,.6)}.cp-chart .grid-line .tick,.cp-chart .grid-line .tick line{stroke:rgba(0,0,0,.08);stroke-opacity:.7;shape-rendering:crispEdges}.cp-chart .grid-line path{stroke-width:0}.tooltip{background:hsla(0,0%,100%,.9);border-radius:3px;box-shadow:0 1px 5px -1px rgba(31,41,51,.2);padding:7px 10px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;z-index:1000000} +:root{--white:#fff;--black:#000;--gray-050-hsl:212,60%,97%;--gray-100-hsl:212,50%,93%;--gray-200-hsl:212,30%,85%;--gray-300-hsl:211,13%,65%;--gray-350-hsl:211,11%,59%;--gray-400-hsl:210,10%,53%;--gray-500-hsl:211,12%,43%;--gray-550-hsl:210,13%,40%;--gray-600-hsl:209,14%,37%;--gray-700-hsl:209,18%,30%;--gray-800-hsl:209,20%,25%;--gray-900-hsl:210,24%,16%;--gray-1000-hsl:210,24%,10%;--gray-050:hsl(var(--gray-050-hsl));--gray-100:hsl(var(--gray-100-hsl));--gray-200:hsl(var(--gray-200-hsl));--gray-300:hsl(var(--gray-300-hsl));--gray-350:hsl(var(--gray-350-hsl));--gray-400:hsl(var(--gray-400-hsl));--gray-500:hsl(var(--gray-500-hsl));--gray-550:hsl(var(--gray-550-hsl));--gray-600:hsl(var(--gray-600-hsl));--gray-700:hsl(var(--gray-700-hsl));--gray-800:hsl(var(--gray-800-hsl));--gray-900:hsl(var(--gray-900-hsl));--gray-1000:hsl(var(--gray-1000-hsl));--red-050:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-300:#fca5a5;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--red-900:#7f1d1d;--red-950:#450a0a;--orange-050:#fff7ed;--orange-100:#ffedd5;--orange-200:#fed7aa;--orange-300:#fdba74;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--orange-800:#9a3412;--orange-900:#7c2d12;--orange-950:#431407;--amber-050:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-300:#fcd34d;--amber-400:#fbbf24;--amber-500:#f59e0b;--amber-600:#d97706;--amber-700:#b45309;--amber-800:#92400e;--amber-900:#78350f;--amber-950:#451a03;--yellow-050:#fefce8;--yellow-100:#fef9c3;--yellow-200:#fef08a;--yellow-300:#fde047;--yellow-400:#facc15;--yellow-500:#eab308;--yellow-600:#ca8a04;--yellow-700:#a16207;--yellow-750:#93580b;--yellow-800:#854d0e;--yellow-900:#713f12;--yellow-950:#422006;--lime-050:#f7fee7;--lime-100:#ecfccb;--lime-200:#d9f99d;--lime-300:#bef264;--lime-400:#a3e635;--lime-500:#84cc16;--lime-600:#65a30d;--lime-700:#4d7c0f;--lime-800:#3f6212;--lime-900:#365314;--lime-950:#1a2e05;--green-050:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;--green-950:#052e16;--emerald-050:#ecfdf5;--emerald-100:#d1fae5;--emerald-200:#a7f3d0;--emerald-300:#6ee7b7;--emerald-400:#34d399;--emerald-500:#10b981;--emerald-600:#059669;--emerald-700:#047857;--emerald-800:#065f46;--emerald-900:#064e3b;--emerald-950:#022c22;--teal-050:#f0fdfa;--teal-100:#ccfbf1;--teal-200:#99f6e4;--teal-300:#5eead4;--teal-400:#2dd4bf;--teal-500:#14b8a6;--teal-550:#11a697;--teal-600:#0d9488;--teal-700:#0f766e;--teal-800:#115e59;--teal-900:#134e4a;--teal-950:#042f2e;--cyan-050:#ecfeff;--cyan-100:#cffafe;--cyan-200:#a5f3fc;--cyan-300:#67e8f9;--cyan-400:#22d3ee;--cyan-500:#06b6d4;--cyan-600:#0891b2;--cyan-700:#0e7490;--cyan-800:#155e75;--cyan-900:#164e63;--cyan-950:#083344;--sky-050:#f0f9ff;--sky-100:#e0f2fe;--sky-200:#bae6fd;--sky-300:#7dd3fc;--sky-400:#38bdf8;--sky-500:#0ea5e9;--sky-600:#0284c7;--sky-700:#0369a1;--sky-800:#075985;--sky-900:#0c4a6e;--sky-950:#082f49;--blue-050:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--blue-950:#172554;--indigo-050:#eef2ff;--indigo-100:#e0e7ff;--indigo-200:#c7d2fe;--indigo-300:#a5b4fc;--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--indigo-800:#3730a3;--indigo-900:#312e81;--indigo-950:#1e1b4b;--violet-050:#f5f3ff;--violet-100:#ede9fe;--violet-200:#ddd6fe;--violet-300:#c4b5fd;--violet-400:#a78bfa;--violet-500:#8b5cf6;--violet-600:#7c3aed;--violet-700:#6d28d9;--violet-800:#5b21b6;--violet-900:#4c1d95;--violet-950:#2e1065;--purple-050:#faf5ff;--purple-100:#f3e8ff;--purple-200:#e9d5ff;--purple-300:#d8b4fe;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7e22ce;--purple-800:#6b21a8;--purple-900:#581c87;--purple-950:#3b0764;--fuchsia-050:#fdf4ff;--fuchsia-100:#fae8ff;--fuchsia-200:#f5d0fe;--fuchsia-300:#f0abfc;--fuchsia-400:#e879f9;--fuchsia-500:#d946ef;--fuchsia-600:#c026d3;--fuchsia-700:#a21caf;--fuchsia-800:#86198f;--fuchsia-900:#701a75;--fuchsia-950:#4a044e;--pink-050:#fdf2f8;--pink-100:#fce7f3;--pink-200:#fbcfe8;--pink-300:#f9a8d4;--pink-400:#f472b6;--pink-500:#ec4899;--pink-600:#db2777;--pink-700:#be185d;--pink-800:#9d174d;--pink-900:#831843;--pink-950:#500724;--rose-050:#fff1f2;--rose-100:#ffe4e6;--rose-200:#fecdd3;--rose-300:#fda4af;--rose-400:#fb7185;--rose-500:#f43f5e;--rose-600:#e11d48;--rose-700:#be123c;--rose-800:#9f1239;--rose-900:#881337;--rose-950:#4c0519}:root{--bg-color:$grey100;--bg-color-hsl:212deg,50%,93%;--primary-color:var(--red-500);--secondary-color:var(--gray-500);--input-color:#607d9f;--text-color:var(--gray-700);--medium-dark-text-color:var(--gray-550);--medium-text-color:var(--gray-550);--light-text-color:var(--gray-500);--link-color:#1f5fea;--font-weight-bold:700;--menu-option-color:var(--text-color);--menu-option-active-color:var(--white);--menu-option-active-background-color:var(--dark-sel-color);--hairline-color:rgba(51,64,77,.1);--medium-hairline-color:rgba(81,95,108,.25);--dark-hairline-color:rgba(123,135,147,.5);--light-focus-color:var(--blue-300);--medium-focus-color:var(--blue-500);--dark-focus-color:#0f74b1;--light-focus-ring:0 0 0 1px #5ed0fa,0 0 0 3px rgba(94,208,250,.7);--medium-focus-ring:0 0 0 1px #2bb0ed,0 0 0 3px rgba(43,176,237,.7);--dark-focus-ring:0 0 0 1px #0f74b1,0 0 0 3px rgba(15,116,177,.7);--light-sel-color:var(--gray-200);--dark-sel-color:var(--gray-500);--error-color:#d81e23;--warning-color:var(--yellow-800);--success-color:var(--teal-700);--notice-color:var(--blue-800);--enabled-color:var(--teal-550);--pending-color:var(--yellow-700);--disabled-color:var(--red-600);--indicator-border-color:var(--yellow-700);--indicator-icon-color:var(--yellow-700);--small-border-radius:3px;--medium-border-radius:4px;--large-border-radius:5px;--menu-border-radius:var(--medium-border-radius);--checkbox-size:16px;--radio-size:16px}@font-face{font-family:Craft;font-style:normal;font-weight:400;src:url(../fonts/Craft.woff) format("woff"),url(../fonts/Craft.ttf) format("truetype"),url(../fonts/Craft.svg#Craft) format("svg")}:root{--ui-control-color:var(--gray-550);--ui-control-hover-color:var(--gray-600);--ui-control-active-color:var(--gray-700);--ui-control-bg-color:rgba(96,125,159,.25);--ui-control-hover-bg-color:rgba(96,125,159,.3);--ui-control-active-bg-color:rgba(96,125,159,.5);--ui-control-border-radius:var(--large-border-radius);--ui-control-height:2.125rem;--icon-opacity:0.8;--light-focus-hsl:211.6981132075deg,96.3636363636%,78.431372549%;--medium-focus-hsl:217.2192513369deg,91.2195121951%,59.8039215686%;--dark-focus-hsl:202.5925925926deg,84.375%,37.6470588235%;--focus-ring:0 0 0 1px hsl(var(--dark-focus-hsl)),0 0 0 3px hsla(var(--dark-focus-hsl),0.8);--inner-focus-ring:inset 0 0 0 1px hsl(var(--dark-focus-hsl)),inset 0 0 0 3px hsla(var(--dark-focus-hsl),0.7);--touch-target-size:24px;--elements-busy-top-position:calc(50% - var(--size, 20px)/2);--lh:1.42em}body,html{background-color:var(--gray-100);box-shadow:var(--light-focus-ring)}body{-webkit-font-smoothing:subpixel-antialiased;color:var(--text-color);font-size:.875rem;line-height:var(--lh);overflow-x:hidden;width:100vw}body.rtl{direction:rtl}body,input,select,textarea{font-family:system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.buttons:first-child,.condition-container:first-child,.field:first-child,.first,.grid:first-child,.pane:first-child,.toolbar:first-child,blockquote:first-child,fieldset:first-child,h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,hr:first-child,p:first-child{margin-top:0!important}.buttons:last-child,.condition-container:last-child,.field:last-child,.grid:last-child,.last,.meta:last-child,.pane:last-child,.toolbar:last-child,blockquote:last-child,fieldset:last-child,h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child{margin-bottom:0!important}.no-scroll{overflow:hidden!important}.draghelper{box-sizing:border-box;list-style-type:none}.offset-drag-helper{-o-transition:margin .2s linear,padding .2s linear;transition:margin .2s linear,padding .2s linear}body.dragging.ltr .offset-drag-helper{margin:-50px 0 0 -50px;padding:60px 0 0 60px}body.dragging.rtl .offset-drag-helper{margin:-50px -50px 0 0;padding:60px 60px 0 0}img{max-width:100%}body.rtl .ltr .text,body.rtl .ltr table.editable textarea{direction:ltr!important;text-align:left!important}body.ltr .rtl .text,body.ltr .rtl table.editable textarea{direction:rtl!important;text-align:right!important}#help:before,.go:after,.icon:before,.insecure:before,.menu .flex.padded.sel:before,.menu ul.padded li a.sel:before,.preview-btn:before,.required:after,.secure:before,.texticon:before,.view-btn:before,[data-icon-after]:after,[data-icon]:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.badge-icon{-webkit-align-items:center;align-items:center;border:1px solid var(--indicator-border-color);border-radius:var(--small-border-radius);box-sizing:border-box;color:var(--indicator-icon-color);display:-webkit-inline-flex;display:inline-flex;font-size:9px;height:17px;-webkit-justify-content:center;justify-content:center;width:17px}.insecure:before,.secure:before{font-size:14px;margin-top:-3px}[data-icon]:before{content:attr(data-icon)}[data-icon-after]:after{content:attr(data-icon-after)}body.rtl [data-icon-after=list]:after,body.rtl [data-icon=list]:before{content:"listrtl"}body.rtl [data-icon-after=structure]:after,body.rtl [data-icon=structure]:before{content:"structurertl"}.icon.secure:before{content:"secure"}.icon.insecure:before{content:"insecure"}.icon.add:before{content:"plus"}.icon.edit:before{content:"edit"}.icon.settings:before{content:"settings"}.icon.search:before{content:"search"}.icon.expand:before{content:"expand"}.icon.collapse:before{content:"collapse"}.help:before{color:var(--pink-400);content:"help"}body.ltr .preview-btn:before,body.ltr .view-btn:before{margin-right:var(--xs)}body.rtl .preview-btn:before,body.rtl .view-btn:before{margin-left:var(--xs)}.preview-btn:before{content:"view";margin-top:-2px}body.ltr .view-btn:before{content:"share"}body.rtl .view-btn:before{content:"shareleft"}.h1,h1{font-size:18px;font-weight:700;line-height:1.2;margin-bottom:24px}.h2,h2{font-size:16px}.h2,.h3,.h4,h2,h3,h4{font-weight:700;line-height:1.2;margin:14px 0}.h4,h4{color:var(--medium-text-color)}.h5,h5{color:var(--medium-text-color)}.h5,.h6,h5,h6{line-height:1.2;margin:14px 0 3px}.h6,h6{color:#606d7b;font-size:11px;text-transform:uppercase}body.ltr h1[data-icon]:before{margin:-8px 10px 0 0}body.rtl h1[data-icon]:before{margin:-8px 0 0 10px}h2[data-icon]:before{font-size:19px}body.ltr h2[data-icon]:before{margin:-4px 6px 0 0}body.rtl h2[data-icon]:before{margin:-4px 0 0 6px}hr{border:none;border-top:1px solid var(--hairline-color);color:transparent;height:0;margin:24px 0}.pane hr{margin:24px -24px}p{margin:1em 0}h5+p{margin-top:0}sup{vertical-align:super}sub,sup{font-size:smaller}sub{vertical-align:sub}body.ltr .indent{margin-left:14px}body.rtl .indent{margin-right:14px}.bullets{list-style-type:square}body.ltr .bullets{padding-left:40px}body.rtl .bullets{padding-right:40px}ol{list-style-type:decimal}body.ltr ol{padding-left:40px}body.rtl ol{padding-right:40px}.code,.code input,.code textarea,code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.9em!important}.code input.smalltext,.code textarea.smalltext,.code.smalltext,code.smalltext{font-size:.8em!important}pre code{display:block;overflow-x:auto}a{color:var(--link-color);cursor:pointer}a[aria-current]{cursor:default}a:hover,body.underline-links a{text-decoration:underline}a:not([href]){color:inherit;cursor:inherit}a:not([href]):hover,body.underline-links a:not([href]){text-decoration:none}a.iconlink:before{width:16px}body.ltr a.iconlink:before{margin-right:var(--xs)}body.rtl a.iconlink:before{margin-left:var(--xs)}a.sel,li.sel a{cursor:default!important;text-decoration:none}.go:after{color:var(--link-color);font-size:11px;margin-top:-1px;opacity:.9}body.ltr .go:after{padding-left:4px}body.rtl .go:after{padding-right:4px}body.ltr .go:after{content:"circlerarr"}body.rtl .go:after{content:"circlelarr"}body.ltr a [data-icon=external]{margin-left:var(--xs)}body.rtl a [data-icon=external]{margin-right:var(--xs)}button{cursor:pointer}.context-btn.disabled{background-color:rgba(205,216,228,.5)!important;color:var(--medium-dark-text-color);opacity:1}.alert-icon,.checkmark-icon{border-radius:20px;cursor:pointer;line-height:10px;margin-bottom:0!important;padding:5px}.alert-icon:before,.checkmark-icon:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.checkmark-icon{background-color:var(--gray-200)}p .checkmark-icon{display:inline-block}.checkmark-icon:before{color:var(--success-color);content:"check"}.alert-icon{background-color:var(--gray-200)}.alert-icon:before{color:var(--error-color);content:"alert"}.menu.revision-menu{padding:10px 24px}.menu.revision-menu hr{margin:10px -24px}.menu.revision-menu ul li.sel{background:var(--gray-050);border-radius:var(--large-border-radius);margin:0 -14px;padding:0 14px}.menu.revision-menu ul li.sel .edited-desc{-webkit-align-items:center;align-items:center;border-top:1px solid var(--hairline-color);color:var(--light-text-color);display:-webkit-flex;display:flex;padding:10px 0;white-space:normal}body.ltr .menu.revision-menu ul li.sel .edited-desc{margin-left:10px}body.rtl .menu.revision-menu ul li.sel .edited-desc{margin-right:10px}.menu.revision-menu ul li.sel .edited-desc p{margin:0}body.ltr .menu.revision-menu ul li.sel .edited-desc .btn{margin-left:14px}body.rtl .menu.revision-menu ul li.sel .edited-desc .btn{margin-right:14px}.menu.revision-menu ul li a{border-radius:var(--large-border-radius);padding-top:7px}.menu.revision-menu .extralight{margin-top:2px}.revision-status-hud{max-width:400px}.revision-status-hud .http-error{background-color:var(--gray-050);border:1px solid var(--hairline-color);border-radius:var(--medium-border-radius);color:var(--light-text-color);padding:7px 14px}.draft-notice{-webkit-align-content:stretch;align-content:stretch;-webkit-align-items:center;align-items:center;color:var(--blue-800);display:-webkit-flex;display:flex;gap:var(--s);-webkit-justify-content:center;justify-content:center}#content-notice .draft-notice{display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:flex-start;justify-content:flex-start}body.ltr .so-notice>.draft-notice{margin:calc(var(--s)*-1) 0 calc(var(--s)*-1) calc(var(--xl)*-1)}body.rtl .so-notice>.draft-notice{margin:calc(var(--s)*-1) calc(var(--xl)*-1) calc(var(--s)*-1) 0}body.ltr .so-notice>.draft-notice{padding:var(--s) 0 var(--s) var(--xl)}body.rtl .so-notice>.draft-notice{padding:var(--s) var(--xl) var(--s) 0}body.ltr .so-notice>.draft-notice{border-bottom-left-radius:var(--large-border-radius)}body.rtl .so-notice>.draft-notice{border-bottom-right-radius:var(--large-border-radius)}body.ltr .so-notice>.draft-notice{background-image:-o-linear-gradient(top left,rgba(37,99,235,.2),rgba(37,99,235,0) 50%);background-image:linear-gradient(to bottom right,rgba(37,99,235,.2),rgba(37,99,235,0) 50%)}body.rtl .so-notice>.draft-notice{background-image:-o-linear-gradient(right,rgba(37,99,235,.2),rgba(37,99,235,0));background-image:linear-gradient(270deg,rgba(37,99,235,.2),rgba(37,99,235,0))}.draft-notice p{-webkit-flex:1;flex:1;margin:0}.draft-notice .draft-icon{-webkit-align-items:center;align-items:center;border:2px solid rgba(30,64,175,.2);border-radius:100%;box-shadow:0 1px 1px 1px var(--white);box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-shrink:0;flex-shrink:0;height:34px;-webkit-justify-content:center;justify-content:center;position:relative;width:34px}.draft-notice .draft-icon:before{color:var(--blue-800)!important;font-size:18px;left:1px;position:relative}.draft-notice .draft-icon:after{border-radius:100%;bottom:-2px;box-shadow:inset 0 2px 0 rgba(30,58,138,.2);content:"";font-size:0;left:-2px;position:absolute;right:-2px;top:-2px}.draft-notice .discard-changes-btn{background-color:transparent!important;border:2px solid var(--blue-600);color:var(--blue-800)!important}body.ltr .draft-notice .discard-changes-btn{margin-left:var(--xs)}body.rtl .draft-notice .discard-changes-btn{margin-right:var(--xs)}.draft-notice .discard-changes-btn:focus,.draft-notice .discard-changes-btn:hover{border-color:#1555e2}.draft-notice .discard-changes-btn:active{border-color:#134cca}button.toggle{-webkit-appearance:none;appearance:none;background:none;border:none;color:inherit;padding:0}.toggle:before,a.fieldtoggle:before{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;transition:-webkit-transform .1s linear;-o-transition:-o-transform .1s linear;transition:transform .1s linear;transition:transform .1s linear,-webkit-transform .1s linear,-o-transform .1s linear;width:7px}body.ltr .toggle:before,body.ltr a.fieldtoggle:before{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.rtl .toggle:before,body.rtl a.fieldtoggle:before{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.sidebar nav li.expanded>.toggle:before,.structure li:not(.collapsed)>.row>.toggle:before,.toggle.expanded:before,a.fieldtoggle.expanded:before{-webkit-transform:rotate(45deg)!important;-o-transform:rotate(45deg)!important;transform:rotate(45deg)!important}a.fieldtoggle{color:var(--text-color);display:block;margin:14px 0;position:relative;text-decoration:none}body.ltr a.fieldtoggle{padding-left:12px}body.rtl a.fieldtoggle{padding-right:12px}a.fieldtoggle:before{display:block;position:absolute;top:7px}body.ltr a.fieldtoggle:before{left:-1px}body.rtl a.fieldtoggle:before{right:-1px}em,i{font-style:italic}ul.errors em{font-style:normal}b,i em,strong{font-weight:700}.readable{font-size:16px;line-height:22px}.readable .h1,.readable .h2,.readable .h3,.readable .h4,.readable .h5,.readable .h6,.readable h1,.readable h2,.readable h3,.readable h4,.readable h5,.readable h6{font-weight:600;margin:24px 0 16px}.readable .h1,.readable h1{color:#000;font-size:32px;line-height:40px}.readable .h2,.readable h2{font-size:24px;line-height:30px}.readable .h3,.readable h3{font-size:20px;line-height:24px}.readable .h4,.readable h4{font-size:16px;line-height:20px}.readable .h5,.readable h5{font-size:14px;line-height:18px}.readable .h6,.readable h6{color:#596673;font-size:13.6px;line-height:17px}.readable ol,.readable ul{margin:1em 0}body.ltr .readable ol,body.ltr .readable ul{padding-left:2em}body.rtl .readable ol,body.rtl .readable ul{padding-right:2em}.readable ul li{list-style-type:disc}.readable li+li{margin-top:.25em}.readable .tip-dismiss-btn{position:absolute;top:12px}body.ltr .readable .tip-dismiss-btn{right:12px}body.rtl .readable .tip-dismiss-btn{left:12px}.readable .tip-dismiss-btn+p{margin-top:0}.readable blockquote{margin:16px 0}.readable blockquote:not(.note){color:#596673;padding:0 16px}body.ltr .readable blockquote:not(.note){border-left:4px solid rgba(51,64,77,.1)}body.rtl .readable blockquote:not(.note){border-right:4px solid rgba(51,64,77,.1)}.readable blockquote.note{border:1px solid;border-radius:4px;padding:1em;position:relative}body.ltr .readable blockquote.note{padding-left:50px}body.rtl .readable blockquote.note{padding-right:50px}body.ltr .readable blockquote.note.dismissible{padding-right:36px}body.rtl .readable blockquote.note.dismissible{padding-left:36px}.readable blockquote.note:not(.tip):not(.warning){border-color:#dc2626;color:#bf503f}.readable blockquote.note:not(.tip):not(.warning):before{color:#dc2626;content:"alert"}.readable blockquote.note.tip{border-color:#1f5fea;color:#1f5fea}.readable blockquote.note.tip:before{color:#1f5fea;content:"lightbulb"}.readable blockquote.note.warning{border-color:#854d0e;color:#cf783a}.readable blockquote.note.warning:before{color:#854d0e;content:"alert"}.readable blockquote.note:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;direction:ltr;display:inline-block;font-family:Craft;font-size:24px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);opacity:1;position:absolute;text-align:center;text-rendering:optimizeLegibility;text-transform:none;top:15px;-webkit-user-select:none;user-select:none;vertical-align:middle;width:24px}body.ltr .readable blockquote.note:before{left:16px}body.rtl .readable blockquote.note:before{right:16px}.readable blockquote.note a[href]{color:currentColor;text-decoration:underline}.readable .go:after{font-size:14px}body.ltr .leftalign{text-align:left}body.rtl .leftalign{text-align:right}.topalign{vertical-align:top}body.ltr .rightalign{text-align:right}body.rtl .rightalign{text-align:left}.centeralign{text-align:center!important}.nowrap{white-space:nowrap}.break-word{word-wrap:break-word}.light{color:var(--medium-text-color)!important;font-weight:400}.extralight{color:var(--light-text-color)!important}.smalltext{font-size:12px;line-height:1.2}.largetext{font-size:16px;line-height:1.2}.zilch{color:var(--light-text-color);font-size:20px;line-height:24px;padding:100px 0;text-align:center}.zilch.small{font-size:16px;padding:24px 0}input.checkbox+label.smalltext{padding-top:2px}.required:after{color:var(--error-color);content:"asterisk";font-size:7px}body.ltr .required:after{margin:-2px 0 0 5px}body.rtl .required:after{margin:-2px 5px 0 0}.scrollpane{overflow:auto}body.ltr .left{float:left}body.ltr .right,body.rtl .left{float:right}body.rtl .right{float:left}td,th{vertical-align:middle}body.ltr td,body.ltr th{text-align:left}body.ltr table[dir=rtl] td,body.ltr table[dir=rtl] th,body.rtl td,body.rtl th{text-align:right}body.rtl table[dir=ltr] td,body.rtl table[dir=ltr] th{text-align:left}td.right,th.right{float:none}body.ltr td.right,body.ltr th.right{text-align:right}body.rtl td.right,body.rtl th.right{text-align:left}.clear{clear:both;display:block;height:0}.fullwidth{width:100%}.token{background-color:#e4edf6;border-radius:3px;color:#3f4d5a;display:inline-block;font-size:12px;line-height:14px;padding:3px 7px}.token[data-name="*"]{position:relative;width:10px}.token[data-name="*"] span{opacity:0}.token[data-name="*"]:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"asterisk";direction:ltr;display:inline-block;display:block;font-family:Craft;font-size:9px;font-style:normal;font-variant:normal;font-weight:400;left:0;line-height:1;line-height:17px;opacity:var(--icon-opacity);position:absolute;text-align:center;text-indent:0;text-rendering:optimizeLegibility;text-transform:none;top:0;-webkit-user-select:none;user-select:none;vertical-align:middle;width:100%}.token:focus{background-color:#cdd8e4}.highlight .token{background:transparent;border:none;border-radius:0;box-shadow:none;display:inline;font-size:inherit;line-height:inherit;padding:0;text-shadow:none}.pane.highlight pre[class*=language-]{overflow:visible}.pane.highlight pre[class*=language-]>code.diff-highlight .token:not(.prefix){margin:0 -24px;padding:0 24px}.success{color:var(--success-color)!important}.notice .icon:before,.notice.with-icon:before,.warning .icon:before,.warning.with-icon:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle;width:1em}body.ltr .notice .icon:before,body.ltr .notice.with-icon:before,body.ltr .warning .icon:before,body.ltr .warning.with-icon:before{margin:-2px 2px 0 0}body.rtl .notice .icon:before,body.rtl .notice.with-icon:before,body.rtl .warning .icon:before,body.rtl .warning.with-icon:before{margin:-2px 0 0 2px}.notice.has-icon,.warning.has-icon{-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.notice.has-icon .icon,.warning.has-icon .icon{-webkit-flex-shrink:1;flex-shrink:1}.notice{color:var(--notice-color)!important}.notice a{text-decoration:underline}.notice .icon:before,.notice.with-icon:before{content:"lightbulb"}.warning{color:var(--warning-color)!important}.warning .icon:before,.warning.with-icon:before{content:"alert"}.error{color:var(--error-color)!important}.icon.move:not(.disabled){cursor:move}.icon.move:before{color:var(--ui-control-color);content:"move"}.icon.move:not(.disabled):hover:before{color:var(--link-color)}.icon.delete{display:inline-block;line-height:inherit}.icon.delete:before{color:var(--ui-control-color);content:"remove"}.icon.delete:not(.disabled){cursor:pointer}.icon.delete:not(.disabled):hover:before{color:var(--disabled-color)}.icon.delete:not(.disabled):active:before{color:var(--red-800)}.hidden{display:none!important}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px}.invisible{visibility:hidden}.clearafter:after{clear:both;content:"";display:block;height:0;visibility:hidden}.info{cursor:pointer;height:1.375em;overflow:hidden;vertical-align:bottom;width:1em}.info,.info:before{display:inline-block;text-align:center}.info:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;color:var(--ui-control-color);direction:ltr;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;line-height:1.375;opacity:var(--icon-opacity);text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle;vertical-align:baseline;width:100%}.info:not(.warning):before{content:"info"}.info:not(.warning):hover:before{color:var(--link-color)}.info.warning:before{content:"alert"}.info.warning:hover:before{color:var(--warning-color)}.info-hud table{max-width:280px;table-layout:auto}.info-hud td{word-wrap:break-word;width:100%}@media(max-width:450px){.info-hud table{table-layout:fixed;width:100%}}.content{position:relative}.content:after{clear:both;content:"";display:block;height:0;visibility:hidden}.customize-sources-modal{overflow:visible!important}body.ltr .customize-sources-modal{padding-left:200px}body.rtl .customize-sources-modal{padding-right:200px}.customize-sources-modal>.cs-sidebar{background-color:var(--gray-050);border:none;box-shadow:inset -1px 0 0 var(--hairline-color);box-sizing:border-box;height:calc(100% - 50px);margin:0;overflow:auto;padding:10px 0;position:absolute;top:0;width:200px}body.ltr .customize-sources-modal>.cs-sidebar{left:0}body.rtl .customize-sources-modal>.cs-sidebar{right:0}body.ltr .customize-sources-modal>.cs-sidebar{border-top-left-radius:var(--large-border-radius)}body.rtl .customize-sources-modal>.cs-sidebar{border-top-right-radius:var(--large-border-radius)}.customize-sources-modal>.cs-sidebar>.btn{display:block;width:calc(100% - 28px)}body.ltr .customize-sources-modal>.cs-sidebar>.btn{margin:10px 0 0 14px}body.rtl .customize-sources-modal>.cs-sidebar>.btn{margin:10px 14px 0 0}body.ltr .customize-sources-modal.sidebar-hidden{padding-left:0}body.rtl .customize-sources-modal.sidebar-hidden{padding-right:0}.customize-sources-modal.sidebar-hidden>.cs-sidebar{display:none}.customize-sources-modal>.source-settings{box-sizing:border-box;height:calc(100% - 50px);overflow:auto;padding:24px;position:relative}.customize-sources-modal>.footer{bottom:0;left:0;position:absolute;width:100%}.customize-sources-item{--selected-item-color:var(--white);-webkit-align-items:center;align-items:center;background-color:var(--gray-100);border:solid var(--hairline-color);border-width:1px 0;box-sizing:border-box;cursor:default;display:-webkit-flex;display:flex;margin-top:-1px;position:relative;-webkit-user-select:none;user-select:none;width:calc(100% - 1px)}.customize-sources-item+.customize-sources-item.heading{margin-top:10px}.customize-sources-item+.customize-sources-item:not(.heading){border-top:1px solid var(--hairline-color)}.customize-sources-item.sel{--focus-ring:0 0 0 1px hsl(var(--light-focus-hsl)),0 0 0 3px hsla(var(--light-focus-hsl),0.7);--ui-control-color:var(--selected-item-color);background-color:var(--dark-sel-color);color:var(--selected-item-color);z-index:1}.customize-sources-item .label{-webkit-flex:1;flex:1}.customize-sources-item.heading .label{color:var(--light-text-color);font-size:12px;font-weight:700;text-transform:uppercase}.customize-sources-item.heading.sel .label{color:var(--selected-item-color)}.customize-sources-item__move{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.ltr .customize-sources-item__move{right:0}body.rtl .customize-sources-item__move{left:0}.customize-sources-item__move.icon{display:-webkit-flex;display:flex;text-decoration:none}.customize-sources-item__btn{margin:3px;padding:8px 14px}body.ltr .customize-sources-item__btn{padding-right:30px}body.rtl .customize-sources-item__btn{padding-left:30px}.checkbox-select-item{-webkit-align-content:stretch;align-content:stretch;-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-flex;display:flex;margin-bottom:4px}.checkbox-select-item .move{margin-top:-3px;position:relative;z-index:1}body.ltr .checkbox-select-item .move{margin-right:10px}body.rtl .checkbox-select-item .move{margin-left:10px}ul.path{-webkit-align-items:stretch;align-items:stretch;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap}ul.path li{-webkit-align-items:center;align-items:center;display:-webkit-inline-flex;display:inline-flex}ul.path li:not(:last-child):after{border:solid var(--light-text-color);border-width:0 1px 1px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;width:7px}body.ltr ul.path li:not(:last-child):after{margin:0 5px 0 2px}body.rtl ul.path li:not(:last-child):after{margin:0 2px 0 5px}body.ltr ul.path li:not(:last-child):after{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.rtl ul.path li:not(:last-child):after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}ul.icons{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-top:20px}ul.icons li{margin:0 4px 10px 0}ul.icons li a{border:1px solid var(--white);border-radius:4px;color:var(--text-color);display:block;padding:60px 5px 10px;position:relative;text-align:center;width:110px}ul.icons li a:before{display:block;font-size:40px;left:0;line-height:60px;position:absolute;top:0;width:100%}ul.icons li a .icon img,ul.icons li a .icon svg{height:40px;left:calc(50% - 20px);position:absolute;top:12px;width:40px}ul.icons li a .icon.icon-mask svg circle,ul.icons li a .icon.icon-mask svg ellipse,ul.icons li a .icon.icon-mask svg line,ul.icons li a .icon.icon-mask svg path,ul.icons li a .icon.icon-mask svg polygon,ul.icons li a .icon.icon-mask svg polyline,ul.icons li a .icon.icon-mask svg rect,ul.icons li a .icon.icon-mask svg text{fill:var(--text-color);stroke-width:0}ul.icons li a:hover{background-color:var(--gray-050);border-color:var(--gray-100);text-decoration:none}ul.icons li a:hover .icon.icon-mask svg circle,ul.icons li a:hover .icon.icon-mask svg ellipse,ul.icons li a:hover .icon.icon-mask svg line,ul.icons li a:hover .icon.icon-mask svg path,ul.icons li a:hover .icon.icon-mask svg polygon,ul.icons li a:hover .icon.icon-mask svg polyline,ul.icons li a:hover .icon.icon-mask svg rect,ul.icons li a:hover .icon.icon-mask svg text{fill:var(--link-color);stroke-width:0}@media only screen and (max-width:380px){ul.icons li a{width:96px}}@media only screen and (max-width:320px){ul.icons li a{width:75px}}.toolbar{margin-bottom:var(--s);min-height:34px;position:relative}.toolbar .flex,.toolbar.flex{-webkit-align-items:flex-start;align-items:flex-start}.toolbar .text{border-radius:var(--large-border-radius)!important}.flex{-webkit-align-content:stretch;align-content:stretch;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;gap:var(--s)}.flex:not(.flex-nowrap){-webkit-flex-wrap:wrap;flex-wrap:wrap}.flex>.label{white-space:nowrap}.centeralign .flex{-webkit-justify-content:center;justify-content:center}.inline-flex{-webkit-align-content:stretch;align-content:stretch;-webkit-align-items:center;align-items:center;display:-webkit-inline-flex;display:inline-flex;gap:var(--s)}.gap-xs{gap:var(--xs)}.gap-s{gap:var(--s)}.gap-m{gap:var(--m)}.gap-l{gap:var(--l)}.gap-xl{gap:var(--xl)}.flex-grow{-webkit-flex:1;flex:1;max-width:100%}.flex-justify{-webkit-justify-content:space-between;justify-content:space-between}.flex-justify-start{-webkit-justify-content:flex-start;justify-content:flex-start}.flex-justify-end{-webkit-justify-content:flex-end;justify-content:flex-end}.flex-justify-center{-webkit-justify-content:center;justify-content:center}.flex-start{-webkit-align-items:flex-start;align-items:flex-start}.flex-end{-webkit-align-items:flex-end;align-items:flex-end}.flex-center{-webkit-align-items:center;align-items:center}.flex-stretch{-webkit-align-items:stretch;align-items:stretch}.spacer{width:14px}.buttons{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;gap:7px;margin:24px 0;position:relative}.footer>.buttons,.hud-footer>.buttons{margin:0}.btn{-webkit-align-items:center;align-items:center;-webkit-appearance:none;appearance:none;background-color:var(--ui-control-bg-color);border:none;border-radius:var(--ui-control-border-radius);box-sizing:border-box;color:currentColor;display:-webkit-inline-flex;display:inline-flex;font-size:inherit;-webkit-justify-content:center;justify-content:center;padding:7px 14px;position:relative;text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:not([aria-current]){cursor:pointer}.btn.chromeless{height:auto;padding:0}.btn.chromeless,.btn.chromeless:active,.btn.chromeless:focus,.btn.chromeless:hover{background-color:transparent}.btn.chromeless:active,.btn.chromeless:hover{text-decoration:underline}.btn.wrap{height:auto;min-height:34px;text-align:left;white-space:normal}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):hover{--ui-control-bg-color:var(--ui-control-hover-bg-color)}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).active,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):active{--ui-control-bg-color:var(--ui-control-active-bg-color)}.btn[type=color]{padding:6px!important;width:36px}.btn.active,.btn.loading{cursor:default}.btn:hover{text-decoration:none}body.ltr .btn.icon:not(:empty):not(.btn-empty):before,body.ltr .btn.menubtn.icon.btn-empty:before,body.ltr .btn.menubtn.icon:empty:before,body.ltr .btn.menubtn[data-icon].btn-empty:before,body.ltr .btn.menubtn[data-icon]:empty:before,body.ltr .btn[data-icon]:not(:empty):not(.btn-empty):before{margin-right:5px}body.rtl .btn.icon:not(:empty):not(.btn-empty):before,body.rtl .btn.menubtn.icon.btn-empty:before,body.rtl .btn.menubtn.icon:empty:before,body.rtl .btn.menubtn[data-icon].btn-empty:before,body.rtl .btn.menubtn[data-icon]:empty:before,body.rtl .btn[data-icon]:not(:empty):not(.btn-empty):before{margin-left:5px}.btn:not(.loading) .spinner{display:none}.btn.loading .label,.btn.loading:after,.btn.loading:before{visibility:hidden}.btn div.checkbox{margin-top:2px}.btn [data-icon]{margin-top:-2px}body.ltr .btn [data-icon]{margin-right:4px}body.rtl .btn [data-icon]{margin-left:4px}.btn [data-icon].light:before{color:var(--gray-300)}.disabled{opacity:.25;pointer-events:none;-webkit-user-select:none;user-select:none}.btn,.spinner{height:var(--ui-control-height)}body.ltr .btn[data-icon-after]:not(:empty):not(.btn-empty):after,body.ltr .menu-toggle:not(:empty):not(.btn-empty):after,body.ltr .menubtn.icon:after,body.ltr .menubtn:not(:empty):not(.btn-empty):after{margin-left:6px}body.rtl .btn[data-icon-after]:not(:empty):not(.btn-empty):after,body.rtl .menu-toggle:not(:empty):not(.btn-empty):after,body.rtl .menubtn.icon:after,body.rtl .menubtn:not(:empty):not(.btn-empty):after{margin-right:6px}.btn.icon:before,.btn[data-icon-after]:after,.btn[data-icon]:before{position:relative}.btn.icon.small:before,.btn.small[data-icon-after]:after,.btn.small[data-icon]:before{font-size:10px}.btngroup{-webkit-align-items:center;align-items:center;border-radius:var(--large-border-radius);display:-webkit-flex;display:flex;position:relative;white-space:nowrap;z-index:1}.btngroup.fullwidth .btn{-webkit-flex:1;flex:1}.btngroup.disabled .btn{cursor:default}.btngroup .btn:focus{z-index:1}body.ltr .btngroup .btn:not(.dashed):not(:last-child):not(.btngroup-btn-last){margin-right:1px}body.rtl .btngroup .btn:not(.dashed):not(:last-child):not(.btngroup-btn-last){margin-left:1px}body.ltr .btngroup .btn:not(:first-child):not(.btngroup-btn-first){border-bottom-left-radius:0;border-top-left-radius:0}body.ltr .btngroup .btn:not(:last-child):not(.btngroup-btn-last){border-bottom-right-radius:0;border-top-right-radius:0}body.rtl .btngroup .btn:not(:first-child):not(.btngroup-btn-first){border-bottom-right-radius:0;border-top-right-radius:0}body.rtl .btngroup .btn:not(:last-child):not(.btngroup-btn-last){border-bottom-left-radius:0;border-top-left-radius:0}.btngroup--exclusive .btn[aria-pressed=true]:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]){background-color:var(--gray-500);color:var(--white)}.copytext{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;position:relative;white-space:nowrap;z-index:1}body.ltr .copytext .text{border-bottom-right-radius:0;border-top-right-radius:0;min-width:0}body.ltr .copytext .btn,body.rtl .copytext .text{border-bottom-left-radius:0;border-top-left-radius:0}body.rtl .copytext .btn{border-bottom-right-radius:0;border-top-right-radius:0}.copytextbtn{-webkit-align-items:center;align-items:center;border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);color:var(--medium-text-color);cursor:pointer;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;padding:0 9px}.copytextbtn .copytextbtn__icon{background:none;color:var(--light-text-color);margin-top:-3px;padding:0;width:13px}body.ltr .copytextbtn .copytextbtn__icon{margin-left:5px}body.rtl .copytextbtn .copytextbtn__icon{margin-right:5px}.copytextbtn:focus,.copytextbtn:hover{border-color:var(--medium-hairline-color);color:var(--text-color)}.copytextbtn:focus .copytextbtn__value,.copytextbtn:hover .copytextbtn__value{color:var(--text-color)}.copytextbtn.small{padding:0 5px}.copytextbtn.small .copytextbtn__value{font-size:.6875rem}.menu-toggle,.menubtn{-webkit-align-items:center;align-items:center;display:-webkit-inline-flex;display:inline-flex;-webkit-user-select:none;user-select:none}.menu-toggle:after,.menubtn:after{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;position:relative;-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:7px}.menu-toggle.btn:after,.menubtn.btn:after{top:-1px}.menu-toggle.btn:not(.disabled):not(.inactive).active:after,.menu-toggle.btn:not(.disabled):not(.inactive):active:after,.menubtn.btn:not(.disabled):not(.inactive).active:after,.menubtn.btn:not(.disabled):not(.inactive):active:after{border-color:var(--ui-control-active-color)}.menu-toggle.btn.submit:after,.menubtn.btn.submit:after{border-color:var(--white)!important;opacity:.8}.menu-toggle.btn.submit:not(.disabled):not(.inactive).active:after,.menu-toggle.btn.submit:not(.disabled):not(.inactive).hover:after,.menu-toggle.btn.submit:not(.disabled):not(.inactive):active:after,.menu-toggle.btn.submit:not(.disabled):not(.inactive):hover:after,.menubtn.btn.submit:not(.disabled):not(.inactive).active:after,.menubtn.btn.submit:not(.disabled):not(.inactive).hover:after,.menubtn.btn.submit:not(.disabled):not(.inactive):active:after,.menubtn.btn.submit:not(.disabled):not(.inactive):hover:after{opacity:1}.menu-toggle:not(.btn):not(.icon),.menubtn:not(.btn):not(.icon){height:17px}.menu-toggle:not(.btn):not(.icon):after,.menubtn:not(.btn):not(.icon):after{border-color:var(--link-color);top:-2px}body.ltr .menu-toggle.btn-empty,body.ltr .menu-toggle:empty,body.ltr .menubtn.btn-empty,body.ltr .menubtn:empty{padding-left:8px}body.rtl .menu-toggle.btn-empty,body.rtl .menu-toggle:empty,body.rtl .menubtn.btn-empty,body.rtl .menubtn:empty{padding-right:8px}body.ltr .menu-toggle.btn-empty,body.ltr .menu-toggle:empty,body.ltr .menubtn.btn-empty,body.ltr .menubtn:empty{padding-right:8px}body.rtl .menu-toggle.btn-empty,body.rtl .menu-toggle:empty,body.rtl .menubtn.btn-empty,body.rtl .menubtn:empty{padding-left:8px}@-webkit-keyframes rotator{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-o-keyframes rotator{0%{-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotator{0%{-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}.spinner{-webkit-align-items:center;align-items:center;display:-webkit-inline-flex;display:inline-flex;height:var(--size,34px);-webkit-justify-content:center;justify-content:center;width:var(--size,24px)}.spinner:before{-webkit-animation:rotator .7s linear infinite;-o-animation:rotator .7s linear infinite;animation:rotator .7s linear infinite;border-color:transparent currentcolor currentcolor transparent;border-radius:50%;border-style:solid;border-width:2px;box-sizing:border-box;content:"";display:block;font-size:0;height:var(--size,20px);-o-object-fit:scale-down;object-fit:scale-down;opacity:.8;width:var(--size,20px)}.spinner.small{--size:12px}.spinner.big{--size:48px}.spinner.spinner-absolute{height:var(--size,20px);left:calc(50% - var(--size, 20px)/2);position:absolute;top:var(--elements-busy-top-position);width:var(--size,20px)}body.ltr .btn+.spinner{margin-left:7px}body.rtl .btn+.spinner{margin-right:7px}body.ltr .buttons .btn+.spinner,body.ltr .buttons .btngroup+.spinner{margin-left:0}body.rtl .buttons .btn+.spinner,body.rtl .buttons .btngroup+.spinner{margin-right:0}body.ltr .buttons.right .btn+.spinner{margin-right:var(--neg-padding)}body.rtl .buttons.right .btn+.spinner{margin-left:var(--neg-padding)}.btn.small,.btngroup.small .btn{font-size:12px;line-height:22px;padding:0 7px!important}.btn.small,.btn.small+.spinner,.btngroup.small,.btngroup.small input.btn{height:22px}.btn.big,.btngroup.big .btn{font-size:14px;line-height:36px;padding:0 14px}body.ltr .btn.big[data-icon]:before,body.ltr .preview-btn:before,body.ltr .view-btn:before{margin-left:-2px}body.rtl .btn.big[data-icon]:before,body.rtl .preview-btn:before,body.rtl .view-btn:before{margin-right:-2px}.btn.big,.btn.big+.spinner,.btngroup.big,.btngroup.big input.btn{height:36px}.btn.secondary,.btn.submit{--ui-control-active-color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:var(--white)!important;font-weight:500}.btn.submit{background-color:var(--primary-color)!important}.btn.submit:not(.disabled):not(.inactive):not(.loading).hover,.btn.submit:not(.disabled):not(.inactive):not(.loading):focus,.btn.submit:not(.disabled):not(.inactive):not(.loading):hover{background-color:#ed2d2d!important}.btn.submit:not(.disabled):not(.inactive):not(.loading).active,.btn.submit:not(.disabled):not(.inactive):not(.loading):active{background-color:#eb1515!important}.btn.caution{background-color:var(--red-050)!important;color:var(--error-color)}.btn.caution.hover,.btn.caution:focus,.btn.caution:hover{background-color:#fcdada!important}.btn.caution.active,.btn.caution:active{background-color:var(--red-100)!important}.btn.secondary,.secondary-buttons .btn.submit{background-color:var(--secondary-color)!important}.btn.secondary:not(.disabled):not(.inactive):not(.loading).hover,.btn.secondary:not(.disabled):not(.inactive):not(.loading):focus,.btn.secondary:not(.disabled):not(.inactive):not(.loading):hover,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading).hover,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading):focus,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading):hover{background-color:#55616d!important}.btn.secondary:not(.disabled):not(.inactive):not(.loading).active,.btn.secondary:not(.disabled):not(.inactive):not(.loading):active,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading).active,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading):active{background-color:#4a545e!important}div.btn.submit{overflow:hidden;position:relative}div.btn.submit input{left:100%;position:absolute}.btn.dashed{background-color:transparent;border:1px dashed var(--medium-hairline-color)}body.ltr .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){border-right:1px solid transparent}body.rtl .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){border-left:1px solid transparent}body.ltr .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){margin-right:-1px}body.rtl .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){margin-left:-1px}.btn.dashed:focus{background-color:rgba(205,216,228,.1);border-color:transparent}.reduce-focus-visibility .btn.dashed:focus:not(:focus-visible){border:1px dashed var(--medium-hairline-color)}.btn.dashed:not(.disabled).active,.btn.dashed:not(.disabled):active{background-color:rgba(205,216,228,.25)}.chevron-btns{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start}.chevron-btns .btn{background-color:transparent;border-radius:0;padding:0;position:relative}.chevron-btns .btn.active-drop-target,.chevron-btns .btn.current-step{--text-color:var(--white);--ui-control-color:var(--white);--ui-control-bg-color:var(--gray-500);--ui-control-hover-bg-color:#55616d;--ui-control-active-bg-color:#4a545e;color:var(--white)}.chevron-btns .btn.current-step{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;--focus-ring:0 0 0 1px hsl(var(--light-focus-hsl)),0 0 0 3px hsla(var(--light-focus-hsl),0.7);font-weight:500}.chevron-btns .btn:focus{box-shadow:none;z-index:1}.chevron-btns .btn:focus .label{box-shadow:var(--focus-ring);z-index:1}.reduce-focus-visibility .chevron-btns .btn:focus:not(:focus-visible) .label{box-shadow:none}.reduce-focus-visibility .chevron-btns .btn:focus-visible .label{box-shadow:var(--focus-ring)}body.ltr .chevron-btns .btn:not(.has-action-menu){padding-right:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns .btn:not(.has-action-menu){padding-left:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns .btn:not(.has-action-menu){margin-right:2.8px}body.rtl .chevron-btns .btn:not(.has-action-menu){margin-left:2.8px}body.ltr .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-right:5px}body.rtl .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-left:5px}body.ltr .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-left:8px}body.rtl .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-right:8px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label{padding:3px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label:after{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;position:relative;-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:7px}.chevron-btns .btn .btn-body{-webkit-align-items:center;align-items:center;background-color:var(--ui-control-bg-color);display:-webkit-inline-flex;display:inline-flex;height:var(--ui-control-height);-webkit-justify-content:center;justify-content:center}.chevron-btns .btn .btn-body [data-icon]{--ui-control-height:0.8125rem;text-align:center}body.ltr .chevron-btns .btn .btn-body [data-icon]{margin-right:0}body.rtl .chevron-btns .btn .btn-body [data-icon]{margin-left:0}.chevron-btns .btn .label{-webkit-align-items:center;align-items:center;display:-webkit-inline-flex;display:inline-flex;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}body.ltr .chevron-btns .btn.has-action-menu .btn-body{padding-right:1px}body.rtl .chevron-btns .btn.has-action-menu .btn-body{padding-left:1px}body.ltr .chevron-btns .btn.has-action-menu .btn-body{margin-right:0}body.rtl .chevron-btns .btn.has-action-menu .btn-body{margin-left:0}.chevron-btns .btn .chevron-left,.chevron-btns .btn .chevron-right{height:100%;position:absolute;top:0;width:calc(var(--ui-control-height)/2)}.chevron-btns .btn .chevron-left{border-top:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.ltr .chevron-btns .btn .chevron-left{left:0}body.rtl .chevron-btns .btn .chevron-left{right:0}body.ltr .chevron-btns .btn .chevron-left{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .chevron-btns .btn .chevron-left{border-right:calc(var(--ui-control-height)/2) solid transparent}.chevron-btns .btn .chevron-left:after{border-bottom:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color);bottom:0;content:"";display:block;font-size:0;position:absolute}body.ltr .chevron-btns .btn .chevron-left:after{right:0}body.rtl .chevron-btns .btn .chevron-left:after{left:0}body.ltr .chevron-btns .btn .chevron-left:after{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .chevron-btns .btn .chevron-left:after{border-right:calc(var(--ui-control-height)/2) solid transparent}.chevron-btns .btn .chevron-right{border-bottom:calc(var(--ui-control-height)/2) solid transparent;border-top:calc(var(--ui-control-height)/2) solid transparent}body.ltr .chevron-btns .btn .chevron-right{right:0}body.rtl .chevron-btns .btn .chevron-right{left:0}body.ltr .chevron-btns .btn .chevron-right{border-left:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.rtl .chevron-btns .btn .chevron-right{border-right:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}.chevron-btns ol{display:-webkit-flex;display:flex;list-style-type:none;position:relative}body.ltr .chevron-btns ol{padding-left:0}body.rtl .chevron-btns ol{padding-right:0}body.ltr .chevron-btns ol li.first-step .btn .btn-body{padding-left:14px}body.rtl .chevron-btns ol li.first-step .btn .btn-body{padding-right:14px}body.ltr .chevron-btns ol li.first-step .btn .btn-body{border-radius:var(--ui-control-border-radius) 0 0 var(--ui-control-border-radius)}body.rtl .chevron-btns ol li.first-step .btn .btn-body{border-radius:0 var(--ui-control-border-radius) var(--ui-control-border-radius) 0}.chevron-btns ol li.first-step .btn .chevron-left{display:none}body.ltr .chevron-btns ol li:not(.first-step) .btn{margin-left:calc(var(--ui-control-height)*-1/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{margin-right:calc(var(--ui-control-height)*-1/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn{padding-left:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{padding-right:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-left:7px}body.rtl .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-right:7px}.color-input-container{position:relative}.color-input-container .color-hex-indicator{line-height:34px;position:absolute;text-align:center;top:0;-webkit-user-select:none;user-select:none;width:1em}body.ltr .color-input-container .color-hex-indicator{left:7px}body.rtl .color-input-container .color-hex-indicator{right:7px}.color-input{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.9em!important}body.ltr .color-input{padding-left:calc(7px + 1em)}body.rtl .color-input{padding-right:calc(7px + 1em)}.color{border-radius:17px;display:inline-block;height:34px;padding:0;position:relative;vertical-align:middle;width:34px}.color:not(.static){cursor:pointer}.color:not(.small){background-image:-o-linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 25%),-o-linear-gradient(315deg,rgba(154,165,177,.25) 25%,transparent 25%),-o-linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 75%),-o-linear-gradient(315deg,transparent 75%,rgba(154,165,177,.25) 75%);background-image:linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(135deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 0),linear-gradient(135deg,transparent 75%,rgba(154,165,177,.25) 0);background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px;-o-background-size:17px 17px;background-size:17px 17px}.color.small{background-image:-o-linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 25%),-o-linear-gradient(315deg,rgba(154,165,177,.25) 25%,transparent 25%),-o-linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 75%),-o-linear-gradient(315deg,transparent 75%,rgba(154,165,177,.25) 75%);background-image:linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(135deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 0),linear-gradient(135deg,transparent 75%,rgba(154,165,177,.25) 0);background-position:0 0,4px 0,4px -4px,0 4px;-o-background-size:8px 8px;background-size:8px 8px;height:16px;width:16px}.color .color-preview{border-radius:17px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);height:100%;position:absolute;top:0;width:100%}body.ltr .color .color-preview{left:0}body.rtl .color .color-preview{right:0}.color .color-preview:focus-within{box-shadow:var(--focus-ring)}.color .color-preview>.color-preview-input{border:none;height:100%;margin:0;opacity:0;padding:0;position:absolute;width:100%}body.ltr .color .color-preview>.color-preview-input{left:0}body.rtl .color .color-preview>.color-preview-input{right:0}.colorhex{color:var(--medium-text-color);display:inline-block;margin-left:5px;vertical-align:middle}.lightswitch-outer-container{display:-webkit-flex;display:flex}.lightswitch-outer-container .lightswitch-inner-container{-webkit-align-items:center;align-items:center;border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);display:-webkit-flex;display:flex;max-width:100%;padding-left:7px;padding-right:7px}.lightswitch-outer-container .lightswitch-inner-container span{color:var(--medium-text-color);cursor:default;-webkit-flex-grow:1;flex-grow:1;-webkit-hyphens:auto;hyphens:auto;overflow:auto;overflow-wrap:break-word;padding:7px 0}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{margin-left:7px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{margin-right:7px}.lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{text-align:right}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{margin-right:7px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{margin-left:7px;text-align:left}.lightswitch{background-image:-o-linear-gradient(left,var(--gray-400),var(--gray-400));background-image:linear-gradient(to right,var(--gray-400),var(--gray-400));border:none!important;cursor:pointer;display:block;overflow:hidden;position:relative;-o-transition:background-image .1s linear;transition:background-image .1s linear;-webkit-user-select:none;user-select:none}.lightswitch.on{background-image:-o-linear-gradient(left,var(--enabled-color),var(--enabled-color));background-image:linear-gradient(to right,var(--enabled-color),var(--enabled-color))}.lightswitch.indeterminate{background-image:-o-linear-gradient(left,var(--enabled-color),var(--gray-300));background-image:linear-gradient(to right,var(--enabled-color),var(--gray-300))}.lightswitch .lightswitch-container{height:100%;position:relative}.lightswitch .lightswitch-container .handle{background-color:var(--white);position:absolute;top:1px}.lightswitch:not(.small){border-radius:11px;height:22px;min-width:34px;width:34px}.lightswitch:not(.small) .lightswitch-container{width:46px}body.ltr .lightswitch:not(.small) .lightswitch-container{margin-left:-12px}body.rtl .lightswitch:not(.small) .lightswitch-container{margin-right:-12px}.lightswitch:not(.small) .lightswitch-container .handle{border-radius:10px;height:20px;left:calc(50% - 10px);width:20px}.lightswitch.small{border-radius:9px;height:18px;width:28px}.lightswitch.small .lightswitch-container{width:38px}body.ltr .lightswitch.small .lightswitch-container{margin-left:-10px}body.rtl .lightswitch.small .lightswitch-container{margin-right:-10px}.lightswitch.small .lightswitch-container .handle{border-radius:8px;height:16px;left:calc(50% - 8px);width:16px}table .lightswitch{display:inline-block;margin-bottom:-5px}body.ltr .lightswitch.on .lightswitch-container{margin-left:0}body.rtl .lightswitch.on .lightswitch-container{margin-right:0}body.ltr .lightswitch.indeterminate:not(.small) .lightswitch-container{margin-left:-6px}body.rtl .lightswitch.indeterminate:not(.small) .lightswitch-container{margin-right:-6px}body.ltr .lightswitch.indeterminate.small .lightswitch-container{margin-left:-5px}body.rtl .lightswitch.indeterminate.small .lightswitch-container{margin-right:-5px}table.data+.pagination{margin-top:24px}.pagination .page-link{-webkit-align-items:center;align-items:center;border-radius:var(--medium-border-radius);display:-webkit-flex;display:flex;height:32px;-webkit-justify-content:center;justify-content:center;width:32px}.pagination .page-link:after{position:relative;-o-transition:border-color .1s linear;transition:border-color .1s linear}.pagination .page-link.prev-page:after{border:solid var(--light-text-color);border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;width:7px}body.ltr .pagination .page-link.prev-page:after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}body.rtl .pagination .page-link.prev-page:after{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.ltr .pagination .page-link.prev-page:after{right:-1px}body.rtl .pagination .page-link.prev-page:after{left:-1px}.pagination .page-link.next-page:after{border:solid var(--light-text-color);border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;width:7px}body.ltr .pagination .page-link.next-page:after{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.rtl .pagination .page-link.next-page:after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}body.ltr .pagination .page-link.next-page:after{left:-1px}body.rtl .pagination .page-link.next-page:after{right:-1px}.pagination .page-link:not(.disabled){box-shadow:inset 0 0 0 1px var(--hairline-color);cursor:pointer;-o-transition:box-shadow .1s linear;transition:box-shadow .1s linear}.pagination .page-link:not(.disabled):hover{box-shadow:inset 0 0 0 1px var(--link-color);text-decoration:none}.pagination .page-link:not(.disabled):hover:after{border-color:var(--link-color)}body.reduce-focus-visibility .pagination .page-link:not(.disabled):focus-visible,body:not(.reduce-focus-visibility) .pagination .page-link:not(.disabled):focus{box-shadow:inset 0 0 0 1px var(--hairline-color),var(--focus-ring)}.pagination .page-link.disabled{opacity:1}.pagination .page-link.disabled:after{border-color:var(--hairline-color)}body.ltr .actions{float:right}body.ltr .actions>li,body.rtl .actions{float:left}body.rtl .actions>li{float:right}body.ltr .actions>li+li{margin-left:10px}body.rtl .actions>li+li{margin-right:10px}h1+.actions{margin-top:-100px}h2+.actions{margin-top:-54px}.tablepane{margin:calc(var(--pane-padding, 22px)*-1) calc(var(--pane-padding, 22px)*-1) calc(var(--pane-padding, 24px)*-1 + var(--pane-padding, var(--m)));overflow-x:auto}body.ltr .tablepane table.data td:first-child,body.ltr .tablepane table.data th:first-child{padding-left:24px}body.rtl .tablepane table.data td:first-child,body.rtl .tablepane table.data th:first-child{padding-right:24px}table.fixed-layout{table-layout:fixed}table td.thin,table th.thin{white-space:nowrap;width:.01%!important}table thead th{font-weight:700;vertical-align:top}body.ltr table thead th{text-align:left}body.rtl table thead th{text-align:right}table:not(.data) td,table:not(.data) th{padding-bottom:7px;padding-top:7px}table:not(.data) td:not(:first-child),table:not(.data) th:not(:first-child){padding-left:12px}table:not(.data) td:not(:last-child),table:not(.data) th:not(:last-child){padding-right:12px}table.data td,table.data th{box-sizing:border-box;padding-left:12px;padding-right:12px;position:relative}table.data td.checkbox-cell,table.data th.checkbox-cell{box-sizing:content-box;min-width:var(--checkbox-size);position:relative;width:var(--checkbox-size)!important}table.data td.checkbox-cell div.checkbox,table.data td.checkbox-cell input.checkbox+label,table.data th.checkbox-cell div.checkbox,table.data th.checkbox-cell input.checkbox+label{position:absolute;top:calc(50% - 8px)}table.data th{font-weight:700}body.ltr table.data caption+tbody tr:first-child td:first-child,body.ltr table.data caption+tbody tr:first-child th:first-child,body.ltr table.data caption+tfoot tr:first-child td:first-child,body.ltr table.data caption+tfoot tr:first-child th:first-child,body.ltr table.data caption+thead tr:first-child td:first-child,body.ltr table.data caption+thead tr:first-child th:first-child,body.ltr table.data tbody:first-child tr:first-child td:first-child,body.ltr table.data tbody:first-child tr:first-child th:first-child,body.ltr table.data tfoot:first-child tr:first-child td:first-child,body.ltr table.data tfoot:first-child tr:first-child th:first-child,body.ltr table.data thead:first-child tr:first-child td:first-child,body.ltr table.data thead:first-child tr:first-child th:first-child{border-top-left-radius:var(--border-radius,var(--small-border-radius))}body.rtl table.data caption+tbody tr:first-child td:first-child,body.rtl table.data caption+tbody tr:first-child th:first-child,body.rtl table.data caption+tfoot tr:first-child td:first-child,body.rtl table.data caption+tfoot tr:first-child th:first-child,body.rtl table.data caption+thead tr:first-child td:first-child,body.rtl table.data caption+thead tr:first-child th:first-child,body.rtl table.data tbody:first-child tr:first-child td:first-child,body.rtl table.data tbody:first-child tr:first-child th:first-child,body.rtl table.data tfoot:first-child tr:first-child td:first-child,body.rtl table.data tfoot:first-child tr:first-child th:first-child,body.rtl table.data thead:first-child tr:first-child td:first-child,body.rtl table.data thead:first-child tr:first-child th:first-child{border-top-right-radius:var(--border-radius,var(--small-border-radius))}body.ltr table.data caption+tbody tr:first-child td:first-child,body.ltr table.data caption+tbody tr:first-child th:first-child,body.ltr table.data caption+tfoot tr:first-child td:first-child,body.ltr table.data caption+tfoot tr:first-child th:first-child,body.ltr table.data caption+thead tr:first-child td:first-child,body.ltr table.data caption+thead tr:first-child th:first-child,body.ltr table.data tbody:first-child tr:first-child td:first-child,body.ltr table.data tbody:first-child tr:first-child th:first-child,body.ltr table.data tfoot:first-child tr:first-child td:first-child,body.ltr table.data tfoot:first-child tr:first-child th:first-child,body.ltr table.data thead:first-child tr:first-child td:first-child,body.ltr table.data thead:first-child tr:first-child th:first-child{border-bottom-left-radius:var(--border-radius,var(--small-border-radius))}body.rtl table.data caption+tbody tr:first-child td:first-child,body.rtl table.data caption+tbody tr:first-child th:first-child,body.rtl table.data caption+tfoot tr:first-child td:first-child,body.rtl table.data caption+tfoot tr:first-child th:first-child,body.rtl table.data caption+thead tr:first-child td:first-child,body.rtl table.data caption+thead tr:first-child th:first-child,body.rtl table.data tbody:first-child tr:first-child td:first-child,body.rtl table.data tbody:first-child tr:first-child th:first-child,body.rtl table.data tfoot:first-child tr:first-child td:first-child,body.rtl table.data tfoot:first-child tr:first-child th:first-child,body.rtl table.data thead:first-child tr:first-child td:first-child,body.rtl table.data thead:first-child tr:first-child th:first-child{border-bottom-right-radius:var(--border-radius,var(--small-border-radius))}body.ltr table.data caption+tbody tr:first-child td:last-child,body.ltr table.data caption+tbody tr:first-child th:last-child,body.ltr table.data caption+tfoot tr:first-child td:last-child,body.ltr table.data caption+tfoot tr:first-child th:last-child,body.ltr table.data caption+thead tr:first-child td:last-child,body.ltr table.data caption+thead tr:first-child th:last-child,body.ltr table.data tbody:first-child tr:first-child td:last-child,body.ltr table.data tbody:first-child tr:first-child th:last-child,body.ltr table.data tfoot:first-child tr:first-child td:last-child,body.ltr table.data tfoot:first-child tr:first-child th:last-child,body.ltr table.data thead:first-child tr:first-child td:last-child,body.ltr table.data thead:first-child tr:first-child th:last-child{border-top-right-radius:var(--border-radius,var(--small-border-radius))}body.rtl table.data caption+tbody tr:first-child td:last-child,body.rtl table.data caption+tbody tr:first-child th:last-child,body.rtl table.data caption+tfoot tr:first-child td:last-child,body.rtl table.data caption+tfoot tr:first-child th:last-child,body.rtl table.data caption+thead tr:first-child td:last-child,body.rtl table.data caption+thead tr:first-child th:last-child,body.rtl table.data tbody:first-child tr:first-child td:last-child,body.rtl table.data tbody:first-child tr:first-child th:last-child,body.rtl table.data tfoot:first-child tr:first-child td:last-child,body.rtl table.data tfoot:first-child tr:first-child th:last-child,body.rtl table.data thead:first-child tr:first-child td:last-child,body.rtl table.data thead:first-child tr:first-child th:last-child{border-top-left-radius:var(--border-radius,var(--small-border-radius))}body.ltr table.data caption+tbody tr:first-child td:last-child,body.ltr table.data caption+tbody tr:first-child th:last-child,body.ltr table.data caption+tfoot tr:first-child td:last-child,body.ltr table.data caption+tfoot tr:first-child th:last-child,body.ltr table.data caption+thead tr:first-child td:last-child,body.ltr table.data caption+thead tr:first-child th:last-child,body.ltr table.data tbody:first-child tr:first-child td:last-child,body.ltr table.data tbody:first-child tr:first-child th:last-child,body.ltr table.data tfoot:first-child tr:first-child td:last-child,body.ltr table.data tfoot:first-child tr:first-child th:last-child,body.ltr table.data thead:first-child tr:first-child td:last-child,body.ltr table.data thead:first-child tr:first-child th:last-child{border-bottom-right-radius:var(--border-radius,var(--small-border-radius))}body.rtl table.data caption+tbody tr:first-child td:last-child,body.rtl table.data caption+tbody tr:first-child th:last-child,body.rtl table.data caption+tfoot tr:first-child td:last-child,body.rtl table.data caption+tfoot tr:first-child th:last-child,body.rtl table.data caption+thead tr:first-child td:last-child,body.rtl table.data caption+thead tr:first-child th:last-child,body.rtl table.data tbody:first-child tr:first-child td:last-child,body.rtl table.data tbody:first-child tr:first-child th:last-child,body.rtl table.data tfoot:first-child tr:first-child td:last-child,body.rtl table.data tfoot:first-child tr:first-child th:last-child,body.rtl table.data thead:first-child tr:first-child td:last-child,body.rtl table.data thead:first-child tr:first-child th:last-child{border-bottom-left-radius:var(--border-radius,var(--small-border-radius))}table.data thead td,table.data thead th{background-color:var(--gray-050);cursor:default;width:auto}table.data thead td,table.data thead th:not(.orderable){padding-bottom:var(--pane-padding,var(--m));padding-top:var(--pane-padding,var(--m))}table.data thead th{vertical-align:middle;white-space:nowrap}table.data thead th.orderable{padding:0!important;position:relative}body:not(.dragging) table.data thead th.orderable:not(.ordered):hover{background-color:var(--gray-100)}table.data thead th.orderable.ordered{background-color:var(--light-sel-color)}table.data thead th.orderable.ordered:not(.loading) button:after{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;position:absolute;top:calc(50% - 3px);-webkit-transform:rotate(225deg);-o-transform:rotate(225deg);transform:rotate(225deg);width:7px}body.ltr table.data thead th.orderable.ordered:not(.loading) button:after{right:var(--m)}body.rtl table.data thead th.orderable.ordered:not(.loading) button:after{left:var(--m)}table.data thead th.orderable.ordered:not(.loading).desc button:after{-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}table.data thead th.orderable button{font:inherit;padding:var(--pane-padding,var(--m)) var(--m);position:relative;width:100%}body.ltr table.data thead th.orderable button{padding-right:35px}body.rtl table.data thead th.orderable button{padding-left:35px}body.ltr table.data thead th.orderable button{text-align:left}body.rtl table.data thead th.orderable button{text-align:right}table.data thead th.orderable button:focus{z-index:1}table.data thead th:not(.loading) .spinner{display:none}table.data thead th .spinner{--size:12px;position:absolute;top:calc(50% - 6px)}body.ltr table.data thead th .spinner{right:8px}body.rtl table.data thead th .spinner{left:8px}table.data tbody tr{--hover-bg-color:var(--gray-050);--selected-bg-color:var(--dark-sel-color)}table.data tbody tr:not(.disabled):hover td,table.data tbody tr:not(.disabled):hover th{background-color:var(--hover-bg-color)}table.data tbody tr:not(.disabled):focus{position:relative;z-index:1}table.data tbody tr:not(.disabled).active-drop-target,table.data tbody tr:not(.disabled).sel{--text-color:var(--white);--medium-dark-text-color:var(--white);--medium-text-color:var(--white);--light-text-color:var(--white);--link-color:var(--white);--ui-control-color:var(--white);--focus-ring:0 0 0 3px hsl(var(--light-focus-hsl))}table.data tbody tr:not(.disabled).active-drop-target td,table.data tbody tr:not(.disabled).active-drop-target th,table.data tbody tr:not(.disabled).sel td,table.data tbody tr:not(.disabled).sel th{background-color:var(--selected-bg-color);color:var(--white)}table.data tbody td,table.data tbody th{background-clip:padding-box;padding-bottom:7px;padding-top:7px}table.data tbody td.timestamp{color:var(--light-text-color);vertical-align:bottom;white-space:nowrap}body.ltr table.data tbody td.timestamp{text-align:right}body.rtl table.data tbody td.timestamp{text-align:left}table.data thead+tbody tr td,table.data thead+tbody tr th,table.data tr+tr td,table.data tr+tr th{border-top:1px solid transparent}table.data tr.sel:not(.draggee)+tr.sel:not(.draggee) td,table.data tr.sel:not(.draggee)+tr.sel:not(.draggee) th{border-top-color:var(--gray-300)}table.collapsed{width:auto}table.collapsed,table.collapsed tbody,table.collapsed tbody td,table.collapsed tbody th,table.collapsed tbody tr{border:none;display:block;padding:0;white-space:normal;width:auto!important}body.ltr table.collapsed,body.ltr table.collapsed tbody,body.ltr table.collapsed tbody td,body.ltr table.collapsed tbody th,body.ltr table.collapsed tbody tr{text-align:left}body.rtl table.collapsed,body.rtl table.collapsed tbody,body.rtl table.collapsed tbody td,body.rtl table.collapsed tbody th,body.rtl table.collapsed tbody tr{text-align:right}table.collapsed thead{display:none}table.collapsed tbody tr{border-bottom:1px dotted var(--hairline-color);padding:6px 0}table.collapsed tbody tr:after{clear:both;content:"";display:block;height:0;visibility:hidden}table.collapsed tbody td,table.collapsed tbody th{padding:2px 0!important}table.collapsed tbody td:empty{display:none}body.ltr table.collapsed tbody [data-title]{margin-right:0}body.rtl table.collapsed tbody [data-title]{margin-left:0}table.collapsed tbody [data-title]:before{content:attr(data-title) ":";font-weight:700;margin-right:5px}table.collapsed tbody [data-title] form{display:inline-block}.datatablesorthelper,.editabletablesorthelper{background-color:var(--white);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.datatablesorthelper,.datatablesorthelper .chip,.datatablesorthelper a{cursor:move!important}.datatablesorthelper tr:first-child td,.datatablesorthelper tr:first-child th{border-top:none!important}.datatablesorthelper tr:last-child td,.datatablesorthelper tr:last-child th{border-bottom:none!important}.chip{-webkit-align-items:center;align-items:center;background-color:var(--gray-050);border-radius:var(--large-border-radius);cursor:default;display:-webkit-flex;display:flex;font-weight:400;gap:var(--xs);max-width:100%;padding:var(--xs) var(--s);position:relative;-webkit-user-select:none;user-select:none}.chip.small{--thumb-size:30px;-webkit-flex-direction:row;flex-direction:row;height:34px}.chip.small>.thumb{margin:calc(var(--xs)*-1 + 2px) calc(var(--s)*-1 + 2px)}body.ltr .chip.small>.thumb{margin-right:2px}body.rtl .chip.small>.thumb{margin-left:2px}.chip.large{--thumb-size:120px;-webkit-flex-direction:column;flex-direction:column;min-width:calc(var(--s)*2 + var(--thumb-size))}.chip.large .chip-content{width:100%}.chip .chip-content{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;gap:var(--s)}.chip .chip-content .status{margin:0}.chip.sel,li.active-drop-target .chip,li.sel .chip{--text-color:var(--white);--medium-dark-text-color:var(--white);--medium-text-color:var(--white);--light-text-color:var(--white);--link-color:var(--white);--ui-control-color:var(--white);--focus-ring:0 0 0 3px hsl(var(--light-focus-hsl));background-color:var(--dark-sel-color)!important;color:var(--white)}.chip.sel,.sel .chip{cursor:default}.chip.sel .thumb,.sel .chip .thumb{-webkit-filter:brightness(.85);filter:brightness(.85)}.chip.sel .thumb img,.sel .chip .thumb img{box-shadow:0 0 0 1px rgba(96,109,123,.1),0 6px 4px -4px rgba(96,109,123,.2)}.offset-drag-helper .chip{background-color:var(--gray-050);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.chip>.thumb{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;height:var(--thumb-size);-webkit-justify-content:center;justify-content:center;position:relative;width:var(--thumb-size)}.chip>.thumb.rounded img,.chip>.thumb.rounded svg{border:var(--xs) solid transparent;border-radius:50%}.chip>.thumb.checkered img{background-image:-o-linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 25%),-o-linear-gradient(315deg,rgba(154,165,177,.25) 25%,transparent 25%),-o-linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 75%),-o-linear-gradient(315deg,transparent 75%,rgba(154,165,177,.25) 75%);background-image:linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(135deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 0),linear-gradient(135deg,transparent 75%,rgba(154,165,177,.25) 0);background-position:0 0,4px 0,4px -4px,0 4px;-o-background-size:8px 8px;background-size:8px 8px}.chip>.thumb img,.chip>.thumb svg{border-radius:var(--small-border-radius);display:block;-webkit-flex-shrink:0;flex-shrink:0;max-height:100%;max-width:100%}.inline-chips{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:var(--xs)}.inline-chips .chip{margin:0!important}.card{-webkit-align-items:stretch;align-items:stretch;background-color:var(--gray-050);color:var(--medium-text-color);cursor:default;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;gap:var(--l);padding:var(--m);position:relative;-webkit-user-select:none;user-select:none}.card,.card:after{border-radius:var(--large-border-radius)}.card.sel,li.sel .card{--text-color:var(--white);--medium-dark-text-color:var(--white);--medium-text-color:var(--white);--light-text-color:var(--white);--link-color:var(--white);--ui-control-color:var(--white);--focus-ring:0 0 0 3px hsl(var(--light-focus-hsl));background-color:var(--dark-sel-color)!important;color:var(--white)}.card.sel>.thumb,li.sel .card>.thumb{background-color:var(--dark-sel-color)!important;-webkit-filter:brightness(.85);filter:brightness(.85)}.card>.thumb{-webkit-align-items:stretch;align-items:stretch;background-color:var(--gray-100);display:-webkit-flex;display:flex;margin:calc(var(--m)*-1);min-height:calc(var(--m)*2 + var(--lh)*3 + var(--xs));min-width:120px;overflow:hidden;position:relative;width:120px}body.ltr .card>.thumb{margin-right:0}body.rtl .card>.thumb{margin-left:0}.card>.thumb:after{bottom:0;box-shadow:0 1px 5px -1px rgba(31,41,51,.2);content:"";display:block;font-size:0;position:absolute;top:0;width:10px}body.ltr .card>.thumb:after{right:-10px}body.rtl .card>.thumb:after{left:-10px}body.ltr .card>.thumb,body.ltr .card>.thumb:after{border-radius:var(--large-border-radius) 0 0 var(--large-border-radius)}body.rtl .card>.thumb,body.rtl .card>.thumb:after{border-radius:0 var(--large-border-radius) var(--large-border-radius) 0}.card>.thumb img,.card>.thumb svg{max-height:120px;-o-object-fit:cover;object-fit:cover;width:100%}.card .card-content,.card .card-content .card-body{display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-flex-direction:column;flex-direction:column;gap:var(--xs)}.card .card-content{--focus-ring:var(--inner-focus-ring);-webkit-flex:1 0 0!important;flex:1 0 0!important;overflow:hidden;position:relative}.card .card-content .card-heading{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;gap:5px}.card .card-content .card-heading .status{-webkit-flex:0 0 10px;flex:0 0 10px;margin:0}.card .card-content .card-heading .label{font-weight:600}.card .card-content .card-body:empty{display:none}.card .card-content .card-body>*{--max-lines:2;text-wrap:pretty;margin:0;max-height:calc(var(--lh)*var(--max-lines));overflow:hidden}.card>.card-actions-container{-webkit-align-items:flex-start!important;align-items:flex-start!important;display:-webkit-flex;display:flex;position:relative}.card-grid{display:grid!important;gap:var(--s)!important;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.card-grid>li{border-radius:var(--large-border-radius);height:100%}.card-grid>li>.card{height:100%;margin:0!important}.card .checkbox:before,.chip .checkbox:before{box-shadow:none!important}.card .label,.chip .label{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;gap:var(--xs);overflow:hidden}.card .label .label-link,.chip .label .label-link{-webkit-flex:1 1 0;flex:1 1 0;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.card .label .draft-label,.chip .label .draft-label{background:var(--gray-100);border-radius:var(--large-border-radius);color:var(--medium-text-color);display:inline-block;font-weight:400;padding:1px 5px;text-decoration:none!important}body.ltr .card .label .draft-label,body.ltr .chip .label .draft-label{margin:-1px 0 -1px 7px}body.rtl .card .label .draft-label,body.rtl .chip .label .draft-label{margin:-1px 7px -1px 0}.card .label .segment:after,.chip .label .segment:after{border:solid var(--light-text-color);border-width:0 1px 1px 0;content:"";display:-webkit-inline-flex!important;display:inline-flex!important;display:block;font-size:0;height:7px;opacity:.8;position:relative;top:-2px;width:7px}body.ltr .card .label .segment:after,body.ltr .chip .label .segment:after{margin:0 5px 0 2px}body.rtl .card .label .segment:after,body.rtl .chip .label .segment:after{margin:0 2px 0 5px}body.ltr .card .label .segment:after,body.ltr .chip .label .segment:after{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.rtl .card .label .segment:after,body.rtl .chip .label .segment:after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.sel .card .label .segment:after,.sel .chip .label .segment:after{border:solid var(--white);border-width:0 1px 1px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;width:7px}body.ltr .sel .card .label .segment:after,body.ltr .sel .chip .label .segment:after{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.rtl .sel .card .label .segment:after,body.rtl .sel .chip .label .segment:after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.card>.card-actions-container>.card-actions,.card>.chip-content>.chip-actions,.chip>.card-actions-container>.card-actions,.chip>.chip-content>.chip-actions{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;gap:var(--s);min-height:var(--lh)}.card>.card-actions-container>.card-actions:empty,.card>.chip-content>.chip-actions:empty,.chip>.card-actions-container>.card-actions:empty,.chip>.chip-content>.chip-actions:empty{display:none}.card>.card-actions-container>.card-actions>.status,.card>.chip-content>.chip-actions>.status,.chip>.card-actions-container>.card-actions>.status,.chip>.chip-content>.chip-actions>.status{margin:0}.card>.card-actions-container>.card-actions>.menubtn,.card>.card-actions-container>.card-actions>.move,.card>.chip-content>.chip-actions>.menubtn,.card>.chip-content>.chip-actions>.move,.chip>.card-actions-container>.card-actions>.menubtn,.chip>.card-actions-container>.card-actions>.move,.chip>.chip-content>.chip-actions>.menubtn,.chip>.chip-content>.chip-actions>.move{height:var(--touch-target-size);margin:0 -4px;width:var(--touch-target-size)}.card>.card-actions-container>.card-actions .settings,.card>.chip-content>.chip-actions .settings,.chip>.card-actions-container>.card-actions .settings,.chip>.chip-content>.chip-actions .settings{color:var(--ui-control-color)}body.ltr .card>.card-actions-container>.card-actions .settings:before,body.ltr .card>.chip-content>.chip-actions .settings:before,body.ltr .chip>.card-actions-container>.card-actions .settings:before,body.ltr .chip>.chip-content>.chip-actions .settings:before{margin-right:0!important}body.rtl .card>.card-actions-container>.card-actions .settings:before,body.rtl .card>.chip-content>.chip-actions .settings:before,body.rtl .chip>.card-actions-container>.card-actions .settings:before,body.rtl .chip>.chip-content>.chip-actions .settings:before{margin-left:0!important}.card>.card-actions-container>.card-actions .settings:not(:hover):not(:active),.card>.chip-content>.chip-actions .settings:not(:hover):not(:active),.chip>.card-actions-container>.card-actions .settings:not(:hover):not(:active),.chip>.chip-content>.chip-actions .settings:not(:hover):not(:active){background-color:transparent}.card>.card-actions-container>.card-actions .move,.card>.chip-content>.chip-actions .move,.chip>.card-actions-container>.card-actions .move,.chip>.chip-content>.chip-actions .move{margin-top:-2px!important}.card.error .label .label-link,.chip.error .label .label-link{color:var(--error-color)}.element-index .source-path{--ui-control-bg-color:var(--light-sel-color);--ui-control-hover-bg-color:#bdcbdb;--ui-control-active-bg-color:#acbed2;background-color:var(--gray-050);border-radius:3px}.element-index .source-path .chevron-btns{--ui-control-height:1.875rem;background:#fff;display:-webkit-inline-flex;display:inline-flex;position:relative}.element-index .source-path .chevron-btns:before{border-top:calc(var(--ui-control-height)/2) solid #f3f7fc;content:"";display:block;font-size:0;height:0;position:absolute;top:0;width:0}body.ltr .element-index .source-path .chevron-btns:before{right:0}body.rtl .element-index .source-path .chevron-btns:before{left:0}body.ltr .element-index .source-path .chevron-btns:before{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .element-index .source-path .chevron-btns:before{border-right:calc(var(--ui-control-height)/2) solid transparent}.element-index .source-path .chevron-btns:after{border-bottom:calc(var(--ui-control-height)/2) solid #f3f7fc;content:"";display:block;font-size:0;position:absolute;top:calc(var(--ui-control-height)/2)}body.ltr .element-index .source-path .chevron-btns:after{right:0}body.rtl .element-index .source-path .chevron-btns:after{left:0}body.ltr .element-index .source-path .chevron-btns:after{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .element-index .source-path .chevron-btns:after{border-right:calc(var(--ui-control-height)/2) solid transparent}.element-index .source-path .chevron-btns .btn{--ui-control-border-radius:3px}.element-index .source-path .btn.settings{box-shadow:0 0 0 2px var(--white)}.element-index.main .source-path{margin:-22px calc(var(--padding)*-1 + 2px) 24px}.elementselectormodal .element-index .source-path{margin-bottom:2px}.element-index.pane .toolbar{background-color:var(--gray-050);border-radius:calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) 0 0;box-shadow:0 1px 0 var(--hairline-color);margin:calc(var(--pane-padding)*-1) calc(var(--pane-padding)*-1) var(--pane-padding)!important;padding:var(--pane-padding);position:relative;z-index:2}.element-index.pane .header{background-color:transparent;border-bottom:1px solid var(--hairline-color);padding-bottom:var(--pane-padding);padding-top:var(--pane-padding)}.element-index.pane .elements{--border-radius:0}.element-index.pane .elements .tableview table.data thead td,.element-index.pane .elements .tableview table.data thead th{border-bottom:1px solid var(--hairline-color)}.element-index.pane .elements .tableview table.data thead td:not(.ordered),.element-index.pane .elements .tableview table.data thead th:not(.ordered){background-color:transparent}.element-index.pane .footer{background:transparent;border-radius:0 0 calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px)!important;border-top:1px solid var(--hairline-color);box-shadow:none}.elements{position:relative}.elements:not(.busy) .update-spinner{display:none}.elements.busy{min-height:72px}.elements.busy:after{background:hsla(0,0%,100%,.75);border-radius:var(--large-border-radius);content:"";display:block;font-size:0;height:100%;left:calc(var(--pane-padding, 24px)*-1);position:absolute;top:0;width:calc(100% + var(--pane-padding, 24px) + var(--pane-padding, 24px));z-index:100}.elements.busy .update-spinner{z-index:101}.elements .header{background-color:var(--gray-050);border-radius:var(--border-radius,var(--small-border-radius));box-shadow:none;margin:calc(var(--xl)*-1 + 2px) calc(var(--padding)*-1 + 2px) var(--xl);padding:var(--s)}.elements .header:after{content:""}.elements .header .selectallcontainer{-webkit-align-items:center;align-items:center;cursor:default;display:-webkit-flex;display:flex;gap:5px}.elements .tableview tr.draggee td,.elements .tableview tr.draggee th,.elements .thumbsview li.draggee{opacity:.25}.elements .tableview th .move,.elements .tableview th .toggle{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;height:var(--touch-target-size);-webkit-justify-content:center;justify-content:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:var(--touch-target-size)}body.ltr .elements .tableview th .move,body.ltr .elements .tableview th .toggle{margin-left:calc(var(--touch-target-size)*-1)}body.rtl .elements .tableview th .move,body.rtl .elements .tableview th .toggle{margin-right:calc(var(--touch-target-size)*-1)}.elements .tableview th .move{font-size:11px;text-decoration:none}.elements .tableview th .toggle{border-radius:50%;padding:4px;text-align:center}body.ltr .elements .tableview th .move+.toggle{margin-left:calc(var(--touch-target-size)*-2)}body.rtl .elements .tableview th .move+.toggle{margin-right:calc(var(--touch-target-size)*-2)}.elements .tableview th .enabled-label{margin-left:var(--xs)}.elements .tableview .chip{background-color:transparent}.elements .thumbsview{display:grid;gap:var(--xs);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.elements .thumbsview li{border-radius:var(--large-border-radius);max-width:226px;position:relative}body.ltr .elements .thumbsview li{margin:0 1px 1px 0}body.rtl .elements .thumbsview li{margin:0 0 1px 1px}.elements .thumbsview li:hover .chip{background-color:var(--gray-050)}.elements .thumbsview li.sel a{cursor:pointer!important}.elements .thumbsview li.sel a:hover{text-decoration:underline}.export-form{position:relative}.export-form .spinner{bottom:0;position:absolute}body.ltr .export-form .spinner{right:-24px}body.rtl .export-form .spinner{left:-24px}.structure{position:relative;z-index:1}body.ltr .structure li{padding-left:8px}body.rtl .structure li{padding-right:8px}.structure li.collapsed>ul{display:none}.structure li .add.active,.structure li .row:hover>.icon,.structure li.draghelper>.row .move{opacity:1}.structure li.draghelper>.row .add{opacity:0}.structure li.draghelper>.row .move:before{color:var(--link-color)}.structure li.draginsertion{background-color:var(--link-color)!important;border-radius:1px;height:2px;position:relative}body.ltr .structure li.draginsertion{margin:-1px 0 -1px 8px}body.rtl .structure li.draginsertion{margin:-1px 8px -1px 0}body.ltr .structure li.draginsertion{padding-left:0}body.rtl .structure li.draginsertion{padding-right:0}body.ltr .structure li.draginsertion{border-left:none}body.rtl .structure li.draginsertion{border-right:none}.structure li .toggle{padding:4px;position:relative;z-index:1}body.ltr .structure li .toggle{float:left}body.rtl .structure li .toggle{float:right}body.ltr .structure li .toggle{margin:10px -8px 0 -12px}body.rtl .structure li .toggle{margin:10px -12px 0 -8px}.structure li .row:after{clear:both;content:"";display:block;height:0;visibility:hidden}.structure li .add,.structure li .move{opacity:0;-o-transition:opacity .1s linear;transition:opacity .1s linear}body.ltr .structure li .add,body.ltr .structure li .move{margin:5px 5px 0 0}body.rtl .structure li .add,body.rtl .structure li .move{margin:5px 0 0 5px}.structure li .add{padding:0 5px}.structure li .add:before{color:var(--dark-hairline-color);content:"downangle"}.structure li .add.active:before,.structure li .add:not(.disabled):hover:before{color:var(--link-color)}body.ltr .structure li .checkbox{float:left}body.rtl .structure li .checkbox{float:right}body.ltr .structure li .checkbox{margin:7px 0 0 7px}body.rtl .structure li .checkbox{margin:7px 7px 0 0}body.ltr .structure ul{margin-left:-3px}body.rtl .structure ul{margin-right:-3px}.structure ul li{background-repeat:no-repeat}body.ltr .structure ul li{padding-left:38px}body.rtl .structure ul li{padding-right:38px}body.ltr .structure ul li{background-image:url(../images/branch.png);background-position:0 0}body.rtl .structure ul li{background-image:url(../images/branch_rtl.png);background-position:100% 0}body.ltr .structure ul li:not(:last-child):not(.last){padding-left:37px}body.rtl .structure ul li:not(:last-child):not(.last){padding-right:37px}body.ltr .structure ul li:not(:last-child):not(.last){border-left:1px solid var(--gray-200)}body.rtl .structure ul li:not(:last-child):not(.last){border-right:1px solid var(--gray-200)}body.ltr .structure ul li:not(:last-child):not(.last){background-position:-1px 0}body.rtl .structure ul li:not(:last-child):not(.last){background-position:calc(100% + 1px) 0}body.ltr .structure ul li.draginsertion{margin-left:38px}body.rtl .structure ul li.draginsertion{margin-right:38px}.structure .row.draghover .chip{border-radius:15px;box-shadow:inset 0 0 0 2px var(--link-color);z-index:2}.structure .row.droptarget{border-radius:5px;box-shadow:inset 0 0 0 2px var(--link-color)}.elementselect{min-height:34px;position:relative}.elementselect .elements{-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-flex;display:flex;gap:var(--xs)}.elementselect .elements:not(.inline-chips){-webkit-flex-direction:column;flex-direction:column}.elementselect .elements li{max-width:100%}.elementselect .card:not(:first-child),.elementselect .chip:not(:first-child){margin-top:var(--s)}.elementselect .btn,.elementselect .flex{clear:both}.elementselect .chip{z-index:1}.elementselect .flex{padding-top:7px}body.ltr .elementselect .structure ul{margin-left:12px}body.rtl .elementselect .structure ul{margin-right:12px}.elementselect .structure ul li{background-position:0 2px!important}.elementselect .structure ul li .chip{margin:0}table.editable{border:1px solid var(--gray-200);border-radius:var(--large-border-radius)}table.editable td.action,table.editable td.heading,table.editable th{background-color:var(--gray-050);color:var(--medium-text-color);font-weight:400}table.editable tbody tr th,table.editable thead tr th{padding:6px 10px}table.editable thead tr th{border-bottom:1px solid var(--hairline-color)}body.ltr table.editable thead tr th.has-info{padding-right:calc(15px + 1em)}body.rtl table.editable thead tr th.has-info{padding-left:calc(15px + 1em)}table.editable thead tr th span.info{margin-left:5px;position:absolute}table.editable tbody tr:not(:first-child) td,table.editable tbody tr:not(:first-child) th{border-top:1px solid var(--hairline-color)}body.ltr table.editable tbody tr:last-child td:first-child{border-bottom-left-radius:var(--large-border-radius)}body.rtl table.editable tbody tr:last-child td:first-child{border-bottom-right-radius:var(--large-border-radius)}body.ltr table.editable tbody tr:last-child td:first-child input.text,body.ltr table.editable tbody tr:last-child td:first-child textarea{border-bottom-left-radius:calc(var(--large-border-radius) - 1px)}body.rtl table.editable tbody tr:last-child td:first-child input.text,body.rtl table.editable tbody tr:last-child td:first-child textarea{border-bottom-right-radius:calc(var(--large-border-radius) - 1px)}body.ltr table.editable tbody tr td:not(:first-child),body.ltr table.editable tbody tr th~td:not(.hidden)~td{border-left:1px solid var(--hairline-color)}body.rtl table.editable tbody tr td:not(:first-child),body.rtl table.editable tbody tr th~td:not(.hidden)~td{border-right:1px solid var(--hairline-color)}body.ltr table.editable tbody tr th~td:not(:first-child){border-left:1px solid #dbdddf}body.rtl table.editable tbody tr th~td:not(:first-child){border-right:1px solid #dbdddf}table.editable tbody tr td{background-color:var(--white);padding:4px 10px;text-align:center;vertical-align:top}table.editable tbody tr td.focus{box-shadow:inset 0 0 0 1px var(--hairline-color);position:relative}table.editable tbody tr td.textual{padding:0}table.editable tbody tr td.textual textarea{resize:none}table.editable tbody tr td.textual pre{white-space:pre-wrap}body.ltr table.editable tbody tr td.textual pre{text-align:left}body.rtl table.editable tbody tr td.textual pre{text-align:right}table.editable tbody tr td.lightswitch-cell{padding-bottom:9px;padding-top:9px}table.editable tbody tr td.lightswitch-cell .lightswitch{display:block;margin:0 auto}table.editable tbody tr td.checkbox-cell{padding-bottom:10px;padding-top:10px}table.editable tbody tr td.checkbox-cell .checkbox-wrapper{display:block;height:16px;margin:-2px auto 0;width:16px}table.editable tbody tr td.error{box-shadow:inset 0 0 0 1px var(--error-color)}table.editable tbody tr td.disabled{opacity:1;position:relative}table.editable tbody tr td.disabled:after{background-color:rgba(243,247,252,.75);content:"";font-size:0;height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}table.editable tbody tr td.action{padding:4px 7px}body.ltr table.editable tbody tr td.action+td.action{border-left:none}body.rtl table.editable tbody tr td.action+td.action{border-right:none}body.ltr table.editable tbody tr td.action+td.action{padding-left:0}body.rtl table.editable tbody tr td.action+td.action{padding-right:0}table.editable tbody tr td .flex>*{margin-bottom:0}table.editable tbody input.text,table.editable tbody pre,table.editable tbody textarea,table.editable tbody textarea.text{background-color:transparent;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;display:block;overflow:hidden;padding:7px 10px;-o-transition:none;transition:none;width:100%}table.editable tbody .color-container{display:block;position:relative}table.editable tbody .color-container .color-input,table.editable tbody .color-container>.color{margin-bottom:0}table.editable tbody .color-container>.color{position:absolute;top:10px;z-index:1}body.ltr table.editable tbody .color-container>.color{left:10px}body.rtl table.editable tbody .color-container>.color{right:10px}body.ltr table.editable tbody .color-container .color-hex-indicator{left:32px}body.rtl table.editable tbody .color-container .color-hex-indicator{right:32px}body.ltr table.editable tbody .color-container .color-input{padding-left:calc(32px + 1em)}body.rtl table.editable tbody .color-container .color-input{padding-right:calc(32px + 1em)}table.editable tbody .datewrapper,table.editable tbody .timewrapper{display:block;width:calc(100% - 29px)}table.editable tbody .datewrapper .text+div[data-icon],table.editable tbody .timewrapper .text+div[data-icon]{top:6px}body.ltr table.editable tbody .datewrapper .text+div[data-icon],body.ltr table.editable tbody .timewrapper .text+div[data-icon]{left:10px}body.rtl table.editable tbody .datewrapper .text+div[data-icon],body.rtl table.editable tbody .timewrapper .text+div[data-icon]{right:10px}table.editable:not(.static) td.textual{cursor:text}table.editable+.btn.add{display:block;width:100%}table.editable:not(.hidden)+.btn.add{border-radius:0 0 var(--medium-border-radius) var(--medium-border-radius);border-top-width:0}.border-box+.buttons,.shadow-box+.buttons{margin-top:7px}body.ltr .tree ul,body.ltr ul.tree{margin-left:20px}body.rtl .tree ul,body.rtl ul.tree{margin-right:20px}body.ltr .tree li .toggle{margin:7px 0 0 -15px}body.rtl .tree li .toggle{margin:7px -15px 0 0}.status{background-clip:border-box;border:1px solid transparent;border-radius:100%;box-sizing:border-box;display:inline-block;height:10px;position:relative;width:10px}body.ltr .status{margin-right:10px}body.rtl .status{margin-left:10px}body.use-shapes .status.all{background-image:-o-linear-gradient(60deg,#184cef,#e5422b);background-image:linear-gradient(30deg,#184cef,#e5422b);rotate:45deg}body.use-shapes .status.pending{background-color:transparent;border-color:transparent transparent var(--pending-color) transparent;border-radius:1px;border-style:solid;border-width:0 5px 10px}body.use-shapes .status.all,body.use-shapes .status.expired,body.use-shapes .status.off,body.use-shapes .status.suspended{border-radius:2px;-webkit-transform:scale(90%);-o-transform:scale(90%);transform:scale(90%)}.status:not(.on):not(.live):not(.active):not(.enabled):not(.all):not(.pending):not(.off):not(.suspended):not(.expired):not(.yellow):not(.orange):not(.red):not(.pink):not(.purple):not(.blue):not(.green):not(.turquoise):not(.light):not(.grey):not(.black){border-color:var(--ui-control-color)}.green,.status.active,.status.enabled,.status.live,.status.on{background-color:var(--enabled-color)}.status.all{background-image:-o-linear-gradient(30deg,#184cef,#e5422b);background-image:linear-gradient(60deg,#184cef,#e5422b);-o-background-origin:border-box;background-origin:border-box}.orange,.status.pending{background-color:var(--pending-color)}.red,.status.expired,.status.off,.status.suspended{background-color:var(--disabled-color)}.yellow{background-color:var(--yellow-300)}.pink{background-color:var(--pink-400)}.purple{background-color:#9b59b6}.blue{background-color:var(--blue-600)}.turquoise{background-color:var(--teal-300)}.status.light{background-color:var(--gray-100)}.grey{background-color:var(--gray-300)}.black{background-color:var(--gray-800)}.status.disabled,.status.white{opacity:1}.condition-container{margin:24px 0}.condition-footer,.condition-rule{padding:7px}.condition-footer{border:1px dashed var(--medium-hairline-color);border-radius:var(--large-border-radius)}.condition:not(:empty)+.condition-footer{border-top-left-radius:0;border-top-right-radius:0;border-top-width:0}.condition-footer .spinner:not(.loading){display:none}.condition-rule{background-color:var(--gray-050);border:1px solid var(--hairline-color);margin:0}.condition-rule:first-child{border-top-left-radius:var(--large-border-radius);border-top-right-radius:var(--large-border-radius)}.condition-rule+.condition-rule{border-top-width:0}.condition-rule>.rule-actions,.condition-rule>.rule-move{margin-top:5px}.condition-rule>.rule-body .lightswitch{display:block;margin-top:6px}.condition-rule>.rule-body .selectize{min-width:100px}.condition-rule>.rule-body .text.fullwidth{max-width:100%;min-width:100px}.progressbar{border:2px solid var(--gray-700);border-radius:6px;left:20%;padding:2px;position:absolute;width:60%;z-index:1000}.progressbar-inner{background-color:var(--gray-700);border-radius:2px;height:4px}.progressbar:not(.pending) .progressbar-inner{-o-transition:width .1s linear;transition:width .1s linear;width:0}.progressbar.pending .progressbar-inner{-webkit-animation-duration:.25s;-o-animation-duration:.25s;animation-duration:.25s;-webkit-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear}body.ltr .progressbar.pending .progressbar-inner{background:-o-repeating-linear-gradient(315deg,var(--white),var(--white) 8.8388347649px,var(--gray-700) 8.8388347649px,var(--gray-700) 17.6776695297px);background:repeating-linear-gradient(135deg,var(--white),var(--white) 8.8388347649px,var(--gray-700) 8.8388347649px,var(--gray-700) 17.6776695297px)}body.rtl .progressbar.pending .progressbar-inner{background:-o-repeating-linear-gradient(45deg,var(--white),var(--white) 8.8388347649px,var(--gray-700) 8.8388347649px,var(--gray-700) 17.6776695297px);background:repeating-linear-gradient(45deg,var(--white),var(--white) 8.8388347649px,var(--gray-700) 8.8388347649px,var(--gray-700) 17.6776695297px)}body.ltr .progressbar.pending .progressbar-inner{-webkit-animation-name:pendingprogress-ltr;-o-animation-name:pendingprogress-ltr;animation-name:pendingprogress-ltr}body.rtl .progressbar.pending .progressbar-inner{-webkit-animation-name:pendingprogress-rtl;-o-animation-name:pendingprogress-rtl;animation-name:pendingprogress-rtl}@-webkit-keyframes pendingprogress-ltr{0%{background-position:0}to{background-position:25px}}@-o-keyframes pendingprogress-ltr{0%{background-position:0}to{background-position:25px}}@keyframes pendingprogress-ltr{0%{background-position:0}to{background-position:25px}}@-webkit-keyframes pendingprogress-rtl{0%{background-position:0}to{background-position:-25px}}@-o-keyframes pendingprogress-rtl{0%{background-position:0}to{background-position:-25px}}@keyframes pendingprogress-rtl{0%{background-position:0}to{background-position:-25px}}.elementselect .progress-shade{background-color:hsla(0,0%,100%,.8);display:none;height:100%;position:absolute;top:0;width:100%}body.ltr .elementselect .progress-shade{left:0}body.rtl .elementselect .progress-shade{right:0}.elementselect.uploading{position:relative}.elementselect.uploading .progress-shade{display:block;z-index:2}.missing-component{background-color:var(--gray-050)!important;max-width:400px;padding:7px 10px!important}.missing-component .error{margin:0}.missing-component .install-plugin{border-top:1px solid var(--hairline-color);margin:7px 0 -7px;position:relative}body.ltr .missing-component .install-plugin{padding:10px 0 10px 40px}body.rtl .missing-component .install-plugin{padding:10px 40px 10px 0}.missing-component .install-plugin .icon{height:32px;position:absolute;top:calc(50% - 16px);width:32px}body.ltr .missing-component .install-plugin .icon{left:0}body.rtl .missing-component .install-plugin .icon{right:0}.missing-component .install-plugin .icon img,.missing-component .install-plugin .icon svg{height:100%;width:100%}.missing-component .install-plugin h3{-webkit-flex:1;flex:1;margin:8px 0!important}.missing-component .install-plugin .btn{margin:0}.pane{--pane-padding:var(--xl);--border:1px solid var(--hairline-color);word-wrap:break-word;background:#fff;border-radius:var(--large-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);box-sizing:border-box;margin:14px 0;padding:var(--pane-padding);position:relative}.pane:focus{box-shadow:var(--focus-ring)}#content .pane,.pane .pane{background-color:var(--gray-050);border:1px solid var(--hairline-color);box-shadow:none}.pane.dashed{border:1px dashed var(--medium-hairline-color)!important}.pane.dashed,.pane.hairline{background-color:transparent!important;box-shadow:none}.pane.hairline{border:1px solid rgba(96,125,159,.25)!important}.pane.padding-xs{--pane-padding:var(--xs)}.pane.padding-s{--pane-padding:var(--s)}.pane.padding-m{--pane-padding:var(--m)}.pane.padding-l{--pane-padding:var(--l)}.pane.loading{min-height:200px}.pane.loading:after{content:"";display:block;font-size:0;height:100%;left:-24px;position:absolute;top:0;width:calc(100% + 48px)}.pane-header{background-color:var(--gray-050);border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;box-shadow:inset 0 -1px 0 0 rgba(154,165,177,.25);box-sizing:border-box;margin:calc(var(--xl)*-1) var(--neg-padding) var(--xl);min-height:50px;padding:var(--s) var(--xl)}.pane-header .header-btn{height:30px;margin:2px 0;padding-left:0;padding-right:0;width:30px}.pane-header .header-btn:not(:hover):not(:active):not(.active){background-color:transparent}.pane-header .header-btn:not(:active):not(.active):hover{background-color:rgba(154,165,177,.15)}.pane-header .spinner{margin:0!important}.pane-tabs{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;margin:calc(var(--s)*-1) calc(var(--padding)*-1)}.pane-tabs:first-child{border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;overflow:hidden}.pane-tabs [role=tablist]{display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-flex-direction:row;flex-direction:row;overflow-x:auto;scrollbar-width:none}.pane-tabs [role=tablist]::-webkit-scrollbar{display:none}body.ltr .pane-tabs [role=tablist].scrollable{-webkit-mask-image:linear-gradient(270deg,transparent,#000 24px);mask-image:linear-gradient(270deg,transparent,#000 24px)}body.rtl .pane-tabs [role=tablist].scrollable{-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px);mask-image:linear-gradient(90deg,transparent,#000 24px)}.pane-tabs [role=tablist] [role=tab]{--tab-label-color:var(--light-text-color)}.pane-tabs [role=tablist] [role=tab].error{--highlight-color:var(--error-color)!important;--tab-label-color:var(--error-color)!important}.pane-tabs [role=tablist] [role=tab],.pane-tabs [role=tablist] [role=tab] .tab-label{border-radius:2px 2px 0 0}.pane-tabs [role=tablist] [role=tab] .tab-label{-webkit-align-items:center;align-items:center;color:var(--tab-label-color);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;height:50px;padding:0 var(--padding);position:relative;white-space:nowrap}.pane-tabs [role=tablist] [role=tab]:hover{text-decoration:none}body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible,body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus{box-shadow:none}body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible .tab-label,body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus .tab-label{box-shadow:var(--inner-focus-ring)}.pane-tabs [role=tablist] [role=tab]:not(.sel):hover{background-color:rgba(154,165,177,.15)}.pane-tabs [role=tablist] [role=tab].sel{--highlight-color:var(--gray-500);--tab-label-color:var(--text-color);background-color:var(--white);box-shadow:inset 0 2px 0 var(--highlight-color),0 0 0 1px rgba(51,64,77,.1),0 2px 12px rgba(205,216,228,.5);cursor:default;position:relative;z-index:1}body.ltr .pane-tabs [role=tablist] [role=tab] span[data-icon]{margin-left:4px}body.rtl .pane-tabs [role=tablist] [role=tab] span[data-icon]{margin-right:4px}body.ltr .pane-tabs:first-child [role=tablist] [role=tab]:first-child,body.ltr .pane-tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-left-radius:var(--large-border-radius)}body.rtl .pane-tabs:first-child [role=tablist] [role=tab]:first-child,body.rtl .pane-tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-right-radius:var(--large-border-radius)}.pane-tabs .menubtn{margin:0 var(--xl)}.pane-tabs .menubtn.error span[data-icon]{margin-right:2px}.details{--spacing:var(--l);padding:0 var(--padding) var(--spacing)}.details .field,.details .meta,.details hr{margin-left:var(--neg-padding);margin-right:var(--neg-padding)}.details .meta{margin-bottom:var(--spacing)}.details .meta:not(.read-only){background-color:var(--gray-050)!important}.details .meta.read-only{color:var(--medium-text-color)}.details .meta.read-only>.data{-webkit-align-items:baseline;align-items:baseline;min-height:auto}.details .meta.read-only>.data>.heading,.details .meta.read-only>.data>.value{padding:6px 0}.details .meta.read-only>.data:first-child>.heading,.details .meta.read-only>.data:first-child>.value{padding-top:0}.details .meta.read-only>.data:last-child>.heading,.details .meta.read-only>.data:last-child>.value{padding-bottom:0}.details .meta.warning{background-color:var(--yellow-050)!important;box-shadow:0 0 0 1px var(--yellow-300),0 2px 12px rgba(205,216,228,.5);color:var(--text-color)!important;padding-bottom:var(--m);padding-top:var(--m)}.details .meta.warning p{margin-bottom:5px}.details .meta.warning .btn{background-color:var(--yellow-300)}.details .meta.warning .btn:focus,.details .meta.warning .btn:hover{background-color:#fcd815}.details .meta.warning .btn:active{background-color:#f5ce03}.details .meta>.data,.details .meta>.field{margin:0 var(--neg-padding)!important}.details .meta>.data>.heading,.details .meta>.data>.heading>label,.details .meta>.field>.heading,.details .meta>.field>.heading>label{color:var(--gray-600)}body.ltr .details .meta>.field>.status-badge{left:0}body.rtl .details .meta>.field>.status-badge{right:0}.details .meta .text::-webkit-input-placeholder{color:var(--gray-500)}.details .meta .datewrapper .text+div[data-icon],.details .meta .text::placeholder,.details .meta .timewrapper .text+div[data-icon]{color:var(--gray-500)}body.ltr .details .meta .ui-datepicker{margin:0 0 0 -8px}body.rtl .details .meta .ui-datepicker{margin:0 -8px 0 0}.details hr{border-top-color:var(--hairline-color);margin:var(--spacing) 0}.details input::-webkit-input-placeholder,.details textarea::-webkit-input-placeholder{color:var(--gray-500)}.details input::placeholder,.details textarea::placeholder{color:var(--gray-500)}.details .text{background-color:transparent!important;resize:none}.details>.field>.heading>label,.details>fieldset>legend{color:var(--gray-600);font-weight:400;margin-top:0}.details>fieldset{margin:0 0 var(--spacing)}.details>fieldset>legend{margin-bottom:5px}.details>.field{margin:0 0 var(--spacing)}.details>.field>.heading{margin-top:0}.details>.field>.input>.text.fullwidth{background-color:var(--gray-050)!important;border:none;margin:0 var(--neg-padding);padding-left:var(--padding);padding-right:var(--padding);width:calc(100% + var(--padding) + var(--padding))}.details>.text{border-radius:var(--large-border-radius);margin-bottom:var(--spacing)}.details>.text:not(:focus){border-color:rgba(96,125,159,.4)}.meta{overflow:visible;padding:0 var(--padding)}.meta>.data,.meta>.field,.meta>.flex-fields>.data,.meta>.flex-fields>.field{-webkit-align-items:center;align-items:center;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;margin:0 var(--neg-padding)!important;min-height:50px;padding:0 var(--padding);-o-transition:padding-left .1s linear,padding-right .1s linear;transition:padding-left .1s linear,padding-right .1s linear}body.ltr .meta>.data.nested,body.ltr .meta>.field.nested,body.ltr .meta>.flex-fields>.data.nested,body.ltr .meta>.flex-fields>.field.nested{padding-left:38px}body.rtl .meta>.data.nested,body.rtl .meta>.field.nested,body.rtl .meta>.flex-fields>.data.nested,body.rtl .meta>.flex-fields>.field.nested{padding-right:38px}.meta>.data.add,.meta>.field.add,.meta>.flex-fields>.data.add,.meta>.flex-fields>.field.add{background-color:#ebf2fa}.meta>.data.add:before,.meta>.field.add:before,.meta>.flex-fields>.data.add:before,.meta>.flex-fields>.field.add:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;color:var(--light-text-color);content:"plus";direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);position:absolute;text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle;width:31px}body.ltr .meta>.data.add:before,body.ltr .meta>.field.add:before,body.ltr .meta>.flex-fields>.data.add:before,body.ltr .meta>.flex-fields>.field.add:before{left:0}body.rtl .meta>.data.add:before,body.rtl .meta>.field.add:before,body.rtl .meta>.flex-fields>.data.add:before,body.rtl .meta>.flex-fields>.field.add:before{right:0}body.ltr .meta>.data.add:before,body.ltr .meta>.field.add:before,body.ltr .meta>.flex-fields>.data.add:before,body.ltr .meta>.flex-fields>.field.add:before{text-align:right}body.rtl .meta>.data.add:before,body.rtl .meta>.field.add:before,body.rtl .meta>.flex-fields>.data.add:before,body.rtl .meta>.flex-fields>.field.add:before{text-align:left}.meta>.data.add .input,.meta>.field.add .input,.meta>.flex-fields>.data.add .input,.meta>.flex-fields>.field.add .input{width:100%}.meta>.data>.heading,.meta>.field>.heading,.meta>.flex-fields>.data>.heading,.meta>.flex-fields>.field>.heading{margin:0}@media screen and (min-width:400px){.meta>.data>.heading,.meta>.field>.heading,.meta>.flex-fields>.data>.heading,.meta>.flex-fields>.field>.heading{-webkit-flex:0 0 104px;flex:0 0 104px;line-height:18px}body.ltr .meta>.data>.heading,body.ltr .meta>.field>.heading,body.ltr .meta>.flex-fields>.data>.heading,body.ltr .meta>.flex-fields>.field>.heading{margin-right:var(--s)}body.rtl .meta>.data>.heading,body.rtl .meta>.field>.heading,body.rtl .meta>.flex-fields>.data>.heading,body.rtl .meta>.flex-fields>.field>.heading{margin-left:var(--s)}}.meta>.data.lightswitch-field>.heading,.meta>.field.lightswitch-field>.heading,.meta>.flex-fields>.data.lightswitch-field>.heading,.meta>.flex-fields>.field.lightswitch-field>.heading{-webkit-flex:1;flex:1}.meta>.data>.input .flex,.meta>.field>.input .flex,.meta>.flex-fields>.data>.input .flex,.meta>.flex-fields>.field>.input .flex{-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.meta>.data>.input .flex>*,.meta>.field>.input .flex>*,.meta>.flex-fields>.data>.input .flex>*,.meta>.flex-fields>.field>.input .flex>*{margin-bottom:0}.meta>.field>.heading,.meta>.flex-fields>.field>.heading{padding-top:var(--s)}@media screen and (min-width:400px){.meta>.field>.heading,.meta>.flex-fields>.field>.heading{padding:14px 0}}.meta>.field>.heading>.copytextbtn,.meta>.flex-fields>.field>.heading>.copytextbtn{display:none}.meta>.data>.heading,.meta>.flex-fields>.data>.heading{padding:var(--s) 0}.meta>.data>.heading,.meta>.field>.heading>label,.meta>.flex-fields>.data>.heading,.meta>.flex-fields>.field>.heading>label{color:var(--medium-text-color)}.meta>.data>.value,.meta>.field>.input,.meta>.flex-fields>.data>.value,.meta>.flex-fields>.field>.input{padding:var(--s) 0;width:100%}@media screen and (min-width:400px){.meta>.data>.value,.meta>.field>.input,.meta>.flex-fields>.data>.value,.meta>.flex-fields>.field>.input{width:calc(100% - 112px)}}.meta>.data>.value,.meta>.flex-fields>.data>.value{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex}.meta>.data>.value>[data-icon=draft],.meta>.flex-fields>.data>.value>[data-icon=draft]{margin-top:-2px}body.ltr .meta>.data>.value>[data-icon=draft],body.ltr .meta>.flex-fields>.data>.value>[data-icon=draft]{margin-right:8px}body.rtl .meta>.data>.value>[data-icon=draft],body.rtl .meta>.flex-fields>.data>.value>[data-icon=draft]{margin-left:8px}.meta>.field.lightswitch-field>.input,.meta>.flex-fields>.field.lightswitch-field>.input{-webkit-flex:0;flex:0;width:auto}.meta>.field.has-errors,.meta>.flex-fields>.field.has-errors{border:1px solid var(--error-color)!important}.meta>.field.has-errors:first-child,.meta>.flex-fields>.field.has-errors:first-child{border-top-left-radius:var(--large-border-radius);border-top-right-radius:var(--large-border-radius)}.meta>.field.has-errors:last-child,.meta>.flex-fields>.field.has-errors:last-child{border-bottom-left-radius:var(--large-border-radius);border-bottom-right-radius:var(--large-border-radius)}.meta>.field.has-errors+.field,.meta>.flex-fields>.field.has-errors+.field{border-top:none!important}.meta>.field>.heading>label,.meta>.field>.heading>legend,.meta>.flex-fields>.field>.heading>label,.meta>.flex-fields>.field>.heading>legend{font-weight:400}.meta>.field>.input>.datetimewrapper>.datewrapper>.text,.meta>.field>.input>.datetimewrapper>.timewrapper>.text,.meta>.field>.input>.datewrapper>.text,.meta>.field>.input>.flex>.text,.meta>.field>.input>.flex>.textwrapper>.text,.meta>.field>.input>.text,.meta>.field>.input>.timewrapper>.text,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper>.text,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper>.text,.meta>.flex-fields>.field>.input>.datewrapper>.text,.meta>.flex-fields>.field>.input>.flex>.text,.meta>.flex-fields>.field>.input>.flex>.textwrapper>.text,.meta>.flex-fields>.field>.input>.text,.meta>.flex-fields>.field>.input>.timewrapper>.text{background-color:transparent;border:none!important;border-radius:0;display:block;margin:calc(var(--s)*-1) 0;padding:14px 0}.meta>.field>.input>.datetimewrapper>.datewrapper,.meta>.field>.input>.datetimewrapper>.timewrapper,.meta>.field>.input>.datewrapper,.meta>.field>.input>.timewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper,.meta>.flex-fields>.field>.input>.datewrapper,.meta>.flex-fields>.field>.input>.timewrapper{background-color:transparent}body.ltr .meta>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.datewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.timewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.timewrapper .text+div[data-icon]{left:0}body.rtl .meta>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.datewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.timewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.timewrapper .text+div[data-icon]{right:0}.meta>.field>.input>.datetimewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper{gap:0}.meta>.field>.input>.datetimewrapper>.datewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper{width:55%}.meta>.field>.input>.datetimewrapper>.timewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper{width:45%}body.ltr .meta>.field>.input>.datetimewrapper>.clear-btn,body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.clear-btn{margin-right:-24px}body.rtl .meta>.field>.input>.datetimewrapper>.clear-btn,body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.clear-btn{margin-left:-24px}.meta>.field>.input>.datewrapper,.meta>.field>.input>.timewrapper,.meta>.flex-fields>.field>.input>.datewrapper,.meta>.flex-fields>.field>.input>.timewrapper{display:block;width:100%}.meta>.field>ul.errors,.meta>.flex-fields>.field>ul.errors{list-style-type:none;margin:0;padding:0 0 6px;width:100%}body.ltr .meta>.field>.clear-btn,body.ltr .meta>.flex-fields>.field>.clear-btn{margin-right:var(--neg-padding)}body.rtl .meta>.field>.clear-btn,body.rtl .meta>.flex-fields>.field>.clear-btn{margin-left:var(--neg-padding)}.meta>.field:not(:first-child):not(.first-child),.meta>.flex-fields+.field:not(.first-child){border-top:1px solid var(--hairline-color)}.meta>.flex-fields blockquote.note,.meta>.flex-fields h2{background-color:#ebf2fa;margin:0 -24px!important;padding:14px 24px}.meta>.flex-fields blockquote.note{border:none;border-radius:0}.meta>.flex-fields hr{margin:0 -24px}.meta>.field>.input>.select{background-color:transparent;border-radius:0;box-shadow:none;display:block;margin:calc(var(--s)*-1) 0;width:100%}body.ltr .meta>.field>.input>.select:after{right:0}body.rtl .meta>.field>.input>.select:after{left:0}.meta>.field>.input>.select+.spinner{position:absolute;top:calc(50% - 17px)}body.ltr .meta>.field>.input>.select+.spinner{right:-24px}body.rtl .meta>.field>.input>.select+.spinner{left:-24px}.meta>.field>.input>.select select{background-color:transparent;width:100%}body.ltr .meta>.field>.input>.select select{padding:var(--s) 12px var(--s) 0}body.rtl .meta>.field>.input>.select select{padding:var(--s) 0 var(--s) 12px}.body{position:relative}.hud,.modal,.slideout,.slideout-container{box-sizing:border-box;z-index:100}.hud,.modal{background-color:#fff;border-radius:5px;box-shadow:0 25px 100px rgba(31,41,51,.5)!important}.slideout-shade{opacity:0;-o-transition:opacity .25s linear;transition:opacity .25s linear}.slideout-shade.so-visible{opacity:1}.slideout-container{height:100vh;height:-webkit-fill-available;left:0;pointer-events:none;position:fixed;top:0;width:100vw}.slideout-container.so-lp{height:calc(100vh - var(--m)*2);left:var(--m);position:absolute;top:var(--m);width:calc(100% - var(--m)*2)}body.has-debug-toolbar .slideout-container{height:calc(100vh - 42px)}.slideout{container-type:inline-size;background-color:var(--white);box-shadow:0 0 0 1px rgba(123,135,147,.25),0 25px 100px rgba(31,41,51,.5)!important;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;overflow:hidden;padding:24px var(--padding);pointer-events:all;position:absolute}.slideout.so-lp,.slideout.so-mobile{height:100%!important;left:0;-o-transition:top .25s linear;transition:top .25s linear;width:100%!important;will-change:top}.slideout.so-mobile{--padding:14px;--neg-padding:-14px}.slideout:not(.so-mobile){border-radius:var(--large-border-radius)}.slideout:not(.so-mobile):not(.so-lp){height:calc(100% - 16px);top:8px;width:calc(50% - 8px)}@media screen and (prefers-reduced-motion:no-preference){body.ltr .slideout:not(.so-mobile):not(.so-lp){-o-transition:left .25s linear;transition:left .25s linear;will-change:left}body.rtl .slideout:not(.so-mobile):not(.so-lp){-o-transition:right .25s linear;transition:right .25s linear;will-change:right}}.slideout>.pane-header{padding-left:var(--padding);padding-right:var(--padding);z-index:2}.slideout>.pane-header>.so-toolbar{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;gap:var(--s);min-height:34px}.slideout>.pane-header>.so-toolbar>.pane-tabs{-webkit-flex:1;flex:1;width:1px}body.ltr .slideout>.pane-header>.so-toolbar>.pane-tabs{margin-right:0}body.rtl .slideout>.pane-header>.so-toolbar>.pane-tabs{margin-left:0}.slideout>.so-body{-webkit-flex:1;flex:1;margin:-24px var(--neg-padding) 0;overflow:hidden auto;position:relative}.slideout>.so-body.so-full-details,.slideout>.so-body>.so-sidebar{background-color:var(--gray-100)!important}.slideout>.so-body:not(.so-full-details){padding:24px var(--padding)}.slideout>.so-body.so-full-details>.so-content>.details,.slideout>.so-body>.so-sidebar{box-sizing:border-box;padding:0 var(--padding) var(--spacing)}.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container,.slideout>.so-body>.so-sidebar>.preview-thumb-container{height:auto;margin:0 var(--neg-padding);min-height:54px}.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container+.pane-header,.slideout>.so-body>.so-sidebar>.preview-thumb-container+.pane-header{border-radius:0}.slideout>.so-body.so-full-details>.so-content>.details .image-actions.is-mobile,.slideout>.so-body>.so-sidebar .image-actions.is-mobile{margin:calc(var(--spacing)/2) 0 var(--spacing)}.slideout>.so-body.so-full-details>.so-content>.details>.meta.read-only:first-child,.slideout>.so-body>.so-sidebar>.meta.read-only:first-child{margin-top:var(--padding)}.slideout>.so-body.so-full-details>.so-content>.details>.meta.warning,.slideout>.so-body>.so-sidebar>.meta.warning{border-bottom:1px solid var(--yellow-300);box-shadow:none}.slideout>.so-body.so-full-details>.so-content>.details>.field>.input>.text.fullwidth,.slideout>.so-body>.so-sidebar>.field>.input>.text.fullwidth{border-radius:0}.slideout>.so-body.so-full-details>.so-content>.details .notes,.slideout>.so-body>.so-sidebar .notes{padding-bottom:var(--m);padding-top:var(--m)}.slideout>.so-body>.so-sidebar{background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);height:100%;max-width:100%;overflow:hidden auto;position:absolute;top:0;width:350px;z-index:1}.slideout>.so-body>.so-sidebar:focus{box-shadow:var(--focus-ring)}body.ltr .slideout>.so-body>.so-sidebar{-o-transition:right .25s linear;transition:right .25s linear}body.rtl .slideout>.so-body>.so-sidebar{-o-transition:left .25s linear;transition:left .25s linear}.slideout>.so-footer{background:#fff;background-color:var(--gray-050);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:8px;-webkit-justify-content:space-between;justify-content:space-between;margin:0 var(--neg-padding) -24px;padding:8px var(--padding);position:relative;z-index:3}.slideout>.so-footer:focus{box-shadow:var(--focus-ring)}.slideout>.so-footer>.so-extra{border-bottom:1px solid var(--hairline-color);-webkit-flex:0 0 100%;flex:0 0 100%;margin:0 var(--neg-padding);padding:0 var(--padding) 8px}@container (width > 700px){.slideout.has-sidebar .pane-header:not(.so-visible){display:none}.slideout.has-sidebar .sidebar-btn{display:none}.slideout.has-sidebar .so-body{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;overflow:hidden;padding:0}.slideout.has-sidebar .so-body>.so-content{box-sizing:border-box;height:100%;overflow:hidden auto;padding:24px;position:relative;width:calc(100% - 350px);z-index:2}body.ltr .slideout.has-sidebar .so-body>.so-content{border-right:1px solid var(--gray-200)}body.rtl .slideout.has-sidebar .so-body>.so-content{border-left:1px solid var(--gray-200)}.slideout.has-sidebar .so-body>.so-sidebar{box-shadow:none;display:block!important;height:100%;left:auto!important;position:relative;right:auto!important;top:auto}.slideout>.so-footer>.so-extra{border:none;-webkit-flex:auto 0 1;flex:auto 0 1;margin:0;padding:0}}.footer,.header,.hud-footer,.hud-header{background-color:var(--gray-100);box-sizing:border-box;position:relative;z-index:1}.header,.hud-header{border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;box-shadow:inset 0 -1px 0 var(--hairline-color);padding:24px}.header h1,.hud-header h1{margin:0}.footer,.hud-footer{border-radius:0 0 var(--large-border-radius) var(--large-border-radius);box-shadow:inset 0 1px 0 var(--hairline-color);padding:var(--s) var(--pane-padding,var(--xl))}.footer.flex>*,.hud-footer.flex>*{margin-bottom:0}.hud .main,.modal .body{box-sizing:border-box;overflow:hidden;padding:24px}.modal .body .header,.pane .header{margin:calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1) var(--pane-padding,24px)}.modal .body .footer,.pane .footer{margin:var(--pane-padding,24px) calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1)}.hud-shade,.modal-shade,.slideout-shade{display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.modal-shade:not(.dark),.slideout-shade:not(.dark){background-color:rgba(123,135,147,.35)!important}.modal-shade.dark,.slideout-shade.dark{background-color:rgba(31,41,51,.5)!important}.modal{overflow:hidden;position:fixed}.modal:not(.fitted):not(.fullscreen){height:66%;min-height:400px;min-width:600px;width:66%}.modal.fitted{height:auto;min-height:0;min-width:0;width:auto}.modal.fullscreen{border-radius:0;height:100%;width:100%}body.ltr .modal.alert .body{padding-left:76px}body.rtl .modal.alert .body{padding-right:76px}.modal.alert .body:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;color:var(--light-text-color);content:"alert";direction:ltr;display:inline-block;font-family:Craft;font-size:40px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}body.ltr .modal.alert .body:before{margin:-6px 0 0 -58px}body.rtl .modal.alert .body:before{margin:-6px -58px 0 0}body.ltr .modal.alert .body:before{float:left}body.rtl .modal.alert .body:before{float:right}body.ltr .modal.secure .body{padding-left:76px}body.rtl .modal.secure .body{padding-right:76px}.modal.secure .body:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;color:var(--light-text-color);content:"secure";direction:ltr;display:inline-block;font-family:Craft;font-size:58px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}body.ltr .modal.secure .body:before{margin:-14px 0 0 -56px}body.rtl .modal.secure .body:before{margin:-14px -56px 0 0}body.ltr .modal.secure .body:before{float:left}body.rtl .modal.secure .body:before{float:right}.modal .resizehandle{bottom:0;cursor:nwse-resize;height:24px;padding:var(--xs);position:absolute;width:24px;z-index:1}body.ltr .modal .resizehandle{right:0}body.rtl .modal .resizehandle{left:0}.modal .resizehandle path{fill:var(--ui-control-color)}.hud,body.ltr .modal .resizehandle .rtl,body.rtl .modal .resizehandle .ltr{display:none}.hud{position:absolute;top:0}.hud.tooltip-hud{display:block}.hud.has-footer .tip-bottom{background-image:url(../images/hudtip_bottom_gray.png)}.hud .tip{background:no-repeat 0 0;position:absolute;z-index:101}.hud .tip-left{background-image:url(../images/hudtip_left.png);height:30px;left:-15px;width:15px}.hud .tip-top{background-image:url(../images/hudtip_top.png);height:15px;top:-15px;width:30px}.hud .tip-right{background-image:url(../images/hudtip_right.png);height:30px;right:-15px;width:15px}.hud .tip-bottom{background-image:url(../images/hudtip_bottom.png);bottom:-15px;height:15px;width:30px}.hud .hud-footer,.hud .hud-header{padding:var(--s) var(--xl)}.hud .body{overflow:hidden}.hud .body ::-webkit-scrollbar{-webkit-appearance:none;appearance:none}.hud .body ::-webkit-scrollbar:vertical{width:11px}.hud .body ::-webkit-scrollbar:horizontal{height:11px}.hud .body ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border:2px solid transparent;border-radius:8px}.hud .body ::-webkit-scrollbar-track{background-color:var(--gray-050)}.preview-thumb-container{-webkit-align-items:center;align-items:center;background-color:var(--gray-900);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;height:190px;margin:0 var(--neg-padding) var(--spacing);position:relative}.preview-thumb-container.checkered img{background-color:var(--white);background-image:-o-linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 25%),-o-linear-gradient(315deg,rgba(154,165,177,.25) 25%,transparent 25%),-o-linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 75%),-o-linear-gradient(315deg,transparent 75%,rgba(154,165,177,.25) 75%);background-image:linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(135deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 0),linear-gradient(135deg,transparent 75%,rgba(154,165,177,.25) 0);background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px;-o-background-size:17px 17px;background-size:17px 17px}.preview-thumb-container.editable{cursor:pointer}.preview-thumb-container.loading:after{background-color:rgba(31,41,51,.8);content:"";display:block;font-size:0;height:100%;left:0;position:absolute;top:0;width:100%}.preview-thumb-container.loading .spinner{color:var(--white);z-index:1}#details .preview-thumb-container{border-radius:var(--large-border-radius);overflow:hidden}.preview-thumb-container .preview-thumb{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:100%;width:100%}.preview-thumb-container .preview-thumb img{display:block;max-height:190px;max-width:100%}.image-actions.is-mobile{display:grid;grid-template-columns:1fr 1fr;margin:calc(var(--spacing)/2*-1) var(--neg-padding) var(--spacing)}.button-fade .buttons{margin:0;opacity:0;position:absolute;top:10px;-o-transition:opacity .1s linear;transition:opacity .1s linear}body.ltr .button-fade .buttons{right:10px}body.rtl .button-fade .buttons{left:10px}.button-fade .buttons .btn{--ui-control-color:var(--white);--ui-control-hover-color:var(--white);--ui-control-active-color:var(--white);--interaction-background-color:var(--gray-700);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;--light-color:var(--white);--dark-color:var(--gray-800);--focus-ring:0 0 0 3px var(--light-color),0 0 0 6px var(--dark-color);background-color:var(--gray-600);color:var(--white);font-weight:500}.button-fade .buttons .btn:hover{background-color:var(--interaction-background-color)!important}.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed).focus,.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed):focus,.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed):hover{background-color:var(--interaction-background-color)}.button-fade:focus-within .buttons,.button-fade:hover .buttons{opacity:1}.elementselectormodal{--content-padding:24px;padding-bottom:50px;-webkit-user-select:none;user-select:none}.elementselectormodal>.header{padding-bottom:14px;padding-top:14px;text-align:center}.elementselectormodal>.header+.body{height:calc(100% - 48px)!important}.elementselectormodal .body{height:100%;position:relative}.elementselectormodal .body .spinner.big{left:50%;margin:-24px 0 0 -24px;position:absolute;top:50%}.elementselectormodal .body .content{height:calc(100% + 48px)}.elementselectormodal .body .content .sidebar{height:100%;overflow:auto;padding:var(--content-padding) 0;position:absolute;top:0}body.ltr .elementselectormodal .body .content .sidebar{margin-left:-249px}body.rtl .elementselectormodal .body .content .sidebar{margin-right:-249px}.elementselectormodal .body .content .main{box-sizing:border-box;height:100%;margin:-24px;overflow:auto;padding:var(--content-padding);position:relative}.elementselectormodal .body .content .main .elements.busy{min-height:calc(100% - 48px)}.elementselectormodal .body .content .main .elements .header{margin:0 0 var(--m)}.elementselectormodal .body .content .main .elements .tableview table tr td,.elementselectormodal .body .content .main .elements .tableview table tr th{cursor:default}.elementselectormodal .body .content .main .elements .tableview table tr .checkbox:before{box-shadow:none!important}.elementselectormodal .body .content .main .elements .structure .row{margin-top:1px}.elementselectormodal .footer{bottom:0;box-sizing:border-box;left:0;margin:0;position:absolute;width:100%}body.ltr .elementselectormodal .footer .spinner{float:right}body.rtl .elementselectormodal .footer .spinner{float:left}body.ltr .elementselectormodal .footer .spinner{margin-right:-24px}body.rtl .elementselectormodal .footer .spinner{margin-left:-24px}.customize-sources-modal .main-header,.elementselectormodal .main-header{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;margin-bottom:var(--s)}.customize-sources-modal .main-heading,.elementselectormodal .main-heading{margin-bottom:0}.customize-sources-modal .nav-toggle,.elementselectormodal .nav-toggle{color:var(--ui-control-color);height:var(--touch-target-size);width:var(--touch-target-size)}body.ltr .customize-sources-modal .nav-toggle,body.ltr .elementselectormodal .nav-toggle{margin-left:4px}body.rtl .customize-sources-modal .nav-toggle,body.rtl .elementselectormodal .nav-toggle{margin-right:4px}.customize-sources-modal .nav-toggle:hover,.elementselectormodal .nav-toggle:hover{color:var(--gray-500)}.customize-sources-modal .sidebar-header,.elementselectormodal .sidebar-header{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;margin-bottom:var(--s);padding:0 var(--s)}.customize-sources-modal .nav-close,.elementselectormodal .nav-close{height:var(--touch-target-size);width:var(--touch-target-size)}.element-hud-form .buttons{position:relative}.element-hud-form .buttons .spinner{position:absolute;top:0}body.ltr .element-hud-form .buttons .spinner{right:-24px}body.rtl .element-hud-form .buttons .spinner{left:-24px}body.ltr .activity-container:not(:last-child){margin-right:var(--s)}body.rtl .activity-container:not(:last-child){margin-left:var(--s)}.activity-container ul{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:var(--xs)}.activity-container ul li .activity-btn{border-radius:50%;display:block;height:30px;width:30px}.activity-container ul li .activity-btn .elementthumb{background:var(--gray-050);border:2px solid var(--white);border-radius:50px;box-shadow:0 1px 2px 1px rgba(31,41,51,.1);height:100%;overflow:hidden;position:relative;width:100%}.activity-container ul li .activity-btn .elementthumb img,.activity-container ul li .activity-btn .elementthumb svg{display:block;height:100%;width:100%}body.ltr .activity-container ul li:not(:last-child){margin-right:-10px}body.rtl .activity-container ul li:not(:last-child){margin-left:-10px}.element-index-view-menu{max-width:calc(100% - 20px);padding:0!important;width:400px}.element-index-view-menu .meta{padding-bottom:var(--s);padding-top:var(--s)}.element-index-view-menu .table-columns-field{-webkit-align-items:flex-start;align-items:flex-start}.element-index-view-menu .table-columns-field .input{padding:13px 0}.element-index-view-menu .menu-footer{background-color:var(--gray-050);margin:0!important;padding:var(--s) var(--xl)!important}.element-index-view-menu-table-column{-webkit-align-content:stretch;align-content:stretch;-webkit-align-items:start;align-items:start;display:-webkit-flex;display:flex;margin-bottom:4px}.element-index-view-menu-table-column .icon.move{position:relative;z-index:1}body.ltr .element-index-view-menu-table-column .icon.move{margin-right:10px}body.rtl .element-index-view-menu-table-column .icon.move{margin-left:10px}.sort-field .input .flex .btngroup .btn{width:42px}.sort-field .input .flex .flex-grow{max-width:calc(100% - 85px - var(--s))}@media screen and (max-width:350px){.sort-field .input .flex{-webkit-flex-direction:column;flex-direction:column}.sort-field .input .flex>*{width:100%}.sort-field .input .flex .flex-grow{max-width:none}}.element-filter-hud.loading .body{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:50px}.element-filter-hud .body,.element-filter-hud .main{overflow:visible}.address-cards{display:grid;gap:var(--m) var(--m);grid-auto-rows:minmax(0,1fr);grid-template-columns:repeat(1,minmax(0,1fr))}.so-content .address-cards{grid-template-columns:repeat(1,minmax(0,1fr))!important}.address-cards__add-btn{height:auto;min-height:8rem;padding:1rem;width:100%}.address-card.error{border:1px solid #cf1124}.address-card.error:hover{border-color:#cf1124}@media(min-width:1024px){.address-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.address-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.so-content .address-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(min-width:1536px){.address-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}.address-card{border:1px solid #eee;border-radius:.375rem;min-height:4rem;padding:1rem}.address-card:hover{background-color:#fafafa;border-color:#ddd;cursor:pointer}.address-card .address-card-header{display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:space-between;justify-content:space-between}.address-card .address-card-header-actions{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.address-card .address-card-label{background:#e6f1fe;border-radius:.25rem;color:#2563eb;font-size:.75rem;font-weight:500;margin-bottom:.75rem;padding:.125rem .5rem;text-transform:uppercase}.ltr .address-card .address-card-label{margin-right:.5rem}.rtl .address-card .address-card-label{margin-left:.5rem}.loginmodalshade,.logoutwarningmodalshade{z-index:1001}#elevatedsessionmodal,#loginmodal,#logoutwarningmodal,.prompt{width:500px}#loginmodal,#logoutwarningmodal{z-index:1001}.prompt{height:auto;min-height:auto}.deleteusermodal .content-summary{background-color:var(--gray-050);margin:-24px -24px 24px;padding:24px}.deleteusermodal .options label{display:inline-block;line-height:30px}.deleteusermodal .elementselect{display:inline-block;vertical-align:middle}body.ltr .deleteusermodal .elementselect{margin-left:10px}body.rtl .deleteusermodal .elementselect{margin-right:10px}body.ltr .deleteusermodal .buttons .spinner{margin-right:-20px}body.rtl .deleteusermodal .buttons .spinner{margin-left:-20px}.deleteusermodal div.elements{list-style:none}.dropdownsettingsmodal{height:auto;max-width:400px;min-height:0;min-width:0;width:auto}.dropdownsettingsmodal .body{max-height:100%;overflow-y:auto}.previewmodal.zilch{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:100px 0}.video-transcript{background-color:var(--gray-050);font-size:1rem;overflow-y:scroll;position:relative}body.reduce-focus-visibility .video-transcript:focus-visible,body:not(.reduce-focus-visibility) .video-transcript:focus{background-color:var(--gray-800);box-shadow:none;color:var(--white)}.video-transcript__inner{margin-left:auto;margin-right:auto;max-width:550px;padding:var(--xl)}.menu,.ui-datepicker,.ui-timepicker-list{background:#fff;border-radius:4px;box-shadow:0 0 0 1px rgba(31,41,51,.1),0 5px 20px rgba(31,41,51,.25);overflow:auto;padding:0 14px;-webkit-user-select:none;user-select:none;z-index:100}.ui-datepicker,.ui-timepicker-list{padding:0}.menu{display:none;position:absolute}.menu h6:first-child{margin-top:14px!important}body.ltr .menu ul.padded li .menu-option,body.ltr .menu ul.padded li a{padding-left:24px}body.rtl .menu ul.padded li .menu-option,body.rtl .menu ul.padded li a{padding-right:24px}.menu ul.padded li .menu-option.icon:before,.menu ul.padded li .menu-option.sel:before,.menu ul.padded li .menu-option[data-icon]:before,.menu ul.padded li a.icon:before,.menu ul.padded li a.sel:before,.menu ul.padded li a[data-icon]:before{color:var(--ui-control-color);font-size:14px}body.ltr .menu ul.padded li .menu-option.icon:before,body.ltr .menu ul.padded li .menu-option.sel:before,body.ltr .menu ul.padded li .menu-option[data-icon]:before,body.ltr .menu ul.padded li a.icon:before,body.ltr .menu ul.padded li a.sel:before,body.ltr .menu ul.padded li a[data-icon]:before{float:left}body.rtl .menu ul.padded li .menu-option.icon:before,body.rtl .menu ul.padded li .menu-option.sel:before,body.rtl .menu ul.padded li .menu-option[data-icon]:before,body.rtl .menu ul.padded li a.icon:before,body.rtl .menu ul.padded li a.sel:before,body.rtl .menu ul.padded li a[data-icon]:before{float:right}body.ltr .menu ul.padded li .menu-option.icon:before,body.ltr .menu ul.padded li .menu-option.sel:before,body.ltr .menu ul.padded li .menu-option[data-icon]:before,body.ltr .menu ul.padded li a.icon:before,body.ltr .menu ul.padded li a.sel:before,body.ltr .menu ul.padded li a[data-icon]:before{margin:3px 0 0 -17px}body.rtl .menu ul.padded li .menu-option.icon:before,body.rtl .menu ul.padded li .menu-option.sel:before,body.rtl .menu ul.padded li .menu-option[data-icon]:before,body.rtl .menu ul.padded li a.icon:before,body.rtl .menu ul.padded li a.sel:before,body.rtl .menu ul.padded li a[data-icon]:before{margin:3px -17px 0 0}.menu ul.padded li .menu-option.icon.error:before,.menu ul.padded li .menu-option.sel.error:before,.menu ul.padded li .menu-option[data-icon].error:before,.menu ul.padded li a.icon.error:before,.menu ul.padded li a.sel.error:before,.menu ul.padded li a[data-icon].error:before{color:var(--error-color)}.menu ul.padded li .menu-option.sel:not([data-icon]):before,.menu ul.padded li a.sel:not([data-icon]):before{content:"check"}.menu ul li .menu-option,.menu ul li a{-webkit-appearance:none;color:#3f4d5a;cursor:default;font-size:14px;margin:0 -14px;padding:10px 14px;text-decoration:none;white-space:nowrap}.menu ul li .menu-option:not(.flex),.menu ul li a:not(.flex){box-sizing:border-box;display:table!important;width:calc(100% + 28px)}body.ltr .menu ul li .menu-option:not(.flex),body.ltr .menu ul li a:not(.flex){text-align:left}body.rtl .menu ul li .menu-option:not(.flex),body.rtl .menu ul li a:not(.flex){text-align:right}.menu ul li .menu-option.flex [data-icon],.menu ul li a.flex [data-icon]{margin-top:-2px}.menu ul li .menu-option.sel,.menu ul li a.sel{cursor:default}.menu ul li .menu-option .shortcut,.menu ul li a .shortcut{border-radius:var(--medium-border-radius);box-shadow:0 0 0 1px rgba(81,95,108,.25),0 1px 3px -1px rgba(81,95,108,.5);padding:0 4px}body.ltr .menu ul li .menu-option .shortcut,body.ltr .menu ul li a .shortcut{float:right}body.rtl .menu ul li .menu-option .shortcut,body.rtl .menu ul li a .shortcut{float:left}body.ltr .menu ul li .menu-option .shortcut,body.ltr .menu ul li a .shortcut{margin-left:14px}body.rtl .menu ul li .menu-option .shortcut,body.rtl .menu ul li a .shortcut{margin-right:14px}.menu>.flex{margin-bottom:10px;margin-top:10px;position:relative}body.ltr .menu>.flex.padded{margin-left:-14px}body.rtl .menu>.flex.padded{margin-right:-14px}body.ltr .menu>.flex.padded{padding-left:24px}body.rtl .menu>.flex.padded{padding-right:24px}.menu>.flex.padded.sel:before{color:var(--light-text-color);content:"check";font-size:14px;position:absolute;top:36px}body.ltr .menu>.flex.padded.sel:before{left:7px}body.rtl .menu>.flex.padded.sel:before{right:7px}.menu hr{margin:5px -14px}.menu .go:after{color:inherit}.menu span.icon,.menubtn span.icon{color:var(--ui-control-color);display:inline-block;font-size:14px;margin-top:-1px;text-align:center;width:10px}body.ltr .menu span.icon,body.ltr .menubtn span.icon{margin-right:10px}body.rtl .menu span.icon,body.rtl .menubtn span.icon{margin-left:10px}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover{--text-color:var(--white);--light-text-color:var(--gray-100);--ui-control-color:var(--gray-050);--ui-control-hover-color:var(--gray-100);--ui-control-active-color:var(--gray-100);background-color:#606d7b;color:#fff}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover span.icon,.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover:before,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover span.icon,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover:before{color:var(--menu-option-active-color)}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover.error,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover.error{color:var(--menu-option-active-color)!important}body.ltr .menu h6.padded,body.ltr .menu hr.padded{margin-left:10px}body.rtl .menu h6.padded,body.rtl .menu hr.padded{margin-right:10px}.menu--disclosure ul li>.menu-option:hover,.menu--disclosure ul li>a:hover{background-color:#f3f7fc;color:#3f4d5a}body.reduce-focus-visibility .menu--disclosure ul li>.menu-option:focus-visible,body.reduce-focus-visibility .menu--disclosure ul li>a:focus-visible,body:not(.reduce-focus-visibility) .menu--disclosure ul li>.menu-option:focus,body:not(.reduce-focus-visibility) .menu--disclosure ul li>a:focus{box-shadow:inset 0 0 0 3px hsla(var(--dark-focus-hsl),.7)}.tagselect .elements{display:inline}.tagselect .chip.small{clear:none}.tagselect .add{display:inline-block;position:relative;width:12em;z-index:1}body.ltr .tagselect .add{margin:7px 7px 0 0}body.rtl .tagselect .add{margin:7px 0 0 7px}body.ltr .tagselect .add .text{padding-right:30px}body.rtl .tagselect .add .text{padding-left:30px}.tagselect .add .spinner{position:absolute;top:0}body.ltr .tagselect .add .spinner{right:5px}body.rtl .tagselect .add .spinner{left:5px}body.ltr .tagselect.elementselect .chip,body.rtl .tagselect.elementselect .chip{display:inline-block;float:none!important}body.ltr .tagmenu ul li a{padding-left:26px}body.rtl .tagmenu ul li a{padding-right:26px}body.ltr .tagmenu ul li a:before{float:left}body.rtl .tagmenu ul li a:before{float:right}body.ltr .tagmenu ul li a:before{margin:3px 0 0 -18px}body.rtl .tagmenu ul li a:before{margin:3px -18px 0 0}.selectize-control.single .selectize-input:not(.no-arrow):after{display:none}.shadow-box{border:1px solid var(--gray-200);border-radius:var(--large-border-radius);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}table.editable,table.shadow-box{border-collapse:separate;border-spacing:0}table.editable caption+tbody tr:first-child td:first-child,table.editable caption+tbody tr:first-child td:first-child.disabled:after,table.editable caption+tbody tr:first-child th:first-child,table.editable caption+tbody tr:first-child th:first-child.disabled:after,table.editable tbody:first-child tr:first-child td:first-child,table.editable tbody:first-child tr:first-child td:first-child.disabled:after,table.editable tbody:first-child tr:first-child th:first-child,table.editable tbody:first-child tr:first-child th:first-child.disabled:after,table.editable thead tr:first-child td:first-child,table.editable thead tr:first-child td:first-child.disabled:after,table.editable thead tr:first-child th:first-child,table.editable thead tr:first-child th:first-child.disabled:after,table.shadow-box caption+tbody tr:first-child td:first-child,table.shadow-box caption+tbody tr:first-child td:first-child.disabled:after,table.shadow-box caption+tbody tr:first-child th:first-child,table.shadow-box caption+tbody tr:first-child th:first-child.disabled:after,table.shadow-box tbody:first-child tr:first-child td:first-child,table.shadow-box tbody:first-child tr:first-child td:first-child.disabled:after,table.shadow-box tbody:first-child tr:first-child th:first-child,table.shadow-box tbody:first-child tr:first-child th:first-child.disabled:after,table.shadow-box thead tr:first-child td:first-child,table.shadow-box thead tr:first-child td:first-child.disabled:after,table.shadow-box thead tr:first-child th:first-child,table.shadow-box thead tr:first-child th:first-child.disabled:after{border-top-left-radius:var(--medium-border-radius)}table.editable caption+tbody tr:first-child td:last-child,table.editable caption+tbody tr:first-child td:last-child.disabled:after,table.editable caption+tbody tr:first-child th:last-child,table.editable caption+tbody tr:first-child th:last-child.disabled:after,table.editable tbody:first-child tr:first-child td:last-child,table.editable tbody:first-child tr:first-child td:last-child.disabled:after,table.editable tbody:first-child tr:first-child th:last-child,table.editable tbody:first-child tr:first-child th:last-child.disabled:after,table.editable thead tr:first-child td:last-child,table.editable thead tr:first-child td:last-child.disabled:after,table.editable thead tr:first-child th:last-child,table.editable thead tr:first-child th:last-child.disabled:after,table.shadow-box caption+tbody tr:first-child td:last-child,table.shadow-box caption+tbody tr:first-child td:last-child.disabled:after,table.shadow-box caption+tbody tr:first-child th:last-child,table.shadow-box caption+tbody tr:first-child th:last-child.disabled:after,table.shadow-box tbody:first-child tr:first-child td:last-child,table.shadow-box tbody:first-child tr:first-child td:last-child.disabled:after,table.shadow-box tbody:first-child tr:first-child th:last-child,table.shadow-box tbody:first-child tr:first-child th:last-child.disabled:after,table.shadow-box thead tr:first-child td:last-child,table.shadow-box thead tr:first-child td:last-child.disabled:after,table.shadow-box thead tr:first-child th:last-child,table.shadow-box thead tr:first-child th:last-child.disabled:after{border-top-right-radius:var(--medium-border-radius)}table.editable tbody:last-child tr:last-child td:first-child,table.editable tbody:last-child tr:last-child td:first-child.disabled:after,table.editable tbody:last-child tr:last-child th:first-child,table.editable tbody:last-child tr:last-child th:first-child.disabled:after,table.editable thead:last-child tr:last-child td:first-child,table.editable thead:last-child tr:last-child td:first-child.disabled:after,table.editable thead:last-child tr:last-child th:first-child,table.editable thead:last-child tr:last-child th:first-child.disabled:after,table.shadow-box tbody:last-child tr:last-child td:first-child,table.shadow-box tbody:last-child tr:last-child td:first-child.disabled:after,table.shadow-box tbody:last-child tr:last-child th:first-child,table.shadow-box tbody:last-child tr:last-child th:first-child.disabled:after,table.shadow-box thead:last-child tr:last-child td:first-child,table.shadow-box thead:last-child tr:last-child td:first-child.disabled:after,table.shadow-box thead:last-child tr:last-child th:first-child,table.shadow-box thead:last-child tr:last-child th:first-child.disabled:after{border-bottom-left-radius:calc(var(--large-border-radius) - 1px)}table.editable tbody:last-child tr:last-child td:last-child,table.editable tbody:last-child tr:last-child td:last-child.disabled:after,table.editable tbody:last-child tr:last-child th:last-child,table.editable tbody:last-child tr:last-child th:last-child.disabled:after,table.editable thead:last-child tr:last-child td:last-child,table.editable thead:last-child tr:last-child td:last-child.disabled:after,table.editable thead:last-child tr:last-child th:last-child,table.editable thead:last-child tr:last-child th:last-child.disabled:after,table.shadow-box tbody:last-child tr:last-child td:last-child,table.shadow-box tbody:last-child tr:last-child td:last-child.disabled:after,table.shadow-box tbody:last-child tr:last-child th:last-child,table.shadow-box tbody:last-child tr:last-child th:last-child.disabled:after,table.shadow-box thead:last-child tr:last-child td:last-child,table.shadow-box thead:last-child tr:last-child td:last-child.disabled:after,table.shadow-box thead:last-child tr:last-child th:last-child,table.shadow-box thead:last-child tr:last-child th:last-child.disabled:after{border-bottom-right-radius:calc(var(--large-border-radius) - 1px)}.border-box,.multiselect>select,.passwordwrapper,.selectize.multiselect .selectize-input,.text{background-clip:padding-box;background-color:#fbfcfe;border:1px solid rgba(96,125,159,.25);border-radius:3px}.border-box.focus,.passwordwrapper.focus,.selectize.multiselect .selectize-input.focus,.text.focus{box-shadow:var(--focus-ring)}body.reduce-focus-visibility .border-box:focus-visible,body.reduce-focus-visibility .passwordwrapper:focus-visible,body.reduce-focus-visibility .selectize.multiselect .selectize-input:focus-visible,body.reduce-focus-visibility .text:focus-visible,body:not(.reduce-focus-visibility) .border-box:focus,body:not(.reduce-focus-visibility) .passwordwrapper:focus,body:not(.reduce-focus-visibility) .selectize.multiselect .selectize-input:focus,body:not(.reduce-focus-visibility) .text:focus{box-shadow:var(--focus-ring)}.selectize.multiselect .selectize-input,.text>input,.text>textarea,input.text,table.editable textarea,textarea.text{-webkit-appearance:none;appearance:none;box-sizing:border-box;color:var(--text-color);font-size:14px;line-height:20px;min-height:3px}.selectize.multiselect .selectize-input{line-height:18px}textarea.text.fullwidth{display:block}.multitext .multitextrow:after{clear:both;content:"";display:block;height:0;visibility:hidden}body.ltr .multitext .multitextrow:first-child .text:first-child{border-top-left-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:first-child .text:first-child{border-top-right-radius:var(--medium-border-radius)}body.ltr .multitext .multitextrow:first-child .text:last-child{border-top-right-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:first-child .text:last-child{border-top-left-radius:var(--medium-border-radius)}body.ltr .multitext .multitextrow:last-child .text:first-child{border-bottom-left-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:last-child .text:first-child{border-bottom-right-radius:var(--medium-border-radius)}body.ltr .multitext .multitextrow:last-child .text:last-child{border-bottom-right-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:last-child .text:last-child{border-bottom-left-radius:var(--medium-border-radius)}.multitext .multitextrow:not(:first-child) .text{margin-top:-1px}.multitext .multitextrow .text{border-radius:0;box-sizing:border-box;float:left}body.ltr .multitext .multitextrow .text:not(:first-child){margin-left:-1px}body.rtl .multitext .multitextrow .text:not(:first-child){margin-right:-1px}.multitext .multitextrow .text:first-child:last-child{width:100%}.multitext .multitextrow .text:first-child:nth-last-child(2){width:50%}.multitext .multitextrow .text:first-child:nth-last-child(2)~.text{width:calc(50% + 1px)}.multitext .multitextrow .text.error{position:relative;z-index:1}.multitext .multitextrow .selectize.multiselect .selectize-input.focus,.multitext .multitextrow .text:focus{position:relative;z-index:2}.chars-left{color:var(--light-text-color);position:relative}body.ltr .chars-left{float:right}body.rtl .chars-left{float:left}body.ltr .chars-left{margin:-27px 7px 0 0}body.rtl .chars-left{margin:-27px 0 0 7px}.input.ltr>.chars-left{float:right!important;margin-right:7px!important}.input.rtl>.chars-left{float:left!important;margin-left:7px!important}.chars-left.negative-chars-left{color:var(--error-color)}.field,fieldset{margin:24px 0;position:relative}.flex>.field,.flex>fieldset{margin-bottom:0;margin-top:0}.field{min-inline-size:0}.field>.status-badge{content:"";cursor:help;height:100%;position:absolute;top:0;width:2px}body.ltr .field>.status-badge{left:0}body.rtl .field>.status-badge{right:0}.field>.status-badge.modified{background-color:var(--blue-600)}.field>.status-badge.outdated{background-color:var(--pending-color)}.field>.heading{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:5px;margin-top:-5px;position:relative}.field>.heading>label,.field>.heading>legend{color:var(--medium-dark-text-color);font-weight:700}.field>.heading>label code,.field>.heading>legend code{font-size:1em!important}body.ltr .field>.heading>label .info,body.ltr .field>.heading>legend .info{margin-left:5px}body.rtl .field>.heading>label .info,body.rtl .field>.heading>legend .info{margin-right:5px}.field>.heading .t9n-indicator{color:var(--light-text-color)}body.ltr .field>.heading .t9n-indicator{margin-left:7px}body.rtl .field>.heading .t9n-indicator{margin-right:7px}.field>.heading+.instructions{margin-top:-3px}.field>.heading>.instructions{width:100%}.field>.instructions{margin-bottom:5px}.field>.input{position:relative}.field>.input:after{clear:both;content:"";display:block;height:0;visibility:hidden}.field>.input+.instructions,.field>.notice,.field>.warning{margin:5px 0 0}.checkboxfield .instructions,.field>.heading>.instructions,.field>.instructions{color:var(--medium-text-color)}.checkboxfield .instructions embed,.checkboxfield .instructions iframe,.checkboxfield .instructions img,.checkboxfield .instructions video,.field>.heading>.instructions embed,.field>.heading>.instructions iframe,.field>.heading>.instructions img,.field>.heading>.instructions video,.field>.instructions embed,.field>.instructions iframe,.field>.instructions img,.field>.instructions video{max-width:100%!important}.checkboxfield .instructions ol,.checkboxfield .instructions ul,.field>.heading>.instructions ol,.field>.heading>.instructions ul,.field>.instructions ol,.field>.instructions ul{margin:1em 0}body.ltr .checkboxfield .instructions ol,body.ltr .checkboxfield .instructions ul,body.ltr .field>.heading>.instructions ol,body.ltr .field>.heading>.instructions ul,body.ltr .field>.instructions ol,body.ltr .field>.instructions ul{padding-left:2em}body.rtl .checkboxfield .instructions ol,body.rtl .checkboxfield .instructions ul,body.rtl .field>.heading>.instructions ol,body.rtl .field>.heading>.instructions ul,body.rtl .field>.instructions ol,body.rtl .field>.instructions ul{padding-right:2em}.checkboxfield .instructions ul li,.field>.heading>.instructions ul li,.field>.instructions ul li{list-style-type:disc}.checkboxfield .instructions li+li,.field>.heading>.instructions li+li,.field>.instructions li+li{margin-top:.25em}.expand-status-btn{border-radius:var(--small-border-radius);color:var(--text-color);height:17px;line-height:16px;padding:0;width:30px}body.ltr .expand-status-btn{margin-left:5px}body.rtl .expand-status-btn{margin-right:5px}.expand-status-btn:before{margin:0}.nested-fields{margin:-24px;padding:24px 24px 0}.nested-fields.hidden{display:block;height:0}.nested-fields>.field:last-child{padding-bottom:24px}input.checkbox{height:var(--checkbox-size);opacity:0;position:absolute;width:var(--checkbox-size)}div.checkbox,input.checkbox+label{clear:none;cursor:pointer;display:inline-block;line-height:16px;min-height:16px;position:relative}body.ltr div.checkbox,body.ltr input.checkbox+label{padding-left:21px}body.rtl div.checkbox,body.rtl input.checkbox+label{padding-right:21px}div.checkbox,div.checkbox:before,input.checkbox+label,input.checkbox+label:before{border-radius:var(--small-border-radius)}div.checkbox:before,input.checkbox+label:before{background-clip:padding-box;background-color:#fbfcfe;border:1px solid rgba(96,125,159,.4);box-sizing:border-box;content:"";display:block;font-size:0;height:var(--checkbox-size);position:absolute;top:0;width:var(--checkbox-size)!important}body.ltr div.checkbox:before,body.ltr input.checkbox+label:before{left:0}body.rtl div.checkbox:before,body.rtl input.checkbox+label:before{right:0}body.ltr div.checkbox:empty,body.ltr input.checkbox+label:empty{padding-left:var(--checkbox-size)}body.rtl div.checkbox:empty,body.rtl input.checkbox+label:empty{padding-right:var(--checkbox-size)}div.checkbox:empty:after,input.checkbox+label:empty:after{content:"";font-size:0}div.checkbox .info,input.checkbox+label .info{height:16px}.disabled div.checkbox,input.checkbox:disabled+label{cursor:default}div.checkbox.disabled+label,div.checkbox.disabled:before,input.checkbox:disabled+label{opacity:.25!important}.elementselectormodal .body .content .main .elements .disabled .checkbox:before,.sel div.checkbox:before,div.checkbox.checked:before,div.checkbox.indeterminate:before,input.checkbox:checked+label:before,input.checkbox:indeterminate+label:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;color:var(--gray-900);direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;line-height:var(--checkbox-size);opacity:var(--icon-opacity);text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.elementselectormodal .body .content .main .elements .disabled .checkbox:before,.sel div.checkbox:not(.indeterminate):before,div.checkbox.checked:not(.indeterminate):before,input.checkbox:checked:not(:indeterminate)+label:before{content:"check";font-size:15px}div.checkbox.indeterminate:before,input.checkbox:indeterminate+label:before{content:"minus";font-size:7px;text-align:center}body:not(.reduce-focus-visibility) :focus div.checkbox:before,body:not(.reduce-focus-visibility) input.checkbox:focus+label:before{box-shadow:var(--focus-ring)}body.reduce-focus-visibility :focus-visible div.checkbox:before,body.reduce-focus-visibility input.checkbox:focus-visible+label:before{box-shadow:var(--focus-ring)}.checkbox-icon{background-color:var(--enabled-color);border-radius:var(--small-border-radius);color:var(--white);display:-webkit-inline-flex;display:inline-flex;padding:3px}.checkbox-icon:before{--checkbox-size:14px;--icon-opacity:1;speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"check";direction:ltr;display:inline-block;font-family:Craft;font-size:var(--checkbox-size);font-style:normal;font-variant:normal;font-weight:400;line-height:1;line-height:var(--checkbox-size);opacity:var(--icon-opacity);text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}body.reduce-focus-visibility .monaco-mouse-cursor-text:focus-visible,body:not(.reduce-focus-visibility) .monaco-mouse-cursor-text:focus{box-shadow:none!important}fieldset .checkboxfield{margin:5px 0}.checkboxfield .instructions,.checkboxfield .notice,.checkboxfield .warning{margin-top:2px}body.ltr .checkboxfield .instructions,body.ltr .checkboxfield .notice,body.ltr .checkboxfield .warning{padding-left:21px}body.rtl .checkboxfield .instructions,body.rtl .checkboxfield .notice,body.rtl .checkboxfield .warning{padding-right:21px}input.radio{height:var(--radio-size);opacity:0;position:absolute;width:var(--radio-size)}div.radio,input.radio+label{clear:none;cursor:pointer;display:inline-block;line-height:1.7142857143;position:relative}body.ltr div.radio,body.ltr input.radio+label{padding-left:21px}body.rtl div.radio,body.rtl input.radio+label{padding-right:21px}.disabled div.radio,input.radio:disabled+label{cursor:default}body.ltr div.radio:empty,body.ltr input.radio+label:empty{padding-left:var(--radio-size)}body.rtl div.radio:empty,body.rtl input.radio+label:empty{padding-right:var(--radio-size)}div.radio:after,div.radio:before,input.radio+label:after,input.radio+label:before{background-clip:padding-box;border-radius:100%;box-sizing:border-box;content:"";display:block;position:absolute}div.radio:before,input.radio+label:before{background-color:#fbfcfe;border:1px solid rgba(96,125,159,.4);height:var(--radio-size);left:0;width:var(--radio-size)}div.radio:after,div.radio:before,input.radio+label:after,input.radio+label:before{top:50%;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}div.radio:after,input.radio+label:after{height:calc(var(--radio-size) - 8px);left:4px;width:calc(var(--radio-size) - 8px)}div.radio.disabled+label,div.radio.disabled:before,input.radio:disabled+label{opacity:.25}.sel div.radio:after,div.radio.checked:after,input.radio:checked+label:after{background:var(--gray-900)}body:not(.reduce-focus-visibility) :focus div.radio:before,body:not(.reduce-focus-visibility) input.radio:focus+label:before{box-shadow:var(--focus-ring)}body.reduce-focus-visibility :focus-visible div.radio:before,body.reduce-focus-visibility input.radio:focus-visible+label:before{box-shadow:var(--focus-ring)}.multiselect>select{-webkit-appearance:none;appearance:none;color:var(--text-color);font-size:14px}body.reduce-focus-visibility .multiselect>select:focus-visible,body:not(.reduce-focus-visibility) .multiselect>select:focus{box-shadow:var(--focus-ring)}.multiselect>select option{padding:1px 8px}.selectize.multiselect .selectize-input,.text{padding:6px 9px}.text{background-color:var(--white)}.text:not(.small){box-sizing:border-box;min-height:2.125rem}.text.small{padding:3px}.text.readable{font-size:16px;line-height:22px;padding:16px 18px}.text.readable+.chars-left{margin-top:-23px}body.ltr .text.clearable{padding-right:var(--touch-target-size)}body.rtl .text.clearable{padding-left:var(--touch-target-size)}.text input{background-color:transparent;border:none;margin:0;padding:0}.input.errors>.autosuggest-container .text,.input.errors>.border-box,.input.errors>.passwordwrapper,.input.errors>.text,.text.error,td.errors .text{border:1px solid var(--error-color)!important}.texticon{cursor:text;min-width:130px;position:relative}.texticon.icon:before{color:var(--ui-control-color);position:absolute;top:9px}body.ltr .texticon.icon:before{left:9px}body.rtl .texticon.icon:before{right:9px}body.ltr .texticon.icon .text{padding-left:26px}body.rtl .texticon.icon .text{padding-right:26px}.texticon .texticon-icon{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;position:absolute;top:1.0625rem;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}body.ltr .texticon .texticon-icon{left:9px}body.rtl .texticon .texticon-icon{right:9px}.texticon .clear-btn{height:var(--touch-target-size);position:absolute;top:calc((var(--touch-target-size) - 34px)/-2);width:var(--touch-target-size)}body.ltr .texticon .clear-btn{right:0}body.rtl .texticon .clear-btn{left:0}body.ltr .texticon.has-filter-btn .text{padding-right:26px}body.rtl .texticon.has-filter-btn .text{padding-left:26px}.texticon.has-filter-btn .filter-btn{border-radius:13px;cursor:pointer;font-size:14px;line-height:22px;padding:0 7px 4px;position:absolute;top:1.0625rem;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}body.ltr .texticon.has-filter-btn .filter-btn{right:4px}body.rtl .texticon.has-filter-btn .filter-btn{left:4px}.texticon.has-filter-btn .filter-btn:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;color:var(--medium-text-color);content:"filter";direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.texticon.has-filter-btn .filter-btn:hover{background-color:var(--gray-100)}.texticon.has-filter-btn .filter-btn.active,.texticon.has-filter-btn .filter-btn:active{background-color:var(--gray-350)}.texticon.has-filter-btn .filter-btn.active:before,.texticon.has-filter-btn .filter-btn:active:before{color:var(--white)}body.ltr .texticon.has-filter-btn .text{padding-left:1.625rem}body.rtl .texticon.has-filter-btn .text{padding-right:1.625rem}body.ltr .texticon.has-filter-btn .text.clearable{padding-right:calc(30px + var(--touch-target-size))}body.rtl .texticon.has-filter-btn .text.clearable{padding-left:calc(30px + var(--touch-target-size))}body.ltr .texticon.has-filter-btn .clear-btn{right:30px}body.rtl .texticon.has-filter-btn .clear-btn{left:30px}.texthint-container{height:0;position:relative}.texthint{color:var(--light-text-color);cursor:text;position:absolute;top:-1px;width:100%}.passwordwrapper{position:relative}.passwordwrapper .password{background:transparent;border:none;box-shadow:none;padding-right:4rem}.passwordwrapper .password-toggle{bottom:0;color:var(--link-color);cursor:pointer;position:absolute;top:0}body.ltr .passwordwrapper .password-toggle{right:9px}body.rtl .passwordwrapper .password-toggle{left:9px}.passwordwrapper .password-toggle:hover{text-decoration:underline}.datetimewrapper{-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;gap:5px}.clear-btn,.datetimewrapper{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex}.clear-btn{background:transparent;border:none;color:var(--ui-control-color);cursor:pointer;-webkit-justify-content:center;justify-content:center;padding:0;width:24px}.clear-btn:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"remove";direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.clear-btn:hover{color:var(--ui-control-hover-color)}.clear-btn:active{color:var(--ui-control-active-color)}.close-btn{position:relative}.close-btn:after,.close-btn:before{background-color:var(--ui-control-color);content:"";height:15px;left:50%;opacity:var(--icon-opacity);position:absolute;top:50%;width:2px}.close-btn:before{-webkit-transform:translate(-50%,-50%) rotate(-45deg);-o-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.close-btn:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.close-btn:hover:after,.close-btn:hover:before{background-color:var(--ui-control-hover-color)}.close-btn:active:after,.close-btn:active:before{background-color:var(--ui-control-active-color)}.datewrapper,.timewrapper{display:inline-block;position:relative}.datewrapper .text,.timewrapper .text{position:relative;width:100%;z-index:1}.datewrapper .text+div[data-icon],.timewrapper .text+div[data-icon]{display:none}.datewrapper .text.empty-value+div[data-icon],.datewrapper .text:placeholder-shown+div[data-icon],.timewrapper .text.empty-value+div[data-icon],.timewrapper .text:placeholder-shown+div[data-icon]{color:var(--light-text-color);display:block;position:absolute;top:calc(50% - 12px);z-index:0}body.ltr .datewrapper .text.empty-value+div[data-icon],body.ltr .datewrapper .text:placeholder-shown+div[data-icon],body.ltr .timewrapper .text.empty-value+div[data-icon],body.ltr .timewrapper .text:placeholder-shown+div[data-icon]{left:14px}body.rtl .datewrapper .text.empty-value+div[data-icon],body.rtl .datewrapper .text:placeholder-shown+div[data-icon],body.rtl .timewrapper .text.empty-value+div[data-icon],body.rtl .timewrapper .text:placeholder-shown+div[data-icon]{right:14px}.datewrapper .text.empty-value+div[data-icon],.datewrapper .text.empty-value+div[data-icon]:before,.datewrapper .text:placeholder-shown+div[data-icon],.datewrapper .text:placeholder-shown+div[data-icon]:before,.timewrapper .text.empty-value+div[data-icon],.timewrapper .text.empty-value+div[data-icon]:before,.timewrapper .text:placeholder-shown+div[data-icon],.timewrapper .text:placeholder-shown+div[data-icon]:before{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}.datewrapper{width:8em}.timewrapper{width:7em}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:var(--gray-400)}input::placeholder,textarea::placeholder{color:var(--gray-400)}::-ms-clear,::-ms-reveal{display:none}tr.indexingSession td{height:34px;padding:1px 10px}tr.indexingSession td.progress div.progressContainer{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;width:100%}tr.indexingSession td.progress div.progressContainer .progressbar{height:12px;left:0;position:relative;width:70%;z-index:1}tr.indexingSession td.progress div.progressContainer div.progressInfo{width:20%}.select:not(.selectize),.select:not(.selectize) select{border-radius:5px;position:relative;white-space:nowrap}.select:not(.selectize){max-width:100%;position:relative}:not(.flex)>.select:not(.selectize){display:inline-block}.select:not(.selectize):after{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;pointer-events:none;position:absolute;top:calc(50% - 5px);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-user-select:none;user-select:none;width:7px;z-index:1}body.ltr .select:not(.selectize):after{right:9px}body.rtl .select:not(.selectize):after{left:9px}.select:not(.selectize) select{-webkit-appearance:none;appearance:none;background-color:#dfe5ec;border:none;color:#3f4d5a;display:block;font-size:14px;line-height:20px;max-width:100%;position:relative;white-space:pre}body.ltr .select:not(.selectize) select{padding:7px 22px 7px 10px}body.rtl .select:not(.selectize) select{padding:7px 10px 7px 22px}.select:not(.selectize) select::-ms-expand{display:none}.select:not(.selectize).fullwidth select{min-width:100%}.select:not(.selectize) select:hover{background-color:#cfd8e2;box-shadow:var(--focus-ring);outline-color:transparent}body.reduce-focus-visibility .select:not(.selectize) select:focus-visible,body:not(.reduce-focus-visibility) .select:not(.selectize) select:focus{background-color:#cfd8e2;box-shadow:var(--focus-ring);outline-color:transparent}.select:not(.selectize).small:after{top:9px}.select:not(.selectize).small select{font-size:11px;padding-bottom:4px!important;padding-top:4px!important}.selectize .selectize-input{background-color:transparent;border-color:inherit;box-shadow:none;display:block}.selectize .selectize-input .item{max-width:100%}.selectize .selectize-input .item span{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.selectize.select .selectize-input:after{display:none}body .selectize-dropdown{border:none;z-index:101}.selectize.select{height:34px}.selectize.select input::-webkit-input-placeholder,.selectize.select textarea::-webkit-input-placeholder{color:var(--gray-700)}.selectize.select input::placeholder,.selectize.select textarea::placeholder{color:var(--gray-700)}.selectize.select:not(.fullwidth){max-width:100%;width:25em}.datetimewrapper .selectize.select:not(.fullwidth){max-width:calc(100% - 29px)}.selectize.select .selectize-control{max-width:100%;position:relative}:not(.flex)>.selectize.select .selectize-control{display:inline-block}.selectize.select .selectize-control:after{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;pointer-events:none;position:absolute;top:calc(50% - 5px);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-user-select:none;user-select:none;width:7px;z-index:1}body.ltr .selectize.select .selectize-control:after{right:9px}body.rtl .selectize.select .selectize-control:after{left:9px}.selectize.select .selectize-input{border-radius:5px;white-space:nowrap}.selectize.select .selectize-input.focus{box-shadow:var(--focus-ring)}.selectize.select .selectize-input{-webkit-appearance:none;appearance:none;background-color:#dfe5ec;border:none;color:#3f4d5a;display:block;font-size:14px;line-height:20px;max-width:100%;position:relative}body.ltr .selectize.select .selectize-input{padding:7px 22px 7px 10px}body.rtl .selectize.select .selectize-input{padding:7px 10px 7px 22px}.selectize.select .selectize-input::-ms-expand{display:none}.selectize.select .selectize-control,.selectize.select .selectize-input{width:100%}.selectize.multiselect .selectize-input{min-height:34px;padding-bottom:3px}.selectize.multiselect .selectize-input.focus{box-shadow:var(--focus-ring)}.selectize.multiselect .selectize-input>.item{background-color:#e4edf6;border-radius:3px;color:#3f4d5a;display:inline-block;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:row;flex-direction:row;font-size:12px;line-height:14px;padding:3px 7px;padding:3px 7px!important}.selectize.multiselect .selectize-input>.item.active{background-color:#cdd8e4}.selectize.multiselect .selectize-input>.item>.remove{border-left:none;color:var(--ui-control-color);font-size:0;padding:0;position:static}body.ltr .selectize.multiselect .selectize-input>.item>.remove{margin:-1px -3px 0 3px}body.rtl .selectize.multiselect .selectize-input>.item>.remove{margin:-1px 3px 0 -3px}.selectize.multiselect .selectize-input>.item>.remove:hover{background-color:transparent;color:var(--ui-control-hover-color)}.selectize.multiselect .selectize-input>.item>.remove:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"remove";direction:ltr;display:inline-block;font-family:Craft;font-size:14px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}body .selectize-dropdown{margin-top:1px}body .selectize-dropdown .optgroup-header,body .selectize-dropdown [data-selectable]{color:#3f4d5a;margin:0 -14px;padding:10px 14px;text-decoration:none;white-space:nowrap}body .selectize-dropdown .optgroup{padding-top:5px}body .selectize-dropdown .optgroup:not(:first-child){border-top:1px solid var(--hairline-color)}body .selectize-dropdown .optgroup .option{padding-left:24px}body .selectize-dropdown .optgroup-header{color:#606d7b;font-size:11px;line-height:1.2;margin:0;padding:4px 0;text-transform:uppercase}body .selectize-dropdown .active:not(.selected){background-color:var(--gray-100)}body .selectize-dropdown .selected{background-color:#606d7b;color:#fff;cursor:default!important}body .selectize-dropdown .selected .light{color:inherit!important}body .selectize-dropdown-content{background:#fff;border-radius:4px;box-shadow:0 0 0 1px rgba(31,41,51,.1),0 5px 20px rgba(31,41,51,.25);max-height:70vh;overflow:auto;padding:0 14px;-webkit-user-select:none;user-select:none;z-index:100}body .selectize-dropdown-content .option{min-height:18px}body .selectize-dropdown-content>div[data-value=new]:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"plus";direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;margin-right:5px;opacity:var(--icon-opacity);text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}body .selectize-dropdown-content>div[data-value=new]:after{content:"…"}body.no-scroll .selectize-dropdown-content{max-height:200px}.ui-datepicker{-padding:10px;height:242px;position:fixed;top:-300px;width:210px;z-index:101!important}body.ltr .ui-datepicker{margin-left:1px}body.rtl .ui-datepicker{margin-right:1px}.ui-datepicker-header{padding:8px 8px 4px}body.ltr .ui-datepicker-prev{float:left}body.ltr .ui-datepicker-next,body.rtl .ui-datepicker-prev{float:right}body.rtl .ui-datepicker-next{float:left}.ui-datepicker-next span,.ui-datepicker-prev span{display:none}.ui-datepicker-next,.ui-datepicker-prev{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;height:20px;-webkit-justify-content:center;justify-content:center;width:20px}.ui-datepicker-next:hover:after,.ui-datepicker-prev:hover:after{border-color:var(--link-color)}.ui-datepicker-prev:after{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;width:7px}body.ltr .ui-datepicker-prev:after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}body.rtl .ui-datepicker-prev:after{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.ui-datepicker-next:after{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;width:7px}body.ltr .ui-datepicker-next:after{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.rtl .ui-datepicker-next:after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.ui-datepicker-title{text-align:center}.ui-datepicker-calendar td,.ui-datepicker-calendar th{padding:2px!important}.ui-datepicker-calendar td a,.ui-datepicker-calendar th span{color:var(--text-color);display:block;line-height:26px;text-align:center;width:1.625rem}.ui-datepicker-calendar th span{color:var(--medium-text-color);font-weight:400}.ui-datepicker-calendar td a{border-radius:2px}.ui-datepicker-calendar td a:hover{background-color:var(--light-sel-color);text-decoration:none}.ui-datepicker-calendar td a.ui-state-active{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:var(--dark-sel-color);color:var(--white);cursor:default;font-weight:500}.ui-datepicker-calendar td.ui-datepicker-today a{border-radius:13px;box-shadow:inset 0 0 0 2px var(--light-sel-color)}.ui-timepicker-wrapper{z-index:101}.ui-timepicker-list{height:210px;overflow-y:auto;width:calc(14px + 6em);z-index:100}body.ltr .ui-timepicker-list{margin-left:1px}body.rtl .ui-timepicker-list{margin-right:1px}.ui-timepicker-list li{cursor:pointer;white-space:nowrap}body.ltr .ui-timepicker-list li{padding:2px 0 2px 14px}body.rtl .ui-timepicker-list li{padding:2px 14px 2px 0}.ui-timepicker-list li:hover{background-color:var(--light-sel-color)}.ui-timepicker-list li.ui-timepicker-selected{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:var(--dark-sel-color);color:var(--white);cursor:default;font-weight:500}.slide-picker{display:-webkit-flex;display:flex;height:15px;white-space:nowrap}.slide-picker a{background-image:none;border:1px solid var(--hairline-color);box-sizing:border-box;display:inline-block;height:13px;margin-bottom:1px;margin-left:0;margin-top:1px;width:7px}body.ltr .slide-picker a{border-left:none}body.rtl .slide-picker a{border-right:none}.slide-picker a:first-child{width:8px}body.ltr .slide-picker a:first-child{border-left:1px solid var(--gray-400)!important}body.rtl .slide-picker a:first-child{border-right:1px solid var(--gray-400)!important}.slide-picker:hover a.active-hover,.slide-picker:not(:hover) a.active{border-bottom-color:var(--gray-400);border-top-color:var(--gray-400);height:15px;margin-bottom:0;margin-top:0}body.ltr .slide-picker:hover a.active-hover:first-child,body.ltr .slide-picker:not(:hover) a.active:first-child{border-left:1px solid var(--gray-400)}body.rtl .slide-picker:hover a.active-hover:first-child,body.rtl .slide-picker:not(:hover) a.active:first-child{border-right:1px solid var(--gray-400)}body.ltr .slide-picker:hover a.active-hover:first-child,body.ltr .slide-picker:not(:hover) a.active:first-child{border-top-left-radius:var(--small-border-radius)}body.rtl .slide-picker:hover a.active-hover:first-child,body.rtl .slide-picker:not(:hover) a.active:first-child{border-top-right-radius:var(--small-border-radius)}body.ltr .slide-picker:hover a.active-hover:first-child,body.ltr .slide-picker:not(:hover) a.active:first-child{border-bottom-left-radius:var(--small-border-radius)}body.rtl .slide-picker:hover a.active-hover:first-child,body.rtl .slide-picker:not(:hover) a.active:first-child{border-bottom-right-radius:var(--small-border-radius)}body.ltr .slide-picker:hover a.last-active-hover,body.ltr .slide-picker:not(:hover) a.last-active{border-right:1px solid var(--gray-400)}body.rtl .slide-picker:hover a.last-active-hover,body.rtl .slide-picker:not(:hover) a.last-active{border-left:1px solid var(--gray-400)}body.ltr .slide-picker:hover a.last-active-hover,body.ltr .slide-picker:not(:hover) a.last-active{border-top-right-radius:var(--small-border-radius)}body.rtl .slide-picker:hover a.last-active-hover,body.rtl .slide-picker:not(:hover) a.last-active{border-top-left-radius:var(--small-border-radius)}body.ltr .slide-picker:hover a.last-active-hover,body.ltr .slide-picker:not(:hover) a.last-active{border-bottom-right-radius:var(--small-border-radius)}body.rtl .slide-picker:hover a.last-active-hover,body.rtl .slide-picker:not(:hover) a.last-active{border-bottom-left-radius:var(--small-border-radius)}.slide-picker:focus a.active{background-color:var(--light-sel-color)}ul.errors{list-style-type:square;margin-top:5px}body.ltr ul.errors{padding-left:20px}body.rtl ul.errors{padding-right:20px}ul.errors li{color:var(--error-color)}.message-container{height:100%;position:absolute;top:0;width:100%;z-index:100}body.ltr .message-container{left:0}body.rtl .message-container{right:0}.message-container.no-access{background-color:rgba(31,41,51,.5)}.message-container .pane{box-shadow:0 25px 100px rgba(31,41,51,.5);margin-left:auto;margin-right:auto;margin-top:-33px!important;top:50%;width:320px}.autosuggest-container{position:relative}.autosuggest__results-container{background-color:var(--white);border-radius:var(--large-border-radius);box-shadow:0 1px 5px -1px rgba(31,41,51,.2);box-sizing:border-box;font-family:system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1em!important;padding:0 14px;position:absolute;text-align:left;width:100%;z-index:2}.autosuggest__results-container .autosuggest__results-before{color:#606d7b;font-size:11px;line-height:1.2;margin:14px 0 3px;margin-top:14px!important;text-transform:uppercase}.autosuggest__results-container .autosuggest__results-item{color:#3f4d5a;margin:0 -14px;overflow:hidden;padding:10px 14px;text-decoration:none;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.autosuggest__results-container .autosuggest__results-item.autosuggest__results-item--highlighted,.autosuggest__results-container .autosuggest__results-item:hover{background-color:#606d7b;color:#fff;cursor:pointer}.autosuggest__results-container .autosuggest__results-item.autosuggest__results-item--highlighted .light,.autosuggest__results-container .autosuggest__results-item:hover .light{color:#e4edf6!important}.matrix>.buttons{margin-top:10px}.matrixblock{background-color:var(--gray-050);border:1px solid var(--hairline-color);border-radius:var(--large-border-radius);margin-bottom:10px;padding:0 var(--m) var(--m);position:relative}.matrixblock.static{padding-top:14px}.matrixblock .flex-fields{--row-gap:var(--m)!important}.matrixblock>.titlebar{word-wrap:normal;background-color:#ebf2fa;border-radius:calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) 0 0;box-sizing:border-box;color:var(--light-text-color);cursor:default;margin:0 -14px;overflow:hidden;position:relative;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap;width:calc(100% + 28px)}body.ltr .matrixblock>.titlebar{padding:5px 70px 5px 35px}body.rtl .matrixblock>.titlebar{padding:5px 35px 5px 70px}.matrixblock>.titlebar:after{background-color:var(--hairline-color);bottom:-1px;content:"";display:block;height:1px;left:14px;position:absolute;width:calc(100% - 28px)}.matrixblock>.titlebar>.blocktype{color:var(--medium-text-color);display:inline}.matrixblock>.titlebar>.preview{display:inline;opacity:0;-o-transition:opacity .1s linear;transition:opacity .1s linear}body.ltr .matrixblock>.titlebar>.preview{margin-left:7px}body.rtl .matrixblock>.titlebar>.preview{margin-right:7px}.matrixblock>.titlebar>.preview span{opacity:.5}.matrixblock.disabled{opacity:1}body.ltr .matrixblock.disabled>.titlebar{padding-right:90px}body.rtl .matrixblock.disabled>.titlebar{padding-left:90px}.matrixblock.disabled>.actions>.status.off{display:block}.matrixblock.collapsed>.titlebar{border-bottom:none;border-radius:var(--titlebar-border-radius)}.matrixblock.collapsed>.titlebar>.preview{opacity:1}.matrixblock>.checkbox{position:absolute;top:7px}body.ltr .matrixblock>.checkbox{left:14px}body.rtl .matrixblock>.checkbox{right:14px}.matrixblock>.actions{-webkit-align-items:center;align-items:center;cursor:default;display:-webkit-flex;display:flex;position:absolute;top:5px}body.ltr .matrixblock>.actions{right:14px}body.rtl .matrixblock>.actions{left:14px}body.ltr .matrixblock>.actions>*{margin:0 0 0 5px}body.rtl .matrixblock>.actions>*{margin:0 5px 0 0}.matrixblock>.actions .settings{color:var(--ui-control-color);height:20px;padding:0 8px}body.ltr .matrixblock>.actions .settings:before{margin-right:0!important}body.rtl .matrixblock>.actions .settings:before{margin-left:0!important}.matrixblock>.actions .settings:not(:hover):not(:active){background-color:transparent}.matrixblock>.actions .move{margin-top:-4px!important}.matrixblock>.actions>.status.off{display:none}.matrixblock>.actions a:not([data-action]){color:var(--dark-hairline-color);height:20px;padding:0;text-align:center;-webkit-transform:color linear .1s;-o-transform:color linear .1s;transform:color linear .1s}.matrixblock>.actions a:not([data-action]).settings:after{border-color:var(--dark-hairline-color);-webkit-transform:border-color linear .1s;-o-transform:border-color linear .1s;transform:border-color linear .1s}body.ltr .matrixblock>.actions a:not([data-action]).settings:after{margin-left:3px}body.rtl .matrixblock>.actions a:not([data-action]).settings:after{margin-right:3px}.matrixblock>.actions a:not([data-action]):hover{color:var(--link-color)}.matrixblock>.actions a:not([data-action]):hover.settings:after{border-color:var(--link-color)}.matrixblock:not(.static)>.fields{padding-top:14px}.matrixblock>.fields>.flex-fields>.field:before{display:none}.matrixblock>.buttons{height:30px;margin-top:0}.add-category-form{margin-top:24px}.add-category-form .texticon{width:200px}body.ltr .add-category-form .texticon{float:left}body.rtl .add-category-form .texticon{float:right}body.ltr .add-category-form .texticon{margin-right:5px}body.rtl .add-category-form .texticon{margin-left:5px}body.ltr .add-category-form .texticon .text{padding-right:30px}body.rtl .add-category-form .texticon .text{padding-left:30px}.add-category-form .texticon .spinner{position:absolute;top:0}body.ltr .add-category-form .texticon .spinner{right:5px}body.rtl .add-category-form .texticon .spinner{left:5px}body.sitepicker #main-content{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:30px;text-align:center}body.sitepicker #content-container{max-width:400px}.sitepicker-group li:not(:first-child) a{border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px}.sitepicker-group li:not(:first-child) a:not(:hover){border-top-color:transparent}.sitepicker-group li:not(:last-child) a{border-bottom-left-radius:0;border-bottom-right-radius:0}.sitepicker-group li a{border:1px solid var(--hairline-color);border-radius:var(--medium-border-radius);box-sizing:border-box;display:block;font-size:16px;line-height:1.4;position:relative;text-align:left;width:100%}body.ltr .sitepicker-group li a{padding:9px 42px 9px 15px}body.rtl .sitepicker-group li a{padding:9px 15px 9px 42px}.sitepicker-group li a:after{font-size:14px;margin:0;padding:0;position:absolute;top:calc(50% - 7px)}body.ltr .sitepicker-group li a:after{right:12px}body.rtl .sitepicker-group li a:after{left:12px}.sitepicker-group li a:hover{border-color:var(--link-color);text-decoration:none;z-index:1}.elementselectormodal .body .main{float:left\9;width:445px\9}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){.structure ul li{-o-background-size:40px;background-size:40px}body.ltr .structure ul li{background-image:url(../images/branch_2x.png)}body.rtl .structure ul li{background-image:url(../images/branch_rtl_2x.png)}.hud .tip-left{background-image:url(../images/hudtip_left_2x.png);-o-background-size:15px 30px;background-size:15px 30px}.hud .tip-top{background-image:url(../images/hudtip_top_2x.png);-o-background-size:30px 15px;background-size:30px 15px}.hud .tip-right{background-image:url(../images/hudtip_right_2x.png);-o-background-size:15px 30px;background-size:15px 30px}.hud .tip-bottom{background-image:url(../images/hudtip_bottom_2x.png);-o-background-size:30px 15px;background-size:30px 15px}.hud.has-footer .tip-bottom{background-image:url(../images/hudtip_bottom_gray_2x.png)}}:root{--xs:4px;--s:8px;--m:14px;--l:18px;--xl:24px;--padding:var(--xl);--neg-padding:calc(var(--padding)*-1)}html{-webkit-text-size-adjust:100%}body,html{min-height:100vh}body.dragging *{cursor:move!important;cursor:-webkit-grabbing!important;cursor:grabbing!important}body :focus{box-shadow:var(--focus-ring);outline-color:transparent;outline-style:solid}.reduce-focus-visibility :focus:not(:focus-visible){box-shadow:none}.reduce-focus-visibility :focus-visible{box-shadow:var(--focus-ring)}.skip-link{height:1px;left:-10000px;margin:5px;overflow:hidden;position:absolute;top:0;width:1px;z-index:101}.skip-link:focus{background-color:var(--gray-100)!important;height:auto;left:unset;width:auto}body.ltr .skip-link:focus{left:0}body.rtl .skip-link:focus{right:0}@media only screen and (min-width:1200px){#global-skip-link{--light-color:var(--white);--dark-color:var(--gray-800);--focus-ring:0 0 0 3px var(--dark-color),0 0 0 6px var(--light-color)}}#global-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;min-height:100vh;position:relative}body.ltr #global-container{left:0}body.rtl #global-container{right:0}@media screen and (prefers-reduced-motion:no-preference){body.ltr #global-container{-o-transition:left .25s ease-out;transition:left .25s ease-out}body.rtl #global-container{-o-transition:right .25s ease-out;transition:right .25s ease-out}}#global-sidebar{--is-always-visible:true;-webkit-overflow-scrolling:touch;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;--focus-ring:0 0 0 1px hsl(var(--light-focus-hsl)),0 0 0 3px hsla(var(--light-focus-hsl),0.7);background-color:var(--gray-800);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;font-weight:500;height:100vh;overflow-x:hidden;overflow-y:auto;padding:0;position:fixed;z-index:100}#global-sidebar a{color:var(--gray-100);text-decoration:none}#global-sidebar :not(.has-subnav)>a[href]:not(.sel):hover,#global-sidebar>a[href]:not(.sel):hover{background-color:#29333d}#global-sidebar :not(.has-subnav)>a:not([href]),#global-sidebar>a:not([href]){background-color:transparent;cursor:default}#global-sidebar .light{color:var(--gray-400)}@media only screen and (max-width:1199px){#global-sidebar{--is-always-visible:false}}#system-info{grid-gap:10px;-webkit-align-items:center;align-items:center;background-color:#29333d;display:grid;-webkit-flex:0 0 50px;flex:0 0 50px;-webkit-flex-direction:row;flex-direction:row;grid-template-columns:30px auto;height:50px;padding:0 10px;position:relative}#system-info:after{display:none}#system-info:focus,#system-info:hover{background-color:#1f272e!important}#site-icon{height:30px}#site-icon img,#site-icon svg{border-radius:4px;display:block;height:30px;width:30px}#site-icon svg circle,#site-icon svg ellipse,#site-icon svg line,#site-icon svg path,#site-icon svg polygon,#site-icon svg polyline,#site-icon svg rect,#site-icon svg text{fill:var(--medium-text-color);stroke-width:0}#system-name .h2,#system-name h2{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;margin:0;max-height:40px;overflow:hidden;position:relative;width:100%}#system-name .h2:after,#system-name h2:after{background-image:-o-linear-gradient(left,rgba(41,51,61,0),#29333d);background-image:linear-gradient(90deg,rgba(41,51,61,0),#29333d);content:"";display:block;font-size:0;position:absolute;top:0;width:var(--m)}body.ltr #system-name .h2:after,body.ltr #system-name h2:after{right:0}body.rtl #system-name .h2:after,body.rtl #system-name h2:after{left:0}#system-info:hover #system-name .h2:after,#system-info:hover #system-name h2:after{background-image:-o-linear-gradient(left,rgba(31,39,46,0),#1f272e);background-image:linear-gradient(90deg,rgba(31,39,46,0),#1f272e)}#job-icon{-webkit-align-items:flex-start;align-items:flex-start}#job-icon>span.icon{display:block;height:16px;margin-top:2px!important;position:relative;width:16px}#job-icon>span.icon>canvas{display:block;height:16px;position:absolute;width:16px}#job-icon>span.icon>canvas#job-icon-hover{opacity:0}#job-icon[href]:hover .icon>span.icon>canvas#job-icon-hover{opacity:1}#job-icon .progress-label{color:var(--gray-300);display:block;font-size:11px;line-height:1.5}#nav{-webkit-flex:1;flex:1;margin:22px 0 0;overflow:visible;padding-bottom:var(--xl)}body.has-debug-toolbar #nav{padding-bottom:calc(42px + var(--xl))}#nav li:not(.has-subnav)>a.sel{background-color:var(--gray-100)!important;color:var(--gray-800);opacity:1}#nav li:not(.has-subnav)>a.sel .icon{opacity:1}#nav li a{padding-left:var(--m);padding-right:var(--m);position:relative}#nav li a:focus{z-index:1}#nav li a.menubtn{line-height:26px}#nav li a.external:after{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"external";direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}body.ltr #nav li a.external:after{margin-left:5px}body.rtl #nav li a.external:after{margin-right:5px}#nav li a .label,#nav li a .label span{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}#nav li a .badge{background-color:var(--gray-200);color:var(--gray-800)}body.ltr #nav li a .badge{margin-right:0}body.rtl #nav li a .badge{margin-left:0}#nav li ul{display:block;margin-bottom:10px}#nav li ul li a{font-size:12px}body.ltr #nav li ul li a{padding:3px var(--m) 3px 42px!important}body.rtl #nav li ul li a{padding:3px 42px 3px var(--m)!important}#nav li ul li a:not(.active){color:var(--gray-200)}#global-footer{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;gap:var(--m);padding:var(--m) var(--m) var(--xl)}body.has-debug-toolbar #global-footer{padding-bottom:calc(var(--xl) + 42px)}#global-footer a{white-space:nowrap}#app-info{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;gap:var(--m);-webkit-justify-content:center;justify-content:center}#trial-info{background-color:#dbe5f0;border-radius:var(--large-border-radius);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),0 0 0 1px #bdcbdb,0 2px 12px rgba(205,216,228,.5);padding:16px var(--xl);text-align:center}#app-version{-webkit-align-items:center;align-items:center;color:var(--gray-600);display:-webkit-flex;display:flex;font-size:12px;gap:var(--s);-webkit-justify-content:center;justify-content:center;text-align:center}#app-version a{text-decoration:underline}#app-version a,#app-version a.go:hover:after{color:var(--gray-600)}#edition-logo{border:1px solid var(--gray-600);border-radius:3px;box-sizing:content-box;display:-webkit-inline-flex;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:1.7px;line-height:8px;padding:6px 5px 6px 7px;position:relative;text-transform:uppercase;top:-1px;-webkit-user-select:none;user-select:none}#devmode{background:url(../images/dev-mode.svg) repeat-x 21px 0;cursor:help;-webkit-flex:0 0 4px;flex:0 0 4px;min-height:4px;width:100%}#page-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-grow:1;flex-grow:1}body.ltr #page-container{padding-left:226px}body.rtl #page-container{padding-right:226px}#alerts{background-color:var(--red-050);border-left:6px solid var(--error-color);color:var(--error-color);position:relative}#alerts>li{box-shadow:inset 0 -1px 0 0 var(--red-100);padding:10px 24px}#alerts>li a.btn,#alerts>li a.go{-webkit-align-items:center;align-items:center;display:-webkit-inline-flex;display:inline-flex}#alerts>li a:not(.btn){color:var(--error-color);text-decoration:underline}#alerts>li a:not(.btn).go{border:1px solid rgba(220,38,38,.5);border-radius:var(--medium-border-radius);margin:0 2px;padding:4px 5px;text-decoration:none;white-space:nowrap}#alerts>li a:not(.btn).go:after{color:var(--error-color);font-size:15px;margin-top:1px}#alerts>li a:not(.btn).go:hover{border-color:var(--error-color)}#global-header{background:#fff;background:var(--gray-050);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);margin-bottom:var(--m);width:100%}#global-header:focus{box-shadow:var(--focus-ring)}#global-header .flex{-webkit-align-items:center;align-items:center}#global-header .btn{--ui-control-color:var(--gray-400);--ui-control-hover-color:var(--gray-500);--ui-control-active-color:var(--gray-600)}.nav-toggle{-webkit-align-items:center;align-items:center;color:currentColor;display:-webkit-flex;display:flex;height:50px;-webkit-justify-content:center;justify-content:center;line-height:26px;text-align:center;width:36px}body.ltr .nav-toggle{margin-left:-10px}body.rtl .nav-toggle{margin-right:-10px}.nav-toggle:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"menu";direction:ltr;display:inline-block;font-family:Craft;font-size:16px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;line-height:0;opacity:var(--icon-opacity);text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.nav-toggle:hover{color:var(--gray-400)}#crumbs{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;font-size:13px;margin:0!important}#crumbs.empty{display:none}#crumbs a,#crumbs button{color:var(--light-text-color);-o-transition:color .1s linear;transition:color .1s linear}#crumbs a:hover,#crumbs button:hover{color:var(--link-color);text-decoration:none}#crumbs nav{margin:0}.breadcrumb-list{-webkit-align-items:stretch;align-items:stretch;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap}.breadcrumb-list li{-webkit-align-items:center;align-items:center;display:-webkit-inline-flex;display:inline-flex}.breadcrumb-list li a,.breadcrumb-list li button{padding:15px 0}.breadcrumb-list li button{cursor:pointer}.breadcrumb-list li:after{border:solid var(--medium-hairline-color);border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;width:7px}body.ltr .breadcrumb-list li:after{margin:0 8px 0 7px}body.rtl .breadcrumb-list li:after{margin:0 7px 0 8px}body.ltr .breadcrumb-list li:after{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.rtl .breadcrumb-list li:after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.breadcrumb-list .menu--disclosure li{display:block}.breadcrumb-list .menu--disclosure li:after,li.breadcrumb-toggle-wrapper:after{content:none}#account-menu ul li a{max-width:calc(100% + 28px)!important}#announcements-btn{height:30px;padding-left:0;padding-right:0;position:relative;width:30px;width:40px}#announcements-btn:not(:hover):not(:active):not(.active){background-color:transparent}#announcements-btn:not(:active):not(.active):hover{background-color:rgba(154,165,177,.15)}#announcements-btn.unread:after{background-color:var(--blue-600);border-radius:4px;content:"";display:block;height:7px;position:absolute;top:3px;width:7px}body.ltr #announcements-btn.unread:after{right:7px}body.rtl #announcements-btn.unread:after{left:7px}#announcements-btn svg{height:22px;width:22px}#announcements-btn svg circle,#announcements-btn svg ellipse,#announcements-btn svg line,#announcements-btn svg path,#announcements-btn svg polygon,#announcements-btn svg polyline,#announcements-btn svg rect,#announcements-btn svg text{fill:var(--ui-control-color);stroke-width:0}#announcements-btn.active svg circle,#announcements-btn.active svg ellipse,#announcements-btn.active svg line,#announcements-btn.active svg path,#announcements-btn.active svg polygon,#announcements-btn.active svg polyline,#announcements-btn.active svg rect,#announcements-btn.active svg text,#announcements-btn:active svg circle,#announcements-btn:active svg ellipse,#announcements-btn:active svg line,#announcements-btn:active svg path,#announcements-btn:active svg polygon,#announcements-btn:active svg polyline,#announcements-btn:active svg rect,#announcements-btn:active svg text,#announcements-btn:hover svg circle,#announcements-btn:hover svg ellipse,#announcements-btn:hover svg line,#announcements-btn:hover svg path,#announcements-btn:hover svg polygon,#announcements-btn:hover svg polyline,#announcements-btn:hover svg rect,#announcements-btn:hover svg text{fill:var(--ui-control-active-color);stroke-width:0}#announcements{max-width:350px}#announcements .announcement:not(:first-child){margin-top:20px}#announcements .announcement .announcement-label-container{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;margin-bottom:3px;margin-top:-3px}#announcements .announcement .announcement-label-container .announcement-icon svg{display:block;height:15px;width:15px}#announcements .announcement .announcement-label-container .announcement-label{color:var(--light-text-color);font-size:12px;margin-left:5px}#announcements .announcement.unread .announcement__heading:after{background-color:var(--blue-600);border-radius:4px;content:"";display:block;height:7px;position:absolute;top:7px;width:7px}body.ltr #announcements .announcement.unread .announcement__heading:after{left:-13px}body.rtl #announcements .announcement.unread .announcement__heading:after{right:-13px}#announcements .announcement p{margin:0}#announcements .announcement__header{display:grid}#announcements .announcement__heading{margin:0 0 3px;-webkit-order:1;order:1;position:relative}#user-info{-webkit-align-items:center;align-items:center;background-color:transparent;border-radius:0;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;height:100%;padding-bottom:5px;padding-top:5px}body.ltr #user-info{padding-right:25px}body.rtl #user-info{padding-left:25px}#user-info:after{border-color:var(--ui-control-color);-o-transition:border-color .1s linear;transition:border-color .1s linear}#user-info:hover:after{border-color:var(--ui-control-hover-color)}#user-info[aria-expanded=true]:after{border-color:var(--ui-control-active-color)}.header-photo{padding:5px 0}.header-photo img,.header-photo svg{border-radius:50%;box-shadow:0 0 0 1px rgba(31,41,51,.05),0 0 0 rgba(31,41,51,0);display:block;height:30px;max-width:none;-o-transition:box-shadow .15s linear;transition:box-shadow .15s linear;width:30px}#user-info:hover .header-photo img,#user-info:hover .header-photo svg{box-shadow:0 0 0 1px rgba(31,41,51,.05),0 2px 10px -2px rgba(31,41,51,.3)}#main-container{-webkit-flex-grow:1;flex-grow:1;position:relative}#notifications{bottom:8px;position:fixed;width:calc(100% - 16px);z-index:101}body.ltr #notifications{left:8px}body.rtl #notifications{right:8px}body.has-debug-toolbar #notifications{bottom:50px}@media only screen and (min-width:974px){#notifications{width:350px}}#notifications .notification{--color:var(--notice-color);background:#fff;border-radius:var(--large-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);box-shadow:0 0 0 1px rgba(19,26,32,.15),0 2px 12px rgba(19,26,32,.15);display:-webkit-flex;display:flex;padding:10px 14px;position:relative}#notifications .notification:focus{box-shadow:var(--focus-ring)}#notifications .notification[data-type=success]{--color:var(--success-color)}#notifications .notification[data-type=error]{--color:var(--error-color)}#notifications .notification+.notification{margin-top:12px}#notifications .notification .notification-icon{color:var(--color);font-size:18px;margin-top:-2px;width:18px}body.ltr #notifications .notification .notification-icon{margin-right:10px}body.rtl #notifications .notification .notification-icon{margin-left:10px}#notifications .notification .notification-body{display:-webkit-flex;display:flex;-webkit-flex:1;flex:1}#notifications .notification .notification-body .notification-message{font-weight:700;overflow-wrap:anywhere;word-break:normal}#notifications .notification .notification-body .notification-details{margin-top:var(--xs)}#notifications .notification .notification-body .notification-details .chip{border:1px solid rgba(51,64,77,.1)}#notifications .notification .notification-close-btn{position:relative;top:-2px}body.ltr #notifications .notification .notification-close-btn{margin-left:10px}body.rtl #notifications .notification .notification-close-btn{margin-right:10px}#header-container{margin-bottom:var(--m)}#crumbs,#header{padding-left:var(--padding);padding-right:var(--padding)}@media only screen and (min-width:1200px){#primary-nav-toggle{display:none}}#global-header .flex,#header .flex{max-width:100%}#global-header .flex.flex-nowrap,#header .flex.flex-nowrap{min-width:0}#header{-webkit-align-content:stretch;align-content:stretch;-webkit-align-items:flex-start;align-items:flex-start;background-color:rgba(154,165,177,0);box-shadow:0 1px 0 rgba(51,64,77,0);box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;gap:var(--s);-webkit-justify-content:space-between;justify-content:space-between;padding-bottom:var(--s);padding-top:var(--s);position:relative;-o-transition:background-color .1s linear,box-shadow .1s linear;transition:background-color .1s linear,box-shadow .1s linear;width:calc(100vw - 226px);z-index:2}body.fixed-header #header{background-color:var(--gray-100);box-shadow:inset 0 -1px 0 rgba(63,77,90,.1);position:fixed;top:0;z-index:12}@supports((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){#header{transition:background-color .1s linear,box-shadow .1s linear,-webkit-backdrop-filter .1s linear;-o-transition:background-color .1s linear,box-shadow .1s linear,backdrop-filter .1s linear;transition:background-color .1s linear,box-shadow .1s linear,backdrop-filter .1s linear;transition:background-color .1s linear,box-shadow .1s linear,backdrop-filter .1s linear,-webkit-backdrop-filter .1s linear}body.fixed-header #header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(228,237,246,.75)}}#header h1{line-height:34px;margin-bottom:0;min-width:0}#header .btngroup,#header .buttons,#header h1{margin-top:0}@media only screen and (min-width:974px){#page-title.has-toolbar{min-width:calc(226px - var(--xl) - var(--s))!important}}#toolbar{-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex:1;flex:1;-webkit-justify-content:space-between;justify-content:space-between}#toolbar .icon:before,#toolbar .menubtn:after,#toolbar .texticon:before,#toolbar [data-icon-after]:after,#toolbar [data-icon]:before{color:currentColor;opacity:.8}#toolbar .text{border-radius:var(--large-border-radius)}#toolbar .text::-webkit-input-placeholder{color:var(--light-text-color)}#toolbar .text::placeholder{color:var(--light-text-color)}#toolbar .text:not(:focus){background-clip:border-box}@media only screen and (max-width:400px){#action-buttons .btngroup .btn:first-child{-webkit-flex-basis:100%;flex-basis:100%}}@media only screen and (max-width:973px){#action-buttons{margin-top:10px}}#main-content{-webkit-align-items:flex-start;align-items:flex-start;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;padding:0 var(--padding) 48px;width:calc(100vw - 226px)}#main-content>.grid:only-child{-webkit-flex:1;flex:1}#sidebar-toggle-container{display:none}#sidebar-container{box-sizing:border-box;-webkit-flex:0 0 226px;flex:0 0 226px;width:226px}@media only screen and (min-width:1200px){body.ltr #sidebar-container{margin-left:calc(var(--xl)*-1)}body.rtl #sidebar-container{margin-right:calc(var(--xl)*-1)}}#sidebar{background-color:transparent;box-sizing:border-box;padding:0 31px var(--m);position:relative;width:226px}#sidebar.fixed{position:fixed}#sidebar nav{margin-left:-31px;margin-right:-31px}#sidebar nav li a{position:relative}#sidebar nav li a:focus{z-index:1}#sidebar nav li a:not(.sel):hover{background-color:var(--gray-200)}#content-container{-webkit-flex:1;flex:1}#main-content:not(.has-sidebar):not(.has-details) #content-container{max-width:100%;width:100%}#main-content.has-sidebar #content-container{max-width:calc(100% - 202px);width:calc(100% - 202px)}#main-content.has-details #content-container{max-width:calc(100% - 350px - var(--m));width:calc(100% - 350px - var(--m))}#content-container #main-content.has-sidebar.has-details{max-width:calc(100% - 614px);width:calc(100% - 614px)}#content-heading{margin-top:var(--xl)!important}@media only screen and (min-width:974px){#content-heading{clip:rect(0,0,0,0);border:0;height:1px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px}}.content-pane{word-wrap:break-word;background:#fff;background-clip:padding-box;border-radius:var(--large-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);padding:var(--xl) var(--padding);position:relative}.content-pane:focus{box-shadow:var(--focus-ring)}.content-pane>hr{margin-left:calc(var(--xl)*-1);margin-right:calc(var(--xl)*-1)}#footer{background-color:var(--gray-050);border-radius:var(--small-border-radius);bottom:0;box-sizing:border-box;margin:calc(var(--xl) + 1px) calc(var(--padding)*-1 + 2px) calc(var(--xl)*-1 + 2px);min-height:50px;padding:var(--s) var(--padding);position:-webkit-sticky;position:sticky;z-index:1}#footer:empty{display:none}#footer.stuck{border-radius:0}@supports((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){#footer.stuck{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(228,237,246,.75)}}.has-debug-toolbar #footer{-o-transition:padding .1s linear;transition:padding .1s linear}.has-debug-toolbar #footer.stuck{padding-bottom:52px}#footer .flex>*,#footer>*{margin-bottom:0}#details-container{box-sizing:border-box;-webkit-flex:0 0 388px;flex:0 0 388px;width:388px}body.ltr #details-container{margin-right:calc(var(--xl)*-1)}body.rtl #details-container{margin-left:calc(var(--xl)*-1)}#details{box-sizing:border-box;width:388px;z-index:1}body.ltr #details{padding-right:var(--xl)}body.rtl #details{padding-left:var(--xl)}body.ltr #details{padding-left:var(--m)}body.rtl #details{padding-right:var(--m)}#details.fixed{position:fixed}#details .details{padding-bottom:calc(var(--xl) + 11.5em)}#details .details .meta{border-radius:var(--large-border-radius)}#details .details .meta:not(.read-only):not(.warning){background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5)}#details .details .meta:not(.read-only):not(.warning):focus{box-shadow:var(--focus-ring)}#details .details .meta.read-only{background-color:transparent!important;color:var(--medium-text-color)}#details .details .meta>.data:first-child,#details .details .meta>.field:first-child{border-top-right-radius:var(--large-border-radius)}#details .details .meta>.data:first-child,#details .details .meta>.data:first-child>.status-badge,#details .details .meta>.field:first-child,#details .details .meta>.field:first-child>.status-badge{border-top-left-radius:var(--large-border-radius)}#details .details .meta>.data:last-child,#details .details .meta>.field:last-child{border-bottom-right-radius:var(--large-border-radius)}#details .details .meta>.data:last-child,#details .details .meta>.data:last-child>.status-badge,#details .details .meta>.field:last-child,#details .details .meta>.field:last-child>.status-badge{border-bottom-left-radius:var(--large-border-radius)}#details .details>.field>.input>.text.fullwidth{background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5)}#details .details>.field>.input>.text.fullwidth:focus{box-shadow:var(--focus-ring)}#details .details .notes{border-radius:var(--large-border-radius);padding-bottom:var(--m);padding-top:var(--m)}@media only screen and (max-width:1199px){#global-container{width:calc(100vw + 226px)}body.ltr #global-container{left:-226px}body.rtl #global-container{right:-226px}body.ltr.showing-nav #global-container{left:0}body.rtl.showing-nav #global-container{right:0}#crumbs{display:-webkit-flex!important;display:flex!important}#header,#main-content{width:100vw}}@media only screen and (max-width:973px){#header{display:block}#header .flex:not(#toolbar){margin-top:10px}#toolbar{-webkit-flex-wrap:wrap!important;flex-wrap:wrap!important}#toolbar>*{margin-top:10px!important}body.fixed-header #header .flex:first-child{margin-top:0}#main-content{display:block}#sidebar-toggle-container{display:block;margin-bottom:var(--m)}#sidebar-toggle:after{top:0;-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.rtl #sidebar-toggle:after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}body.showing-sidebar #sidebar-toggle{background-color:#acbed2!important}body.showing-sidebar #sidebar-toggle:after{-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#content-container{min-height:0!important}#details-container,#sidebar-container{width:auto!important}#details,#sidebar{max-height:none!important;overflow-y:visible!important;position:static!important;width:auto}#sidebar{margin-bottom:var(--m)}body:not(.showing-sidebar) #sidebar{display:none}body.ltr #details-container{margin-right:0}body.rtl #details-container{margin-left:0}#content-container{max-width:none!important;width:auto!important}#details{margin-top:var(--m);padding:0!important}#details .details{margin-bottom:auto}}@media only screen and (max-width:767px){:root{--padding:var(--s);--neg-padding:calc(var(--s)*-1)}#tabs ul li a{padding-left:var(--m);padding-right:var(--m)}body.ltr #tabs ul li+li{margin-left:-7px}body.rtl #tabs ul li+li{margin-right:-7px}.card-grid{display:-webkit-flex!important;display:flex!important;-webkit-flex-direction:column;flex-direction:column}}body.ltr #settingsmenu ul li a{padding-left:46px}body.rtl #settingsmenu ul li a{padding-right:46px}#settingsmenu ul li a:before{font-size:15px}body.ltr #settingsmenu ul li a:before{margin:1px 0 0 -22px}body.rtl #settingsmenu ul li a:before{margin:1px -22px 0 0}#settingsmenu ul li a img{height:16px;margin-left:-23px;margin-top:1px;position:absolute;width:16px}.grid{min-height:1px;position:relative}.grid:after{clear:both;content:"";display:block;height:0;visibility:hidden}.grid>.item{display:none}.grid>.item,.sidebar{box-sizing:border-box}.sidebar{font-size:13px;width:226px}.sidebar:not(.drag-helper){background-color:var(--gray-050);padding:var(--m) 0}.sidebar .heading{margin:0 var(--xl);position:relative}.sidebar .heading:not(:first-child){margin-top:var(--m)}.sidebar .heading>span{color:var(--medium-text-color);display:inline-block;font-size:11px;font-weight:700;margin:0 -5px;padding:0 5px;position:relative;text-transform:uppercase;z-index:1}.sidebar .heading>ul{margin:2px calc(var(--xl)*-1)}.sidebar nav{padding:0 var(--s)}body.ltr .sidebar nav>ul>li.heading>ul>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>a{padding-left:24px}body.rtl .sidebar nav>ul>li.heading>ul>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>a{padding-right:24px}body.ltr .sidebar nav>ul>li.heading>ul>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>.toggle{left:calc(var(--m)*0)}body.rtl .sidebar nav>ul>li.heading>ul>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>.toggle{right:calc(var(--m)*0)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>a{padding-left:38px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>a{padding-right:38px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle{left:calc(var(--m)*1)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle{right:calc(var(--m)*1)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a{padding-left:52px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a{padding-right:52px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*2)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*2)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:66px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:66px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*3)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*3)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:80px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:80px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*4)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*4)}.sidebar nav li{position:relative}.sidebar nav li:not(.has-subnav)>a:not(.sel):hover{background-color:var(--gray-100);text-decoration:none}.sidebar nav li:not(.has-subnav)>a.active-drop-target,.sidebar nav li:not(.has-subnav)>a.sel{background-color:var(--gray-500)!important;cursor:default}.sidebar nav li:not(.has-subnav)>a.active-drop-target,.sidebar nav li:not(.has-subnav)>a.active-drop-target+.toggle,.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.sel+.toggle{color:var(--white)}.sidebar nav li:not(.has-subnav)>a.sel{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.sidebar nav li a{-webkit-align-items:center;align-items:center;border-radius:var(--large-border-radius);box-sizing:border-box;color:var(--text-color);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;margin-bottom:1px;min-height:var(--xl);padding:7px var(--xl);position:relative;-webkit-user-select:none;user-select:none;word-break:break-word}.sidebar nav li a .icon,.sidebar nav li a .status{-webkit-flex-shrink:1;flex-shrink:1}.sidebar nav li a .icon{height:1.125rem;opacity:.85;-o-transition:margin-left .15s linear,margin-right .15s linear;transition:margin-left .15s linear,margin-right .15s linear;width:1.125rem;word-break:normal}body.ltr .sidebar nav li a .icon{margin-right:10px}body.rtl .sidebar nav li a .icon{margin-left:10px}.sidebar nav li a .icon.icon-mask svg circle,.sidebar nav li a .icon.icon-mask svg ellipse,.sidebar nav li a .icon.icon-mask svg line,.sidebar nav li a .icon.icon-mask svg path,.sidebar nav li a .icon.icon-mask svg polygon,.sidebar nav li a .icon.icon-mask svg polyline,.sidebar nav li a .icon.icon-mask svg rect,.sidebar nav li a .icon.icon-mask svg text{fill:currentColor;stroke-width:0}.sidebar nav li a .icon.icon-mask span[data-icon]{color:currentColor}.sidebar nav li a .icon svg{height:16px;width:16px}.sidebar nav li a .icon span[data-icon]{font-size:16px}.sidebar nav li a .icon span[data-icon]:before{display:block}.sidebar nav li a .label{-webkit-flex:1;flex:1}.sidebar nav li a .badge{background-color:var(--medium-text-color);border-radius:var(--s);color:var(--white);-webkit-flex-shrink:1;flex-shrink:1;font-size:11px;line-height:16px;padding:0 6px}body.ltr .sidebar nav li a .badge{margin:0 -4px 0 10px}body.rtl .sidebar nav li a .badge{margin:0 10px 0 -4px}.sidebar nav li .toggle{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;height:34px;-webkit-justify-content:center;justify-content:center;position:absolute;top:0;width:var(--xl);z-index:1}.sidebar nav li ul{display:none}.sidebar nav li.expanded>ul,.sidebar nav li.heading>ul{display:block}.error-summary{background-color:var(--gray-050);border-radius:var(--large-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);box-sizing:border-box;margin-bottom:var(--l);padding:var(--l) var(--xl) var(--xl)}.error-summary .notification-icon{color:var(--error-color);float:left;margin:-2px 6px 0 0}.error-summary h2{margin-top:var(--xs)}.error-summary>ul.errors li,.error-summary>ul.errors li a{color:var(--text-color)}.error-summary>ul.errors li a em,.error-summary>ul.errors li em{font-weight:600}.error-summary>ul.errors li a:hover,.error-summary>ul.errors li:hover{color:var(--link-color)}body.ltr .content.has-sidebar:not(.hiding-sidebar){margin-left:226px}body.rtl .content.has-sidebar:not(.hiding-sidebar){margin-right:226px}#content-notice{margin:0 calc(var(--xl)*-1);padding:0 var(--xl)}#content-notice:not(:last-child){border-bottom:1px solid var(--hairline-color);margin-bottom:var(--s);padding-bottom:var(--s)}#content :not(.meta)>.flex-fields,#content>.flex-fields,.draghelper .flex-fields,.so-content .flex-fields{--row-gap:var(--xl);-webkit-align-content:flex-start;align-content:flex-start;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:0 calc(var(--row-gap)*-1) calc(var(--row-gap)*-1);width:calc(100% + var(--row-gap)*2)}#content :not(.meta)>.flex-fields>*,#content>.flex-fields>*,.draghelper .flex-fields>*,.so-content .flex-fields>*{box-sizing:border-box;margin:0 0 var(--row-gap)!important;padding:0 var(--row-gap)}#content :not(.meta)>.flex-fields>h2,#content>.flex-fields>h2,.draghelper .flex-fields>h2,.so-content .flex-fields>h2{-webkit-flex:4 0 100%;flex:4 0 100%}#content :not(.meta)>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),#content>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.draghelper .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.so-content .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))){border-top:1px solid var(--hairline-color);padding-top:var(--xl)}#content :not(.meta)>.flex-fields>.line-break,#content :not(.meta)>.flex-fields>hr,#content>.flex-fields>.line-break,#content>.flex-fields>hr,.draghelper .flex-fields>.line-break,.draghelper .flex-fields>hr,.so-content .flex-fields>.line-break,.so-content .flex-fields>hr{-webkit-flex:4 0 100%;flex:4 0 100%}#content :not(.meta)>.flex-fields>.line-break:not(:first-child),#content>.flex-fields>.line-break:not(:first-child),.draghelper .flex-fields>.line-break:not(:first-child),.so-content .flex-fields>.line-break:not(:first-child){margin-bottom:0!important}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break),#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child,#content>.flex-fields>:not(h2):not(hr):not(.line-break),#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break),.draghelper .flex-fields>:not(h2):not(hr):not(.line-break):last-child,.so-content .flex-fields>:not(h2):not(hr):not(.line-break),.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child{position:relative;width:100%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,#content>.flex-fields>:not(h2):not(hr):not(.line-break):before,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{background-color:rgba(205,216,228,.5);content:"";height:100%;position:absolute;top:0;width:1px}body.ltr #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.ltr #content>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr #content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.ltr .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.ltr .so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr .so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{left:-1px}body.rtl #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.rtl #content>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl #content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.rtl .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.rtl .so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl .so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{right:-1px}@media only screen and (min-width:1536px){#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25{width:25%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-75,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-75,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-75,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-75,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-75,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-75{width:75%}}@media only screen and (min-width:600px)and (max-width:1535px){#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}@media only screen and (min-width:1200px){.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,.so-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.so-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}.lp-editor-container,.lp-preview-container{background-color:var(--white);height:100%;position:fixed;top:0;z-index:100}.lp-editor-container>header,.lp-preview-container>header{background-color:var(--gray-100);box-shadow:0 1px 0 rgba(63,77,90,.2);box-sizing:border-box;padding:8px 24px;position:relative;z-index:1}@supports((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.lp-editor-container>header,.lp-preview-container>header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(228,237,246,.75);left:0;position:absolute;top:0;width:100%;z-index:2}.lp-editor-container>header+.lp-editor,.lp-preview-container>header+.lp-editor{padding-top:78px}}.lp-editor-container>header .btn,.lp-editor-container>header .checkmark-icon,.lp-editor-container>header .spinner,.lp-preview-container>header .btn,.lp-preview-container>header .checkmark-icon,.lp-preview-container>header .spinner{margin-bottom:0}.lp-editor-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.lp-editor-container .lp-editor{box-sizing:border-box;-webkit-flex:1;flex:1;overflow:auto;padding:24px}.lp-editor-container .lp-editor>.field:last-child{margin-bottom:24px!important}body.ltr .lp-editor-container .lp-editor>.field>.status-badge{left:-24px}body.rtl .lp-editor-container .lp-editor>.field>.status-badge{right:-24px}body.ltr .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{left:calc(var(--m)*-1)}body.rtl .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{right:calc(var(--m)*-1)}.lp-editor-container .lp-draghandle{cursor:col-resize;height:100%;position:absolute;top:0;width:4px;z-index:101}body.ltr .lp-editor-container .lp-draghandle{right:-2px}body.rtl .lp-editor-container .lp-draghandle{left:-2px}.lp-preview-container{box-shadow:-1px 0 0 rgba(63,77,90,.2);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.lp-preview-container.dragging:after{content:"";font-size:0;height:100%;left:0;position:absolute;top:0;width:100%}.lp-preview-container .lp-preview-header{display:-webkit-flex;display:flex}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.lp-preview-container .lp-preview-header{background-color:rgba(228,237,246,.75)}}.lp-preview-container .lp-preview-header .buttons{margin:0}body.ltr .lp-preview-container .lp-preview-header .buttons .btn+.btn{margin-left:7px}body.rtl .lp-preview-container .lp-preview-header .buttons .btn+.btn{margin-right:7px}.lp-preview-container .lp-preview-header+.lp-iframe-container{padding-top:0}@supports((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.lp-preview-container .lp-preview-header+.lp-iframe-container{padding-top:50px}}.lp-preview-container .lp-preview-header .lp-device-type .btn:before{background-position:50%;background-repeat:no-repeat;-o-background-size:contain;background-size:contain;content:"";display:block;height:22px;-o-transition-duration:.3s;transition-duration:.3s;width:27px}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--phone:before{background-image:url(../images/preview/icon-phone.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--tablet:before{background-image:url(../images/preview/icon-tablet.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--desktop:before{background-image:url(../images/preview/icon-desktop.svg)}.lp-preview-container .lp-device-type__label:before{background-position:50%;background-repeat:no-repeat;-o-background-size:contain;background-size:contain;content:"";display:block;height:22px;-o-transition-duration:.3s;transition-duration:.3s;width:27px}.lp-preview-container .lp-device-type__label.lp-device-type__label--phone:before{background-image:url(../images/preview/icon-phone.svg)}.lp-preview-container .lp-device-type__label.lp-device-type__label--tablet:before{background-image:url(../images/preview/icon-tablet.svg)}.lp-preview-container .lp-device-type__label.lp-device-type__label--desktop:before{background-image:url(../images/preview/icon-desktop.svg)}.lp-preview-container .lp-preview-container__bumper-link{bottom:0;top:unset}.lp-preview-container .lp-device-mask{display:none}.lp-preview-container .lp-iframe-container{-webkit-flex:1;flex:1;overflow:auto}.lp-preview-container .lp-iframe-container .lp-preview{display:block;min-height:100%;width:100%}.lp-preview-container .lp-iframe-container:not(.lp-iframe-container--has-device-preview) .lp-device-preview-container{height:100%!important;margin:0!important;-webkit-transform:none!important;-o-transform:none!important;transform:none!important;width:auto!important}.lp-preview-container .lp-iframe-container--has-device-preview{background-color:var(--gray-100);-webkit-flex:none;flex:none;height:calc(100% - 50px);padding-top:0!important;position:relative;top:0;width:100%}@supports((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.lp-preview-container .lp-iframe-container--has-device-preview{top:50px}}.lp-preview-container .lp-iframe-container--has-device-preview .lp-device-preview-container{left:50%;opacity:1;overflow:auto;position:absolute;top:50%;-o-transition:opacity .3s;transition:opacity .3s;z-index:2}.lp-preview-container .lp-iframe-container--has-device-preview .lp-device-mask{background-color:#fff;background-image:url(../images/preview/chrome-phone-top.svg),url(../images/preview/chrome-phone-bottom.svg);background-position:top,bottom;background-repeat:no-repeat;-o-background-size:contain;background-size:contain;border-radius:18px;box-shadow:0 0 58px rgba(6,67,117,.3);display:block;left:50%;position:absolute;top:50%;z-index:1}.lp-preview-container .lp-iframe-container--has-device-preview.lp-iframe-container--tablet .lp-device-mask{background-image:url(../images/preview/chrome-tablet-top.svg),url(../images/preview/chrome-tablet-bottom.svg)}@media screen and (prefers-reduced-motion:no-preference){.lp-preview-container .lp-iframe-container--rotating .lp-device-mask{-o-transition-duration:.3s;transition-duration:.3s;transition-property:-webkit-transform;-o-transition-property:-o-transform;transition-property:transform;transition-property:transform,-webkit-transform,-o-transform}.lp-preview-container .lp-iframe-container--rotating .lp-device-preview-container{opacity:0;-o-transition:opacity 0s;transition:opacity 0s}}.layoutdesigner{-webkit-align-items:stretch;align-items:stretch;background-clip:padding-box;background-color:#fbfcfe;border:1px solid rgba(96,125,159,.25);border-radius:3px;box-shadow:none;display:-webkit-flex;display:flex;min-height:500px;overflow:hidden;position:relative}body.ltr .layoutdesigner{padding-right:241px}body.rtl .layoutdesigner{padding-left:241px}.errors>.layoutdesigner{border:1px solid var(--error-color)!important}.layoutdesigner .fld-workspace{background-color:var(--gray-050);background-image:-o-linear-gradient(left,#ecf2f9 1px,transparent 0),-o-linear-gradient(top,#ecf2f9 1px,transparent 1px);background-image:linear-gradient(90deg,#ecf2f9 1px,transparent 0),linear-gradient(180deg,#ecf2f9 1px,transparent 0);background-position:-1px -1px;-o-background-size:24px 24px;background-size:24px 24px;box-shadow:inset 0 1px 3px -1px #acbed2;-webkit-flex:1;flex:1}body.ltr .layoutdesigner .fld-workspace{border-radius:var(--small-border-radius) 0 0 var(--small-border-radius)}body.rtl .layoutdesigner .fld-workspace{border-radius:0 var(--small-border-radius) var(--small-border-radius) 0}body.ltr .layoutdesigner .fld-workspace{padding:24px 0 24px 24px}body.rtl .layoutdesigner .fld-workspace{padding:24px 24px 24px 0}.layoutdesigner .fld-workspace .fld-tabs{-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.layoutdesigner .fld-sidebar{box-sizing:border-box;height:100%;overflow:auto;padding:14px;position:absolute;top:0;width:241px}body.ltr .layoutdesigner .fld-sidebar{right:0}body.rtl .layoutdesigner .fld-sidebar{left:0}.layoutdesigner .fld-sidebar .btngroup{margin-bottom:14px}.layoutdesigner .fld-sidebar .fld-field-library .fld-field-group{margin-top:14px}.layoutdesigner .fld-sidebar .fld-field-library .fld-field-group h6{margin-bottom:7px}.layoutdesigner .fld-sidebar .filtered{display:none}.layoutdesigner .fld-new-tab-btn:active{background-color:var(--gray-050)}.fld-new-tab-btn,.fld-new-tab-btn:hover,.fld-sidebar,.fld-tab .fld-tabcontent,.fld-tab .tabs .tab{background-color:var(--white);box-shadow:0 0 0 1px rgba(31,41,51,.1),0 2px 5px -2px rgba(31,41,51,.2)}body.ltr .fld-element .settings,body.ltr .fld-element .slide-picker,body.ltr .fld-tab .settings{margin-left:7px}body.rtl .fld-element .settings,body.rtl .fld-element .slide-picker,body.rtl .fld-tab .settings{margin-right:7px}.fld-element .settings:before,.fld-tab .settings:before{font-size:16px;margin-top:-2px;opacity:.5}.fld-element .settings.active:before,.fld-element .settings:hover:before,.fld-tab .settings.active:before,.fld-tab .settings:hover:before{opacity:1}.fld-tab{box-sizing:border-box;width:264px}body.ltr .fld-tab{padding:0 25px 24px 0}body.rtl .fld-tab{padding:0 0 24px 25px}.fld-tab .tabs{display:-webkit-flex;display:flex;margin:-10px -12px 0;overflow:hidden;padding:10px 12px 0}.fld-tab .tabs .tab{border-radius:var(--medium-border-radius) var(--medium-border-radius) 0 0;box-sizing:border-box;display:-webkit-flex;display:flex;max-width:calc(100% - 10px);padding:8px 14px}body:not(.dragging) .fld-tab .tabs .tab.draggable{cursor:move;cursor:-webkit-grab;cursor:grab}.fld-tab .tabs .tab span{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.fld-tab .fld-tabcontent{padding:14px}body.ltr .fld-tab .fld-tabcontent{border-radius:0 var(--medium-border-radius) var(--medium-border-radius) var(--medium-border-radius)}body.rtl .fld-tab .fld-tabcontent{border-radius:var(--medium-border-radius) 0 var(--medium-border-radius) var(--medium-border-radius)}.fld-tab.fld-insertion .fld-tabcontent,.fld-tab.fld-insertion .tabs .tab{background-color:var(--gray-050);background-image:-o-linear-gradient(left,#ecf2f9 1px,transparent 0),-o-linear-gradient(top,#ecf2f9 1px,transparent 1px);background-image:linear-gradient(90deg,#ecf2f9 1px,transparent 0),linear-gradient(180deg,#ecf2f9 1px,transparent 0);-o-background-size:24px 24px;background-size:24px 24px;border:2px dashed var(--hairline-color);box-shadow:none;margin:-2px}.fld-tab.fld-insertion .tabs .tab{background-position:-1px -1px}.fld-tab.fld-insertion .fld-tabcontent{background-position:-1px -13px}.fld-tab-caboose{min-height:24px}.fld-indicator{color:var(--uicontrol-color);display:-webkit-inline-flex;display:inline-flex;font-size:11px}body.ltr .fld-indicator{margin-left:4px}body.rtl .fld-indicator{margin-right:4px}body.ltr .fld-indicator+.fld-indicator{margin-left:2px}body.rtl .fld-indicator+.fld-indicator{margin-right:2px}.fld-element{-webkit-align-items:center;align-items:center;background-color:var(--white);border-radius:var(--medium-border-radius);box-shadow:inset 0 0 0 1px var(--hairline-color);display:-webkit-flex;display:flex;padding:7px 10px;position:relative}body:not(.dragging) .fld-element{cursor:move;cursor:-webkit-grab;cursor:grab}.fld-element+.fld-element{margin-top:7px}.fld-element.fld-insertion{background:none;border:2px dashed var(--hairline-color);border-radius:var(--medium-border-radius);box-shadow:none;box-sizing:border-box}.fld-element.draghelper{box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.fld-element.fld-field{background-color:var(--gray-100);color:var(--medium-text-color)}.fld-element.fld-field:not(.draghelper){box-shadow:none}.fld-element.fld-field .fld-field-hidden:not(.hidden){margin-top:-3px}body.ltr .fld-element.fld-field .fld-field-hidden:not(.hidden){margin-right:5px}body.rtl .fld-element.fld-field .fld-field-hidden:not(.hidden){margin-left:5px}.fld-element.fld-field .fld-field-hidden:not(.hidden):before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"shuteye";direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.fld-element.fld-field .field-name .fld-element-label{margin-bottom:2px}.fld-element .fld-element-icon{text-align:center}body.ltr .fld-element .fld-element-icon{margin-right:5px}body.rtl .fld-element .fld-element-icon{margin-left:5px}.fld-element .fld-element-icon,.fld-element .fld-element-icon svg{height:16px;width:16px}.fld-element .fld-element-icon svg circle,.fld-element .fld-element-icon svg ellipse,.fld-element .fld-element-icon svg line,.fld-element .fld-element-icon svg path,.fld-element .fld-element-icon svg polygon,.fld-element .fld-element-icon svg polyline,.fld-element .fld-element-icon svg rect,.fld-element .fld-element-icon svg text{fill:var(--ui-control-color);stroke-width:0}.fld-element .field-name{-webkit-flex:1;flex:1;overflow:hidden}.fld-element .field-name .fld-attribute,.fld-element .field-name .fld-element-label{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex:1;flex:1}.fld-element .field-name .fld-attribute .smalltext,.fld-element .field-name .fld-element-label h4{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.fld-element .field-name .fld-element-label h4{color:var(--text-color);font-weight:400;margin:0}.fld-br,.fld-hr{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:9px 10px}.fld-br:before,.fld-hr:before{border-radius:2px;content:"";display:block;font-size:0;height:4px;left:10px;position:absolute;top:calc(50% - 2px);width:calc(100% - 20px)}.fld-br .smalltext,.fld-hr .smalltext{background-color:var(--gray-100);border-radius:8px;padding:1px 7px;position:relative}.fld-hr:before{background-color:var(--gray-100)}.fld-br:before{background-image:-o-repeating-linear-gradient(left,var(--gray-100),var(--gray-100) 5.2631578947%,transparent 5.2631578947%,transparent 10.5263157895%,var(--gray-100) 10.5263157895%);background-image:repeating-linear-gradient(to right,var(--gray-100),var(--gray-100) 5.2631578947%,transparent 5.2631578947%,transparent 10.5263157895%,var(--gray-100) 10.5263157895%)}.fld-element-settings-body{-webkit-flex:1;flex:1;margin:-24px var(--neg-padding) 0;overflow:hidden auto;padding:24px var(--padding);position:relative}.fld-element-settings-footer{background:#fff;background-color:var(--gray-050);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;margin:0 var(--neg-padding) -24px;padding:var(--padding);position:relative;z-index:3}.fld-element-settings-footer:focus{box-shadow:var(--focus-ring)}.fld-element-settings-footer>.ee-site-select{-webkit-flex:1;flex:1}body.ltr .fld-element-settings-footer>.btn{margin-left:5px}body.rtl .fld-element-settings-footer>.btn{margin-right:5px}body.ltr .fld-element-settings-footer>.spinner{margin:0 var(--neg-padding) 0 0}body.rtl .fld-element-settings-footer>.spinner{margin:0 0 0 var(--neg-padding)}html.noscroll,html.noscroll body{height:100%;overflow:hidden}.modal.imageeditor{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;--focus-ring:0 0 0 1px hsl(var(--light-focus-hsl)),0 0 0 3px hsla(var(--light-focus-hsl),0.7);background-color:var(--gray-900);color:var(--white);font-weight:500;opacity:0;-webkit-user-select:none;user-select:none}.modal.imageeditor.modal{border-radius:0}.modal.imageeditor.modal .body:after{display:none}.modal.imageeditor .btn:not(.submit):not(.noborder){background-color:var(--gray-600);color:var(--white)}.modal.imageeditor .btn:not(.submit):not(.noborder):hover{background-color:var(--gray-700)}.modal.imageeditor .btn:not(.submit):not(.noborder).active{background-color:var(--gray-800)}.modal.imageeditor .icon:before{content:"";display:inline-block;height:24px;margin-left:-3px;margin-top:-4px;width:24px}.modal.imageeditor .icon.rotate-left:before{background-image:url(../images/image-editor/rotate-left.svg)}.modal.imageeditor .icon.rotate-right:before{background-image:url(../images/image-editor/rotate-right.svg)}.modal.imageeditor .icon.flip-vertical:before{background-image:url(../images/image-editor/flip-vertical.svg)}.modal.imageeditor .icon.flip-horizontal:before{background-image:url(../images/image-editor/flip-horizontal.svg)}.modal.imageeditor .icon.constraint:before{background-image:url(../images/image-editor/unconstrained.svg)}.modal.imageeditor .icon.focal-point:before{background-image:url(../images/image-editor/focal-point.svg)}.modal.imageeditor .body{display:-webkit-flex;display:flex;padding:0}.modal.imageeditor input{color:var(--text-color)}.modal.imageeditor .body .tabs{border-right:1px solid var(--gray-1000)}.modal.imageeditor .body .tabs ul{-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:column;flex-direction:column;width:100px}.modal.imageeditor .body .tabs ul li{border-bottom:1px solid var(--gray-1000);cursor:pointer;padding:14px;position:relative;text-align:center}.modal.imageeditor .body .tabs ul li:before{background-color:currentColor;content:"";height:100%;position:absolute;top:0;width:0}body.ltr .modal.imageeditor .body .tabs ul li:before{left:0}body.rtl .modal.imageeditor .body .tabs ul li:before{right:0}.modal.imageeditor .body .tabs ul li.selected{background-color:#151c23}.modal.imageeditor .body .tabs ul li.selected:before{width:2px}.modal.imageeditor .body .tabs ul li i{background-position:top;background-repeat:no-repeat;display:block;height:24px}.modal.imageeditor .body .tabs ul li[data-view=rotate] i{background-image:url(../images/image-editor/rotate-left.svg)}.modal.imageeditor .body .tabs ul li[data-view=crop] i{background-image:url(../images/image-editor/crop.svg)}.modal.imageeditor .body .tabs ul li[data-view=filters] i{background-image:url(../images/image-editor/filters.svg)}.modal.imageeditor .body .tabs ul li:hover{background-color:#1b242c;cursor:pointer}.modal.imageeditor .body .views{overflow:auto;padding:24px}.modal.imageeditor .body .views .btngroup{margin-bottom:24px}.modal.imageeditor .body .views .filters ul{width:100px}.modal.imageeditor .body .views .filters ul li{margin-bottom:14px;margin-right:14px;text-align:center}.modal.imageeditor .body .views .filters ul li:last-child{margin-right:0}.modal.imageeditor .body .views .filters ul li img{border:3px solid transparent;border-radius:4px}.modal.imageeditor .body .views .filters ul li span{display:block}.modal.imageeditor .body .views .filters ul li:hover{cursor:pointer}.modal.imageeditor .body .views .filters ul li.selected img{border-color:var(--white)}.modal.imageeditor .body .image-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-grow:1;flex-grow:1;overflow:hidden;position:relative}.modal.imageeditor .body .image-container .image{-webkit-flex-grow:1;flex-grow:1;margin:14px;position:relative;text-align:center}.modal.imageeditor .body .image-container .image canvas{left:0;position:absolute;top:0}.modal.imageeditor .body .image-container .image-tools{text-align:center}.modal.imageeditor .body .image-container .image-tools .straightening{display:block;margin:0 auto;max-width:400px;min-height:3.75rem;overflow:hidden}.modal.imageeditor .footer{background-color:transparent;border-top:1px solid #000;bottom:0;left:0;position:absolute;width:100%}body.has-debug-toolbar .modal.imageeditor .footer{padding-bottom:50px}.modal.imageeditor .body .views .crop fieldset .heading{display:none}.modal.imageeditor .body .views .crop .custom-constraint-spacer{padding:0 var(--xs)}.modal.imageeditor .body .views .crop .constraint-group{grid-gap:var(--xs);display:grid}body.ltr .modal.imageeditor .body .views .crop .custom{padding-left:21px}body.rtl .modal.imageeditor .body .views .crop .custom{padding-right:21px}.modal.imageeditor .body .views .crop .orientation{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.modal.imageeditor .body .views .crop .orientation input{-webkit-appearance:none;appearance:none;background-position:50%;background-repeat:no-repeat;cursor:pointer;margin:0 4px}.modal.imageeditor .body .views .crop .orientation input[value=landscape]{background-image:url(../images/image-editor/orientation-landscape-unchecked.svg);height:20px;width:30px}.modal.imageeditor .body .views .crop .orientation input[value=landscape]:checked{background-image:url(../images/image-editor/orientation-landscape-checked.svg)}.modal.imageeditor .body .views .crop .orientation input[value=portrait]{background-image:url(../images/image-editor/orientation-portrait-unchecked.svg);height:30px;width:20px}.modal.imageeditor .body .views .crop .orientation input[value=portrait]:checked{background-image:url(../images/image-editor/orientation-portrait-checked.svg)}.modal.imageeditor.vertical .body .views .crop>.btngroup:first-child{-webkit-justify-content:center;justify-content:center}.modal.imageeditor:not(.vertical) .body .views .crop .constraint.custom{margin-top:var(--xs)}.vertical.imageeditor .body{-webkit-flex-direction:column;flex-direction:column}.vertical.imageeditor .body .image-container{-webkit-flex-basis:30vh;flex-basis:30vh;-webkit-flex-shrink:0;flex-shrink:0}.vertical.imageeditor .body .constraint-group{grid-template-columns:1fr 1fr}.vertical.imageeditor .body .tabs ul{border-bottom:1px solid #000;border-top:1px solid #000;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;width:100%}.vertical.imageeditor .body .tabs ul li{border:0;border-right:1px solid #000;-webkit-flex-grow:1;flex-grow:1;padding:10px 7px}.vertical.imageeditor .body .tabs ul li:before{height:0;top:unset;top:0;width:100%}.vertical.imageeditor .body .tabs ul li.selected:before{height:2px;width:100%}.vertical.imageeditor .body .views{width:auto}.vertical.imageeditor .body .views .rotate{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;margin-bottom:-14px}.vertical.imageeditor .body .views .rotate .btngroup{margin:0 7px 14px}.vertical.imageeditor .body .views .filters ul{height:109px;margin:0 -24px -24px;overflow:auto;padding:24px;text-align:center;white-space:nowrap;width:auto}.vertical.imageeditor .body .views .filters ul li{display:inline-block;margin-bottom:0}.slide-rule{padding:10px 0;position:relative}.slide-rule:focus{box-shadow:none}body.reduce-focus-visibility .slide-rule:focus-visible .cursor:after,body:not(.reduce-focus-visibility) .slide-rule:focus .cursor:after{box-shadow:var(--focus-ring)}.slide-rule .cursor:after{content:"";height:3.125rem;left:50%;position:absolute;top:-15px;-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:1.25rem}.slide-rule .cursor{border-left:.3125rem solid transparent;border-right:.3125rem solid transparent;border-top:.3125rem solid #63a6e1;height:0;left:50%;margin-left:-.25rem;margin-top:4px;position:absolute;width:0;z-index:1}.slide-rule .graduations{height:40px;position:relative;white-space:nowrap}.slide-rule .graduations ul{float:left;position:relative}.slide-rule .graduations ul li{display:inline-block;font-size:8px;position:relative;width:10px}.slide-rule .graduations ul li:not(.main-graduation){left:1px}.slide-rule .graduations ul li.main-graduation:before{border-left-width:3px}.slide-rule .graduations ul li.main-graduation .label{cursor:default;display:block}.slide-rule .graduations ul li.selected:before{border-left-color:#63a6e1}.slide-rule .graduations ul li:before{border-left:1px solid var(--white);content:"";height:10px;left:0;position:absolute;top:0}.slide-rule .graduations ul li .label{display:none;left:-9px;position:absolute;text-align:center;top:10px;width:20px}.slide-rule .value{background:var(--gray-600);bottom:0;box-sizing:border-box;display:none;left:50%;margin-left:-25px;padding:5px;position:absolute;width:50px;z-index:1}.slide-rule .overlay{background-image:-o-linear-gradient(left,var(--gray-900) 0,rgba(31,41,51,0) 15%,rgba(31,41,51,0) 85%,var(--gray-900) 100%);background-image:linear-gradient(to right,var(--gray-900) 0,rgba(31,41,51,0) 15%,rgba(31,41,51,0) 85%,var(--gray-900) 100%);bottom:1px;left:0;position:absolute;right:0;top:0;z-index:2}.menu.dark{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:var(--gray-600);font-weight:500}.menu.dark ul li a{color:var(--white)!important}.menu.dark ul li a:not(.sel):not(.disabled):hover{background-color:var(--gray-700)}.elements .tableview td.checkbox-cell div.checkbox,.elements .tableview td.checkbox-cell input.checkbox+label,_:-ms-lang(x){top:16px}_:-ms-lang(x),div:empty.checkbox,input.checkbox+label:empty{display:block}.yii-debug-toolbar__title a{display:block!important}.cp-chart{height:100%;margin:0;position:relative}.cp-chart svg{height:100%;width:100%}.cp-chart .axis line,.cp-chart .axis path{fill:none;stroke:var(--hairline-color);shape-rendering:crispEdges}.cp-chart .ticks-axis line,.cp-chart .ticks-axis path{fill:none;stroke:none;shape-rendering:crispEdges}.cp-chart .ticks-axis g.tick text{fill:var(--black);font-size:11px}.cp-chart .axis text{fill:rgba(0,0,0,.6)}.cp-chart .grid-line .tick,.cp-chart .grid-line .tick line{stroke:rgba(0,0,0,.08);stroke-opacity:.7;shape-rendering:crispEdges}.cp-chart .grid-line path{stroke-width:0}.tooltip{background:hsla(0,0%,100%,.9);border-radius:3px;box-shadow:0 1px 5px -1px rgba(31,41,51,.2);padding:7px 10px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;z-index:1000000} /*# sourceMappingURL=cp.css.map*/ \ No newline at end of file diff --git a/src/web/assets/cp/dist/css/cp.css.map b/src/web/assets/cp/dist/css/cp.css.map index 3bb9130ba14..17598c1bac5 100644 --- a/src/web/assets/cp/dist/css/cp.css.map +++ b/src/web/assets/cp/dist/css/cp.css.map @@ -1 +1 @@ -{"version":3,"file":"css/cp.css","mappings":"AAAA,MCGA,YACE,aACA,2BAEA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,oCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,sCACA,kBAEA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,oBAEA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,oBAEA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,sBAEA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,kBAEA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,sBAEA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,mBAEA,mBACA,mBACA,mBAC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","sources":["webpack:///./css/craft.scss","webpack:///./css/_color-palette.scss","webpack:///./css/_variables.scss","webpack:///./css/_main.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss","webpack:///./css/_cp.scss","webpack:///./css/_preview.scss","webpack:///./css/_fld.scss","webpack:///./css/_image_editor.scss","webpack:///./css/_shame.scss","webpack:///./css/charts.scss"],"sourcesContent":[":root{--white: #fff;--black: #000;--gray-050-hsl: 212, 60%, 97%;--gray-100-hsl: 212, 50%, 93%;--gray-200-hsl: 212, 30%, 85%;--gray-300-hsl: 211, 13%, 65%;--gray-350-hsl: 211, 11%, 59%;--gray-400-hsl: 210, 10%, 53%;--gray-500-hsl: 211, 12%, 43%;--gray-550-hsl: 210, 13%, 40%;--gray-600-hsl: 209, 14%, 37%;--gray-700-hsl: 209, 18%, 30%;--gray-800-hsl: 209, 20%, 25%;--gray-900-hsl: 210, 24%, 16%;--gray-1000-hsl: 210, 24%, 10%;--gray-050: hsl(var(--gray-050-hsl));--gray-100: hsl(var(--gray-100-hsl));--gray-200: hsl(var(--gray-200-hsl));--gray-300: hsl(var(--gray-300-hsl));--gray-350: hsl(var(--gray-350-hsl));--gray-400: hsl(var(--gray-400-hsl));--gray-500: hsl(var(--gray-500-hsl));--gray-550: hsl(var(--gray-550-hsl));--gray-600: hsl(var(--gray-600-hsl));--gray-700: hsl(var(--gray-700-hsl));--gray-800: hsl(var(--gray-800-hsl));--gray-900: hsl(var(--gray-900-hsl));--gray-1000: hsl(var(--gray-1000-hsl));--red-050: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--red-900: #7f1d1d;--red-950: #450a0a;--orange-050: #fff7ed;--orange-100: #ffedd5;--orange-200: #fed7aa;--orange-300: #fdba74;--orange-400: #fb923c;--orange-500: #f97316;--orange-600: #ea580c;--orange-700: #c2410c;--orange-800: #9a3412;--orange-900: #7c2d12;--orange-950: #431407;--amber-050: #fffbeb;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-300: #fcd34d;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--amber-800: #92400e;--amber-900: #78350f;--amber-950: #451a03;--yellow-050: #fefce8;--yellow-100: #fef9c3;--yellow-200: #fef08a;--yellow-300: #fde047;--yellow-400: #facc15;--yellow-500: #eab308;--yellow-600: #ca8a04;--yellow-700: #a16207;--yellow-750: #93580b;--yellow-800: #854d0e;--yellow-900: #713f12;--yellow-950: #422006;--lime-050: #f7fee7;--lime-100: #ecfccb;--lime-200: #d9f99d;--lime-300: #bef264;--lime-400: #a3e635;--lime-500: #84cc16;--lime-600: #65a30d;--lime-700: #4d7c0f;--lime-800: #3f6212;--lime-900: #365314;--lime-950: #1a2e05;--green-050: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-300: #86efac;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--green-900: #14532d;--green-950: #052e16;--emerald-050: #ecfdf5;--emerald-100: #d1fae5;--emerald-200: #a7f3d0;--emerald-300: #6ee7b7;--emerald-400: #34d399;--emerald-500: #10b981;--emerald-600: #059669;--emerald-700: #047857;--emerald-800: #065f46;--emerald-900: #064e3b;--emerald-950: #022c22;--teal-050: #f0fdfa;--teal-100: #ccfbf1;--teal-200: #99f6e4;--teal-300: #5eead4;--teal-400: #2dd4bf;--teal-500: #14b8a6;--teal-550: #11a697;--teal-600: #0d9488;--teal-700: #0f766e;--teal-800: #115e59;--teal-900: #134e4a;--teal-950: #042f2e;--cyan-050: #ecfeff;--cyan-100: #cffafe;--cyan-200: #a5f3fc;--cyan-300: #67e8f9;--cyan-400: #22d3ee;--cyan-500: #06b6d4;--cyan-600: #0891b2;--cyan-700: #0e7490;--cyan-800: #155e75;--cyan-900: #164e63;--cyan-950: #083344;--sky-050: #f0f9ff;--sky-100: #e0f2fe;--sky-200: #bae6fd;--sky-300: #7dd3fc;--sky-400: #38bdf8;--sky-500: #0ea5e9;--sky-600: #0284c7;--sky-700: #0369a1;--sky-800: #075985;--sky-900: #0c4a6e;--sky-950: #082f49;--blue-050: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--blue-950: #172554;--indigo-050: #eef2ff;--indigo-100: #e0e7ff;--indigo-200: #c7d2fe;--indigo-300: #a5b4fc;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--indigo-800: #3730a3;--indigo-900: #312e81;--indigo-950: #1e1b4b;--violet-050: #f5f3ff;--violet-100: #ede9fe;--violet-200: #ddd6fe;--violet-300: #c4b5fd;--violet-400: #a78bfa;--violet-500: #8b5cf6;--violet-600: #7c3aed;--violet-700: #6d28d9;--violet-800: #5b21b6;--violet-900: #4c1d95;--violet-950: #2e1065;--purple-050: #faf5ff;--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-300: #d8b4fe;--purple-400: #c084fc;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7e22ce;--purple-800: #6b21a8;--purple-900: #581c87;--purple-950: #3b0764;--fuchsia-050: #fdf4ff;--fuchsia-100: #fae8ff;--fuchsia-200: #f5d0fe;--fuchsia-300: #f0abfc;--fuchsia-400: #e879f9;--fuchsia-500: #d946ef;--fuchsia-600: #c026d3;--fuchsia-700: #a21caf;--fuchsia-800: #86198f;--fuchsia-900: #701a75;--fuchsia-950: #4a044e;--pink-050: #fdf2f8;--pink-100: #fce7f3;--pink-200: #fbcfe8;--pink-300: #f9a8d4;--pink-400: #f472b6;--pink-500: #ec4899;--pink-600: #db2777;--pink-700: #be185d;--pink-800: #9d174d;--pink-900: #831843;--pink-950: #500724;--rose-050: #fff1f2;--rose-100: #ffe4e6;--rose-200: #fecdd3;--rose-300: #fda4af;--rose-400: #fb7185;--rose-500: #f43f5e;--rose-600: #e11d48;--rose-700: #be123c;--rose-800: #9f1239;--rose-900: #881337;--rose-950: #4c0519}:root{--bg-color: $grey100;--bg-color-hsl: 212deg, 50%, 93%;--primary-color: var(--red-500);--secondary-color: var(--gray-500);--input-color: hsl(212, 25%, 50%);--text-color: var(--gray-700);--medium-dark-text-color: var(--gray-550);--medium-text-color: var(--gray-550);--light-text-color: var(--gray-500);--link-color: #1f5fea;--font-weight-bold: 700;--menu-option-color: var(--text-color);--menu-option-active-color: var(--white);--menu-option-active-background-color: var(--dark-sel-color);--hairline-color: rgba(51, 64, 77, 0.1);--medium-hairline-color: rgba(81, 95, 108, 0.25);--dark-hairline-color: rgba(123, 135, 147, 0.5);--light-focus-color: var(--blue-300);--medium-focus-color: var(--blue-500);--dark-focus-color: #0f74b1;--light-focus-ring: 0 0 0 1px #5ed0fa, 0 0 0 3px rgba(94, 208, 250, 0.7);--medium-focus-ring: 0 0 0 1px #2bb0ed, 0 0 0 3px rgba(43, 176, 237, 0.7);--dark-focus-ring: 0 0 0 1px #0f74b1, 0 0 0 3px rgba(15, 116, 177, 0.7);--light-sel-color: var(--gray-200);--dark-sel-color: var(--gray-500);--error-color: #d81e23;--warning-color: var(--yellow-800);--success-color: var(--teal-700);--notice-color: var(--blue-800);--enabled-color: var(--teal-550);--pending-color: var(--yellow-700);--disabled-color: var(--red-600);--indicator-border-color: var(--yellow-700);--indicator-icon-color: var(--yellow-700);--small-border-radius: 3px;--medium-border-radius: 4px;--large-border-radius: 5px;--menu-border-radius: var(--medium-border-radius);--checkbox-size: 16px;--radio-size: 16px}@font-face{font-family:\"Craft\";src:url(\"../fonts/Craft.woff\") format(\"woff\"),url(\"../fonts/Craft.ttf\") format(\"truetype\"),url(\"../fonts/Craft.svg#Craft\") format(\"svg\");font-weight:normal;font-style:normal}:root{--ui-control-color: var(--gray-550);--ui-control-hover-color: var(--gray-600);--ui-control-active-color: var(--gray-700);--ui-control-bg-color: rgba(96, 125, 159, 0.25);--ui-control-hover-bg-color: rgba(96, 125, 159, 0.3);--ui-control-active-bg-color: rgba(96, 125, 159, 0.5);--ui-control-border-radius: var(--large-border-radius);--ui-control-height: calc((34rem / 16));--icon-opacity: 0.8;--light-focus-hsl: 211.6981132075deg, 96.3636363636%, 78.431372549%;--medium-focus-hsl: 217.2192513369deg, 91.2195121951%, 59.8039215686%;--dark-focus-hsl: 202.5925925926deg, 84.375%, 37.6470588235%;--focus-ring: 0 0 0 1px hsl(var(--dark-focus-hsl)), 0 0 0 3px hsla(var(--dark-focus-hsl), 0.8);--inner-focus-ring: inset 0 0 0 1px hsl(var(--dark-focus-hsl)), inset 0 0 0 3px hsla(var(--dark-focus-hsl), 0.7);--touch-target-size: 24px;--elements-busy-top-position: calc(50% - var(--size, 20px) / 2);--lh: 1.42em}body,html{box-shadow:var(--light-focus-ring);background-color:var(--gray-100)}html.noscroll,html.noscroll body{overflow:hidden}body{width:100vw;overflow-x:hidden;font-size:0.875rem;line-height:var(--lh);color:var(--text-color);-webkit-font-smoothing:subpixel-antialiased}body.rtl{direction:rtl}body,input,select,textarea{font-family:system-ui,BlinkMacSystemFont,-apple-system,\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",sans-serif}.first,h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,p:first-child,blockquote:first-child,hr:first-child,.pane:first-child,.grid:first-child,fieldset:first-child,.field:first-child,.toolbar:first-child,.buttons:first-child,.condition-container:first-child{margin-top:0 !important}.last,h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child,blockquote:last-child,.pane:last-child,.grid:last-child,.meta:last-child,fieldset:last-child,.field:last-child,.toolbar:last-child,.buttons:last-child,.condition-container:last-child{margin-bottom:0 !important}.no-scroll{overflow:hidden !important}.draghelper{box-sizing:border-box;list-style-type:none}.offset-drag-helper{transition:margin linear 200ms,padding linear 200ms}body.dragging.ltr .offset-drag-helper{margin:-50px 0 0 -50px;padding:60px 0 0 60px}body.dragging.rtl .offset-drag-helper{margin:-50px -50px 0 0;padding:60px 60px 0 0}img{max-width:100%}body.rtl .ltr .text,body.rtl .ltr table.editable textarea{text-align:left !important;direction:ltr !important}body.ltr .rtl .text,body.ltr .rtl table.editable textarea{text-align:right !important;direction:rtl !important}.icon:before,.menu ul.padded li a.sel:before,.menu .flex.padded.sel:before,.texticon:before,#help:before,.secure:before,.insecure:before,.go:after,.required:after,.preview-btn:before,.view-btn:before,[data-icon]:before,[data-icon-after]:after{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity)}.badge-icon{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;box-sizing:border-box;border:1px solid var(--indicator-border-color);border-radius:var(--small-border-radius);color:var(--indicator-icon-color);font-size:9px}.secure:before,.insecure:before{margin-top:-3px;font-size:14px}[data-icon]:before{content:attr(data-icon)}[data-icon-after]:after{content:attr(data-icon-after)}body.rtl [data-icon=list]:before,body.rtl [data-icon-after=list]:after{content:\"listrtl\"}body.rtl [data-icon=structure]:before,body.rtl [data-icon-after=structure]:after{content:\"structurertl\"}.icon.secure:before{content:\"secure\"}.icon.insecure:before{content:\"insecure\"}.icon.add:before{content:\"plus\"}.icon.edit:before{content:\"edit\"}.icon.settings:before{content:\"settings\"}.icon.search:before{content:\"search\"}.icon.expand:before{content:\"expand\"}.icon.collapse:before{content:\"collapse\"}.help:before{content:\"help\";color:var(--pink-400)}body.ltr .preview-btn:before,body.ltr .view-btn:before{margin-right:var(--xs)}body.rtl .preview-btn:before,body.rtl .view-btn:before{margin-left:var(--xs)}.preview-btn:before{margin-top:-2px;content:\"view\"}body.ltr .view-btn:before{content:\"share\"}body.rtl .view-btn:before{content:\"shareleft\"}h1,.h1{margin-bottom:24px;font-size:18px;font-weight:bold;line-height:1.2}h2,.h2{margin:14px 0;font-size:16px;font-weight:bold;line-height:1.2}h3,.h3{margin:14px 0;font-weight:bold;line-height:1.2}h4,.h4{margin:14px 0;font-weight:bold;line-height:1.2;color:var(--medium-text-color)}h5,.h5{margin:14px 0 3px;line-height:1.2;color:var(--medium-text-color)}h6,.h6{margin:14px 0 3px;font-size:11px;line-height:1.2;color:#606d7b;text-transform:uppercase}body.ltr h1[data-icon]:before{margin:-8px 10px 0 0}body.rtl h1[data-icon]:before{margin:-8px 0 0 10px}h2[data-icon]:before{font-size:19px}body.ltr h2[data-icon]:before{margin:-4px 6px 0 0}body.rtl h2[data-icon]:before{margin:-4px 0 0 6px}hr{margin:24px 0;border:none;border-top:1px solid var(--hairline-color);height:0;color:rgba(0,0,0,0)}.pane hr{margin:24px -24px}p{margin:1em 0}h5+p{margin-top:0}sup{vertical-align:super;font-size:smaller}sub{vertical-align:sub;font-size:smaller}body.ltr .indent{margin-left:14px}body.rtl .indent{margin-right:14px}.bullets{list-style-type:square}body.ltr .bullets{padding-left:40px}body.rtl .bullets{padding-right:40px}ol{list-style-type:decimal}body.ltr ol{padding-left:40px}body.rtl ol{padding-right:40px}code,.code,.code input,.code textarea{font-family:\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:.9em !important}code.smalltext,.code.smalltext,.code input.smalltext,.code textarea.smalltext{font-size:.8em !important}pre code{display:block;overflow-x:auto}a{color:var(--link-color);cursor:pointer}a[aria-current]{cursor:default}body.underline-links a,a:hover{text-decoration:underline}a:not([href]){color:inherit;cursor:inherit}body.underline-links a:not([href]),a:not([href]):hover{text-decoration:none}a.iconlink:before{width:16px}body.ltr a.iconlink:before{margin-right:var(--xs)}body.rtl a.iconlink:before{margin-left:var(--xs)}a.sel,li.sel a{cursor:default !important;text-decoration:none}.go:after{font-size:11px;margin-top:-1px;color:var(--link-color);opacity:.9}body.ltr .go:after{padding-left:4px}body.rtl .go:after{padding-right:4px}body.ltr .go:after{content:\"circlerarr\"}body.rtl .go:after{content:\"circlelarr\"}body.ltr a [data-icon=external]{margin-left:var(--xs)}body.rtl a [data-icon=external]{margin-right:var(--xs)}button{cursor:pointer}.context-btn.disabled{opacity:1;color:var(--medium-dark-text-color);background-color:rgba(205,216,228,.5) !important}.checkmark-icon,.alert-icon{padding:5px;margin-bottom:0 !important;line-height:10px;border-radius:20px;cursor:pointer}.checkmark-icon:before,.alert-icon:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity)}.checkmark-icon{background-color:var(--gray-200)}p .checkmark-icon{display:inline-block}.checkmark-icon:before{content:\"check\";color:var(--success-color)}.alert-icon{background-color:var(--gray-200)}.alert-icon:before{content:\"alert\";color:var(--error-color)}.menu.revision-menu{padding:10px 24px}.menu.revision-menu hr{margin:10px -24px}.menu.revision-menu ul li.sel{margin:0 -14px;padding:0 14px;background:var(--gray-050);border-radius:var(--large-border-radius)}.menu.revision-menu ul li.sel .edited-desc{display:flex;align-items:center;border-top:1px solid var(--hairline-color);padding:10px 0;color:var(--light-text-color);white-space:normal}body.ltr .menu.revision-menu ul li.sel .edited-desc{margin-left:10px}body.rtl .menu.revision-menu ul li.sel .edited-desc{margin-right:10px}.menu.revision-menu ul li.sel .edited-desc p{margin:0}body.ltr .menu.revision-menu ul li.sel .edited-desc .btn{margin-left:14px}body.rtl .menu.revision-menu ul li.sel .edited-desc .btn{margin-right:14px}.menu.revision-menu ul li a{padding-top:7px;border-radius:var(--large-border-radius)}.menu.revision-menu .extralight{margin-top:2px}.revision-status-hud{max-width:400px}.revision-status-hud .http-error{border-radius:var(--medium-border-radius);border:1px solid var(--hairline-color);color:var(--light-text-color);background-color:var(--gray-050);padding:7px 14px}.draft-notice{display:flex;align-items:center;align-content:stretch;justify-content:center;gap:var(--s);color:var(--blue-800)}#content-notice .draft-notice{display:inline-flex;justify-content:flex-start}body.ltr .so-notice>.draft-notice{margin:calc(var(--s)*-1) 0 calc(var(--s)*-1) calc(var(--xl)*-1)}body.rtl .so-notice>.draft-notice{margin:calc(var(--s)*-1) calc(var(--xl)*-1) calc(var(--s)*-1) 0}body.ltr .so-notice>.draft-notice{padding:var(--s) 0 var(--s) var(--xl)}body.rtl .so-notice>.draft-notice{padding:var(--s) var(--xl) var(--s) 0}body.ltr .so-notice>.draft-notice{border-bottom-left-radius:var(--large-border-radius)}body.rtl .so-notice>.draft-notice{border-bottom-right-radius:var(--large-border-radius)}body.ltr .so-notice>.draft-notice{background-image:linear-gradient(to bottom right, rgba(37, 99, 235, 0.2), rgba(37, 99, 235, 0) 50%)}body.rtl .so-notice>.draft-notice{background-image:linear-gradient(to left, rgba(37, 99, 235, 0.2), rgba(37, 99, 235, 0))}.draft-notice p{flex:1;margin:0}.draft-notice .draft-icon{position:relative;flex-shrink:0;width:34px;height:34px;display:flex;justify-content:center;align-items:center;border-radius:100%;border:2px solid rgba(30,64,175,.2);box-sizing:border-box;box-shadow:0 1px 1px 1px var(--white)}.draft-notice .draft-icon:before{position:relative;left:1px;color:var(--blue-800) !important;font-size:18px}.draft-notice .draft-icon:after{content:\"\";font-size:0;position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:100%;box-shadow:inset 0 2px 0 rgba(30,58,138,.2)}.draft-notice .discard-changes-btn{background-color:rgba(0,0,0,0) !important;color:var(--blue-800) !important;border:2px solid var(--blue-600)}body.ltr .draft-notice .discard-changes-btn{margin-left:var(--xs)}body.rtl .draft-notice .discard-changes-btn{margin-right:var(--xs)}.draft-notice .discard-changes-btn:hover,.draft-notice .discard-changes-btn:focus{border-color:#1555e2}.draft-notice .discard-changes-btn:active{border-color:#134cca}button.toggle{appearance:none;color:inherit;background:none;border:none;padding:0}.toggle:before,a.fieldtoggle:before{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transition:transform linear 100ms}body.ltr .toggle:before,body.ltr a.fieldtoggle:before{transform:rotate(-45deg)}body.rtl .toggle:before,body.rtl a.fieldtoggle:before{transform:rotate(135deg)}.toggle.expanded:before,a.fieldtoggle.expanded:before,.sidebar nav li.expanded>.toggle:before,.structure li:not(.collapsed)>.row>.toggle:before{transform:rotate(45deg) !important}a.fieldtoggle{display:block;position:relative;margin:14px 0;color:var(--text-color);text-decoration:none}body.ltr a.fieldtoggle{padding-left:12px}body.rtl a.fieldtoggle{padding-right:12px}a.fieldtoggle:before{display:block;position:absolute;top:7px}body.ltr a.fieldtoggle:before{left:-1px}body.rtl a.fieldtoggle:before{right:-1px}em,i{font-style:italic}ul.errors em{font-style:normal}strong,b,i em{font-weight:bold}.readable{font-size:16px;line-height:22px}.readable h1,.readable .h1,.readable h2,.readable .h2,.readable h3,.readable .h3,.readable h4,.readable .h4,.readable h5,.readable .h5,.readable h6,.readable .h6{margin:24px 0 16px;font-weight:600}.readable h1,.readable .h1{font-size:32px;line-height:40px;color:#000}.readable h2,.readable .h2{font-size:24px;line-height:30px}.readable h3,.readable .h3{font-size:20px;line-height:24px}.readable h4,.readable .h4{font-size:16px;line-height:20px}.readable h5,.readable .h5{font-size:14px;line-height:18px}.readable h6,.readable .h6{font-size:13.6px;line-height:17px;color:#596673}.readable ul,.readable ol{margin:1em 0}body.ltr .readable ul,body.ltr .readable ol{padding-left:2em}body.rtl .readable ul,body.rtl .readable ol{padding-right:2em}.readable ul li{list-style-type:disc}.readable li+li{margin-top:.25em}.readable .tip-dismiss-btn{position:absolute;top:12px}body.ltr .readable .tip-dismiss-btn{right:12px}body.rtl .readable .tip-dismiss-btn{left:12px}.readable .tip-dismiss-btn+p{margin-top:0}.readable blockquote{margin:16px 0}.readable blockquote:not(.note){padding:0 16px;color:#596673}body.ltr .readable blockquote:not(.note){border-left:4px solid rgba(51,64,77,.1)}body.rtl .readable blockquote:not(.note){border-right:4px solid rgba(51,64,77,.1)}.readable blockquote.note{position:relative;border-radius:4px;padding:1em;border:1px solid}body.ltr .readable blockquote.note{padding-left:50px}body.rtl .readable blockquote.note{padding-right:50px}body.ltr .readable blockquote.note.dismissible{padding-right:36px}body.rtl .readable blockquote.note.dismissible{padding-left:36px}.readable blockquote.note:not(.tip):not(.warning){border-color:#dc2626;color:#bf503f}.readable blockquote.note:not(.tip):not(.warning):before{content:\"alert\";color:#dc2626}.readable blockquote.note.tip{border-color:#1f5fea;color:#1f5fea}.readable blockquote.note.tip:before{content:\"lightbulb\";color:#1f5fea}.readable blockquote.note.warning{border-color:#854d0e;color:#cf783a}.readable blockquote.note.warning:before{content:\"alert\";color:#854d0e}.readable blockquote.note:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);opacity:1;position:absolute;top:15px;font-size:24px;width:24px}body.ltr .readable blockquote.note:before{left:16px}body.rtl .readable blockquote.note:before{right:16px}.readable blockquote.note a[href]{color:currentColor;text-decoration:underline}.readable .go:after{font-size:14px}body.ltr .leftalign{text-align:left}body.rtl .leftalign{text-align:right}.topalign{vertical-align:top}body.ltr .rightalign{text-align:right}body.rtl .rightalign{text-align:left}.centeralign{text-align:center !important}.nowrap{white-space:nowrap}.break-word{word-wrap:break-word}.light{color:var(--medium-text-color) !important;font-weight:normal}.extralight{color:var(--light-text-color) !important}.smalltext{font-size:12px;line-height:1.2}.largetext{font-size:16px;line-height:1.2}.zilch{padding:100px 0;text-align:center;font-size:20px;line-height:24px;color:var(--light-text-color)}.zilch.small{padding:24px 0;font-size:16px}input.checkbox+label.smalltext{padding-top:2px}.required:after{content:\"asterisk\";font-size:7px;color:var(--error-color)}body.ltr .required:after{margin:-2px 0 0 5px}body.rtl .required:after{margin:-2px 5px 0 0}.scrollpane{overflow:auto}body.ltr .left{float:left}body.rtl .left{float:right}body.ltr .right{float:right}body.rtl .right{float:left}th,td{vertical-align:middle}body.ltr th,body.ltr td{text-align:left}body.rtl th,body.rtl td{text-align:right}body.ltr table[dir=rtl] th,body.ltr table[dir=rtl] td{text-align:right}body.rtl table[dir=ltr] th,body.rtl table[dir=ltr] td{text-align:left}th.right,td.right{float:none}body.ltr th.right,body.ltr td.right{text-align:right}body.rtl th.right,body.rtl td.right{text-align:left}.clear{display:block;clear:both;height:0}.fullwidth{width:100%}.token{display:inline-block;border-radius:3px;padding:3px 7px;font-size:12px;line-height:14px;color:#3f4d5a;background-color:#e4edf6}.token[data-name=\"*\"]{position:relative;width:10px}.token[data-name=\"*\"] span{opacity:0}.token[data-name=\"*\"]:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);display:block;position:absolute;top:0;left:0;width:100%;font-size:9px;line-height:17px;content:\"asterisk\";text-indent:0}.token:focus{background-color:#cdd8e4}.highlight .token{display:inline;border:none;border-radius:0;padding:0;font-size:inherit;line-height:inherit;text-shadow:none;background:rgba(0,0,0,0);box-shadow:none}.pane.highlight pre[class*=language-]{overflow:visible}.pane.highlight pre[class*=language-]>code.diff-highlight .token:not(.prefix){margin:0 -24px;padding:0 24px}.success{color:var(--success-color) !important}.notice.with-icon:before,.notice .icon:before,.warning.with-icon:before,.warning .icon:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);width:1em}body.ltr .notice.with-icon:before,body.ltr .notice .icon:before,body.ltr .warning.with-icon:before,body.ltr .warning .icon:before{margin:-2px 2px 0 0}body.rtl .notice.with-icon:before,body.rtl .notice .icon:before,body.rtl .warning.with-icon:before,body.rtl .warning .icon:before{margin:-2px 0 0 2px}.notice.has-icon,.warning.has-icon{display:flex;flex-wrap:nowrap;align-items:flex-start}.notice.has-icon .icon,.warning.has-icon .icon{flex-shrink:1}.notice{color:var(--notice-color) !important}.notice a{text-decoration:underline}.notice.with-icon:before,.notice .icon:before{content:\"lightbulb\"}.warning{color:var(--warning-color) !important}.warning.with-icon:before,.warning .icon:before{content:\"alert\"}.error{color:var(--error-color) !important}.icon.move:not(.disabled){cursor:move}.icon.move:before{content:\"move\";color:var(--ui-control-color)}.icon.move:not(.disabled):hover:before{color:var(--link-color)}.icon.delete{display:inline-block;line-height:inherit}.icon.delete:before{content:\"remove\";color:var(--ui-control-color)}.icon.delete:not(.disabled){cursor:pointer}.icon.delete:not(.disabled):hover:before{color:var(--disabled-color)}.icon.delete:not(.disabled):active:before{color:var(--red-800)}.hidden{display:none !important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.invisible{visibility:hidden}.clearafter:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.info{vertical-align:bottom;display:inline-block;width:1em;height:1.375em;text-align:center;cursor:pointer;overflow:hidden}.info:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);vertical-align:baseline;width:100%;line-height:1.375;color:var(--ui-control-color)}.info:not(.warning):before{content:\"info\"}.info:not(.warning):hover:before{color:var(--link-color)}.info.warning:before{content:\"alert\"}.info.warning:hover:before{color:var(--warning-color)}.info-hud table{max-width:280px;table-layout:auto}.info-hud td{word-wrap:break-word;width:100%}@media(max-width: 450px){.info-hud table{table-layout:fixed;width:100%}}.content{position:relative}.content:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.customize-sources-modal{overflow:visible !important}body.ltr .customize-sources-modal{padding-left:200px}body.rtl .customize-sources-modal{padding-right:200px}.customize-sources-modal>.cs-sidebar{position:absolute;top:0;margin:0;padding:10px 0;border:none;width:200px;height:calc(100% - 50px);box-sizing:border-box;background-color:var(--gray-050);overflow:auto;box-shadow:inset -1px 0 0 var(--hairline-color)}body.ltr .customize-sources-modal>.cs-sidebar{left:0}body.rtl .customize-sources-modal>.cs-sidebar{right:0}body.ltr .customize-sources-modal>.cs-sidebar{border-top-left-radius:var(--large-border-radius)}body.rtl .customize-sources-modal>.cs-sidebar{border-top-right-radius:var(--large-border-radius)}.customize-sources-modal>.cs-sidebar>.btn{display:block;width:calc(100% - 28px)}body.ltr .customize-sources-modal>.cs-sidebar>.btn{margin:10px 0 0 14px}body.rtl .customize-sources-modal>.cs-sidebar>.btn{margin:10px 14px 0 0}body.ltr .customize-sources-modal.sidebar-hidden{padding-left:0}body.rtl .customize-sources-modal.sidebar-hidden{padding-right:0}.customize-sources-modal.sidebar-hidden>.cs-sidebar{display:none}.customize-sources-modal>.source-settings{position:relative;height:calc(100% - 50px);box-sizing:border-box;padding:24px;overflow:auto}.customize-sources-modal>.footer{position:absolute;bottom:0;left:0;width:100%}.customize-sources-item{--selected-item-color: var(--white);display:flex;width:calc(100% - 1px);box-sizing:border-box;align-items:center;position:relative;margin-top:-1px;background-color:var(--gray-100);border:solid var(--hairline-color);border-width:1px 0;user-select:none;cursor:default}.customize-sources-item+.customize-sources-item.heading{margin-top:10px}.customize-sources-item+.customize-sources-item:not(.heading){border-top:1px solid var(--hairline-color)}.customize-sources-item.sel{--focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)), 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);--ui-control-color: var(--selected-item-color);background-color:var(--dark-sel-color);color:var(--selected-item-color);z-index:1}.customize-sources-item .label{flex:1}.customize-sources-item.heading .label{text-transform:uppercase;color:var(--light-text-color);font-size:12px;font-weight:bold}.customize-sources-item.heading.sel .label{color:var(--selected-item-color)}.customize-sources-item__move{position:absolute;top:50%;transform:translate(-50%, -50%);justify-content:center;align-items:center}body.ltr .customize-sources-item__move{right:0}body.rtl .customize-sources-item__move{left:0}.customize-sources-item__move.icon{display:flex;text-decoration:none}.customize-sources-item__btn{padding:8px 14px;margin:3px}body.ltr .customize-sources-item__btn{padding-right:30px}body.rtl .customize-sources-item__btn{padding-left:30px}.checkbox-select-item{display:flex;align-items:flex-start;align-content:stretch;margin-bottom:4px}.checkbox-select-item .move{margin-top:-3px;position:relative;z-index:1}body.ltr .checkbox-select-item .move{margin-right:10px}body.rtl .checkbox-select-item .move{margin-left:10px}ul.path{display:flex;flex-direction:row;align-items:stretch;flex-wrap:wrap}ul.path li{display:inline-flex;align-items:center}ul.path li:not(:last-child):after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid var(--light-text-color);border-width:0 1px 1px 0;opacity:.8}body.ltr ul.path li:not(:last-child):after{margin:0 5px 0 2px}body.rtl ul.path li:not(:last-child):after{margin:0 2px 0 5px}body.ltr ul.path li:not(:last-child):after{transform:rotate(-45deg)}body.rtl ul.path li:not(:last-child):after{transform:rotate(135deg)}ul.icons{margin-top:20px;display:flex;flex-wrap:wrap}ul.icons li{margin:0 4px 10px 0}ul.icons li a{display:block;position:relative;padding:60px 5px 10px;width:110px;text-align:center;color:var(--text-color);border-radius:4px;border:1px solid var(--white)}ul.icons li a:before{display:block;position:absolute;top:0;left:0;width:100%;font-size:40px;line-height:60px}ul.icons li a .icon img,ul.icons li a .icon svg{width:40px;height:40px;position:absolute;top:12px;left:calc(50% - 20px)}ul.icons li a .icon.icon-mask svg rect,ul.icons li a .icon.icon-mask svg circle,ul.icons li a .icon.icon-mask svg ellipse,ul.icons li a .icon.icon-mask svg line,ul.icons li a .icon.icon-mask svg polyline,ul.icons li a .icon.icon-mask svg polygon,ul.icons li a .icon.icon-mask svg path,ul.icons li a .icon.icon-mask svg text{fill:var(--text-color);stroke-width:0}ul.icons li a:hover{text-decoration:none;background-color:var(--gray-050);border-color:var(--gray-100)}ul.icons li a:hover .icon.icon-mask svg rect,ul.icons li a:hover .icon.icon-mask svg circle,ul.icons li a:hover .icon.icon-mask svg ellipse,ul.icons li a:hover .icon.icon-mask svg line,ul.icons li a:hover .icon.icon-mask svg polyline,ul.icons li a:hover .icon.icon-mask svg polygon,ul.icons li a:hover .icon.icon-mask svg path,ul.icons li a:hover .icon.icon-mask svg text{fill:var(--link-color);stroke-width:0}@media only screen and (max-width: 380px){ul.icons li a{width:96px}}@media only screen and (max-width: 320px){ul.icons li a{width:75px}}.toolbar{position:relative;margin-bottom:var(--s);min-height:34px}.toolbar.flex,.toolbar .flex{align-items:flex-start}.toolbar .text{border-radius:var(--large-border-radius) !important}.flex{display:flex;align-items:center;align-content:stretch;gap:var(--s)}.flex:not(.flex-nowrap){flex-wrap:wrap}.flex>*.label{white-space:nowrap}.centeralign .flex{justify-content:center}.inline-flex{display:inline-flex;align-items:center;align-content:stretch;gap:var(--s)}.gap-xs{gap:var(--xs)}.gap-s{gap:var(--s)}.gap-m{gap:var(--m)}.gap-l{gap:var(--l)}.gap-xl{gap:var(--xl)}.flex-grow{flex:1;max-width:100%}.flex-justify{justify-content:space-between}.flex-justify-start{justify-content:flex-start}.flex-justify-end{justify-content:flex-end}.flex-justify-center{justify-content:center}.flex-start{align-items:flex-start}.flex-end{align-items:flex-end}.flex-center{align-items:center}.flex-stretch{align-items:stretch}.spacer{width:14px}.buttons{display:flex;gap:7px;position:relative;margin:24px 0;align-items:center}.hud-footer>.buttons,.footer>.buttons{margin:0}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ui-control-border-radius);padding:7px 14px;border:none;text-align:center;white-space:nowrap;user-select:none;box-sizing:border-box;appearance:none;color:currentColor;font-size:inherit;background-color:var(--ui-control-bg-color)}.btn:not([aria-current]){cursor:pointer}.btn.chromeless{background-color:rgba(0,0,0,0);height:auto;padding:0}.btn.chromeless:hover,.btn.chromeless:active,.btn.chromeless:focus{background-color:rgba(0,0,0,0)}.btn.chromeless:hover,.btn.chromeless:active{text-decoration:underline}.btn.wrap{height:auto;min-height:34px;white-space:initial;text-align:left}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):hover{--ui-control-bg-color: var(--ui-control-hover-bg-color)}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):active,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).active{--ui-control-bg-color: var(--ui-control-active-bg-color)}.btn[type=color]{padding:6px !important;width:36px}.btn.active,.btn.loading{cursor:default}.btn:hover{text-decoration:none}body.ltr .btn[data-icon]:not(:empty):not(.btn-empty):before,body.ltr .btn.icon:not(:empty):not(.btn-empty):before,body.ltr .btn.menubtn[data-icon]:empty:before,body.ltr .btn.menubtn[data-icon].btn-empty:before,body.ltr .btn.menubtn.icon:empty:before,body.ltr .btn.menubtn.icon.btn-empty:before{margin-right:5px}body.rtl .btn[data-icon]:not(:empty):not(.btn-empty):before,body.rtl .btn.icon:not(:empty):not(.btn-empty):before,body.rtl .btn.menubtn[data-icon]:empty:before,body.rtl .btn.menubtn[data-icon].btn-empty:before,body.rtl .btn.menubtn.icon:empty:before,body.rtl .btn.menubtn.icon.btn-empty:before{margin-left:5px}.btn:not(.loading) .spinner{display:none}.btn.loading:before,.btn.loading:after,.btn.loading .label{visibility:hidden}.btn div.checkbox{margin-top:2px}.btn [data-icon]{margin-top:-2px}body.ltr .btn [data-icon]{margin-right:4px}body.rtl .btn [data-icon]{margin-left:4px}.btn [data-icon].light:before{color:var(--gray-300)}.disabled{opacity:.25;pointer-events:none;user-select:none}.btn,.spinner{height:var(--ui-control-height)}body.ltr .btn[data-icon-after]:not(:empty):not(.btn-empty):after,body.ltr .menu-toggle:not(:empty):not(.btn-empty):after,body.ltr .menubtn:not(:empty):not(.btn-empty):after,body.ltr .menubtn.icon:after{margin-left:6px}body.rtl .btn[data-icon-after]:not(:empty):not(.btn-empty):after,body.rtl .menu-toggle:not(:empty):not(.btn-empty):after,body.rtl .menubtn:not(:empty):not(.btn-empty):after,body.rtl .menubtn.icon:after{margin-right:6px}.btn[data-icon]:before,.btn[data-icon-after]:after,.btn.icon:before{position:relative}.btn.small[data-icon]:before,.btn.small[data-icon-after]:after,.btn.icon.small:before{font-size:10px}.btngroup{position:relative;z-index:1;display:flex;white-space:nowrap;align-items:center;border-radius:var(--large-border-radius)}.btngroup.fullwidth .btn{flex:1}.btngroup.disabled .btn{cursor:default}.btngroup .btn:focus{z-index:1}body.ltr .btngroup .btn:not(.dashed):not(:last-child):not(.btngroup-btn-last){margin-right:1px}body.rtl .btngroup .btn:not(.dashed):not(:last-child):not(.btngroup-btn-last){margin-left:1px}body.ltr .btngroup .btn:not(:first-child):not(.btngroup-btn-first){border-top-left-radius:0;border-bottom-left-radius:0}body.ltr .btngroup .btn:not(:last-child):not(.btngroup-btn-last){border-top-right-radius:0;border-bottom-right-radius:0}body.rtl .btngroup .btn:not(:first-child):not(.btngroup-btn-first){border-top-right-radius:0;border-bottom-right-radius:0}body.rtl .btngroup .btn:not(:last-child):not(.btngroup-btn-last){border-top-left-radius:0;border-bottom-left-radius:0}.btngroup--exclusive .btn[aria-pressed=true]:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]){background-color:var(--gray-500);color:var(--white)}.copytext{position:relative;z-index:1;display:flex;white-space:nowrap;align-items:center}body.ltr .copytext .text{border-top-right-radius:0;border-bottom-right-radius:0;min-width:0}body.ltr .copytext .btn{border-top-left-radius:0;border-bottom-left-radius:0}body.rtl .copytext .text{border-top-left-radius:0;border-bottom-left-radius:0}body.rtl .copytext .btn{border-top-right-radius:0;border-bottom-right-radius:0}.copytextbtn{display:inline-flex;flex-wrap:nowrap;align-items:center;border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);padding:0 9px;cursor:pointer;color:var(--medium-text-color)}.copytextbtn .copytextbtn__icon{padding:0;width:13px;background:none;margin-top:-3px;color:var(--light-text-color)}body.ltr .copytextbtn .copytextbtn__icon{margin-left:5px}body.rtl .copytextbtn .copytextbtn__icon{margin-right:5px}.copytextbtn:hover,.copytextbtn:focus{border-color:var(--medium-hairline-color);color:var(--text-color)}.copytextbtn:hover .copytextbtn__value,.copytextbtn:focus .copytextbtn__value{color:var(--text-color)}.copytextbtn.small{padding:0 5px}.copytextbtn.small .copytextbtn__value{font-size:.6875rem}.menu-toggle,.menubtn{display:inline-flex;align-items:center;user-select:none}.menu-toggle:after,.menubtn:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transform:rotate(45deg);position:relative}.menu-toggle.btn:after,.menubtn.btn:after{top:-1px}.menu-toggle.btn:not(.disabled):not(.inactive):active:after,.menu-toggle.btn:not(.disabled):not(.inactive).active:after,.menubtn.btn:not(.disabled):not(.inactive):active:after,.menubtn.btn:not(.disabled):not(.inactive).active:after{border-color:var(--ui-control-active-color)}.menu-toggle.btn.submit:after,.menubtn.btn.submit:after{border-color:var(--white) !important;opacity:.8}.menu-toggle.btn.submit:not(.disabled):not(.inactive):hover:after,.menu-toggle.btn.submit:not(.disabled):not(.inactive).hover:after,.menu-toggle.btn.submit:not(.disabled):not(.inactive):active:after,.menu-toggle.btn.submit:not(.disabled):not(.inactive).active:after,.menubtn.btn.submit:not(.disabled):not(.inactive):hover:after,.menubtn.btn.submit:not(.disabled):not(.inactive).hover:after,.menubtn.btn.submit:not(.disabled):not(.inactive):active:after,.menubtn.btn.submit:not(.disabled):not(.inactive).active:after{opacity:1}.menu-toggle:not(.btn):not(.icon),.menubtn:not(.btn):not(.icon){height:17px}.menu-toggle:not(.btn):not(.icon):after,.menubtn:not(.btn):not(.icon):after{top:-2px;border-color:var(--link-color)}body.ltr .menu-toggle:empty,body.ltr .menu-toggle.btn-empty,body.ltr .menubtn:empty,body.ltr .menubtn.btn-empty{padding-left:8px}body.rtl .menu-toggle:empty,body.rtl .menu-toggle.btn-empty,body.rtl .menubtn:empty,body.rtl .menubtn.btn-empty{padding-right:8px}body.ltr .menu-toggle:empty,body.ltr .menu-toggle.btn-empty,body.ltr .menubtn:empty,body.ltr .menubtn.btn-empty{padding-right:8px}body.rtl .menu-toggle:empty,body.rtl .menu-toggle.btn-empty,body.rtl .menubtn:empty,body.rtl .menubtn.btn-empty{padding-left:8px}@keyframes rotator{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.spinner{display:inline-flex;align-items:center;justify-content:center;width:var(--size, 24px);height:var(--size, 34px)}.spinner:before{display:block;content:\"\";font-size:0;animation:rotator .7s linear infinite;box-sizing:border-box;width:var(--size, 20px);height:var(--size, 20px);object-fit:scale-down;border-radius:50%;border:2px solid rgba(0,0,0,0);border-right-color:currentColor;border-bottom-color:currentColor;opacity:.8}.spinner.small{--size: 12px}.spinner.big{--size: 48px}.spinner.spinner-absolute{position:absolute;width:var(--size, 20px);height:var(--size, 20px);top:var(--elements-busy-top-position);left:calc(50% - var(--size, 20px)/2)}body.ltr .btn+.spinner{margin-left:7px}body.rtl .btn+.spinner{margin-right:7px}body.ltr .buttons .btn+.spinner,body.ltr .buttons .btngroup+.spinner{margin-left:0}body.rtl .buttons .btn+.spinner,body.rtl .buttons .btngroup+.spinner{margin-right:0}body.ltr .buttons.right .btn+.spinner{margin-right:var(--neg-padding)}body.rtl .buttons.right .btn+.spinner{margin-left:var(--neg-padding)}.btngroup.small .btn,.btn.small{padding:0 7px !important;font-size:12px;line-height:22px}.btngroup.small,.btngroup.small input.btn,.btn.small,.btn.small+.spinner{height:22px}.btngroup.big .btn,.btn.big{padding:0 14px;font-size:14px;line-height:36px}body.ltr .btn.big[data-icon]:before,body.ltr .preview-btn:before,body.ltr .view-btn:before{margin-left:-2px}body.rtl .btn.big[data-icon]:before,body.rtl .preview-btn:before,body.rtl .view-btn:before{margin-right:-2px}.btngroup.big,.btngroup.big input.btn,.btn.big,.btn.big+.spinner{height:36px}.btn.submit,.btn.secondary{color:var(--white) !important;--ui-control-active-color: var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.btn.submit{background-color:var(--primary-color) !important}.btn.submit:not(.disabled):not(.inactive):not(.loading):hover,.btn.submit:not(.disabled):not(.inactive):not(.loading).hover,.btn.submit:not(.disabled):not(.inactive):not(.loading):focus{background-color:#ed2d2d !important}.btn.submit:not(.disabled):not(.inactive):not(.loading):active,.btn.submit:not(.disabled):not(.inactive):not(.loading).active{background-color:#eb1515 !important}.btn.caution{background-color:var(--red-050) !important;color:var(--error-color)}.btn.caution:hover,.btn.caution.hover,.btn.caution:focus{background-color:#fcdada !important}.btn.caution:active,.btn.caution.active{background-color:var(--red-100) !important}.secondary-buttons .btn.submit,.btn.secondary{background-color:var(--secondary-color) !important}.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading):hover,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading).hover,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading):focus,.btn.secondary:not(.disabled):not(.inactive):not(.loading):hover,.btn.secondary:not(.disabled):not(.inactive):not(.loading).hover,.btn.secondary:not(.disabled):not(.inactive):not(.loading):focus{background-color:#55616d !important}.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading):active,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading).active,.btn.secondary:not(.disabled):not(.inactive):not(.loading):active,.btn.secondary:not(.disabled):not(.inactive):not(.loading).active{background-color:#4a545e !important}div.btn.submit{position:relative;overflow:hidden}div.btn.submit input{position:absolute;left:100%}.btn.dashed{border:1px dashed var(--medium-hairline-color);background-color:rgba(0,0,0,0)}body.ltr .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){border-right:1px solid rgba(0,0,0,0)}body.rtl .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){border-left:1px solid rgba(0,0,0,0)}body.ltr .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){margin-right:-1px}body.rtl .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){margin-left:-1px}.btn.dashed:focus{background-color:rgba(205,216,228,.1);border-color:rgba(0,0,0,0)}.reduce-focus-visibility .btn.dashed:focus:not(:focus-visible){border:1px dashed var(--medium-hairline-color)}.btn.dashed:not(.disabled):active,.btn.dashed:not(.disabled).active{background-color:rgba(205,216,228,.25)}.chevron-btns{display:flex;justify-content:flex-start}.chevron-btns .btn{position:relative;padding:0;border-radius:0;background-color:rgba(0,0,0,0)}.chevron-btns .btn.current-step,.chevron-btns .btn.active-drop-target{color:var(--white);--text-color: var(--white);--ui-control-color: var(--white);--ui-control-bg-color: var(--gray-500);--ui-control-hover-bg-color: #55616d;--ui-control-active-bg-color: #4a545e}.chevron-btns .btn.current-step{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;--focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)), 0 0 0 3px hsla(var(--light-focus-hsl), 0.7)}.chevron-btns .btn:focus{z-index:1;box-shadow:none}.chevron-btns .btn:focus .label{z-index:1;box-shadow:var(--focus-ring)}.reduce-focus-visibility .chevron-btns .btn:focus:not(:focus-visible) .label{box-shadow:none}.reduce-focus-visibility .chevron-btns .btn:focus-visible .label{box-shadow:var(--focus-ring)}body.ltr .chevron-btns .btn:not(.has-action-menu){padding-right:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns .btn:not(.has-action-menu){padding-left:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns .btn:not(.has-action-menu){margin-right:2.8px}body.rtl .chevron-btns .btn:not(.has-action-menu){margin-left:2.8px}body.ltr .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-right:5px}body.rtl .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-left:5px}body.ltr .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-left:8px}body.rtl .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-right:8px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label{padding:3px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transform:rotate(45deg);position:relative}.chevron-btns .btn .btn-body{display:inline-flex;align-items:center;justify-content:center;height:var(--ui-control-height);background-color:var(--ui-control-bg-color)}.chevron-btns .btn .btn-body [data-icon]{--ui-control-height: calc((13rem / 16));text-align:center}body.ltr .chevron-btns .btn .btn-body [data-icon]{margin-right:0}body.rtl .chevron-btns .btn .btn-body [data-icon]{margin-left:0}.chevron-btns .btn .label{display:inline-flex;align-items:center;overflow:hidden;text-overflow:ellipsis}body.ltr .chevron-btns .btn.has-action-menu .btn-body{padding-right:1px}body.rtl .chevron-btns .btn.has-action-menu .btn-body{padding-left:1px}body.ltr .chevron-btns .btn.has-action-menu .btn-body{margin-right:0}body.rtl .chevron-btns .btn.has-action-menu .btn-body{margin-left:0}.chevron-btns .btn .chevron-right,.chevron-btns .btn .chevron-left{position:absolute;top:0;height:100%;width:calc(var(--ui-control-height)/2)}.chevron-btns .btn .chevron-left{border-top:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.ltr .chevron-btns .btn .chevron-left{left:0}body.rtl .chevron-btns .btn .chevron-left{right:0}body.ltr .chevron-btns .btn .chevron-left{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .chevron-btns .btn .chevron-left{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.chevron-btns .btn .chevron-left:after{display:block;content:\"\";font-size:0;position:absolute;bottom:0;border-bottom:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.ltr .chevron-btns .btn .chevron-left:after{right:0}body.rtl .chevron-btns .btn .chevron-left:after{left:0}body.ltr .chevron-btns .btn .chevron-left:after{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .chevron-btns .btn .chevron-left:after{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.chevron-btns .btn .chevron-right{border-top:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0);border-bottom:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.ltr .chevron-btns .btn .chevron-right{right:0}body.rtl .chevron-btns .btn .chevron-right{left:0}body.ltr .chevron-btns .btn .chevron-right{border-left:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.rtl .chevron-btns .btn .chevron-right{border-right:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}.chevron-btns ol{position:relative;list-style-type:none;display:flex}body.ltr .chevron-btns ol{padding-left:0}body.rtl .chevron-btns ol{padding-right:0}body.ltr .chevron-btns ol li.first-step .btn .btn-body{padding-left:14px}body.rtl .chevron-btns ol li.first-step .btn .btn-body{padding-right:14px}body.ltr .chevron-btns ol li.first-step .btn .btn-body{border-radius:var(--ui-control-border-radius) 0 0 var(--ui-control-border-radius)}body.rtl .chevron-btns ol li.first-step .btn .btn-body{border-radius:0 var(--ui-control-border-radius) var(--ui-control-border-radius) 0}.chevron-btns ol li.first-step .btn .chevron-left{display:none}body.ltr .chevron-btns ol li:not(.first-step) .btn{margin-left:calc(-1*var(--ui-control-height)/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{margin-right:calc(-1*var(--ui-control-height)/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn{padding-left:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{padding-right:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-left:7px}body.rtl .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-right:7px}.color-input-container{position:relative}.color-input-container .color-hex-indicator{position:absolute;top:0;width:1em;line-height:34px;text-align:center;user-select:none}body.ltr .color-input-container .color-hex-indicator{left:7px}body.rtl .color-input-container .color-hex-indicator{right:7px}.color-input{font-family:\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:.9em !important}body.ltr .color-input{padding-left:calc(7px + 1em)}body.rtl .color-input{padding-right:calc(7px + 1em)}.color{display:inline-block;position:relative;vertical-align:middle;width:34px;height:34px;border-radius:17px;padding:0}.color:not(.static){cursor:pointer}.color:not(.small){background-image:linear-gradient(45deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%);background-size:17px 17px;background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px}.color.small{width:16px;height:16px;background-image:linear-gradient(45deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%);background-size:8px 8px;background-position:0 0,4px 0,4px -4px,0 4px}.color .color-preview{position:absolute;top:0;width:100%;height:100%;border-radius:17px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}body.ltr .color .color-preview{left:0}body.rtl .color .color-preview{right:0}.color .color-preview:focus-within{box-shadow:var(--focus-ring)}.color .color-preview>.color-preview-input{position:absolute;width:100%;height:100%;margin:0;padding:0;border:none;opacity:0}body.ltr .color .color-preview>.color-preview-input{left:0}body.rtl .color .color-preview>.color-preview-input{right:0}.colorhex{display:inline-block;margin-left:5px;vertical-align:middle;color:var(--medium-text-color)}.lightswitch-outer-container{display:flex}.lightswitch-outer-container .lightswitch-inner-container{border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);display:flex;align-items:center;max-width:100%;padding-left:7px;padding-right:7px}.lightswitch-outer-container .lightswitch-inner-container span{flex-grow:1;padding:7px 0;color:var(--medium-text-color);cursor:default;overflow:auto;overflow-wrap:break-word;hyphens:auto}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{margin-left:7px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{margin-right:7px}.lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{text-align:right}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{margin-right:7px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{margin-left:7px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{text-align:left}.lightswitch{display:block;position:relative;border:none !important;overflow:hidden;cursor:pointer;user-select:none;background-image:linear-gradient(to right, var(--gray-400), var(--gray-400));transition:background-image linear 100ms}.lightswitch.on{background-image:linear-gradient(to right, var(--enabled-color), var(--enabled-color))}.lightswitch.indeterminate{background-image:linear-gradient(to right, var(--enabled-color), var(--gray-300))}.lightswitch .lightswitch-container{position:relative;height:100%}.lightswitch .lightswitch-container .handle{position:absolute;top:1px;background-color:var(--white)}.lightswitch:not(.small){border-radius:11px;min-width:34px;width:34px;height:22px}.lightswitch:not(.small) .lightswitch-container{width:46px}body.ltr .lightswitch:not(.small) .lightswitch-container{margin-left:-12px}body.rtl .lightswitch:not(.small) .lightswitch-container{margin-right:-12px}.lightswitch:not(.small) .lightswitch-container .handle{border-radius:10px;width:20px;height:20px;left:calc(50% - 10px)}.lightswitch.small{border-radius:9px;width:28px;height:18px}.lightswitch.small .lightswitch-container{width:38px}body.ltr .lightswitch.small .lightswitch-container{margin-left:-10px}body.rtl .lightswitch.small .lightswitch-container{margin-right:-10px}.lightswitch.small .lightswitch-container .handle{border-radius:8px;width:16px;height:16px;left:calc(50% - 8px)}table .lightswitch{display:inline-block;margin-bottom:-5px}body.ltr .lightswitch.on .lightswitch-container{margin-left:0}body.rtl .lightswitch.on .lightswitch-container{margin-right:0}body.ltr .lightswitch.indeterminate:not(.small) .lightswitch-container{margin-left:-6px}body.rtl .lightswitch.indeterminate:not(.small) .lightswitch-container{margin-right:-6px}body.ltr .lightswitch.indeterminate.small .lightswitch-container{margin-left:-5px}body.rtl .lightswitch.indeterminate.small .lightswitch-container{margin-right:-5px}table.data+.pagination{margin-top:24px}.pagination .page-link{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--medium-border-radius)}.pagination .page-link:after{position:relative;transition:border-color linear 100ms}.pagination .page-link.prev-page:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid var(--light-text-color);border-width:0 2px 2px 0;opacity:.8}body.ltr .pagination .page-link.prev-page:after{transform:rotate(135deg)}body.rtl .pagination .page-link.prev-page:after{transform:rotate(-45deg)}body.ltr .pagination .page-link.prev-page:after{right:-1px}body.rtl .pagination .page-link.prev-page:after{left:-1px}.pagination .page-link.next-page:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid var(--light-text-color);border-width:0 2px 2px 0;opacity:.8}body.ltr .pagination .page-link.next-page:after{transform:rotate(-45deg)}body.rtl .pagination .page-link.next-page:after{transform:rotate(135deg)}body.ltr .pagination .page-link.next-page:after{left:-1px}body.rtl .pagination .page-link.next-page:after{right:-1px}.pagination .page-link:not(.disabled){transition:box-shadow linear 100ms;box-shadow:inset 0 0 0 1px var(--hairline-color);cursor:pointer}.pagination .page-link:not(.disabled):hover{text-decoration:none;box-shadow:inset 0 0 0 1px var(--link-color)}.pagination .page-link:not(.disabled):hover:after{border-color:var(--link-color)}body:not(.reduce-focus-visibility) .pagination .page-link:not(.disabled):focus,body.reduce-focus-visibility .pagination .page-link:not(.disabled):focus-visible{box-shadow:inset 0 0 0 1px var(--hairline-color),var(--focus-ring)}.pagination .page-link.disabled{opacity:1}.pagination .page-link.disabled:after{border-color:var(--hairline-color)}body.ltr .actions{float:right}body.rtl .actions{float:left}body.ltr .actions>li{float:left}body.rtl .actions>li{float:right}body.ltr .actions>li+li{margin-left:10px}body.rtl .actions>li+li{margin-right:10px}h1+.actions{margin-top:-100px}h2+.actions{margin-top:-54px}.tablepane{margin:calc(var(--pane-padding, 22px)*-1) calc(var(--pane-padding, 22px)*-1) calc(var(--pane-padding, 24px)*-1 + var(--pane-padding, var(--m)));overflow-x:auto}body.ltr .tablepane table.data th:first-child,body.ltr .tablepane table.data td:first-child{padding-left:24px}body.rtl .tablepane table.data th:first-child,body.rtl .tablepane table.data td:first-child{padding-right:24px}table.fixed-layout{table-layout:fixed}table th.thin,table td.thin{width:.01% !important;white-space:nowrap}table thead th{font-weight:bold;vertical-align:top}body.ltr table thead th{text-align:left}body.rtl table thead th{text-align:right}table:not(.data) th,table:not(.data) td{padding-top:7px;padding-bottom:7px}table:not(.data) th:not(:first-child),table:not(.data) td:not(:first-child){padding-left:12px}table:not(.data) th:not(:last-child),table:not(.data) td:not(:last-child){padding-right:12px}table.data th,table.data td{position:relative;padding-left:12px;padding-right:12px;box-sizing:border-box}table.data th.checkbox-cell,table.data td.checkbox-cell{width:var(--checkbox-size) !important;min-width:var(--checkbox-size);box-sizing:content-box;position:relative}table.data th.checkbox-cell input.checkbox+label,table.data th.checkbox-cell div.checkbox,table.data td.checkbox-cell input.checkbox+label,table.data td.checkbox-cell div.checkbox{position:absolute;top:calc(50% - 8px)}table.data th{font-weight:bold}body.ltr table.data thead:first-child tr:first-child th:first-child,body.ltr table.data thead:first-child tr:first-child td:first-child,body.ltr table.data tbody:first-child tr:first-child th:first-child,body.ltr table.data tbody:first-child tr:first-child td:first-child,body.ltr table.data tfoot:first-child tr:first-child th:first-child,body.ltr table.data tfoot:first-child tr:first-child td:first-child,body.ltr table.data caption+thead tr:first-child th:first-child,body.ltr table.data caption+thead tr:first-child td:first-child,body.ltr table.data caption+tbody tr:first-child th:first-child,body.ltr table.data caption+tbody tr:first-child td:first-child,body.ltr table.data caption+tfoot tr:first-child th:first-child,body.ltr table.data caption+tfoot tr:first-child td:first-child{border-top-left-radius:var(--border-radius, var(--small-border-radius))}body.rtl table.data thead:first-child tr:first-child th:first-child,body.rtl table.data thead:first-child tr:first-child td:first-child,body.rtl table.data tbody:first-child tr:first-child th:first-child,body.rtl table.data tbody:first-child tr:first-child td:first-child,body.rtl table.data tfoot:first-child tr:first-child th:first-child,body.rtl table.data tfoot:first-child tr:first-child td:first-child,body.rtl table.data caption+thead tr:first-child th:first-child,body.rtl table.data caption+thead tr:first-child td:first-child,body.rtl table.data caption+tbody tr:first-child th:first-child,body.rtl table.data caption+tbody tr:first-child td:first-child,body.rtl table.data caption+tfoot tr:first-child th:first-child,body.rtl table.data caption+tfoot tr:first-child td:first-child{border-top-right-radius:var(--border-radius, var(--small-border-radius))}body.ltr table.data thead:first-child tr:first-child th:first-child,body.ltr table.data thead:first-child tr:first-child td:first-child,body.ltr table.data tbody:first-child tr:first-child th:first-child,body.ltr table.data tbody:first-child tr:first-child td:first-child,body.ltr table.data tfoot:first-child tr:first-child th:first-child,body.ltr table.data tfoot:first-child tr:first-child td:first-child,body.ltr table.data caption+thead tr:first-child th:first-child,body.ltr table.data caption+thead tr:first-child td:first-child,body.ltr table.data caption+tbody tr:first-child th:first-child,body.ltr table.data caption+tbody tr:first-child td:first-child,body.ltr table.data caption+tfoot tr:first-child th:first-child,body.ltr table.data caption+tfoot tr:first-child td:first-child{border-bottom-left-radius:var(--border-radius, var(--small-border-radius))}body.rtl table.data thead:first-child tr:first-child th:first-child,body.rtl table.data thead:first-child tr:first-child td:first-child,body.rtl table.data tbody:first-child tr:first-child th:first-child,body.rtl table.data tbody:first-child tr:first-child td:first-child,body.rtl table.data tfoot:first-child tr:first-child th:first-child,body.rtl table.data tfoot:first-child tr:first-child td:first-child,body.rtl table.data caption+thead tr:first-child th:first-child,body.rtl table.data caption+thead tr:first-child td:first-child,body.rtl table.data caption+tbody tr:first-child th:first-child,body.rtl table.data caption+tbody tr:first-child td:first-child,body.rtl table.data caption+tfoot tr:first-child th:first-child,body.rtl table.data caption+tfoot tr:first-child td:first-child{border-bottom-right-radius:var(--border-radius, var(--small-border-radius))}body.ltr table.data thead:first-child tr:first-child th:last-child,body.ltr table.data thead:first-child tr:first-child td:last-child,body.ltr table.data tbody:first-child tr:first-child th:last-child,body.ltr table.data tbody:first-child tr:first-child td:last-child,body.ltr table.data tfoot:first-child tr:first-child th:last-child,body.ltr table.data tfoot:first-child tr:first-child td:last-child,body.ltr table.data caption+thead tr:first-child th:last-child,body.ltr table.data caption+thead tr:first-child td:last-child,body.ltr table.data caption+tbody tr:first-child th:last-child,body.ltr table.data caption+tbody tr:first-child td:last-child,body.ltr table.data caption+tfoot tr:first-child th:last-child,body.ltr table.data caption+tfoot tr:first-child td:last-child{border-top-right-radius:var(--border-radius, var(--small-border-radius))}body.rtl table.data thead:first-child tr:first-child th:last-child,body.rtl table.data thead:first-child tr:first-child td:last-child,body.rtl table.data tbody:first-child tr:first-child th:last-child,body.rtl table.data tbody:first-child tr:first-child td:last-child,body.rtl table.data tfoot:first-child tr:first-child th:last-child,body.rtl table.data tfoot:first-child tr:first-child td:last-child,body.rtl table.data caption+thead tr:first-child th:last-child,body.rtl table.data caption+thead tr:first-child td:last-child,body.rtl table.data caption+tbody tr:first-child th:last-child,body.rtl table.data caption+tbody tr:first-child td:last-child,body.rtl table.data caption+tfoot tr:first-child th:last-child,body.rtl table.data caption+tfoot tr:first-child td:last-child{border-top-left-radius:var(--border-radius, var(--small-border-radius))}body.ltr table.data thead:first-child tr:first-child th:last-child,body.ltr table.data thead:first-child tr:first-child td:last-child,body.ltr table.data tbody:first-child tr:first-child th:last-child,body.ltr table.data tbody:first-child tr:first-child td:last-child,body.ltr table.data tfoot:first-child tr:first-child th:last-child,body.ltr table.data tfoot:first-child tr:first-child td:last-child,body.ltr table.data caption+thead tr:first-child th:last-child,body.ltr table.data caption+thead tr:first-child td:last-child,body.ltr table.data caption+tbody tr:first-child th:last-child,body.ltr table.data caption+tbody tr:first-child td:last-child,body.ltr table.data caption+tfoot tr:first-child th:last-child,body.ltr table.data caption+tfoot tr:first-child td:last-child{border-bottom-right-radius:var(--border-radius, var(--small-border-radius))}body.rtl table.data thead:first-child tr:first-child th:last-child,body.rtl table.data thead:first-child tr:first-child td:last-child,body.rtl table.data tbody:first-child tr:first-child th:last-child,body.rtl table.data tbody:first-child tr:first-child td:last-child,body.rtl table.data tfoot:first-child tr:first-child th:last-child,body.rtl table.data tfoot:first-child tr:first-child td:last-child,body.rtl table.data caption+thead tr:first-child th:last-child,body.rtl table.data caption+thead tr:first-child td:last-child,body.rtl table.data caption+tbody tr:first-child th:last-child,body.rtl table.data caption+tbody tr:first-child td:last-child,body.rtl table.data caption+tfoot tr:first-child th:last-child,body.rtl table.data caption+tfoot tr:first-child td:last-child{border-bottom-left-radius:var(--border-radius, var(--small-border-radius))}table.data thead th,table.data thead td{width:auto;background-color:var(--gray-050);cursor:default}table.data thead th:not(.orderable),table.data thead td{padding-top:var(--pane-padding, var(--m));padding-bottom:var(--pane-padding, var(--m))}table.data thead th{white-space:nowrap;vertical-align:middle}table.data thead th.orderable{position:relative;padding:0 !important}body:not(.dragging) table.data thead th.orderable:not(.ordered):hover{background-color:var(--gray-100)}table.data thead th.orderable.ordered{background-color:var(--light-sel-color)}table.data thead th.orderable.ordered:not(.loading) button:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transform:rotate(225deg);position:absolute;top:calc(50% - 3px)}body.ltr table.data thead th.orderable.ordered:not(.loading) button:after{right:var(--m)}body.rtl table.data thead th.orderable.ordered:not(.loading) button:after{left:var(--m)}table.data thead th.orderable.ordered:not(.loading).desc button:after{transform:rotate(45deg)}table.data thead th.orderable button{position:relative;font:inherit;width:100%;padding:var(--pane-padding, var(--m)) var(--m)}body.ltr table.data thead th.orderable button{padding-right:35px}body.rtl table.data thead th.orderable button{padding-left:35px}body.ltr table.data thead th.orderable button{text-align:left}body.rtl table.data thead th.orderable button{text-align:right}table.data thead th.orderable button:focus{z-index:1}table.data thead th:not(.loading) .spinner{display:none}table.data thead th .spinner{position:absolute;top:calc(50% - 6px);--size: 12px}body.ltr table.data thead th .spinner{right:8px}body.rtl table.data thead th .spinner{left:8px}table.data tbody tr{--hover-bg-color: var(--gray-050);--selected-bg-color: var(--dark-sel-color)}table.data tbody tr:not(.disabled):hover th,table.data tbody tr:not(.disabled):hover td{background-color:var(--hover-bg-color)}table.data tbody tr:not(.disabled):focus{position:relative;z-index:1}table.data tbody tr:not(.disabled).sel,table.data tbody tr:not(.disabled).active-drop-target{--text-color: var(--white);--medium-dark-text-color: var(--white);--medium-text-color: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--focus-ring: 0 0 0 3px hsl(var(--light-focus-hsl))}table.data tbody tr:not(.disabled).sel th,table.data tbody tr:not(.disabled).sel td,table.data tbody tr:not(.disabled).active-drop-target th,table.data tbody tr:not(.disabled).active-drop-target td{color:var(--white);background-color:var(--selected-bg-color)}table.data tbody th,table.data tbody td{padding-top:7px;padding-bottom:7px;background-clip:padding-box}table.data tbody td.timestamp{vertical-align:bottom;white-space:nowrap;color:var(--light-text-color)}body.ltr table.data tbody td.timestamp{text-align:right}body.rtl table.data tbody td.timestamp{text-align:left}table.data thead+tbody tr th,table.data thead+tbody tr td,table.data tr+tr th,table.data tr+tr td{border-top:1px solid rgba(0,0,0,0)}table.data tr.sel:not(.draggee)+tr.sel:not(.draggee) th,table.data tr.sel:not(.draggee)+tr.sel:not(.draggee) td{border-top-color:var(--gray-300)}table.collapsed{width:auto}table.collapsed,table.collapsed tbody,table.collapsed tbody tr,table.collapsed tbody th,table.collapsed tbody td{display:block;border:none;padding:0;width:auto !important;white-space:normal}body.ltr table.collapsed,body.ltr table.collapsed tbody,body.ltr table.collapsed tbody tr,body.ltr table.collapsed tbody th,body.ltr table.collapsed tbody td{text-align:left}body.rtl table.collapsed,body.rtl table.collapsed tbody,body.rtl table.collapsed tbody tr,body.rtl table.collapsed tbody th,body.rtl table.collapsed tbody td{text-align:right}table.collapsed thead{display:none}table.collapsed tbody tr{padding:6px 0;border-bottom:1px dotted var(--hairline-color)}table.collapsed tbody tr:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}table.collapsed tbody th,table.collapsed tbody td{padding:2px 0 !important}table.collapsed tbody td:empty{display:none}body.ltr table.collapsed tbody [data-title]{margin-right:0}body.rtl table.collapsed tbody [data-title]{margin-left:0}table.collapsed tbody [data-title]:before{margin-right:5px;content:attr(data-title) \":\";font-weight:bold}table.collapsed tbody [data-title] form{display:inline-block}.datatablesorthelper,.editabletablesorthelper{background-color:var(--white);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.datatablesorthelper,.datatablesorthelper .chip,.datatablesorthelper a{cursor:move !important}.datatablesorthelper tr:first-child th,.datatablesorthelper tr:first-child td{border-top:none !important}.datatablesorthelper tr:last-child th,.datatablesorthelper tr:last-child td{border-bottom:none !important}.chip{position:relative;display:flex;align-items:center;cursor:default;user-select:none;font-weight:normal;padding:var(--xs) var(--s);max-width:100%;gap:var(--xs);border-radius:var(--large-border-radius);background-color:var(--gray-050)}.chip.small{flex-direction:row;height:34px;--thumb-size: 30px}.chip.small>.thumb{margin:calc(var(--xs)*-1 + 2px) calc(var(--s)*-1 + 2px)}body.ltr .chip.small>.thumb{margin-right:2px}body.rtl .chip.small>.thumb{margin-left:2px}.chip.large{flex-direction:column;--thumb-size: 120px;min-width:calc(var(--s)*2 + var(--thumb-size))}.chip.large .chip-content{width:100%}.chip .chip-content{display:flex;flex-direction:row;align-items:center;gap:var(--s)}.chip .chip-content .status{margin:0}.chip.sel,li.sel .chip,li.active-drop-target .chip{--text-color: var(--white);--medium-dark-text-color: var(--white);--medium-text-color: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--focus-ring: 0 0 0 3px hsl(var(--light-focus-hsl));color:var(--white);background-color:var(--dark-sel-color) !important}.chip.sel,.sel .chip{cursor:default}.chip.sel .thumb,.sel .chip .thumb{filter:brightness(0.85)}.chip.sel .thumb img,.sel .chip .thumb img{box-shadow:0 0 0 1px rgba(96,109,123,.1),0 6px 4px -4px rgba(96,109,123,.2)}.offset-drag-helper .chip{background-color:var(--gray-050);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.chip>.thumb{position:relative;display:flex;align-items:center;justify-content:center;width:var(--thumb-size);height:var(--thumb-size)}.chip>.thumb.rounded img,.chip>.thumb.rounded svg{border:var(--xs) solid rgba(0,0,0,0);border-radius:50%}.chip>.thumb.checkered img{background-image:linear-gradient(45deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%);background-size:8px 8px;background-position:0 0,4px 0,4px -4px,0 4px}.chip>.thumb img,.chip>.thumb svg{display:block;flex-shrink:0;border-radius:var(--small-border-radius);max-width:100%;max-height:100%}.inline-chips{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--xs)}.inline-chips .chip{margin:0 !important}.card{position:relative;display:flex;flex-direction:row;align-items:stretch;padding:var(--m);gap:var(--l);border-radius:var(--large-border-radius);background-color:var(--gray-050);cursor:default;user-select:none;color:var(--medium-text-color)}.card:after{border-radius:var(--large-border-radius)}.card.sel,li.sel .card{--text-color: var(--white);--medium-dark-text-color: var(--white);--medium-text-color: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--focus-ring: 0 0 0 3px hsl(var(--light-focus-hsl));color:var(--white);background-color:var(--dark-sel-color) !important}.card.sel>.thumb,li.sel .card>.thumb{background-color:var(--dark-sel-color) !important;filter:brightness(0.85)}.card>.thumb{position:relative;display:flex;align-items:stretch;margin:calc(var(--m)*-1);width:120px;min-width:120px;min-height:calc(var(--m)*2 + var(--lh)*3 + var(--xs));background-color:var(--gray-100);overflow:hidden}body.ltr .card>.thumb{margin-right:0}body.rtl .card>.thumb{margin-left:0}.card>.thumb:after{display:block;content:\"\";font-size:0;position:absolute;top:0;bottom:0;box-shadow:0 1px 5px -1px rgba(31,41,51,.2);width:10px}body.ltr .card>.thumb:after{right:-10px}body.rtl .card>.thumb:after{left:-10px}body.ltr .card>.thumb,body.ltr .card>.thumb:after{border-radius:var(--large-border-radius) 0 0 var(--large-border-radius)}body.rtl .card>.thumb,body.rtl .card>.thumb:after{border-radius:0 var(--large-border-radius) var(--large-border-radius) 0}.card>.thumb img,.card>.thumb svg{width:100%;max-height:120px;object-fit:cover}.card .card-content,.card .card-content .card-body{display:flex;flex-direction:column;gap:var(--xs);flex:1}.card .card-content{flex:1 0 0 !important;overflow:hidden;position:relative;--focus-ring: var(--inner-focus-ring)}.card .card-content .card-heading{display:flex;flex-direction:row;align-items:center;gap:5px}.card .card-content .card-heading .status{margin:0;flex:0 0 10px}.card .card-content .card-heading .label{font-weight:600}.card .card-content .card-body:empty{display:none}.card .card-content .card-body>*{--max-lines: 2;margin:0;max-height:calc(var(--lh)*var(--max-lines));overflow:hidden;text-wrap:pretty}.card>.card-actions-container{display:flex;align-items:flex-start !important;position:relative}.card-grid{display:grid !important;gap:var(--s) !important;grid-template-columns:repeat(auto-fill, minmax(360px, 1fr))}.card-grid>li{border-radius:var(--large-border-radius);height:100%}.card-grid>li>.card{margin:0 !important;height:100%}.chip .checkbox:before,.card .checkbox:before{box-shadow:none !important}.chip .label,.card .label{display:flex;align-items:center;gap:var(--xs);overflow:hidden}.chip .label .label-link,.card .label .label-link{flex:1 1 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip .label .draft-label,.card .label .draft-label{display:inline-block;padding:1px 5px;font-weight:normal;text-decoration:none !important;color:var(--medium-text-color);background:var(--gray-100);border-radius:var(--large-border-radius)}body.ltr .chip .label .draft-label,body.ltr .card .label .draft-label{margin:-1px 0 -1px 7px}body.rtl .chip .label .draft-label,body.rtl .card .label .draft-label{margin:-1px 7px -1px 0}.chip .label .segment:after,.card .label .segment:after{display:inline-flex !important;position:relative;top:-2px;display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid var(--light-text-color);border-width:0 1px 1px 0;opacity:.8}body.ltr .chip .label .segment:after,body.ltr .card .label .segment:after{margin:0 5px 0 2px}body.rtl .chip .label .segment:after,body.rtl .card .label .segment:after{margin:0 2px 0 5px}body.ltr .chip .label .segment:after,body.ltr .card .label .segment:after{transform:rotate(-45deg)}body.rtl .chip .label .segment:after,body.rtl .card .label .segment:after{transform:rotate(135deg)}.sel .chip .label .segment:after,.sel .card .label .segment:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid var(--white);border-width:0 1px 1px 0;opacity:.8}body.ltr .sel .chip .label .segment:after,body.ltr .sel .card .label .segment:after{transform:rotate(-45deg)}body.rtl .sel .chip .label .segment:after,body.rtl .sel .card .label .segment:after{transform:rotate(135deg)}.chip>.chip-content>.chip-actions,.chip>.card-actions-container>.card-actions,.card>.chip-content>.chip-actions,.card>.card-actions-container>.card-actions{display:flex;flex-direction:row;align-items:center;gap:var(--s);min-height:var(--lh)}.chip>.chip-content>.chip-actions:empty,.chip>.card-actions-container>.card-actions:empty,.card>.chip-content>.chip-actions:empty,.card>.card-actions-container>.card-actions:empty{display:none}.chip>.chip-content>.chip-actions>.status,.chip>.card-actions-container>.card-actions>.status,.card>.chip-content>.chip-actions>.status,.card>.card-actions-container>.card-actions>.status{margin:0}.chip>.chip-content>.chip-actions>.move,.chip>.chip-content>.chip-actions>.menubtn,.chip>.card-actions-container>.card-actions>.move,.chip>.card-actions-container>.card-actions>.menubtn,.card>.chip-content>.chip-actions>.move,.card>.chip-content>.chip-actions>.menubtn,.card>.card-actions-container>.card-actions>.move,.card>.card-actions-container>.card-actions>.menubtn{height:var(--touch-target-size);width:var(--touch-target-size);margin:0 -4px}.chip>.chip-content>.chip-actions .settings,.chip>.card-actions-container>.card-actions .settings,.card>.chip-content>.chip-actions .settings,.card>.card-actions-container>.card-actions .settings{color:var(--ui-control-color)}body.ltr .chip>.chip-content>.chip-actions .settings:before,body.ltr .chip>.card-actions-container>.card-actions .settings:before,body.ltr .card>.chip-content>.chip-actions .settings:before,body.ltr .card>.card-actions-container>.card-actions .settings:before{margin-right:0 !important}body.rtl .chip>.chip-content>.chip-actions .settings:before,body.rtl .chip>.card-actions-container>.card-actions .settings:before,body.rtl .card>.chip-content>.chip-actions .settings:before,body.rtl .card>.card-actions-container>.card-actions .settings:before{margin-left:0 !important}.chip>.chip-content>.chip-actions .settings:not(:hover):not(:active),.chip>.card-actions-container>.card-actions .settings:not(:hover):not(:active),.card>.chip-content>.chip-actions .settings:not(:hover):not(:active),.card>.card-actions-container>.card-actions .settings:not(:hover):not(:active){background-color:rgba(0,0,0,0)}.chip>.chip-content>.chip-actions .move,.chip>.card-actions-container>.card-actions .move,.card>.chip-content>.chip-actions .move,.card>.card-actions-container>.card-actions .move{margin-top:-2px !important}.chip.error .label .label-link,.card.error .label .label-link{color:var(--error-color)}.element-index .source-path{background-color:var(--gray-050);border-radius:3px;--ui-control-bg-color: var(--light-sel-color);--ui-control-hover-bg-color: #bdcbdb;--ui-control-active-bg-color: #acbed2}.element-index .source-path .chevron-btns{display:inline-flex;position:relative;background:#fff;--ui-control-height: calc((30rem / 16))}.element-index .source-path .chevron-btns:before{display:block;content:\"\";font-size:0;position:absolute;top:0;width:0;height:0;border-top:calc(var(--ui-control-height)/2) solid #f3f7fc}body.ltr .element-index .source-path .chevron-btns:before{right:0}body.rtl .element-index .source-path .chevron-btns:before{left:0}body.ltr .element-index .source-path .chevron-btns:before{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .element-index .source-path .chevron-btns:before{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.element-index .source-path .chevron-btns:after{display:block;content:\"\";font-size:0;position:absolute;top:calc(var(--ui-control-height)/2);border-bottom:calc(var(--ui-control-height)/2) solid #f3f7fc}body.ltr .element-index .source-path .chevron-btns:after{right:0}body.rtl .element-index .source-path .chevron-btns:after{left:0}body.ltr .element-index .source-path .chevron-btns:after{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .element-index .source-path .chevron-btns:after{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.element-index .source-path .chevron-btns .btn{--ui-control-border-radius: 3px}.element-index .source-path .btn.settings{box-shadow:0 0 0 2px var(--white)}.element-index.main .source-path{margin:-22px calc(var(--padding)*-1 + 2px) 24px}.elementselectormodal .element-index .source-path{margin-bottom:2px}.element-index.pane .toolbar{position:relative;z-index:2;margin:calc(var(--pane-padding)*-1) calc(var(--pane-padding)*-1) var(--pane-padding) !important;border-radius:calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) 0 0;padding:var(--pane-padding);box-shadow:0 1px 0 var(--hairline-color);background-color:var(--gray-050)}.element-index.pane .header{padding-top:var(--pane-padding);padding-bottom:var(--pane-padding);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--hairline-color)}.element-index.pane .elements{--border-radius: 0}.element-index.pane .elements .tableview table.data thead th,.element-index.pane .elements .tableview table.data thead td{border-bottom:1px solid var(--hairline-color)}.element-index.pane .elements .tableview table.data thead th:not(.ordered),.element-index.pane .elements .tableview table.data thead td:not(.ordered){background-color:rgba(0,0,0,0)}.element-index.pane .footer{border-radius:0 0 calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) !important;box-shadow:none;border-top:1px solid var(--hairline-color);background:rgba(0,0,0,0)}.elements{position:relative}.elements:not(.busy) .update-spinner{display:none}.elements.busy{min-height:72px}.elements.busy:after{display:block;content:\"\";font-size:0;position:absolute;z-index:100;top:0;left:calc(var(--pane-padding, 24px)*-1);width:calc(100% + var(--pane-padding, 24px) + var(--pane-padding, 24px));height:100%;background:rgba(255,255,255,.75);border-radius:var(--large-border-radius)}.elements.busy .update-spinner{z-index:101}.elements .header{margin:calc(var(--xl)*-1 + 2px) calc(var(--padding)*-1 + 2px) var(--xl);padding:var(--s);background-color:var(--gray-050);box-shadow:none;border-radius:var(--border-radius, var(--small-border-radius))}.elements .header:after{content:\"\"}.elements .header .selectallcontainer{display:flex;align-items:center;gap:5px;cursor:default}.elements .tableview tr.draggee th,.elements .tableview tr.draggee td,.elements .thumbsview li.draggee{opacity:.25}.elements .tableview th .move,.elements .tableview th .toggle{display:flex;position:absolute;justify-content:center;align-items:center;top:50%;transform:translateY(-50%);width:var(--touch-target-size);height:var(--touch-target-size)}body.ltr .elements .tableview th .move,body.ltr .elements .tableview th .toggle{margin-left:calc(var(--touch-target-size)*-1)}body.rtl .elements .tableview th .move,body.rtl .elements .tableview th .toggle{margin-right:calc(var(--touch-target-size)*-1)}.elements .tableview th .move{font-size:11px;text-decoration:none}.elements .tableview th .toggle{text-align:center;padding:4px;border-radius:50%}body.ltr .elements .tableview th .move+.toggle{margin-left:calc(var(--touch-target-size)*-2)}body.rtl .elements .tableview th .move+.toggle{margin-right:calc(var(--touch-target-size)*-2)}.elements .tableview th .enabled-label{margin-left:var(--xs)}.elements .tableview .chip{background-color:rgba(0,0,0,0)}.elements .thumbsview{display:grid;gap:var(--xs);grid-template-columns:repeat(auto-fill, minmax(180px, 1fr))}.elements .thumbsview li{position:relative;max-width:226px;border-radius:var(--large-border-radius)}body.ltr .elements .thumbsview li{margin:0 1px 1px 0}body.rtl .elements .thumbsview li{margin:0 0 1px 1px}.elements .thumbsview li:hover .chip{background-color:var(--gray-050)}.elements .thumbsview li.sel a{cursor:pointer !important}.elements .thumbsview li.sel a:hover{text-decoration:underline}.export-form{position:relative}.export-form .spinner{position:absolute;bottom:0}body.ltr .export-form .spinner{right:-24px}body.rtl .export-form .spinner{left:-24px}.structure{position:relative;z-index:1}body.ltr .structure li{padding-left:8px}body.rtl .structure li{padding-right:8px}.structure li.collapsed>ul{display:none}.structure li .row:hover>.icon,.structure li.draghelper>.row .move,.structure li .add.active{opacity:1}.structure li.draghelper>.row .add{opacity:0}.structure li.draghelper>.row .move:before{color:var(--link-color)}.structure li.draginsertion{position:relative;height:2px;background-color:var(--link-color) !important;border-radius:1px}body.ltr .structure li.draginsertion{margin:-1px 0 -1px 8px}body.rtl .structure li.draginsertion{margin:-1px 8px -1px 0}body.ltr .structure li.draginsertion{padding-left:0}body.rtl .structure li.draginsertion{padding-right:0}body.ltr .structure li.draginsertion{border-left:none}body.rtl .structure li.draginsertion{border-right:none}.structure li .toggle{position:relative;z-index:1;padding:4px}body.ltr .structure li .toggle{float:left}body.rtl .structure li .toggle{float:right}body.ltr .structure li .toggle{margin:10px -8px 0 -12px}body.rtl .structure li .toggle{margin:10px -12px 0 -8px}.structure li .row:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.structure li .move,.structure li .add{opacity:0;transition:opacity linear 100ms}body.ltr .structure li .move,body.ltr .structure li .add{margin:5px 5px 0 0}body.rtl .structure li .move,body.rtl .structure li .add{margin:5px 0 0 5px}.structure li .add{padding:0 5px}.structure li .add:before{content:\"downangle\";color:var(--dark-hairline-color)}.structure li .add:not(.disabled):hover:before,.structure li .add.active:before{color:var(--link-color)}body.ltr .structure li .checkbox{float:left}body.rtl .structure li .checkbox{float:right}body.ltr .structure li .checkbox{margin:7px 0 0 7px}body.rtl .structure li .checkbox{margin:7px 7px 0 0}body.ltr .structure ul{margin-left:-3px}body.rtl .structure ul{margin-right:-3px}.structure ul li{background-repeat:no-repeat}body.ltr .structure ul li{padding-left:38px}body.rtl .structure ul li{padding-right:38px}body.ltr .structure ul li{background-image:url(../images/branch.png);background-position:0 0}body.rtl .structure ul li{background-image:url(../images/branch_rtl.png);background-position:100% 0}body.ltr .structure ul li:not(:last-child):not(.last){padding-left:37px}body.rtl .structure ul li:not(:last-child):not(.last){padding-right:37px}body.ltr .structure ul li:not(:last-child):not(.last){border-left:1px solid var(--gray-200)}body.rtl .structure ul li:not(:last-child):not(.last){border-right:1px solid var(--gray-200)}body.ltr .structure ul li:not(:last-child):not(.last){background-position:-1px 0}body.rtl .structure ul li:not(:last-child):not(.last){background-position:calc(100% + 1px) 0}body.ltr .structure ul li.draginsertion{margin-left:38px}body.rtl .structure ul li.draginsertion{margin-right:38px}.structure .row.draghover .chip{z-index:2;border-radius:15px;box-shadow:inset 0 0 0 2px var(--link-color)}.structure .row.droptarget{border-radius:5px;box-shadow:inset 0 0 0 2px var(--link-color)}.elementselect{position:relative;min-height:34px}.elementselect .elements{display:flex;align-items:flex-start;gap:var(--xs)}.elementselect .elements:not(.inline-chips){flex-direction:column}.elementselect .elements li{max-width:100%}.elementselect .chip:not(:first-child),.elementselect .card:not(:first-child){margin-top:var(--s)}.elementselect .flex,.elementselect .btn{clear:both}.elementselect .chip{z-index:1}.elementselect .flex{padding-top:7px}body.ltr .elementselect .structure ul{margin-left:12px}body.rtl .elementselect .structure ul{margin-right:12px}.elementselect .structure ul li{background-position:0 2px !important}.elementselect .structure ul li .chip{margin:0}table.editable{border-radius:var(--large-border-radius);border:1px solid var(--gray-200)}table.editable th,table.editable td.heading,table.editable td.action{color:var(--medium-text-color);font-weight:normal;background-color:var(--gray-050)}table.editable thead tr th,table.editable tbody tr th{padding:6px 10px}table.editable thead tr th{border-bottom:1px solid var(--hairline-color)}body.ltr table.editable thead tr th.has-info{padding-right:calc(15px + 1em)}body.rtl table.editable thead tr th.has-info{padding-left:calc(15px + 1em)}table.editable thead tr th span.info{position:absolute;margin-left:5px}table.editable tbody tr:not(:first-child) th,table.editable tbody tr:not(:first-child) td{border-top:1px solid var(--hairline-color)}body.ltr table.editable tbody tr:last-child td:first-child{border-bottom-left-radius:var(--large-border-radius)}body.rtl table.editable tbody tr:last-child td:first-child{border-bottom-right-radius:var(--large-border-radius)}body.ltr table.editable tbody tr:last-child td:first-child textarea,body.ltr table.editable tbody tr:last-child td:first-child input.text{border-bottom-left-radius:calc(var(--large-border-radius) - 1px)}body.rtl table.editable tbody tr:last-child td:first-child textarea,body.rtl table.editable tbody tr:last-child td:first-child input.text{border-bottom-right-radius:calc(var(--large-border-radius) - 1px)}body.ltr table.editable tbody tr td:not(:first-child),body.ltr table.editable tbody tr th~td:not(.hidden)~td{border-left:1px solid var(--hairline-color)}body.rtl table.editable tbody tr td:not(:first-child),body.rtl table.editable tbody tr th~td:not(.hidden)~td{border-right:1px solid var(--hairline-color)}body.ltr table.editable tbody tr th~td:not(:first-child){border-left:1px solid #dbdddf}body.rtl table.editable tbody tr th~td:not(:first-child){border-right:1px solid #dbdddf}table.editable tbody tr td{vertical-align:top;text-align:center;background-color:var(--white);padding:4px 10px}table.editable tbody tr td.focus{position:relative;box-shadow:inset 0 0 0 1px var(--hairline-color)}table.editable tbody tr td.textual{padding:0}table.editable tbody tr td.textual textarea{resize:none}table.editable tbody tr td.textual pre{white-space:pre-wrap}body.ltr table.editable tbody tr td.textual pre{text-align:left}body.rtl table.editable tbody tr td.textual pre{text-align:right}table.editable tbody tr td.lightswitch-cell{padding-top:9px;padding-bottom:9px}table.editable tbody tr td.lightswitch-cell .lightswitch{display:block;margin:0 auto}table.editable tbody tr td.checkbox-cell{padding-top:10px;padding-bottom:10px}table.editable tbody tr td.checkbox-cell .checkbox-wrapper{display:block;margin:-2px auto 0;width:16px;height:16px}table.editable tbody tr td.error{box-shadow:inset 0 0 0 1px var(--error-color)}table.editable tbody tr td.disabled{position:relative;opacity:1}table.editable tbody tr td.disabled:after{content:\"\";font-size:0;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(243,247,252,.75);user-select:none}table.editable tbody tr td.action{padding:4px 7px}body.ltr table.editable tbody tr td.action+td.action{border-left:none}body.rtl table.editable tbody tr td.action+td.action{border-right:none}body.ltr table.editable tbody tr td.action+td.action{padding-left:0}body.rtl table.editable tbody tr td.action+td.action{padding-right:0}table.editable tbody tr td .flex>*{margin-bottom:0}table.editable tbody textarea,table.editable tbody textarea.text,table.editable tbody input.text,table.editable tbody pre{display:block;width:100%;border:none;box-shadow:none;border-radius:0;padding:7px 10px;background-color:rgba(0,0,0,0);overflow:hidden;transition:none;box-sizing:border-box}table.editable tbody .color-container{display:block;position:relative}table.editable tbody .color-container>.color,table.editable tbody .color-container .color-input{margin-bottom:0}table.editable tbody .color-container>.color{position:absolute;top:10px;z-index:1}body.ltr table.editable tbody .color-container>.color{left:10px}body.rtl table.editable tbody .color-container>.color{right:10px}body.ltr table.editable tbody .color-container .color-hex-indicator{left:32px}body.rtl table.editable tbody .color-container .color-hex-indicator{right:32px}body.ltr table.editable tbody .color-container .color-input{padding-left:calc(32px + 1em)}body.rtl table.editable tbody .color-container .color-input{padding-right:calc(32px + 1em)}table.editable tbody .datewrapper,table.editable tbody .timewrapper{display:block;width:calc(100% - 29px)}table.editable tbody .datewrapper .text+div[data-icon],table.editable tbody .timewrapper .text+div[data-icon]{top:6px}body.ltr table.editable tbody .datewrapper .text+div[data-icon],body.ltr table.editable tbody .timewrapper .text+div[data-icon]{left:10px}body.rtl table.editable tbody .datewrapper .text+div[data-icon],body.rtl table.editable tbody .timewrapper .text+div[data-icon]{right:10px}table.editable:not(.static) td.textual{cursor:text}table.editable+.btn.add{display:block;width:100%}table.editable:not(.hidden)+.btn.add{border-top-width:0;border-radius:0 0 var(--medium-border-radius) var(--medium-border-radius)}.border-box+.buttons,.shadow-box+.buttons{margin-top:7px}body.ltr ul.tree,body.ltr .tree ul{margin-left:20px}body.rtl ul.tree,body.rtl .tree ul{margin-right:20px}body.ltr .tree li .toggle{margin:7px 0 0 -15px}body.rtl .tree li .toggle{margin:7px -15px 0 0}.status{display:inline-block;position:relative;width:10px;height:10px;border:1px solid rgba(0,0,0,0);border-radius:100%;box-sizing:border-box;background-clip:border-box}body.ltr .status{margin-right:10px}body.rtl .status{margin-left:10px}body.use-shapes .status.all{rotate:45deg;background-image:linear-gradient(30deg, #184cef, #e5422b)}body.use-shapes .status.pending{background-color:rgba(0,0,0,0);border-style:solid;border-width:0 5px 10px 5px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--pending-color) rgba(0,0,0,0);border-radius:1px}body.use-shapes .status.all,body.use-shapes .status.off,body.use-shapes .status.suspended,body.use-shapes .status.expired{border-radius:2px;transform:scale(90%)}.status:not(.on):not(.live):not(.active):not(.enabled):not(.all):not(.pending):not(.off):not(.suspended):not(.expired):not(.yellow):not(.orange):not(.red):not(.pink):not(.purple):not(.blue):not(.green):not(.turquoise):not(.light):not(.grey):not(.black){border-color:var(--ui-control-color)}.green,.status.on,.status.live,.status.active,.status.enabled{background-color:var(--enabled-color)}.status.all{background-image:linear-gradient(60deg, #184cef, #e5422b);background-origin:border-box}.orange,.status.pending{background-color:var(--pending-color)}.red,.status.off,.status.suspended,.status.expired{background-color:var(--disabled-color)}.yellow{background-color:var(--yellow-300)}.pink{background-color:var(--pink-400)}.purple{background-color:#9b59b6}.blue{background-color:var(--blue-600)}.turquoise{background-color:var(--teal-300)}.status.light{background-color:var(--gray-100)}.grey{background-color:var(--gray-300)}.black{background-color:var(--gray-800)}.status.white,.status.disabled{opacity:1}.condition-container{margin:24px 0}.condition-rule,.condition-footer{padding:7px}.condition-footer{border:1px dashed var(--medium-hairline-color);border-radius:var(--large-border-radius)}.condition:not(:empty)+.condition-footer{border-top-width:0;border-top-left-radius:0;border-top-right-radius:0}.condition-footer .spinner:not(.loading){display:none}.condition-rule{margin:0;border:1px solid var(--hairline-color);background-color:var(--gray-050)}.condition-rule:first-child{border-top-left-radius:var(--large-border-radius);border-top-right-radius:var(--large-border-radius)}.condition-rule+.condition-rule{border-top-width:0}.condition-rule>.rule-move,.condition-rule>.rule-actions{margin-top:5px}.condition-rule>.rule-body .lightswitch{margin-top:6px;display:block}.condition-rule>.rule-body .selectize{min-width:100px}.condition-rule>.rule-body .text.fullwidth{min-width:100px;max-width:100%}.progressbar{border-radius:6px;border:2px solid var(--gray-700);padding:2px;position:absolute;left:20%;width:60%;z-index:1000}.progressbar-inner{border-radius:2px;height:4px;background-color:var(--gray-700)}.progressbar:not(.pending) .progressbar-inner{width:0;transition:width linear 100ms}.progressbar.pending .progressbar-inner{animation-timing-function:linear;animation-duration:250ms;animation-iteration-count:infinite}body.ltr .progressbar.pending .progressbar-inner{background:repeating-linear-gradient(135deg, var(--white), var(--white) 8.8388347649px, var(--gray-700) 8.8388347649px, var(--gray-700) 17.6776695297px)}body.rtl .progressbar.pending .progressbar-inner{background:repeating-linear-gradient(45deg, var(--white), var(--white) 8.8388347649px, var(--gray-700) 8.8388347649px, var(--gray-700) 17.6776695297px)}body.ltr .progressbar.pending .progressbar-inner{animation-name:pendingprogress-ltr}body.rtl .progressbar.pending .progressbar-inner{animation-name:pendingprogress-rtl}@keyframes pendingprogress-ltr{from{background-position:0}to{background-position:25px}}@keyframes pendingprogress-rtl{from{background-position:0}to{background-position:-25px}}.elementselect .progress-shade{background-color:rgba(255,255,255,.8);width:100%;height:100%;position:absolute;top:0;display:none}body.ltr .elementselect .progress-shade{left:0}body.rtl .elementselect .progress-shade{right:0}.elementselect.uploading{position:relative}.elementselect.uploading .progress-shade{display:block;z-index:2}.missing-component{padding:7px 10px !important;max-width:400px;background-color:var(--gray-050) !important}.missing-component .error{margin:0}.missing-component .install-plugin{margin:7px 0 -7px;border-top:1px solid var(--hairline-color);position:relative}body.ltr .missing-component .install-plugin{padding:10px 0 10px 40px}body.rtl .missing-component .install-plugin{padding:10px 40px 10px 0}.missing-component .install-plugin .icon{width:32px;height:32px;position:absolute;top:calc(50% - 16px)}body.ltr .missing-component .install-plugin .icon{left:0}body.rtl .missing-component .install-plugin .icon{right:0}.missing-component .install-plugin .icon img,.missing-component .install-plugin .icon svg{width:100%;height:100%}.missing-component .install-plugin h3{flex:1;margin:8px 0 !important}.missing-component .install-plugin .btn{margin:0}.pane{--pane-padding: var(--xl);--border: 1px solid var(--hairline-color);background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);position:relative;margin:14px 0;padding:var(--pane-padding);border-radius:var(--large-border-radius);word-wrap:break-word;box-sizing:border-box}.pane:focus{box-shadow:var(--focus-ring)}.pane .pane,#content .pane{background-color:var(--gray-050);border:1px solid var(--hairline-color);box-shadow:none}.pane.dashed{background-color:rgba(0,0,0,0) !important;box-shadow:none;border:1px dashed var(--medium-hairline-color) !important}.pane.hairline{background-color:rgba(0,0,0,0) !important;box-shadow:none;border:1px solid rgba(96, 125, 159, 0.25) !important}.pane.padding-xs{--pane-padding: var(--xs)}.pane.padding-s{--pane-padding: var(--s)}.pane.padding-m{--pane-padding: var(--m)}.pane.padding-l{--pane-padding: var(--l)}.pane.loading{min-height:200px}.pane.loading:after{display:block;content:\"\";font-size:0;position:absolute;top:0;left:-24px;width:calc(100% + 48px);height:100%}.pane-header{margin:calc(var(--xl)*-1) var(--neg-padding) var(--xl);padding:var(--s) var(--xl);min-height:50px;box-sizing:border-box;box-shadow:inset 0 -1px 0 0 rgba(154,165,177,.25);border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;background-color:var(--gray-050)}.pane-header .header-btn{margin:2px 0;width:30px;height:30px;padding-left:0;padding-right:0}.pane-header .header-btn:not(:hover):not(:active):not(.active){background-color:rgba(0,0,0,0)}.pane-header .header-btn:not(:active):not(.active):hover{background-color:rgba(154,165,177,.15)}.pane-header .spinner{margin:0 !important}.pane-tabs{display:flex;flex-direction:row;align-items:center;margin:calc(var(--s)*-1) calc(var(--padding)*-1)}.pane-tabs:first-child{border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;overflow:hidden}.pane-tabs [role=tablist]{flex:1;display:flex;flex-direction:row;overflow-x:auto;scrollbar-width:none}.pane-tabs [role=tablist]::-webkit-scrollbar{display:none}body.ltr .pane-tabs [role=tablist].scrollable{mask-image:linear-gradient(to left, rgba(0, 0, 0, 0), rgb(0, 0, 0) 24px)}body.rtl .pane-tabs [role=tablist].scrollable{mask-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) 24px)}.pane-tabs [role=tablist] [role=tab]{--tab-label-color: var(--light-text-color)}.pane-tabs [role=tablist] [role=tab].error{--highlight-color: var(--error-color) !important;--tab-label-color: var(--error-color) !important}.pane-tabs [role=tablist] [role=tab],.pane-tabs [role=tablist] [role=tab] .tab-label{border-radius:2px 2px 0 0}.pane-tabs [role=tablist] [role=tab] .tab-label{display:flex;flex-direction:row;align-items:center;position:relative;padding:0 var(--padding);white-space:nowrap;color:var(--tab-label-color);height:50px}.pane-tabs [role=tablist] [role=tab]:hover{text-decoration:none}body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus,body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible{box-shadow:none}body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus .tab-label,body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible .tab-label{box-shadow:var(--inner-focus-ring)}.pane-tabs [role=tablist] [role=tab]:not(.sel):hover{background-color:rgba(154,165,177,.15)}.pane-tabs [role=tablist] [role=tab].sel{--highlight-color: var(--gray-500);--tab-label-color: var(--text-color);position:relative;z-index:1;cursor:default;box-shadow:inset 0 2px 0 var(--highlight-color),0 0 0 1px rgba(51,64,77,.1),0 2px 12px rgba(205,216,228,.5);background-color:var(--white)}body.ltr .pane-tabs [role=tablist] [role=tab] span[data-icon]{margin-left:4px}body.rtl .pane-tabs [role=tablist] [role=tab] span[data-icon]{margin-right:4px}body.ltr .pane-tabs:first-child [role=tablist] [role=tab]:first-child,body.ltr .pane-tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-left-radius:var(--large-border-radius)}body.rtl .pane-tabs:first-child [role=tablist] [role=tab]:first-child,body.rtl .pane-tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-right-radius:var(--large-border-radius)}.pane-tabs .menubtn{margin:0 var(--xl)}.pane-tabs .menubtn.error span[data-icon]{margin-right:2px}.details{--spacing: var(--l);padding:0 var(--padding) var(--spacing)}.details .meta,.details .field,.details hr{margin-left:var(--neg-padding);margin-right:var(--neg-padding)}.details .meta{margin-bottom:var(--spacing)}.details .meta:not(.read-only){background-color:var(--gray-050) !important}.details .meta.read-only{color:var(--medium-text-color)}.details .meta.read-only>.data{align-items:baseline;min-height:auto}.details .meta.read-only>.data>.heading,.details .meta.read-only>.data>.value{padding:6px 0}.details .meta.read-only>.data:first-child>.heading,.details .meta.read-only>.data:first-child>.value{padding-top:0}.details .meta.read-only>.data:last-child>.heading,.details .meta.read-only>.data:last-child>.value{padding-bottom:0}.details .meta.warning{padding-top:var(--m);padding-bottom:var(--m);color:var(--text-color) !important;background-color:var(--yellow-050) !important;box-shadow:0 0 0 1px var(--yellow-300),0 2px 12px rgba(205,216,228,.5)}.details .meta.warning p{margin-bottom:5px}.details .meta.warning .btn{background-color:var(--yellow-300)}.details .meta.warning .btn:hover,.details .meta.warning .btn:focus{background-color:#fcd815}.details .meta.warning .btn:active{background-color:#f5ce03}.details .meta>.field,.details .meta>.data{margin:0 var(--neg-padding) !important}.details .meta>.field>.heading>label,.details .meta>.field>.heading,.details .meta>.data>.heading>label,.details .meta>.data>.heading{color:var(--gray-600)}body.ltr .details .meta>.field>.status-badge{left:0}body.rtl .details .meta>.field>.status-badge{right:0}.details .meta .text::placeholder,.details .meta .datewrapper .text+div[data-icon],.details .meta .timewrapper .text+div[data-icon]{color:var(--gray-500)}body.ltr .details .meta .ui-datepicker{margin:0 0 0 -8px}body.rtl .details .meta .ui-datepicker{margin:0 -8px 0 0}.details hr{margin:var(--spacing) 0;border-top-color:var(--hairline-color)}.details input::-webkit-input-placeholder,.details textarea::-webkit-input-placeholder{color:var(--gray-500)}.details input:-ms-input-placeholder,.details textarea:-ms-input-placeholder{color:var(--gray-500)}.details input::-ms-input-placeholder,.details textarea::-ms-input-placeholder{color:var(--gray-500)}.details input:-moz-placeholder,.details textarea:-moz-placeholder{color:var(--gray-500)}.details input::-moz-placeholder,.details textarea::-moz-placeholder{color:var(--gray-500)}.details input::placeholder,.details textarea::placeholder{color:var(--gray-500)}.details .text{background-color:rgba(0,0,0,0) !important;resize:none}.details>.field>.heading>label,.details>fieldset>legend{margin-top:0;font-weight:normal;color:var(--gray-600)}.details>fieldset{margin:0 0 var(--spacing)}.details>fieldset>legend{margin-bottom:5px}.details>.field{margin:0 0 var(--spacing)}.details>.field>.heading{margin-top:0}.details>.field>.input>.text.fullwidth{margin:0 var(--neg-padding);padding-left:var(--padding);padding-right:var(--padding);border:none;background-color:var(--gray-050) !important;width:calc(100% + var(--padding) + var(--padding))}.details>.text{border-radius:var(--large-border-radius);margin-bottom:var(--spacing)}.details>.text:not(:focus){border-color:rgba(96,125,159,.4)}.meta{padding:0 var(--padding);overflow:visible}.meta>.field,.meta>.data,.meta>.flex-fields>.field,.meta>.flex-fields>.data{display:flex;min-height:50px;box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0 var(--neg-padding) !important;padding:0 var(--padding);transition:padding-left linear 100ms,padding-right linear 100ms}body.ltr .meta>.field.nested,body.ltr .meta>.data.nested,body.ltr .meta>.flex-fields>.field.nested,body.ltr .meta>.flex-fields>.data.nested{padding-left:38px}body.rtl .meta>.field.nested,body.rtl .meta>.data.nested,body.rtl .meta>.flex-fields>.field.nested,body.rtl .meta>.flex-fields>.data.nested{padding-right:38px}.meta>.field.add,.meta>.data.add,.meta>.flex-fields>.field.add,.meta>.flex-fields>.data.add{background-color:#ebf2fa}.meta>.field.add:before,.meta>.data.add:before,.meta>.flex-fields>.field.add:before,.meta>.flex-fields>.data.add:before{position:absolute;width:31px;font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"plus\";color:var(--light-text-color)}body.ltr .meta>.field.add:before,body.ltr .meta>.data.add:before,body.ltr .meta>.flex-fields>.field.add:before,body.ltr .meta>.flex-fields>.data.add:before{left:0}body.rtl .meta>.field.add:before,body.rtl .meta>.data.add:before,body.rtl .meta>.flex-fields>.field.add:before,body.rtl .meta>.flex-fields>.data.add:before{right:0}body.ltr .meta>.field.add:before,body.ltr .meta>.data.add:before,body.ltr .meta>.flex-fields>.field.add:before,body.ltr .meta>.flex-fields>.data.add:before{text-align:right}body.rtl .meta>.field.add:before,body.rtl .meta>.data.add:before,body.rtl .meta>.flex-fields>.field.add:before,body.rtl .meta>.flex-fields>.data.add:before{text-align:left}.meta>.field.add .input,.meta>.data.add .input,.meta>.flex-fields>.field.add .input,.meta>.flex-fields>.data.add .input{width:100%}.meta>.field>.heading,.meta>.data>.heading,.meta>.flex-fields>.field>.heading,.meta>.flex-fields>.data>.heading{margin:0}@media screen and (min-width: 400px){.meta>.field>.heading,.meta>.data>.heading,.meta>.flex-fields>.field>.heading,.meta>.flex-fields>.data>.heading{flex:0 0 104px;line-height:18px}body.ltr .meta>.field>.heading,body.ltr .meta>.data>.heading,body.ltr .meta>.flex-fields>.field>.heading,body.ltr .meta>.flex-fields>.data>.heading{margin-right:var(--s)}body.rtl .meta>.field>.heading,body.rtl .meta>.data>.heading,body.rtl .meta>.flex-fields>.field>.heading,body.rtl .meta>.flex-fields>.data>.heading{margin-left:var(--s)}}.meta>.field.lightswitch-field>.heading,.meta>.data.lightswitch-field>.heading,.meta>.flex-fields>.field.lightswitch-field>.heading,.meta>.flex-fields>.data.lightswitch-field>.heading{flex:1}.meta>.field>.input .flex,.meta>.data>.input .flex,.meta>.flex-fields>.field>.input .flex,.meta>.flex-fields>.data>.input .flex{flex-wrap:nowrap}.meta>.field>.input .flex>*,.meta>.data>.input .flex>*,.meta>.flex-fields>.field>.input .flex>*,.meta>.flex-fields>.data>.input .flex>*{margin-bottom:0}.meta>.field>.heading,.meta>.flex-fields>.field>.heading{padding-top:var(--s)}@media screen and (min-width: 400px){.meta>.field>.heading,.meta>.flex-fields>.field>.heading{padding:14px 0}}.meta>.field>.heading>.copytextbtn,.meta>.flex-fields>.field>.heading>.copytextbtn{display:none}.meta>.data>.heading,.meta>.flex-fields>.data>.heading{padding:var(--s) 0}.meta>.field>.heading>label,.meta>.data>.heading,.meta>.flex-fields>.field>.heading>label,.meta>.flex-fields>.data>.heading{color:var(--medium-text-color)}.meta>.field>.input,.meta>.data>.value,.meta>.flex-fields>.field>.input,.meta>.flex-fields>.data>.value{padding:var(--s) 0;width:100%}@media screen and (min-width: 400px){.meta>.field>.input,.meta>.data>.value,.meta>.flex-fields>.field>.input,.meta>.flex-fields>.data>.value{width:calc(100% - 112px)}}.meta>.data>.value,.meta>.flex-fields>.data>.value{display:flex;align-items:center}.meta>.data>.value>[data-icon=draft],.meta>.flex-fields>.data>.value>[data-icon=draft]{margin-top:-2px}body.ltr .meta>.data>.value>[data-icon=draft],body.ltr .meta>.flex-fields>.data>.value>[data-icon=draft]{margin-right:8px}body.rtl .meta>.data>.value>[data-icon=draft],body.rtl .meta>.flex-fields>.data>.value>[data-icon=draft]{margin-left:8px}.meta>.field.lightswitch-field>.input,.meta>.flex-fields>.field.lightswitch-field>.input{flex:0;width:auto}.meta>.field.has-errors,.meta>.flex-fields>.field.has-errors{border:1px solid var(--error-color) !important}.meta>.field.has-errors:first-child,.meta>.flex-fields>.field.has-errors:first-child{border-top-left-radius:var(--large-border-radius);border-top-right-radius:var(--large-border-radius)}.meta>.field.has-errors:last-child,.meta>.flex-fields>.field.has-errors:last-child{border-bottom-left-radius:var(--large-border-radius);border-bottom-right-radius:var(--large-border-radius)}.meta>.field.has-errors+.field,.meta>.flex-fields>.field.has-errors+.field{border-top:none !important}.meta>.field>.heading>label,.meta>.field>.heading>legend,.meta>.flex-fields>.field>.heading>label,.meta>.flex-fields>.field>.heading>legend{font-weight:normal}.meta>.field>.input>.text,.meta>.field>.input>.flex>.text,.meta>.field>.input>.flex>.textwrapper>.text,.meta>.field>.input>.datewrapper>.text,.meta>.field>.input>.timewrapper>.text,.meta>.field>.input>.datetimewrapper>.datewrapper>.text,.meta>.field>.input>.datetimewrapper>.timewrapper>.text,.meta>.flex-fields>.field>.input>.text,.meta>.flex-fields>.field>.input>.flex>.text,.meta>.flex-fields>.field>.input>.flex>.textwrapper>.text,.meta>.flex-fields>.field>.input>.datewrapper>.text,.meta>.flex-fields>.field>.input>.timewrapper>.text,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper>.text,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper>.text{display:block;margin:calc(var(--s)*-1) 0;padding:14px 0;border-radius:0;background-color:rgba(0,0,0,0);border:none !important}.meta>.field>.input>.datewrapper,.meta>.field>.input>.timewrapper,.meta>.field>.input>.datetimewrapper>.datewrapper,.meta>.field>.input>.datetimewrapper>.timewrapper,.meta>.flex-fields>.field>.input>.datewrapper,.meta>.flex-fields>.field>.input>.timewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper{background-color:rgba(0,0,0,0)}body.ltr .meta>.field>.input>.datewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.timewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.timewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon]{left:0}body.rtl .meta>.field>.input>.datewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.timewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.timewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon]{right:0}.meta>.field>.input>.datetimewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper{gap:0}.meta>.field>.input>.datetimewrapper>.datewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper{width:55%}.meta>.field>.input>.datetimewrapper>.timewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper{width:45%}body.ltr .meta>.field>.input>.datetimewrapper>.clear-btn,body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.clear-btn{margin-right:-24px}body.rtl .meta>.field>.input>.datetimewrapper>.clear-btn,body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.clear-btn{margin-left:-24px}.meta>.field>.input>.datewrapper,.meta>.field>.input>.timewrapper,.meta>.flex-fields>.field>.input>.datewrapper,.meta>.flex-fields>.field>.input>.timewrapper{display:block;width:100%}.meta>.field>ul.errors,.meta>.flex-fields>.field>ul.errors{margin:0;padding:0 0 6px;width:100%;list-style-type:none}body.ltr .meta>.field>.clear-btn,body.ltr .meta>.flex-fields>.field>.clear-btn{margin-right:var(--neg-padding)}body.rtl .meta>.field>.clear-btn,body.rtl .meta>.flex-fields>.field>.clear-btn{margin-left:var(--neg-padding)}.meta>.field:not(:first-child):not(.first-child),.meta>.flex-fields+.field:not(.first-child){border-top:1px solid var(--hairline-color)}.meta>.flex-fields h2,.meta>.flex-fields blockquote.note{margin:0 -24px !important;padding:14px 24px;background-color:#ebf2fa}.meta>.flex-fields blockquote.note{border-radius:0;border:none}.meta>.flex-fields hr{margin:0 -24px}.meta>.field>.input>.select{display:block;margin:calc(var(--s)*-1) 0;width:100%;border-radius:0;box-shadow:none;background-color:rgba(0,0,0,0)}body.ltr .meta>.field>.input>.select:after{right:0}body.rtl .meta>.field>.input>.select:after{left:0}.meta>.field>.input>.select+.spinner{position:absolute;top:calc(50% - 17px)}body.ltr .meta>.field>.input>.select+.spinner{right:-24px}body.rtl .meta>.field>.input>.select+.spinner{left:-24px}.meta>.field>.input>.select select{width:100%;background-color:rgba(0,0,0,0)}body.ltr .meta>.field>.input>.select select{padding:var(--s) 12px var(--s) 0}body.rtl .meta>.field>.input>.select select{padding:var(--s) 0 var(--s) 12px}.body{position:relative}.slideout-container,.slideout,.modal,.hud{z-index:100;box-sizing:border-box}.modal,.hud{border-radius:5px;background-color:#fff;box-shadow:0 25px 100px rgba(31,41,51,.5) !important}.slideout-shade{opacity:0;transition:opacity linear 250ms}.slideout-shade.so-visible{opacity:1}.slideout-container{position:fixed;top:0;left:0;width:100vw;height:100vh;height:-webkit-fill-available;pointer-events:none}.slideout-container.so-lp{position:absolute;top:var(--m);left:var(--m);width:calc(100% - var(--m)*2);height:calc(100vh - var(--m)*2)}body.has-debug-toolbar .slideout-container{height:calc(100vh - 42px)}.slideout{position:absolute;background-color:var(--white);box-shadow:0 0 0 1px rgba(123,135,147,.25),0 25px 100px rgba(31,41,51,.5) !important;display:flex;flex-direction:column;overflow:hidden;padding:24px var(--padding);pointer-events:all;container-type:inline-size}.slideout.so-mobile,.slideout.so-lp{width:100% !important;height:100% !important;left:0;transition:top linear 250ms;will-change:top}.slideout.so-mobile{--padding: 14px;--neg-padding: -14px}.slideout:not(.so-mobile){border-radius:var(--large-border-radius)}.slideout:not(.so-mobile):not(.so-lp){top:8px;width:calc(50% - 8px);height:calc(100% - 16px)}@media screen and (prefers-reduced-motion: no-preference){body.ltr .slideout:not(.so-mobile):not(.so-lp){transition:left linear 250ms;will-change:left}body.rtl .slideout:not(.so-mobile):not(.so-lp){transition:right linear 250ms;will-change:right}}.slideout>.pane-header{padding-left:var(--padding);padding-right:var(--padding);z-index:2}.slideout>.pane-header>.so-toolbar{display:flex;flex-direction:row;align-items:center;gap:var(--s);min-height:34px}.slideout>.pane-header>.so-toolbar>.pane-tabs{width:1px;flex:1}body.ltr .slideout>.pane-header>.so-toolbar>.pane-tabs{margin-right:0}body.rtl .slideout>.pane-header>.so-toolbar>.pane-tabs{margin-left:0}.slideout>.so-body{flex:1;margin:-24px var(--neg-padding) 0;overflow:hidden auto;position:relative}.slideout>.so-body.so-full-details,.slideout>.so-body>.so-sidebar{background-color:var(--gray-100) !important}.slideout>.so-body:not(.so-full-details){padding:24px var(--padding)}.slideout>.so-body>.so-sidebar,.slideout>.so-body.so-full-details>.so-content>.details{box-sizing:border-box;padding:0 var(--padding) var(--spacing)}.slideout>.so-body>.so-sidebar>.preview-thumb-container,.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container{margin:0 var(--neg-padding);height:auto;min-height:54px}.slideout>.so-body>.so-sidebar>.preview-thumb-container+.pane-header,.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container+.pane-header{border-radius:0}.slideout>.so-body>.so-sidebar .image-actions.is-mobile,.slideout>.so-body.so-full-details>.so-content>.details .image-actions.is-mobile{margin:calc(var(--spacing)/2) 0 var(--spacing)}.slideout>.so-body>.so-sidebar>.meta.read-only:first-child,.slideout>.so-body.so-full-details>.so-content>.details>.meta.read-only:first-child{margin-top:var(--padding)}.slideout>.so-body>.so-sidebar>.meta.warning,.slideout>.so-body.so-full-details>.so-content>.details>.meta.warning{box-shadow:none;border-bottom:1px solid var(--yellow-300)}.slideout>.so-body>.so-sidebar>.field>.input>.text.fullwidth,.slideout>.so-body.so-full-details>.so-content>.details>.field>.input>.text.fullwidth{border-radius:0}.slideout>.so-body>.so-sidebar .notes,.slideout>.so-body.so-full-details>.so-content>.details .notes{padding-top:var(--m);padding-bottom:var(--m)}.slideout>.so-body>.so-sidebar{position:absolute;top:0;background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);width:350px;height:100%;max-width:100%;overflow:hidden auto;z-index:1}.slideout>.so-body>.so-sidebar:focus{box-shadow:var(--focus-ring)}body.ltr .slideout>.so-body>.so-sidebar{transition:right linear 250ms}body.rtl .slideout>.so-body>.so-sidebar{transition:left linear 250ms}.slideout>.so-footer{position:relative;display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;margin:0 var(--neg-padding) -24px;padding:8px var(--padding);background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);background-color:var(--gray-050);z-index:3}.slideout>.so-footer:focus{box-shadow:var(--focus-ring)}.slideout>.so-footer>.so-extra{flex:0 0 100%;margin:0 var(--neg-padding);padding:0 var(--padding) 8px;border-bottom:1px solid var(--hairline-color)}@container (width > 700px){.slideout.has-sidebar .pane-header:not(.so-visible){display:none}.slideout.has-sidebar .sidebar-btn{display:none}.slideout.has-sidebar .so-body{display:flex;flex-direction:row;padding:0;overflow:hidden}.slideout.has-sidebar .so-body>.so-content{position:relative;z-index:2;padding:24px;width:calc(100% - 350px);height:100%;box-sizing:border-box;overflow:hidden auto}body.ltr .slideout.has-sidebar .so-body>.so-content{border-right:1px solid var(--gray-200)}body.rtl .slideout.has-sidebar .so-body>.so-content{border-left:1px solid var(--gray-200)}.slideout.has-sidebar .so-body>.so-sidebar{position:relative;display:block !important;top:auto;right:auto !important;left:auto !important;height:100%;box-shadow:none}.slideout>.so-footer>.so-extra{margin:0;padding:0;border:none;flex:auto 0 1}}.header,.hud-header,.footer,.hud-footer{position:relative;z-index:1;box-sizing:border-box}.header,.hud-header,.footer,.hud-footer{background-color:var(--gray-100)}.header,.hud-header{border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;padding:24px;box-shadow:inset 0 -1px 0 var(--hairline-color)}.header h1,.hud-header h1{margin:0}.footer,.hud-footer{border-radius:0 0 var(--large-border-radius) var(--large-border-radius);padding:var(--s) var(--pane-padding, var(--xl));box-shadow:inset 0 1px 0 var(--hairline-color)}.footer.flex>*,.hud-footer.flex>*{margin-bottom:0}.modal .body,.hud .main{padding:24px;overflow:hidden;box-sizing:border-box}.pane .header,.modal .body .header{margin:calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1) var(--pane-padding, 24px)}.pane .footer,.modal .body .footer{margin:var(--pane-padding, 24px) calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1)}.slideout-shade,.modal-shade,.hud-shade{z-index:100;position:fixed;top:0;left:0;width:100%;height:100%;display:none}.slideout-shade:not(.dark),.modal-shade:not(.dark){background-color:rgba(123,135,147,.35) !important}.slideout-shade.dark,.modal-shade.dark{background-color:rgba(31,41,51,.5) !important}.modal{position:fixed;overflow:hidden}.modal:not(.fitted):not(.fullscreen){width:66%;height:66%;min-width:600px;min-height:400px}.modal.fitted{width:auto;height:auto;min-width:0;min-height:0}.modal.fullscreen{width:100%;height:100%;border-radius:0}body.ltr .modal.alert .body{padding-left:76px}body.rtl .modal.alert .body{padding-right:76px}.modal.alert .body:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"alert\";font-size:40px;color:var(--light-text-color)}body.ltr .modal.alert .body:before{margin:-6px 0 0 -58px}body.rtl .modal.alert .body:before{margin:-6px -58px 0 0}body.ltr .modal.alert .body:before{float:left}body.rtl .modal.alert .body:before{float:right}body.ltr .modal.secure .body{padding-left:76px}body.rtl .modal.secure .body{padding-right:76px}.modal.secure .body:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"secure\";font-size:58px;color:var(--light-text-color)}body.ltr .modal.secure .body:before{margin:-14px 0 0 -56px}body.rtl .modal.secure .body:before{margin:-14px -56px 0 0}body.ltr .modal.secure .body:before{float:left}body.rtl .modal.secure .body:before{float:right}.modal .resizehandle{position:absolute;z-index:1;bottom:0;width:24px;height:24px;cursor:nwse-resize;padding:var(--xs)}body.ltr .modal .resizehandle{right:0}body.rtl .modal .resizehandle{left:0}.modal .resizehandle path{fill:var(--ui-control-color)}body.rtl .modal .resizehandle .ltr{display:none}body.ltr .modal .resizehandle .rtl{display:none}.hud{position:absolute;display:none;top:0}.hud.tooltip-hud{display:block}.hud.has-footer .tip-bottom{background-image:url(../images/hudtip_bottom_gray.png)}.hud .tip{position:absolute;z-index:101;background:no-repeat 0 0}.hud .tip-left{left:-15px;width:15px;height:30px;background-image:url(../images/hudtip_left.png)}.hud .tip-top{top:-15px;width:30px;height:15px;background-image:url(../images/hudtip_top.png)}.hud .tip-right{right:-15px;width:15px;height:30px;background-image:url(../images/hudtip_right.png)}.hud .tip-bottom{bottom:-15px;width:30px;height:15px;background-image:url(../images/hudtip_bottom.png)}.hud .hud-header,.hud .hud-footer{padding:var(--s) var(--xl)}.hud .body{overflow:hidden}.hud .body ::-webkit-scrollbar{appearance:none}.hud .body ::-webkit-scrollbar:vertical{width:11px}.hud .body ::-webkit-scrollbar:horizontal{height:11px}.hud .body ::-webkit-scrollbar-thumb{border-radius:8px;border:2px solid rgba(0,0,0,0);background-color:rgba(0,0,0,.5)}.hud .body ::-webkit-scrollbar-track{background-color:var(--gray-050)}.preview-thumb-container{position:relative;display:flex;flex-direction:row;align-items:center;height:190px;background-color:var(--gray-900);margin:0 var(--neg-padding) var(--spacing)}.preview-thumb-container.checkered img{background-color:var(--white);background-image:linear-gradient(45deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%);background-size:17px 17px;background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px}.preview-thumb-container.editable{cursor:pointer}.preview-thumb-container.loading:after{content:\"\";font-size:0;display:block;position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(31,41,51,.8)}.preview-thumb-container.loading .spinner{color:var(--white);z-index:1}#details .preview-thumb-container{border-radius:var(--large-border-radius);overflow:hidden}.preview-thumb-container .preview-thumb{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.preview-thumb-container .preview-thumb img{display:block;max-width:100%;max-height:190px}.image-actions.is-mobile{margin:calc(var(--spacing)/2*-1) var(--neg-padding) var(--spacing);display:grid;grid-template-columns:1fr 1fr}.button-fade .buttons{opacity:0;position:absolute;top:10px;margin:0;transition:opacity linear 100ms}body.ltr .button-fade .buttons{right:10px}body.rtl .button-fade .buttons{left:10px}.button-fade .buttons .btn{--ui-control-color: var(--white);--ui-control-hover-color: var(--white);--ui-control-active-color: var(--white);--interaction-background-color: var(--gray-700);background-color:var(--gray-600);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;--light-color: var(--white);--dark-color: var(--gray-800);--focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color)}.button-fade .buttons .btn:hover{background-color:var(--interaction-background-color) !important}.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed):focus,.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed).focus,.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed):hover{background-color:var(--interaction-background-color)}.button-fade:hover .buttons,.button-fade:focus-within .buttons{opacity:1}.elementselectormodal{--content-padding: 24px;padding-bottom:50px;user-select:none}.elementselectormodal>.header{padding-top:14px;padding-bottom:14px;text-align:center}.elementselectormodal>.header+.body{height:calc(100% - 48px) !important}.elementselectormodal .body{position:relative;height:100%}.elementselectormodal .body .spinner.big{position:absolute;top:50%;left:50%;margin:-24px 0 0 -24px}.elementselectormodal .body .content{height:calc(100% + 48px)}.elementselectormodal .body .content .sidebar{position:absolute;top:0;height:100%;overflow:auto;padding:var(--content-padding) 0}body.ltr .elementselectormodal .body .content .sidebar{margin-left:-249px}body.rtl .elementselectormodal .body .content .sidebar{margin-right:-249px}.elementselectormodal .body .content .main{margin:-24px;padding:var(--content-padding);height:100%;box-sizing:border-box;overflow:auto;position:relative}.elementselectormodal .body .content .main .elements.busy{min-height:calc(100% - 48px)}.elementselectormodal .body .content .main .elements .header{margin:0 0 var(--m)}.elementselectormodal .body .content .main .elements .tableview table tr th,.elementselectormodal .body .content .main .elements .tableview table tr td{cursor:default}.elementselectormodal .body .content .main .elements .tableview table tr .checkbox:before{box-shadow:none !important}.elementselectormodal .body .content .main .elements .structure .row{margin-top:1px}.elementselectormodal .footer{position:absolute;bottom:0;left:0;width:100%;margin:0;box-sizing:border-box}body.ltr .elementselectormodal .footer .spinner{float:right}body.rtl .elementselectormodal .footer .spinner{float:left}body.ltr .elementselectormodal .footer .spinner{margin-right:-24px}body.rtl .elementselectormodal .footer .spinner{margin-left:-24px}.elementselectormodal .main-header,.customize-sources-modal .main-header{display:flex;align-items:center;margin-bottom:var(--s)}.elementselectormodal .main-heading,.customize-sources-modal .main-heading{margin-bottom:0}.elementselectormodal .nav-toggle,.customize-sources-modal .nav-toggle{height:var(--touch-target-size);width:var(--touch-target-size);color:var(--ui-control-color)}body.ltr .elementselectormodal .nav-toggle,body.ltr .customize-sources-modal .nav-toggle{margin-left:4px}body.rtl .elementselectormodal .nav-toggle,body.rtl .customize-sources-modal .nav-toggle{margin-right:4px}.elementselectormodal .nav-toggle:hover,.customize-sources-modal .nav-toggle:hover{color:var(--gray-500)}.elementselectormodal .sidebar-header,.customize-sources-modal .sidebar-header{display:flex;justify-content:flex-end;padding:0 var(--s);margin-bottom:var(--s)}.elementselectormodal .nav-close,.customize-sources-modal .nav-close{height:var(--touch-target-size);width:var(--touch-target-size)}.element-hud-form .buttons{position:relative}.element-hud-form .buttons .spinner{position:absolute;top:0}body.ltr .element-hud-form .buttons .spinner{right:-24px}body.rtl .element-hud-form .buttons .spinner{left:-24px}body.ltr .activity-container:not(:last-child){margin-right:var(--s)}body.rtl .activity-container:not(:last-child){margin-left:var(--s)}.activity-container ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--xs)}.activity-container ul li .activity-btn{width:30px;height:30px;border-radius:50%;display:block}.activity-container ul li .activity-btn .elementthumb{position:relative;width:100%;height:100%;border-radius:50px;background:var(--gray-050);overflow:hidden;border:2px solid var(--white);box-shadow:0 1px 2px 1px rgba(31,41,51,.1)}.activity-container ul li .activity-btn .elementthumb img,.activity-container ul li .activity-btn .elementthumb svg{display:block;width:100%;height:100%}body.ltr .activity-container ul li:not(:last-child){margin-right:-10px}body.rtl .activity-container ul li:not(:last-child){margin-left:-10px}.element-index-view-menu{width:400px;max-width:calc(100% - 20px);padding:0 !important}.element-index-view-menu .meta{padding-top:var(--s);padding-bottom:var(--s)}.element-index-view-menu .table-columns-field{align-items:flex-start}.element-index-view-menu .table-columns-field .input{padding:13px 0}.element-index-view-menu .menu-footer{margin:0 !important;padding:var(--s) var(--xl) !important;background-color:var(--gray-050)}.element-index-view-menu-table-column{display:flex;align-items:start;align-content:stretch;margin-bottom:4px}.element-index-view-menu-table-column .icon.move{position:relative;z-index:1}body.ltr .element-index-view-menu-table-column .icon.move{margin-right:10px}body.rtl .element-index-view-menu-table-column .icon.move{margin-left:10px}.sort-field .input .flex .btngroup .btn{width:42px}.sort-field .input .flex .flex-grow{max-width:calc(100% - 85px - var(--s))}@media screen and (max-width: 350px){.sort-field .input .flex{flex-direction:column}.sort-field .input .flex>*{width:100%}.sort-field .input .flex .flex-grow{max-width:none}}.element-filter-hud.loading .body{padding:50px;display:flex;align-items:center;justify-content:center}.element-filter-hud .body,.element-filter-hud .main{overflow:visible}.address-cards{display:grid;gap:var(--m) var(--m);grid-template-columns:repeat(1, minmax(0, 1fr));grid-auto-rows:minmax(0, 1fr)}.so-content .address-cards{grid-template-columns:repeat(1, minmax(0, 1fr)) !important}.address-cards__add-btn{padding:1rem;min-height:8rem;height:auto;width:100%}.address-card.error{border:1px solid #cf1124}.address-card.error:hover{border-color:#cf1124}@media(min-width: 1024px){.address-cards{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 1280px){.address-cards{grid-template-columns:repeat(3, minmax(0, 1fr))}.so-content .address-cards{grid-template-columns:repeat(2, minmax(0, 1fr)) !important}}@media(min-width: 1536px){.address-cards{grid-template-columns:repeat(4, minmax(0, 1fr))}}.address-card{border:1px solid #eee;border-radius:.375rem;padding:1rem;min-height:4rem}.address-card:hover{border-color:#ddd;background-color:#fafafa;cursor:pointer}.address-card .address-card-header{display:flex;flex-wrap:nowrap;justify-content:space-between}.address-card .address-card-header-actions{display:flex;justify-content:flex-end}.address-card .address-card-label{background:#e6f1fe;color:#2563eb;padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;text-transform:uppercase;font-weight:500;margin-bottom:.75rem}.ltr .address-card .address-card-label{margin-right:.5rem}.rtl .address-card .address-card-label{margin-left:.5rem}.logoutwarningmodalshade,.loginmodalshade{z-index:1001}#logoutwarningmodal,#loginmodal,#elevatedsessionmodal,.prompt{width:500px}#logoutwarningmodal,#loginmodal{z-index:1001}.prompt{height:auto;min-height:auto}.deleteusermodal .content-summary{margin:-24px -24px 24px;padding:24px;background-color:var(--gray-050)}.deleteusermodal .options label{display:inline-block;line-height:30px}.deleteusermodal .elementselect{display:inline-block;vertical-align:middle}body.ltr .deleteusermodal .elementselect{margin-left:10px}body.rtl .deleteusermodal .elementselect{margin-right:10px}body.ltr .deleteusermodal .buttons .spinner{margin-right:-20px}body.rtl .deleteusermodal .buttons .spinner{margin-left:-20px}.dropdownsettingsmodal{width:auto;height:auto;min-width:0;min-height:0;max-width:400px}.dropdownsettingsmodal .body{max-height:100%;overflow-y:auto}.previewmodal.zilch{padding:100px 0;display:flex;align-items:center;justify-content:center}.video-transcript{background-color:var(--gray-050);overflow-y:scroll;font-size:1rem;position:relative}body:not(.reduce-focus-visibility) .video-transcript:focus,body.reduce-focus-visibility .video-transcript:focus-visible{box-shadow:none;color:var(--white);background-color:var(--gray-800)}.video-transcript__inner{margin-left:auto;margin-right:auto;max-width:550px;padding:var(--xl)}.menu,.ui-datepicker,.ui-timepicker-list{z-index:100;border-radius:4px;padding:0 14px;overflow:auto;background:#fff;user-select:none;box-shadow:0 0 0 1px rgba(31,41,51,.1),0 5px 20px rgba(31,41,51,.25)}.ui-datepicker,.ui-timepicker-list{padding:0}.menu{display:none;position:absolute}.menu h6:first-child{margin-top:14px !important}body.ltr .menu ul.padded li a,body.ltr .menu ul.padded li .menu-option{padding-left:24px}body.rtl .menu ul.padded li a,body.rtl .menu ul.padded li .menu-option{padding-right:24px}.menu ul.padded li a[data-icon]:before,.menu ul.padded li a.icon:before,.menu ul.padded li a.sel:before,.menu ul.padded li .menu-option[data-icon]:before,.menu ul.padded li .menu-option.icon:before,.menu ul.padded li .menu-option.sel:before{font-size:14px;color:var(--ui-control-color)}body.ltr .menu ul.padded li a[data-icon]:before,body.ltr .menu ul.padded li a.icon:before,body.ltr .menu ul.padded li a.sel:before,body.ltr .menu ul.padded li .menu-option[data-icon]:before,body.ltr .menu ul.padded li .menu-option.icon:before,body.ltr .menu ul.padded li .menu-option.sel:before{float:left}body.rtl .menu ul.padded li a[data-icon]:before,body.rtl .menu ul.padded li a.icon:before,body.rtl .menu ul.padded li a.sel:before,body.rtl .menu ul.padded li .menu-option[data-icon]:before,body.rtl .menu ul.padded li .menu-option.icon:before,body.rtl .menu ul.padded li .menu-option.sel:before{float:right}body.ltr .menu ul.padded li a[data-icon]:before,body.ltr .menu ul.padded li a.icon:before,body.ltr .menu ul.padded li a.sel:before,body.ltr .menu ul.padded li .menu-option[data-icon]:before,body.ltr .menu ul.padded li .menu-option.icon:before,body.ltr .menu ul.padded li .menu-option.sel:before{margin:3px 0 0 -17px}body.rtl .menu ul.padded li a[data-icon]:before,body.rtl .menu ul.padded li a.icon:before,body.rtl .menu ul.padded li a.sel:before,body.rtl .menu ul.padded li .menu-option[data-icon]:before,body.rtl .menu ul.padded li .menu-option.icon:before,body.rtl .menu ul.padded li .menu-option.sel:before{margin:3px -17px 0 0}.menu ul.padded li a[data-icon].error:before,.menu ul.padded li a.icon.error:before,.menu ul.padded li a.sel.error:before,.menu ul.padded li .menu-option[data-icon].error:before,.menu ul.padded li .menu-option.icon.error:before,.menu ul.padded li .menu-option.sel.error:before{color:var(--error-color)}.menu ul.padded li a.sel:not([data-icon]):before,.menu ul.padded li .menu-option.sel:not([data-icon]):before{content:\"check\"}.menu ul li a,.menu ul li .menu-option{margin:0 -14px;padding:10px 14px;color:#3f4d5a;text-decoration:none;white-space:nowrap;font-size:14px;cursor:default;-webkit-appearance:none}.menu ul li a:not(.flex),.menu ul li .menu-option:not(.flex){display:table !important;box-sizing:border-box;width:calc(100% + 28px)}body.ltr .menu ul li a:not(.flex),body.ltr .menu ul li .menu-option:not(.flex){text-align:left}body.rtl .menu ul li a:not(.flex),body.rtl .menu ul li .menu-option:not(.flex){text-align:right}.menu ul li a.flex [data-icon],.menu ul li .menu-option.flex [data-icon]{margin-top:-2px}.menu ul li a.sel,.menu ul li .menu-option.sel{cursor:default}.menu ul li a .shortcut,.menu ul li .menu-option .shortcut{padding:0 4px;border-radius:var(--medium-border-radius);box-shadow:0 0 0 1px rgba(81,95,108,.25),0 1px 3px -1px rgba(81,95,108,.5)}body.ltr .menu ul li a .shortcut,body.ltr .menu ul li .menu-option .shortcut{float:right}body.rtl .menu ul li a .shortcut,body.rtl .menu ul li .menu-option .shortcut{float:left}body.ltr .menu ul li a .shortcut,body.ltr .menu ul li .menu-option .shortcut{margin-left:14px}body.rtl .menu ul li a .shortcut,body.rtl .menu ul li .menu-option .shortcut{margin-right:14px}.menu>.flex{margin-top:10px;margin-bottom:10px;position:relative}body.ltr .menu>.flex.padded{margin-left:-14px}body.rtl .menu>.flex.padded{margin-right:-14px}body.ltr .menu>.flex.padded{padding-left:24px}body.rtl .menu>.flex.padded{padding-right:24px}.menu>.flex.padded.sel:before{position:absolute;top:36px;content:\"check\";font-size:14px;color:var(--light-text-color)}body.ltr .menu>.flex.padded.sel:before{left:7px}body.rtl .menu>.flex.padded.sel:before{right:7px}.menu hr{margin:5px -14px}.menu .go:after{color:inherit}.menubtn span.icon,.menu span.icon{display:inline-block;margin-top:-1px;width:10px;text-align:center;font-size:14px;color:var(--ui-control-color)}body.ltr .menubtn span.icon,body.ltr .menu span.icon{margin-right:10px}body.rtl .menubtn span.icon,body.rtl .menu span.icon{margin-left:10px}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover{color:#fff;background-color:#606d7b;--text-color: var(--white);--light-text-color: var(--gray-100);--ui-control-color: var(--gray-050);--ui-control-hover-color: var(--gray-100);--ui-control-active-color: var(--gray-100)}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover span.icon,.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover:before,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover span.icon,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover:before{color:var(--menu-option-active-color)}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover.error,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover.error{color:var(--menu-option-active-color) !important}body.ltr .menu hr.padded,body.ltr .menu h6.padded{margin-left:10px}body.rtl .menu hr.padded,body.rtl .menu h6.padded{margin-right:10px}.menu--disclosure ul li>a:hover,.menu--disclosure ul li>.menu-option:hover{color:#3f4d5a;background-color:#f3f7fc}body:not(.reduce-focus-visibility) .menu--disclosure ul li>a:focus,body.reduce-focus-visibility .menu--disclosure ul li>a:focus-visible,body:not(.reduce-focus-visibility) .menu--disclosure ul li>.menu-option:focus,body.reduce-focus-visibility .menu--disclosure ul li>.menu-option:focus-visible{box-shadow:inset 0 0 0 3px hsla(var(--dark-focus-hsl), 0.7)}.tagselect .elements{display:inline}.tagselect .chip.small{clear:none}.tagselect .add{position:relative;z-index:1;display:inline-block;width:12em}body.ltr .tagselect .add{margin:7px 7px 0 0}body.rtl .tagselect .add{margin:7px 0 0 7px}body.ltr .tagselect .add .text{padding-right:30px}body.rtl .tagselect .add .text{padding-left:30px}.tagselect .add .spinner{position:absolute;top:0}body.ltr .tagselect .add .spinner{right:5px}body.rtl .tagselect .add .spinner{left:5px}body.ltr .tagselect.elementselect .chip,body.rtl .tagselect.elementselect .chip{float:none !important;display:inline-block}body.ltr .tagmenu ul li a{padding-left:26px}body.rtl .tagmenu ul li a{padding-right:26px}body.ltr .tagmenu ul li a:before{float:left}body.rtl .tagmenu ul li a:before{float:right}body.ltr .tagmenu ul li a:before{margin:3px 0 0 -18px}body.rtl .tagmenu ul li a:before{margin:3px -18px 0 0}.selectize-control.single .selectize-input:not(.no-arrow)::after{display:none}.shadow-box{border-radius:var(--large-border-radius);border:1px solid var(--gray-200);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}table.shadow-box,table.editable{border-collapse:separate;border-spacing:0}table.shadow-box thead tr:first-child th:first-child,table.shadow-box thead tr:first-child th:first-child.disabled:after,table.shadow-box thead tr:first-child td:first-child,table.shadow-box thead tr:first-child td:first-child.disabled:after,table.shadow-box tbody:first-child tr:first-child th:first-child,table.shadow-box tbody:first-child tr:first-child th:first-child.disabled:after,table.shadow-box tbody:first-child tr:first-child td:first-child,table.shadow-box tbody:first-child tr:first-child td:first-child.disabled:after,table.shadow-box caption+tbody tr:first-child th:first-child,table.shadow-box caption+tbody tr:first-child th:first-child.disabled:after,table.shadow-box caption+tbody tr:first-child td:first-child,table.shadow-box caption+tbody tr:first-child td:first-child.disabled:after,table.editable thead tr:first-child th:first-child,table.editable thead tr:first-child th:first-child.disabled:after,table.editable thead tr:first-child td:first-child,table.editable thead tr:first-child td:first-child.disabled:after,table.editable tbody:first-child tr:first-child th:first-child,table.editable tbody:first-child tr:first-child th:first-child.disabled:after,table.editable tbody:first-child tr:first-child td:first-child,table.editable tbody:first-child tr:first-child td:first-child.disabled:after,table.editable caption+tbody tr:first-child th:first-child,table.editable caption+tbody tr:first-child th:first-child.disabled:after,table.editable caption+tbody tr:first-child td:first-child,table.editable caption+tbody tr:first-child td:first-child.disabled:after{border-top-left-radius:var(--medium-border-radius)}table.shadow-box thead tr:first-child th:last-child,table.shadow-box thead tr:first-child th:last-child.disabled:after,table.shadow-box thead tr:first-child td:last-child,table.shadow-box thead tr:first-child td:last-child.disabled:after,table.shadow-box tbody:first-child tr:first-child th:last-child,table.shadow-box tbody:first-child tr:first-child th:last-child.disabled:after,table.shadow-box tbody:first-child tr:first-child td:last-child,table.shadow-box tbody:first-child tr:first-child td:last-child.disabled:after,table.shadow-box caption+tbody tr:first-child th:last-child,table.shadow-box caption+tbody tr:first-child th:last-child.disabled:after,table.shadow-box caption+tbody tr:first-child td:last-child,table.shadow-box caption+tbody tr:first-child td:last-child.disabled:after,table.editable thead tr:first-child th:last-child,table.editable thead tr:first-child th:last-child.disabled:after,table.editable thead tr:first-child td:last-child,table.editable thead tr:first-child td:last-child.disabled:after,table.editable tbody:first-child tr:first-child th:last-child,table.editable tbody:first-child tr:first-child th:last-child.disabled:after,table.editable tbody:first-child tr:first-child td:last-child,table.editable tbody:first-child tr:first-child td:last-child.disabled:after,table.editable caption+tbody tr:first-child th:last-child,table.editable caption+tbody tr:first-child th:last-child.disabled:after,table.editable caption+tbody tr:first-child td:last-child,table.editable caption+tbody tr:first-child td:last-child.disabled:after{border-top-right-radius:var(--medium-border-radius)}table.shadow-box thead:last-child tr:last-child th:first-child,table.shadow-box thead:last-child tr:last-child th:first-child.disabled:after,table.shadow-box thead:last-child tr:last-child td:first-child,table.shadow-box thead:last-child tr:last-child td:first-child.disabled:after,table.shadow-box tbody:last-child tr:last-child th:first-child,table.shadow-box tbody:last-child tr:last-child th:first-child.disabled:after,table.shadow-box tbody:last-child tr:last-child td:first-child,table.shadow-box tbody:last-child tr:last-child td:first-child.disabled:after,table.editable thead:last-child tr:last-child th:first-child,table.editable thead:last-child tr:last-child th:first-child.disabled:after,table.editable thead:last-child tr:last-child td:first-child,table.editable thead:last-child tr:last-child td:first-child.disabled:after,table.editable tbody:last-child tr:last-child th:first-child,table.editable tbody:last-child tr:last-child th:first-child.disabled:after,table.editable tbody:last-child tr:last-child td:first-child,table.editable tbody:last-child tr:last-child td:first-child.disabled:after{border-bottom-left-radius:calc(var(--large-border-radius) - 1px)}table.shadow-box thead:last-child tr:last-child th:last-child,table.shadow-box thead:last-child tr:last-child th:last-child.disabled:after,table.shadow-box thead:last-child tr:last-child td:last-child,table.shadow-box thead:last-child tr:last-child td:last-child.disabled:after,table.shadow-box tbody:last-child tr:last-child th:last-child,table.shadow-box tbody:last-child tr:last-child th:last-child.disabled:after,table.shadow-box tbody:last-child tr:last-child td:last-child,table.shadow-box tbody:last-child tr:last-child td:last-child.disabled:after,table.editable thead:last-child tr:last-child th:last-child,table.editable thead:last-child tr:last-child th:last-child.disabled:after,table.editable thead:last-child tr:last-child td:last-child,table.editable thead:last-child tr:last-child td:last-child.disabled:after,table.editable tbody:last-child tr:last-child th:last-child,table.editable tbody:last-child tr:last-child th:last-child.disabled:after,table.editable tbody:last-child tr:last-child td:last-child,table.editable tbody:last-child tr:last-child td:last-child.disabled:after{border-bottom-right-radius:calc(var(--large-border-radius) - 1px)}.text,.passwordwrapper,.border-box,.selectize.multiselect .selectize-input,.multiselect>select{border-radius:3px;border:1px solid rgba(96,125,159,.25);background-color:#fbfcfe;background-clip:padding-box}.text.focus,.passwordwrapper.focus,.border-box.focus,.selectize.multiselect .selectize-input.focus{box-shadow:var(--focus-ring)}body:not(.reduce-focus-visibility) .text:focus,body.reduce-focus-visibility .text:focus-visible,body:not(.reduce-focus-visibility) .passwordwrapper:focus,body.reduce-focus-visibility .passwordwrapper:focus-visible,body:not(.reduce-focus-visibility) .border-box:focus,body.reduce-focus-visibility .border-box:focus-visible,body:not(.reduce-focus-visibility) .selectize.multiselect .selectize-input:focus,body.reduce-focus-visibility .selectize.multiselect .selectize-input:focus-visible{box-shadow:var(--focus-ring)}input.text,textarea.text,.text>input,.text>textarea,table.editable textarea,.selectize.multiselect .selectize-input{font-size:14px;line-height:20px;color:var(--text-color);min-height:3px;box-sizing:border-box;appearance:none}.selectize.multiselect .selectize-input{line-height:18px}textarea.text.fullwidth{display:block}.multitext .multitextrow:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}body.ltr .multitext .multitextrow:first-child .text:first-child{border-top-left-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:first-child .text:first-child{border-top-right-radius:var(--medium-border-radius)}body.ltr .multitext .multitextrow:first-child .text:last-child{border-top-right-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:first-child .text:last-child{border-top-left-radius:var(--medium-border-radius)}body.ltr .multitext .multitextrow:last-child .text:first-child{border-bottom-left-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:last-child .text:first-child{border-bottom-right-radius:var(--medium-border-radius)}body.ltr .multitext .multitextrow:last-child .text:last-child{border-bottom-right-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:last-child .text:last-child{border-bottom-left-radius:var(--medium-border-radius)}.multitext .multitextrow:not(:first-child) .text{margin-top:-1px}.multitext .multitextrow .text{border-radius:0;float:left;box-sizing:border-box}body.ltr .multitext .multitextrow .text:not(:first-child){margin-left:-1px}body.rtl .multitext .multitextrow .text:not(:first-child){margin-right:-1px}.multitext .multitextrow .text:first-child:nth-last-child(1){width:100%}.multitext .multitextrow .text:first-child:nth-last-child(2){width:50%}.multitext .multitextrow .text:first-child:nth-last-child(2)~.text{width:calc(50% + 1px)}.multitext .multitextrow .text.error{position:relative;z-index:1}.multitext .multitextrow .text:focus,.multitext .multitextrow .selectize.multiselect .selectize-input.focus{position:relative;z-index:2}.chars-left{position:relative;color:var(--light-text-color)}body.ltr .chars-left{float:right}body.rtl .chars-left{float:left}body.ltr .chars-left{margin:-27px 7px 0 0}body.rtl .chars-left{margin:-27px 0 0 7px}.input.ltr>.chars-left{float:right !important;margin-right:7px !important}.input.rtl>.chars-left{float:left !important;margin-left:7px !important}.chars-left.negative-chars-left{color:var(--error-color)}.field,fieldset{position:relative;margin:24px 0}.flex>.field,.flex>fieldset{margin-top:0;margin-bottom:0}.field{min-inline-size:initial}.field>.status-badge{position:absolute;top:0;width:2px;height:100%;content:\"\";cursor:help}body.ltr .field>.status-badge{left:0}body.rtl .field>.status-badge{right:0}.field>.status-badge.modified{background-color:var(--blue-600)}.field>.status-badge.outdated{background-color:var(--pending-color)}.field>.heading{display:flex;flex-wrap:wrap;align-items:center;position:relative;margin-top:-5px;margin-bottom:5px}.field>.heading>label,.field>.heading>legend{font-weight:bold;color:var(--medium-dark-text-color)}.field>.heading>label code,.field>.heading>legend code{font-size:1em !important}body.ltr .field>.heading>label .info,body.ltr .field>.heading>legend .info{margin-left:5px}body.rtl .field>.heading>label .info,body.rtl .field>.heading>legend .info{margin-right:5px}.field>.heading .t9n-indicator{color:var(--light-text-color)}body.ltr .field>.heading .t9n-indicator{margin-left:7px}body.rtl .field>.heading .t9n-indicator{margin-right:7px}.field>.heading+.instructions{margin-top:-3px}.field>.heading>.instructions{width:100%}.field>.instructions{margin-bottom:5px}.field>.input{position:relative}.field>.input:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.field>.input+.instructions{margin:5px 0 0}.field>.notice,.field>.warning{margin:5px 0 0}.field>.instructions,.field>.heading>.instructions,.checkboxfield .instructions{color:var(--medium-text-color)}.field>.instructions img,.field>.instructions video,.field>.instructions embed,.field>.instructions iframe,.field>.heading>.instructions img,.field>.heading>.instructions video,.field>.heading>.instructions embed,.field>.heading>.instructions iframe,.checkboxfield .instructions img,.checkboxfield .instructions video,.checkboxfield .instructions embed,.checkboxfield .instructions iframe{max-width:100% !important}.field>.instructions ul,.field>.instructions ol,.field>.heading>.instructions ul,.field>.heading>.instructions ol,.checkboxfield .instructions ul,.checkboxfield .instructions ol{margin:1em 0}body.ltr .field>.instructions ul,body.ltr .field>.instructions ol,body.ltr .field>.heading>.instructions ul,body.ltr .field>.heading>.instructions ol,body.ltr .checkboxfield .instructions ul,body.ltr .checkboxfield .instructions ol{padding-left:2em}body.rtl .field>.instructions ul,body.rtl .field>.instructions ol,body.rtl .field>.heading>.instructions ul,body.rtl .field>.heading>.instructions ol,body.rtl .checkboxfield .instructions ul,body.rtl .checkboxfield .instructions ol{padding-right:2em}.field>.instructions ul li,.field>.heading>.instructions ul li,.checkboxfield .instructions ul li{list-style-type:disc}.field>.instructions li+li,.field>.heading>.instructions li+li,.checkboxfield .instructions li+li{margin-top:.25em}.expand-status-btn{width:30px;height:17px;padding:0;line-height:16px;border-radius:var(--small-border-radius);color:var(--text-color)}body.ltr .expand-status-btn{margin-left:5px}body.rtl .expand-status-btn{margin-right:5px}.expand-status-btn:before{margin:0}.nested-fields{margin:-24px;padding:24px 24px 0}.nested-fields.hidden{display:block;height:0}.nested-fields>.field:last-child{padding-bottom:24px}input.checkbox{opacity:0;position:absolute;width:var(--checkbox-size);height:var(--checkbox-size)}input.checkbox+label,div.checkbox{display:inline-block;clear:none;position:relative;line-height:16px;min-height:16px;cursor:pointer}body.ltr input.checkbox+label,body.ltr div.checkbox{padding-left:21px}body.rtl input.checkbox+label,body.rtl div.checkbox{padding-right:21px}input.checkbox+label,input.checkbox+label:before,div.checkbox,div.checkbox:before{border-radius:var(--small-border-radius)}input.checkbox+label:before,div.checkbox:before{display:block;position:absolute;top:0;width:var(--checkbox-size) !important;height:var(--checkbox-size);box-sizing:border-box;content:\"\";font-size:0;background-color:#fbfcfe;border:1px solid rgba(96,125,159,.4);background-clip:padding-box}body.ltr input.checkbox+label:before,body.ltr div.checkbox:before{left:0}body.rtl input.checkbox+label:before,body.rtl div.checkbox:before{right:0}body.ltr input.checkbox+label:empty,body.ltr div.checkbox:empty{padding-left:var(--checkbox-size)}body.rtl input.checkbox+label:empty,body.rtl div.checkbox:empty{padding-right:var(--checkbox-size)}input.checkbox+label:empty:after,div.checkbox:empty:after{content:\"\";font-size:0}input.checkbox+label .info,div.checkbox .info{height:16px}input.checkbox:disabled+label,.disabled div.checkbox{cursor:default}input.checkbox:disabled+label,div.checkbox.disabled:before,div.checkbox.disabled+label{opacity:.25 !important}input.checkbox:checked+label:before,div.checkbox.checked:before,.sel div.checkbox:before,input.checkbox:indeterminate+label:before,div.checkbox.indeterminate:before,.elementselectormodal .body .content .main .elements .disabled .checkbox:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);line-height:var(--checkbox-size);color:var(--gray-900)}input.checkbox:checked:not(:indeterminate)+label:before,div.checkbox.checked:not(.indeterminate):before,.sel div.checkbox:not(.indeterminate):before,.elementselectormodal .body .content .main .elements .disabled .checkbox:before{content:\"check\";font-size:15px}input.checkbox:indeterminate+label:before,div.checkbox.indeterminate:before{content:\"minus\";font-size:7px;text-align:center}body:not(.reduce-focus-visibility) input.checkbox:focus+label:before,body:not(.reduce-focus-visibility) :focus div.checkbox:before{box-shadow:var(--focus-ring)}body.reduce-focus-visibility input.checkbox:focus-visible+label:before,body.reduce-focus-visibility :focus-visible div.checkbox:before{box-shadow:var(--focus-ring)}.checkbox-icon{display:inline-flex;padding:3px;background-color:var(--enabled-color);color:var(--white);border-radius:var(--small-border-radius)}.checkbox-icon:before{--checkbox-size: 14px;--icon-opacity: 1;font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"check\";line-height:var(--checkbox-size);font-size:var(--checkbox-size)}body:not(.reduce-focus-visibility) .monaco-mouse-cursor-text:focus,body.reduce-focus-visibility .monaco-mouse-cursor-text:focus-visible{box-shadow:none !important}fieldset .checkboxfield{margin:5px 0}.checkboxfield .instructions,.checkboxfield .notice,.checkboxfield .warning{margin-top:2px}body.ltr .checkboxfield .instructions,body.ltr .checkboxfield .notice,body.ltr .checkboxfield .warning{padding-left:21px}body.rtl .checkboxfield .instructions,body.rtl .checkboxfield .notice,body.rtl .checkboxfield .warning{padding-right:21px}input.radio{opacity:0;position:absolute;width:var(--radio-size);height:var(--radio-size)}input.radio+label,div.radio{display:inline-block;clear:none;position:relative;line-height:1.7142857143;cursor:pointer}body.ltr input.radio+label,body.ltr div.radio{padding-left:21px}body.rtl input.radio+label,body.rtl div.radio{padding-right:21px}input.radio:disabled+label,.disabled div.radio{cursor:default}body.ltr input.radio+label:empty,body.ltr div.radio:empty{padding-left:var(--radio-size)}body.rtl input.radio+label:empty,body.rtl div.radio:empty{padding-right:var(--radio-size)}input.radio+label:before,input.radio+label:after,div.radio:before,div.radio:after{display:block;position:absolute;content:\"\";box-sizing:border-box;background-clip:padding-box;border-radius:100%}input.radio+label:before,div.radio:before{top:50%;left:0;transform:translateY(-50%);width:var(--radio-size);height:var(--radio-size);background-color:#fbfcfe;border:1px solid rgba(96,125,159,.4)}input.radio+label:after,div.radio:after{top:50%;left:4px;transform:translateY(-50%);width:calc(var(--radio-size) - 8px);height:calc(var(--radio-size) - 8px)}input.radio:disabled+label,div.radio.disabled:before,div.radio.disabled+label{opacity:.25}input.radio:checked+label:after,div.radio.checked:after,.sel div.radio:after{background:var(--gray-900)}body:not(.reduce-focus-visibility) input.radio:focus+label:before,body:not(.reduce-focus-visibility) :focus div.radio:before{box-shadow:var(--focus-ring)}body.reduce-focus-visibility input.radio:focus-visible+label:before,body.reduce-focus-visibility :focus-visible div.radio:before{box-shadow:var(--focus-ring)}.multiselect>select{color:var(--text-color);font-size:14px;appearance:none}body:not(.reduce-focus-visibility) .multiselect>select:focus,body.reduce-focus-visibility .multiselect>select:focus-visible{box-shadow:var(--focus-ring)}.multiselect>select option{padding:1px 8px}.text,.selectize.multiselect .selectize-input{padding:6px 9px}.text{background-color:var(--white)}.text:not(.small){box-sizing:border-box;min-height:2.125rem}.text.small{padding:3px}.text.readable{padding:16px 18px;font-size:16px;line-height:22px}.text.readable+.chars-left{margin-top:-23px}body.ltr .text.clearable{padding-right:var(--touch-target-size)}body.rtl .text.clearable{padding-left:var(--touch-target-size)}.text input{margin:0;padding:0;border:none;background-color:rgba(0,0,0,0)}td.errors .text,.input.errors>.text,.input.errors>.border-box,.input.errors>.passwordwrapper,.input.errors>.autosuggest-container .text,.text.error{border:1px solid var(--error-color) !important}.texticon{position:relative;cursor:text;min-width:130px}.texticon.icon:before{position:absolute;top:9px;color:var(--ui-control-color)}body.ltr .texticon.icon:before{left:9px}body.rtl .texticon.icon:before{right:9px}body.ltr .texticon.icon .text{padding-left:26px}body.rtl .texticon.icon .text{padding-right:26px}.texticon .texticon-icon{position:absolute;top:1.0625rem;transform:translateY(-50%);display:flex;justify-content:center;align-items:center}body.ltr .texticon .texticon-icon{left:9px}body.rtl .texticon .texticon-icon{right:9px}.texticon .clear-btn{position:absolute;top:calc((var(--touch-target-size) - 34px)/-2);width:var(--touch-target-size);height:var(--touch-target-size)}body.ltr .texticon .clear-btn{right:0}body.rtl .texticon .clear-btn{left:0}body.ltr .texticon.has-filter-btn .text{padding-right:26px}body.rtl .texticon.has-filter-btn .text{padding-left:26px}.texticon.has-filter-btn .filter-btn{position:absolute;top:1.0625rem;transform:translateY(-50%);padding:0 7px 4px;font-size:14px;line-height:22px;cursor:pointer;border-radius:13px}body.ltr .texticon.has-filter-btn .filter-btn{right:4px}body.rtl .texticon.has-filter-btn .filter-btn{left:4px}.texticon.has-filter-btn .filter-btn:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"filter\";color:var(--medium-text-color)}.texticon.has-filter-btn .filter-btn:hover{background-color:var(--gray-100)}.texticon.has-filter-btn .filter-btn:active,.texticon.has-filter-btn .filter-btn.active{background-color:var(--gray-350)}.texticon.has-filter-btn .filter-btn:active:before,.texticon.has-filter-btn .filter-btn.active:before{color:var(--white)}body.ltr .texticon.has-filter-btn .text{padding-left:1.625rem}body.rtl .texticon.has-filter-btn .text{padding-right:1.625rem}body.ltr .texticon.has-filter-btn .text.clearable{padding-right:calc(30px + var(--touch-target-size))}body.rtl .texticon.has-filter-btn .text.clearable{padding-left:calc(30px + var(--touch-target-size))}body.ltr .texticon.has-filter-btn .clear-btn{right:30px}body.rtl .texticon.has-filter-btn .clear-btn{left:30px}.texthint-container{position:relative;height:0}.texthint{position:absolute;top:-1px;width:100%;color:var(--light-text-color);cursor:text}.passwordwrapper{position:relative}.passwordwrapper .password{border:none;background:rgba(0,0,0,0);padding-right:4rem;box-shadow:none}.passwordwrapper .password-toggle{color:var(--link-color);position:absolute;top:0;bottom:0;cursor:pointer}body.ltr .passwordwrapper .password-toggle{right:9px}body.rtl .passwordwrapper .password-toggle{left:9px}.passwordwrapper .password-toggle:hover{text-decoration:underline}.datetimewrapper{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:5px}.clear-btn{display:flex;justify-content:center;align-items:center;width:24px;cursor:pointer;color:var(--ui-control-color);border:none;padding:0;background:rgba(0,0,0,0)}.clear-btn:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"remove\"}.clear-btn:hover{color:var(--ui-control-hover-color)}.clear-btn:active{color:var(--ui-control-active-color)}.close-btn{position:relative}.close-btn:before,.close-btn:after{position:absolute;content:\"\";top:50%;left:50%;height:15px;width:2px;background-color:var(--ui-control-color);opacity:var(--icon-opacity)}.close-btn:before{transform:translate(-50%, -50%) rotate(-45deg)}.close-btn:after{transform:translate(-50%, -50%) rotate(45deg)}.close-btn:hover:before,.close-btn:hover:after{background-color:var(--ui-control-hover-color)}.close-btn:active:before,.close-btn:active:after{background-color:var(--ui-control-active-color)}.datewrapper,.timewrapper{display:inline-block;position:relative}.datewrapper .text,.timewrapper .text{position:relative;z-index:1;width:100%}.datewrapper .text+div[data-icon],.timewrapper .text+div[data-icon]{display:none}.datewrapper .text:placeholder-shown+div[data-icon],.datewrapper .text.empty-value+div[data-icon],.timewrapper .text:placeholder-shown+div[data-icon],.timewrapper .text.empty-value+div[data-icon]{display:block;position:absolute;top:calc(50% - 12px);z-index:0;color:var(--light-text-color)}body.ltr .datewrapper .text:placeholder-shown+div[data-icon],body.ltr .datewrapper .text.empty-value+div[data-icon],body.ltr .timewrapper .text:placeholder-shown+div[data-icon],body.ltr .timewrapper .text.empty-value+div[data-icon]{left:14px}body.rtl .datewrapper .text:placeholder-shown+div[data-icon],body.rtl .datewrapper .text.empty-value+div[data-icon],body.rtl .timewrapper .text:placeholder-shown+div[data-icon],body.rtl .timewrapper .text.empty-value+div[data-icon]{right:14px}.datewrapper .text:placeholder-shown+div[data-icon],.datewrapper .text:placeholder-shown+div[data-icon]:before,.datewrapper .text.empty-value+div[data-icon],.datewrapper .text.empty-value+div[data-icon]:before,.timewrapper .text:placeholder-shown+div[data-icon],.timewrapper .text:placeholder-shown+div[data-icon]:before,.timewrapper .text.empty-value+div[data-icon],.timewrapper .text.empty-value+div[data-icon]:before{user-select:none;pointer-events:none;z-index:1}.datewrapper{width:8em}.timewrapper{width:7em}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:var(--gray-400)}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--gray-400)}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:var(--gray-400)}input:-moz-placeholder,textarea:-moz-placeholder{color:var(--gray-400)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--gray-400)}input::placeholder,textarea::placeholder{color:var(--gray-400)}::-ms-reveal,::-ms-clear{display:none}tr.indexingSession td{height:34px;padding:1px 10px}tr.indexingSession td.progress div.progressContainer{width:100%;display:flex;justify-content:space-between;align-items:center}tr.indexingSession td.progress div.progressContainer .progressbar{width:70%;position:relative;left:0;height:12px;z-index:1}tr.indexingSession td.progress div.progressContainer div.progressInfo{width:20%}.select:not(.selectize),.select:not(.selectize) select{position:relative;border-radius:5px;white-space:nowrap}.select:not(.selectize){max-width:100%;position:relative}:not(.flex)>.select:not(.selectize){display:inline-block}.select:not(.selectize):after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transform:rotate(45deg);position:absolute;z-index:1;top:calc(50% - 5px);user-select:none;pointer-events:none}body.ltr .select:not(.selectize):after{right:9px}body.rtl .select:not(.selectize):after{left:9px}.select:not(.selectize) select{display:block;position:relative;max-width:100%;border:none;font-size:14px;line-height:20px;color:#3f4d5a;background-color:#dfe5ec;appearance:none;white-space:pre}body.ltr .select:not(.selectize) select{padding:7px 22px 7px 10px}body.rtl .select:not(.selectize) select{padding:7px 10px 7px 22px}.select:not(.selectize) select::-ms-expand{display:none}.select:not(.selectize).fullwidth select{min-width:100%}.select:not(.selectize) select:hover{outline-color:rgba(0,0,0,0);background-color:#cfd8e2;box-shadow:var(--focus-ring)}body:not(.reduce-focus-visibility) .select:not(.selectize) select:focus,body.reduce-focus-visibility .select:not(.selectize) select:focus-visible{outline-color:rgba(0,0,0,0);background-color:#cfd8e2;box-shadow:var(--focus-ring)}.select:not(.selectize).small:after{top:9px}.select:not(.selectize).small select{padding-top:4px !important;padding-bottom:4px !important;font-size:11px}.selectize .selectize-input{display:block;border-color:inherit;box-shadow:none;background-color:rgba(0,0,0,0)}.selectize .selectize-input .item{max-width:100%}.selectize .selectize-input .item span{overflow:hidden;text-overflow:ellipsis}.selectize.select .selectize-input:after{display:none}body .selectize-dropdown{border:none;z-index:101}.selectize.select{height:34px}.selectize.select input::-webkit-input-placeholder,.selectize.select textarea::-webkit-input-placeholder{color:var(--gray-700)}.selectize.select input:-ms-input-placeholder,.selectize.select textarea:-ms-input-placeholder{color:var(--gray-700)}.selectize.select input::-ms-input-placeholder,.selectize.select textarea::-ms-input-placeholder{color:var(--gray-700)}.selectize.select input:-moz-placeholder,.selectize.select textarea:-moz-placeholder{color:var(--gray-700)}.selectize.select input::-moz-placeholder,.selectize.select textarea::-moz-placeholder{color:var(--gray-700)}.selectize.select input::placeholder,.selectize.select textarea::placeholder{color:var(--gray-700)}.selectize.select:not(.fullwidth){width:25em;max-width:100%}.datetimewrapper .selectize.select:not(.fullwidth){max-width:calc(100% - 29px)}.selectize.select .selectize-control{max-width:100%;position:relative}:not(.flex)>.selectize.select .selectize-control{display:inline-block}.selectize.select .selectize-control:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transform:rotate(45deg);position:absolute;z-index:1;top:calc(50% - 5px);user-select:none;pointer-events:none}body.ltr .selectize.select .selectize-control:after{right:9px}body.rtl .selectize.select .selectize-control:after{left:9px}.selectize.select .selectize-input{position:relative;border-radius:5px;white-space:nowrap}.selectize.select .selectize-input.focus{box-shadow:var(--focus-ring)}.selectize.select .selectize-input{display:block;position:relative;max-width:100%;border:none;font-size:14px;line-height:20px;color:#3f4d5a;background-color:#dfe5ec;appearance:none}body.ltr .selectize.select .selectize-input{padding:7px 22px 7px 10px}body.rtl .selectize.select .selectize-input{padding:7px 10px 7px 22px}.selectize.select .selectize-input::-ms-expand{display:none}.selectize.select .selectize-control,.selectize.select .selectize-input{width:100%}.selectize.multiselect .selectize-input{min-height:34px;padding-bottom:3px}.selectize.multiselect .selectize-input.focus{box-shadow:var(--focus-ring)}.selectize.multiselect .selectize-input>.item{display:inline-block;border-radius:3px;padding:3px 7px;font-size:12px;line-height:14px;color:#3f4d5a;background-color:#e4edf6;display:inline-flex;flex-direction:row;padding:3px 7px !important}.selectize.multiselect .selectize-input>.item.active{background-color:#cdd8e4}.selectize.multiselect .selectize-input>.item>.remove{position:static;border-left:none;padding:0;font-size:0;color:var(--ui-control-color)}body.ltr .selectize.multiselect .selectize-input>.item>.remove{margin:-1px -3px 0 3px}body.rtl .selectize.multiselect .selectize-input>.item>.remove{margin:-1px 3px 0 -3px}.selectize.multiselect .selectize-input>.item>.remove:hover{color:var(--ui-control-hover-color);background-color:rgba(0,0,0,0)}.selectize.multiselect .selectize-input>.item>.remove:before{font-size:14px;font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"remove\"}body .selectize-dropdown{margin-top:1px}body .selectize-dropdown [data-selectable],body .selectize-dropdown .optgroup-header{margin:0 -14px;padding:10px 14px;color:#3f4d5a;text-decoration:none;white-space:nowrap}body .selectize-dropdown .optgroup{padding-top:5px}body .selectize-dropdown .optgroup:not(:first-child){border-top:1px solid var(--hairline-color)}body .selectize-dropdown .optgroup .option{padding-left:24px}body .selectize-dropdown .optgroup-header{margin:14px 0 3px;font-size:11px;line-height:1.2;color:#606d7b;text-transform:uppercase;margin:0;padding:4px 0}body .selectize-dropdown .active:not(.selected){background-color:var(--gray-100)}body .selectize-dropdown .selected{color:#fff;background-color:#606d7b;cursor:default !important}body .selectize-dropdown .selected .light{color:inherit !important}body .selectize-dropdown-content{z-index:100;border-radius:4px;padding:0 14px;overflow:auto;background:#fff;user-select:none;box-shadow:0 0 0 1px rgba(31,41,51,.1),0 5px 20px rgba(31,41,51,.25);max-height:70vh}body .selectize-dropdown-content .option{min-height:18px}body .selectize-dropdown-content>div[data-value=new]:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"plus\";margin-right:5px}body .selectize-dropdown-content>div[data-value=new]:after{content:\"…\"}body.no-scroll .selectize-dropdown-content{max-height:200px}.ui-datepicker{position:fixed;top:-300px;-padding:10px;width:210px;height:242px;z-index:101 !important}body.ltr .ui-datepicker{margin-left:1px}body.rtl .ui-datepicker{margin-right:1px}.ui-datepicker-header{padding:8px 8px 4px}body.ltr .ui-datepicker-prev{float:left}body.rtl .ui-datepicker-prev{float:right}body.ltr .ui-datepicker-next{float:right}body.rtl .ui-datepicker-next{float:left}.ui-datepicker-prev span,.ui-datepicker-next span{display:none}.ui-datepicker-prev,.ui-datepicker-next{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.ui-datepicker-prev:hover:after,.ui-datepicker-next:hover:after{border-color:var(--link-color)}.ui-datepicker-prev:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8}body.ltr .ui-datepicker-prev:after{transform:rotate(135deg)}body.rtl .ui-datepicker-prev:after{transform:rotate(-45deg)}.ui-datepicker-next:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8}body.ltr .ui-datepicker-next:after{transform:rotate(-45deg)}body.rtl .ui-datepicker-next:after{transform:rotate(135deg)}.ui-datepicker-title{text-align:center}.ui-datepicker-calendar th,.ui-datepicker-calendar td{padding:2px !important}.ui-datepicker-calendar th span,.ui-datepicker-calendar td a{display:block;width:1.625rem;line-height:26px;text-align:center;color:var(--text-color)}.ui-datepicker-calendar th span{color:var(--medium-text-color);font-weight:normal}.ui-datepicker-calendar td a{border-radius:2px}.ui-datepicker-calendar td a:hover{background-color:var(--light-sel-color);text-decoration:none}.ui-datepicker-calendar td a.ui-state-active{background-color:var(--dark-sel-color);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;cursor:default}.ui-datepicker-calendar td.ui-datepicker-today a{border-radius:13px;box-shadow:inset 0 0 0 2px var(--light-sel-color)}.ui-timepicker-wrapper{z-index:101}.ui-timepicker-list{overflow-y:auto;width:calc(14px + 6em);height:210px;z-index:100}body.ltr .ui-timepicker-list{margin-left:1px}body.rtl .ui-timepicker-list{margin-right:1px}.ui-timepicker-list li{white-space:nowrap;cursor:pointer}body.ltr .ui-timepicker-list li{padding:2px 0 2px 14px}body.rtl .ui-timepicker-list li{padding:2px 14px 2px 0}.ui-timepicker-list li:hover{background-color:var(--light-sel-color)}.ui-timepicker-list li.ui-timepicker-selected{background-color:var(--dark-sel-color);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;cursor:default}.slide-picker{display:flex;height:15px;white-space:nowrap}.slide-picker a{border:1px solid var(--hairline-color);background-image:none;width:7px;height:13px;margin-left:0;display:inline-block;margin-top:1px;margin-bottom:1px;box-sizing:border-box}body.ltr .slide-picker a{border-left:none}body.rtl .slide-picker a{border-right:none}.slide-picker a:first-child{width:8px}body.ltr .slide-picker a:first-child{border-left:1px solid var(--gray-400) !important}body.rtl .slide-picker a:first-child{border-right:1px solid var(--gray-400) !important}.slide-picker:not(:hover) a.active,.slide-picker:hover a.active-hover{border-top-color:var(--gray-400);border-bottom-color:var(--gray-400);height:15px;margin-top:0;margin-bottom:0}body.ltr .slide-picker:not(:hover) a.active:first-child,body.ltr .slide-picker:hover a.active-hover:first-child{border-left:1px solid var(--gray-400)}body.rtl .slide-picker:not(:hover) a.active:first-child,body.rtl .slide-picker:hover a.active-hover:first-child{border-right:1px solid var(--gray-400)}body.ltr .slide-picker:not(:hover) a.active:first-child,body.ltr .slide-picker:hover a.active-hover:first-child{border-top-left-radius:var(--small-border-radius)}body.rtl .slide-picker:not(:hover) a.active:first-child,body.rtl .slide-picker:hover a.active-hover:first-child{border-top-right-radius:var(--small-border-radius)}body.ltr .slide-picker:not(:hover) a.active:first-child,body.ltr .slide-picker:hover a.active-hover:first-child{border-bottom-left-radius:var(--small-border-radius)}body.rtl .slide-picker:not(:hover) a.active:first-child,body.rtl .slide-picker:hover a.active-hover:first-child{border-bottom-right-radius:var(--small-border-radius)}body.ltr .slide-picker:not(:hover) a.last-active,body.ltr .slide-picker:hover a.last-active-hover{border-right:1px solid var(--gray-400)}body.rtl .slide-picker:not(:hover) a.last-active,body.rtl .slide-picker:hover a.last-active-hover{border-left:1px solid var(--gray-400)}body.ltr .slide-picker:not(:hover) a.last-active,body.ltr .slide-picker:hover a.last-active-hover{border-top-right-radius:var(--small-border-radius)}body.rtl .slide-picker:not(:hover) a.last-active,body.rtl .slide-picker:hover a.last-active-hover{border-top-left-radius:var(--small-border-radius)}body.ltr .slide-picker:not(:hover) a.last-active,body.ltr .slide-picker:hover a.last-active-hover{border-bottom-right-radius:var(--small-border-radius)}body.rtl .slide-picker:not(:hover) a.last-active,body.rtl .slide-picker:hover a.last-active-hover{border-bottom-left-radius:var(--small-border-radius)}.slide-picker:focus a.active{background-color:var(--light-sel-color)}ul.errors{margin-top:5px;list-style-type:square}body.ltr ul.errors{padding-left:20px}body.rtl ul.errors{padding-right:20px}ul.errors li{color:var(--error-color)}.message-container{position:absolute;z-index:100;top:0;width:100%;height:100%}body.ltr .message-container{left:0}body.rtl .message-container{right:0}.message-container.no-access{background-color:rgba(31,41,51,.5)}.message-container .pane{top:50%;margin-top:-33px !important;margin-left:auto;margin-right:auto;width:320px;box-shadow:0 25px 100px rgba(31,41,51,.5)}.autosuggest-container{position:relative}.autosuggest__results-container{position:absolute;z-index:2;width:100%;border-radius:var(--large-border-radius);background-color:var(--white);box-shadow:0 1px 5px -1px rgba(31,41,51,.2);box-sizing:border-box;padding:0 14px;text-align:left;font-family:system-ui,BlinkMacSystemFont,-apple-system,\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",sans-serif;font-size:1em !important}.autosuggest__results-container .autosuggest__results-before{margin:14px 0 3px;font-size:11px;line-height:1.2;color:#606d7b;text-transform:uppercase;margin-top:14px !important}.autosuggest__results-container .autosuggest__results-item{margin:0 -14px;padding:10px 14px;color:#3f4d5a;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.autosuggest__results-container .autosuggest__results-item:hover,.autosuggest__results-container .autosuggest__results-item.autosuggest__results-item--highlighted{color:#fff;background-color:#606d7b;cursor:pointer}.autosuggest__results-container .autosuggest__results-item:hover .light,.autosuggest__results-container .autosuggest__results-item.autosuggest__results-item--highlighted .light{color:#e4edf6 !important}.matrix>.buttons{margin-top:10px}.matrixblock{position:relative;margin-bottom:10px;padding:0 var(--m) var(--m);border-radius:var(--large-border-radius);border:1px solid var(--hairline-color);background-color:var(--gray-050)}.matrixblock.static{padding-top:14px}.matrixblock .flex-fields{--row-gap: var(--m) !important}.matrixblock>.titlebar{margin:0 -14px;width:calc(100% + 28px);box-sizing:border-box;border-radius:calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) 0 0;color:var(--light-text-color);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;cursor:default;user-select:none;position:relative;background-color:#ebf2fa}body.ltr .matrixblock>.titlebar{padding:5px 70px 5px 35px}body.rtl .matrixblock>.titlebar{padding:5px 35px 5px 70px}.matrixblock>.titlebar:after{display:block;content:\"\";position:absolute;bottom:-1px;left:14px;width:calc(100% - 28px);height:1px;background-color:var(--hairline-color)}.matrixblock>.titlebar>.blocktype{display:inline;color:var(--medium-text-color)}.matrixblock>.titlebar>.preview{display:inline;opacity:0;transition:opacity linear 100ms}body.ltr .matrixblock>.titlebar>.preview{margin-left:7px}body.rtl .matrixblock>.titlebar>.preview{margin-right:7px}.matrixblock>.titlebar>.preview span{opacity:.5}.matrixblock.disabled{opacity:1}body.ltr .matrixblock.disabled>.titlebar{padding-right:90px}body.rtl .matrixblock.disabled>.titlebar{padding-left:90px}.matrixblock.disabled>.actions>.status.off{display:block}.matrixblock.collapsed>.titlebar{border-radius:var(--titlebar-border-radius);border-bottom:none}.matrixblock.collapsed>.titlebar>.preview{opacity:1}.matrixblock>.checkbox{position:absolute;top:7px}body.ltr .matrixblock>.checkbox{left:14px}body.rtl .matrixblock>.checkbox{right:14px}.matrixblock>.actions{display:flex;align-items:center;position:absolute;top:5px;cursor:default}body.ltr .matrixblock>.actions{right:14px}body.rtl .matrixblock>.actions{left:14px}body.ltr .matrixblock>.actions>*{margin:0 0 0 5px}body.rtl .matrixblock>.actions>*{margin:0 5px 0 0}.matrixblock>.actions .settings{padding:0 8px;height:20px;color:var(--ui-control-color)}body.ltr .matrixblock>.actions .settings:before{margin-right:0 !important}body.rtl .matrixblock>.actions .settings:before{margin-left:0 !important}.matrixblock>.actions .settings:not(:hover):not(:active){background-color:rgba(0,0,0,0)}.matrixblock>.actions .move{margin-top:-4px !important}.matrixblock>.actions>.status.off{display:none}.matrixblock>.actions a:not([data-action]){padding:0;height:20px;text-align:center;color:var(--dark-hairline-color);transform:color linear 100ms}.matrixblock>.actions a:not([data-action]).settings:after{border-color:var(--dark-hairline-color);transform:border-color linear 100ms}body.ltr .matrixblock>.actions a:not([data-action]).settings:after{margin-left:3px}body.rtl .matrixblock>.actions a:not([data-action]).settings:after{margin-right:3px}.matrixblock>.actions a:not([data-action]):hover{color:var(--link-color)}.matrixblock>.actions a:not([data-action]):hover.settings:after{border-color:var(--link-color)}.matrixblock:not(.static)>.fields{padding-top:14px}.matrixblock>.fields>.flex-fields>.field:before{display:none}.matrixblock>.buttons{margin-top:0;height:30px}.add-category-form{margin-top:24px}.add-category-form .texticon{width:200px}body.ltr .add-category-form .texticon{float:left}body.rtl .add-category-form .texticon{float:right}body.ltr .add-category-form .texticon{margin-right:5px}body.rtl .add-category-form .texticon{margin-left:5px}body.ltr .add-category-form .texticon .text{padding-right:30px}body.rtl .add-category-form .texticon .text{padding-left:30px}.add-category-form .texticon .spinner{position:absolute;top:0}body.ltr .add-category-form .texticon .spinner{right:5px}body.rtl .add-category-form .texticon .spinner{left:5px}body.sitepicker #main-content{padding:30px;justify-content:center;align-items:center;text-align:center}body.sitepicker #content-container{max-width:400px}.sitepicker-group li:not(:first-child) a{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.sitepicker-group li:not(:first-child) a:not(:hover){border-top-color:rgba(0,0,0,0)}.sitepicker-group li:not(:last-child) a{border-bottom-left-radius:0;border-bottom-right-radius:0}.sitepicker-group li a{display:block;position:relative;text-align:left;width:100%;box-sizing:border-box;border:1px solid var(--hairline-color);border-radius:var(--medium-border-radius);font-size:16px;line-height:1.4}body.ltr .sitepicker-group li a{padding:9px 42px 9px 15px}body.rtl .sitepicker-group li a{padding:9px 15px 9px 42px}.sitepicker-group li a:after{font-size:14px;position:absolute;top:calc(50% - 7px);margin:0;padding:0}body.ltr .sitepicker-group li a:after{right:12px}body.rtl .sitepicker-group li a:after{left:12px}.sitepicker-group li a:hover{border-color:var(--link-color);text-decoration:none;z-index:1}.elementselectormodal .body .main{float:left \\9 ;width:445px \\9 }@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5),only screen and (min-resolution: 1.5dppx){.structure ul li{background-size:40px}body.ltr .structure ul li{background-image:url(../images/branch_2x.png)}body.rtl .structure ul li{background-image:url(../images/branch_rtl_2x.png)}.hud .tip-left{background-image:url(../images/hudtip_left_2x.png);background-size:15px 30px}.hud .tip-top{background-image:url(../images/hudtip_top_2x.png);background-size:30px 15px}.hud .tip-right{background-image:url(../images/hudtip_right_2x.png);background-size:15px 30px}.hud .tip-bottom{background-image:url(../images/hudtip_bottom_2x.png);background-size:30px 15px}.hud.has-footer .tip-bottom{background-image:url(../images/hudtip_bottom_gray_2x.png)}}:root{--xs: 4px;--s: 8px;--m: 14px;--l: 18px;--xl: 24px;--padding: var(--xl);--neg-padding: calc(var(--padding) * -1)}html{-webkit-text-size-adjust:100%;min-height:100vh}body{min-height:100vh}body.dragging *{cursor:move !important;cursor:grabbing !important}body :focus{outline-style:solid;outline-color:rgba(0,0,0,0);box-shadow:var(--focus-ring)}.reduce-focus-visibility :focus:not(:focus-visible){box-shadow:none}.reduce-focus-visibility :focus-visible{box-shadow:var(--focus-ring)}.skip-link{position:absolute;margin:5px;left:-10000px;top:0;width:1px;height:1px;overflow:hidden;z-index:101}.skip-link:focus{left:unset;width:auto;height:auto;background-color:var(--gray-100) !important}body.ltr .skip-link:focus{left:0}body.rtl .skip-link:focus{right:0}@media only screen and (min-width: 1200px){#global-skip-link{--light-color: var(--white);--dark-color: var(--gray-800);--focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color)}}#global-container{position:relative;display:flex;flex-direction:column;min-height:100vh}body.ltr #global-container{left:0}body.rtl #global-container{right:0}@media screen and (prefers-reduced-motion: no-preference){body.ltr #global-container{transition:left 250ms ease-out}body.rtl #global-container{transition:right 250ms ease-out}}#global-sidebar{--is-always-visible: true;position:fixed;z-index:100;display:flex;flex-direction:column;height:100vh;padding:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;--focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)), 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);background-color:var(--gray-800)}#global-sidebar a{color:var(--gray-100);text-decoration:none}#global-sidebar>a[href]:not(.sel):hover,#global-sidebar *:not(.has-subnav)>a[href]:not(.sel):hover{background-color:#29333d}#global-sidebar>a:not([href]),#global-sidebar *:not(.has-subnav)>a:not([href]){cursor:default;background-color:rgba(0,0,0,0)}#global-sidebar .light{color:var(--gray-400)}@media only screen and (max-width: 1199px){#global-sidebar{--is-always-visible: false}}#system-info{display:grid;grid-template-columns:30px auto;grid-gap:10px;height:50px;padding:0 10px;position:relative;flex:0 0 50px;flex-direction:row;align-items:center;background-color:#29333d}#system-info:after{display:none}#system-info:focus,#system-info:hover{background-color:#1f272e !important}#site-icon{height:30px}#site-icon img,#site-icon svg{display:block;width:30px;height:30px;border-radius:4px}#site-icon svg rect,#site-icon svg circle,#site-icon svg ellipse,#site-icon svg line,#site-icon svg polyline,#site-icon svg polygon,#site-icon svg path,#site-icon svg text{fill:var(--medium-text-color);stroke-width:0}#system-name h2,#system-name .h2{margin:0;width:100%;overflow:hidden;max-height:40px;position:relative;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}#system-name h2:after,#system-name .h2:after{display:block;content:\"\";font-size:0;position:absolute;top:0;width:var(--m);background-image:linear-gradient(to right, rgba(41, 51, 61, 0), #29333d)}body.ltr #system-name h2:after,body.ltr #system-name .h2:after{right:0}body.rtl #system-name h2:after,body.rtl #system-name .h2:after{left:0}#system-info:hover #system-name h2:after,#system-info:hover #system-name .h2:after{background-image:linear-gradient(to right, rgba(31, 39, 46, 0), #1f272e)}#job-icon{align-items:flex-start}#job-icon>span.icon{display:block;position:relative;width:16px;height:16px;margin-top:2px !important}#job-icon>span.icon>canvas{display:block;position:absolute;width:16px;height:16px}#job-icon>span.icon>canvas#job-icon-hover{opacity:0}#job-icon[href]:hover .icon>span.icon>canvas#job-icon-hover{opacity:1}#job-icon .progress-label{display:block;color:var(--gray-300);font-size:11px;line-height:1.5}#nav{flex:1;margin:22px 0 0;padding-bottom:var(--xl);overflow:visible}body.has-debug-toolbar #nav{padding-bottom:calc(42px + var(--xl))}#nav li:not(.has-subnav)>a.sel{color:var(--gray-800);background-color:var(--gray-100) !important;opacity:1}#nav li:not(.has-subnav)>a.sel .icon{opacity:1}#nav li a{position:relative;padding-left:var(--m);padding-right:var(--m)}#nav li a:focus{z-index:1}#nav li a.menubtn{line-height:26px}#nav li a.external:after{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"external\"}body.ltr #nav li a.external:after{margin-left:5px}body.rtl #nav li a.external:after{margin-right:5px}#nav li a .label,#nav li a .label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#nav li a .badge{background-color:var(--gray-200);color:var(--gray-800)}body.ltr #nav li a .badge{margin-right:0}body.rtl #nav li a .badge{margin-left:0}#nav li ul{display:block;margin-bottom:10px}#nav li ul li a{font-size:12px}body.ltr #nav li ul li a{padding:3px var(--m) 3px 42px !important}body.rtl #nav li ul li a{padding:3px 42px 3px var(--m) !important}#nav li ul li a:not(.active){color:var(--gray-200)}#global-footer{display:flex;flex-direction:column;align-items:center;padding:var(--m) var(--m) var(--xl);gap:var(--m)}body.has-debug-toolbar #global-footer{padding-bottom:calc(var(--xl) + 42px)}#global-footer a{white-space:nowrap}#app-info{display:flex;flex-direction:row;justify-content:center;gap:var(--m)}#trial-info{padding:16px var(--xl);border-radius:var(--large-border-radius);background-color:#dbe5f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 0 1px #bdcbdb,0 2px 12px rgba(205,216,228,.5);text-align:center}#app-version{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--gray-600);text-align:center;gap:var(--s)}#app-version a{color:var(--gray-600);text-decoration:underline}#app-version a.go:hover:after{color:var(--gray-600)}#edition-logo{position:relative;top:-1px;user-select:none;border:1px solid var(--gray-600);border-radius:3px;display:inline-flex;box-sizing:content-box;font-size:11px;padding:6px 7px;line-height:8px;font-weight:600;letter-spacing:1.7px;padding-right:5px;text-transform:uppercase}#devmode{flex:0 0 4px;width:100%;min-height:4px;background:url(../images/dev-mode.svg) repeat-x 21px 0;cursor:help}#page-container{display:flex;flex-direction:column;flex-grow:1}body.ltr #page-container{padding-left:226px}body.rtl #page-container{padding-right:226px}#alerts{position:relative;background-color:var(--red-050);border-left:6px solid var(--error-color);color:var(--error-color)}#alerts>li{padding:10px 24px;box-shadow:inset 0 -1px 0 0 var(--red-100)}#alerts>li a.btn,#alerts>li a.go{display:inline-flex;align-items:center}#alerts>li a:not(.btn){color:var(--error-color);text-decoration:underline}#alerts>li a:not(.btn).go{text-decoration:none;white-space:nowrap;border:1px solid rgba(220,38,38,.5);border-radius:var(--medium-border-radius);padding:4px 5px;margin:0 2px}#alerts>li a:not(.btn).go:after{color:var(--error-color);font-size:15px;margin-top:1px}#alerts>li a:not(.btn).go:hover{border-color:var(--error-color)}#global-header{width:100%;margin-bottom:var(--m);background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);background:var(--gray-050)}#global-header:focus{box-shadow:var(--focus-ring)}#global-header .flex{align-items:center}#global-header .btn{--ui-control-color: var(--gray-400);--ui-control-hover-color: var(--gray-500);--ui-control-active-color: var(--gray-600)}.nav-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:50px;line-height:26px;color:currentColor;text-align:center}body.ltr .nav-toggle{margin-left:-10px}body.rtl .nav-toggle{margin-right:-10px}.nav-toggle:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"menu\";font-size:16px;line-height:0}.nav-toggle:hover{color:var(--gray-400)}#crumbs{display:flex;flex-direction:row;align-items:center;font-size:13px;margin:0 !important}#crumbs.empty{display:none}#crumbs a,#crumbs button{color:var(--light-text-color);transition:color linear 100ms}#crumbs a:hover,#crumbs button:hover{color:var(--link-color);text-decoration:none}#crumbs nav{margin:0}.breadcrumb-list{display:flex;flex-direction:row;align-items:stretch;flex-wrap:wrap}.breadcrumb-list li{display:inline-flex;align-items:center}.breadcrumb-list li a,.breadcrumb-list li button{padding:15px 0}.breadcrumb-list li button{cursor:pointer}.breadcrumb-list li:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid var(--medium-hairline-color);border-width:0 2px 2px 0;opacity:.8}body.ltr .breadcrumb-list li:after{margin:0 8px 0 7px}body.rtl .breadcrumb-list li:after{margin:0 7px 0 8px}body.ltr .breadcrumb-list li:after{transform:rotate(-45deg)}body.rtl .breadcrumb-list li:after{transform:rotate(135deg)}.breadcrumb-list .menu--disclosure li{display:block}.breadcrumb-list .menu--disclosure li::after{content:none}li.breadcrumb-toggle-wrapper::after{content:none}#account-menu ul li a{max-width:calc(100% + 28px) !important}#announcements-btn{width:30px;height:30px;padding-left:0;padding-right:0;width:40px;position:relative}#announcements-btn:not(:hover):not(:active):not(.active){background-color:rgba(0,0,0,0)}#announcements-btn:not(:active):not(.active):hover{background-color:rgba(154,165,177,.15)}#announcements-btn.unread:after{content:\"\";display:block;position:absolute;top:3px;width:7px;height:7px;border-radius:4px;background-color:var(--blue-600)}body.ltr #announcements-btn.unread:after{right:7px}body.rtl #announcements-btn.unread:after{left:7px}#announcements-btn svg{width:22px;height:22px}#announcements-btn svg rect,#announcements-btn svg circle,#announcements-btn svg ellipse,#announcements-btn svg line,#announcements-btn svg polyline,#announcements-btn svg polygon,#announcements-btn svg path,#announcements-btn svg text{fill:var(--ui-control-color);stroke-width:0}#announcements-btn:hover svg rect,#announcements-btn:hover svg circle,#announcements-btn:hover svg ellipse,#announcements-btn:hover svg line,#announcements-btn:hover svg polyline,#announcements-btn:hover svg polygon,#announcements-btn:hover svg path,#announcements-btn:hover svg text,#announcements-btn:active svg rect,#announcements-btn:active svg circle,#announcements-btn:active svg ellipse,#announcements-btn:active svg line,#announcements-btn:active svg polyline,#announcements-btn:active svg polygon,#announcements-btn:active svg path,#announcements-btn:active svg text,#announcements-btn.active svg rect,#announcements-btn.active svg circle,#announcements-btn.active svg ellipse,#announcements-btn.active svg line,#announcements-btn.active svg polyline,#announcements-btn.active svg polygon,#announcements-btn.active svg path,#announcements-btn.active svg text{fill:var(--ui-control-active-color);stroke-width:0}#announcements{max-width:350px}#announcements .announcement:not(:first-child){margin-top:20px}#announcements .announcement .announcement-label-container{margin-top:-3px;display:flex;align-items:center;margin-bottom:3px}#announcements .announcement .announcement-label-container .announcement-icon svg{display:block;width:15px;height:15px}#announcements .announcement .announcement-label-container .announcement-label{margin-left:5px;font-size:12px;color:var(--light-text-color)}#announcements .announcement.unread .announcement__heading:after{content:\"\";display:block;position:absolute;top:7px;width:7px;height:7px;border-radius:4px;background-color:var(--blue-600)}body.ltr #announcements .announcement.unread .announcement__heading:after{left:-13px}body.rtl #announcements .announcement.unread .announcement__heading:after{right:-13px}#announcements .announcement p{margin:0}#announcements .announcement__header{display:grid}#announcements .announcement__heading{position:relative;margin:0 0 3px;order:1}#user-info{display:flex;flex-direction:row;align-items:center;padding-top:5px;padding-bottom:5px;height:100%;background-color:rgba(0,0,0,0);border-radius:0}body.ltr #user-info{padding-right:25px}body.rtl #user-info{padding-left:25px}#user-info:after{border-color:var(--ui-control-color);transition:border-color linear 100ms}#user-info:hover:after{border-color:var(--ui-control-hover-color)}#user-info[aria-expanded=true]:after{border-color:var(--ui-control-active-color)}.header-photo{padding:5px 0}.header-photo img,.header-photo svg{display:block;width:30px;height:30px;max-width:none;border-radius:50%;box-shadow:0 0 0 1px rgba(31,41,51,.05),0 0 0 rgba(31,41,51,0);transition:box-shadow linear 150ms}#user-info:hover .header-photo img,#user-info:hover .header-photo svg{box-shadow:0 0 0 1px rgba(31,41,51,.05),0 2px 10px -2px rgba(31,41,51,.3)}#main-container{position:relative;flex-grow:1}#notifications{position:fixed;bottom:8px;width:calc(100% - 16px);z-index:101}body.ltr #notifications{left:8px}body.rtl #notifications{right:8px}body.has-debug-toolbar #notifications{bottom:50px}@media only screen and (min-width: 974px){#notifications{width:350px}}#notifications .notification{display:flex;position:relative;background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);padding:10px 14px;border-radius:var(--large-border-radius);box-shadow:0 0 0 1px rgba(19,26,32,.15),0 2px 12px rgba(19,26,32,.15);--color: var(--notice-color)}#notifications .notification:focus{box-shadow:var(--focus-ring)}#notifications .notification[data-type=success]{--color: var(--success-color)}#notifications .notification[data-type=error]{--color: var(--error-color)}#notifications .notification+.notification{margin-top:12px}#notifications .notification .notification-icon{width:18px;margin-top:-2px;font-size:18px;color:var(--color)}body.ltr #notifications .notification .notification-icon{margin-right:10px}body.rtl #notifications .notification .notification-icon{margin-left:10px}#notifications .notification .notification-body{display:flex;flex:1}#notifications .notification .notification-body .notification-message{font-weight:bold;word-break:normal;overflow-wrap:anywhere}#notifications .notification .notification-body .notification-details{margin-top:var(--xs)}#notifications .notification .notification-body .notification-details .chip{border:1px solid rgba(51,64,77,.1)}#notifications .notification .notification-close-btn{position:relative;top:-2px}body.ltr #notifications .notification .notification-close-btn{margin-left:10px}body.rtl #notifications .notification .notification-close-btn{margin-right:10px}#header-container{margin-bottom:var(--m)}#crumbs,#header{padding-left:var(--padding);padding-right:var(--padding)}@media only screen and (min-width: 1200px){#primary-nav-toggle{display:none}}#global-header .flex,#header .flex{max-width:100%}#global-header .flex.flex-nowrap,#header .flex.flex-nowrap{min-width:0}#header{display:flex;align-items:flex-start;align-content:stretch;flex-wrap:nowrap;justify-content:space-between;gap:var(--s);padding-top:var(--s);padding-bottom:var(--s);position:relative;z-index:2;width:calc(100vw - 226px);box-sizing:border-box;background-color:rgba(154,165,177,0);box-shadow:0 1px 0 rgba(51,64,77,0);transition:background-color linear 100ms,box-shadow linear 100ms}body.fixed-header #header{position:fixed;z-index:12;top:0;background-color:var(--gray-100);box-shadow:inset 0 -1px 0 rgba(63,77,90,.1)}@supports(backdrop-filter: blur(10px)){#header{transition:background-color linear 100ms,box-shadow linear 100ms,backdrop-filter linear 100ms}body.fixed-header #header{background-color:rgba(228,237,246,.75);backdrop-filter:blur(10px)}}#header h1{line-height:34px;margin-top:0;margin-bottom:0;min-width:0}#header .buttons,#header .btngroup{margin-top:0}@media only screen and (min-width: 974px){#page-title.has-toolbar{min-width:calc(226px - var(--xl) - var(--s)) !important}}#toolbar{flex:1;align-items:flex-start;justify-content:space-between}#toolbar .icon:before,#toolbar .texticon:before,#toolbar .menubtn:after,#toolbar [data-icon]:before,#toolbar [data-icon-after]:after{color:currentColor;opacity:.8}#toolbar .text{border-radius:var(--large-border-radius)}#toolbar .text::-webkit-input-placeholder{color:var(--light-text-color)}#toolbar .text:-ms-input-placeholder{color:var(--light-text-color)}#toolbar .text::-ms-input-placeholder{color:var(--light-text-color)}#toolbar .text:-moz-placeholder{color:var(--light-text-color)}#toolbar .text::-moz-placeholder{color:var(--light-text-color)}#toolbar .text::placeholder{color:var(--light-text-color)}#toolbar .text:not(:focus){background-clip:border-box}@media only screen and (max-width: 400px){#action-buttons .btngroup .btn:first-child{flex-basis:100%}}@media only screen and (max-width: 973px){#action-buttons{margin-top:10px}}#main-content{display:flex;flex-direction:row;align-items:flex-start;width:calc(100vw - 226px);padding:0 var(--padding) 48px;box-sizing:border-box}#main-content>.grid:only-child{flex:1}#sidebar-toggle-container{display:none}#sidebar-container{flex:0 0 226px;width:226px;box-sizing:border-box}@media only screen and (min-width: 1200px){body.ltr #sidebar-container{margin-left:calc(var(--xl)*-1)}body.rtl #sidebar-container{margin-right:calc(var(--xl)*-1)}}#sidebar{position:relative;box-sizing:border-box;padding:0 31px var(--m);width:226px;background-color:rgba(0,0,0,0)}#sidebar.fixed{position:fixed}#sidebar nav{margin-left:-31px;margin-right:-31px}#sidebar nav li a{position:relative}#sidebar nav li a:focus{z-index:1}#sidebar nav li a:not(.sel):hover{background-color:var(--gray-200)}#content-container{flex:1}#main-content:not(.has-sidebar):not(.has-details) #content-container{width:100%;max-width:100%}#main-content.has-sidebar #content-container{width:calc(100% - 202px);max-width:calc(100% - 202px)}#main-content.has-details #content-container{width:calc(100% - 350px - var(--m));max-width:calc(100% - 350px - var(--m))}#content-container #main-content.has-sidebar.has-details{width:calc(100% - 226px - 350px - 38px);max-width:calc(100% - 226px - 350px - 38px)}#content-heading{margin-top:var(--xl) !important}@media only screen and (min-width: 974px){#content-heading{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}}.content-pane{background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);border-radius:var(--large-border-radius);position:relative;background-clip:padding-box;padding:var(--xl) var(--padding);word-wrap:break-word}.content-pane:focus{box-shadow:var(--focus-ring)}.content-pane>hr{margin-left:calc(var(--xl)*-1);margin-right:calc(var(--xl)*-1)}#footer{position:sticky;bottom:0;z-index:1;margin:calc(var(--xl) + 1px) calc(var(--padding)*-1 + 2px) calc(var(--xl)*-1 + 2px);padding:var(--s) var(--padding);background-color:var(--gray-050);border-radius:var(--small-border-radius);box-sizing:border-box;min-height:50px}#footer:empty{display:none}#footer.stuck{border-radius:0}@supports(backdrop-filter: blur(10px)){#footer.stuck{background-color:rgba(228,237,246,.75);backdrop-filter:blur(10px)}}.has-debug-toolbar #footer{transition:padding linear 100ms}.has-debug-toolbar #footer.stuck{padding-bottom:52px}#footer>*,#footer .flex>*{margin-bottom:0}#details-container{flex:0 0 388px;width:388px;box-sizing:border-box}body.ltr #details-container{margin-right:calc(var(--xl)*-1)}body.rtl #details-container{margin-left:calc(var(--xl)*-1)}#details{box-sizing:border-box;width:388px;z-index:1}body.ltr #details{padding-right:var(--xl)}body.rtl #details{padding-left:var(--xl)}body.ltr #details{padding-left:var(--m)}body.rtl #details{padding-right:var(--m)}#details.fixed{position:fixed}#details .details{padding-bottom:calc(var(--xl) + 11.5em)}#details .details .meta{border-radius:var(--large-border-radius)}#details .details .meta:not(.read-only):not(.warning){background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5)}#details .details .meta:not(.read-only):not(.warning):focus{box-shadow:var(--focus-ring)}#details .details .meta.read-only{color:var(--medium-text-color);background-color:rgba(0,0,0,0) !important}#details .details .meta>.field:first-child,#details .details .meta>.data:first-child{border-top-right-radius:var(--large-border-radius)}#details .details .meta>.field:first-child,#details .details .meta>.field:first-child>.status-badge,#details .details .meta>.data:first-child,#details .details .meta>.data:first-child>.status-badge{border-top-left-radius:var(--large-border-radius)}#details .details .meta>.field:last-child,#details .details .meta>.data:last-child{border-bottom-right-radius:var(--large-border-radius)}#details .details .meta>.field:last-child,#details .details .meta>.field:last-child>.status-badge,#details .details .meta>.data:last-child,#details .details .meta>.data:last-child>.status-badge{border-bottom-left-radius:var(--large-border-radius)}#details .details>.field>.input>.text.fullwidth{background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5)}#details .details>.field>.input>.text.fullwidth:focus{box-shadow:var(--focus-ring)}#details .details .notes{border-radius:var(--large-border-radius);padding-top:var(--m);padding-bottom:var(--m)}@media only screen and (max-width: 1199px){#global-container{width:calc(100vw + 226px)}body.ltr #global-container{left:-226px}body.rtl #global-container{right:-226px}body.ltr.showing-nav #global-container{left:0}body.rtl.showing-nav #global-container{right:0}#crumbs{display:flex !important}#header{width:100vw}#main-content{width:100vw}}@media only screen and (max-width: 973px){#header{display:block}#header .flex:not(#toolbar){margin-top:10px}#toolbar{flex-wrap:wrap !important}#toolbar>*{margin-top:10px !important}body.fixed-header #header .flex:first-child{margin-top:0}#main-content{display:block}#sidebar-toggle-container{display:block;margin-bottom:var(--m)}#sidebar-toggle:after{top:0;transform:rotate(-45deg)}body.rtl #sidebar-toggle:after{transform:rotate(135deg)}body.showing-sidebar #sidebar-toggle{background-color:#acbed2 !important}body.showing-sidebar #sidebar-toggle:after{transform:rotate(45deg)}#content-container{min-height:0 !important}#sidebar-container,#details-container{width:auto !important}#sidebar,#details{position:static !important;overflow-y:visible !important;max-height:none !important;width:auto}#sidebar{margin-bottom:var(--m)}body:not(.showing-sidebar) #sidebar{display:none}body.ltr #details-container{margin-right:0}body.rtl #details-container{margin-left:0}#content-container{width:auto !important;max-width:none !important}#details{padding:0 !important;margin-top:var(--m)}#details .details{margin-bottom:auto}}@media only screen and (max-width: 767px){:root{--padding: var(--s);--neg-padding: calc(var(--s) * -1)}#tabs ul li a{padding-left:var(--m);padding-right:var(--m)}body.ltr #tabs ul li+li{margin-left:-7px}body.rtl #tabs ul li+li{margin-right:-7px}.card-grid{display:flex !important;flex-direction:column}}body.ltr #settingsmenu ul li a{padding-left:46px}body.rtl #settingsmenu ul li a{padding-right:46px}#settingsmenu ul li a:before{font-size:15px}body.ltr #settingsmenu ul li a:before{margin:1px 0 0 -22px}body.rtl #settingsmenu ul li a:before{margin:1px -22px 0 0}#settingsmenu ul li a img{width:16px;height:16px;position:absolute;margin-left:-23px;margin-top:1px}.grid{position:relative;min-height:1px}.grid:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.grid>.item{display:none;box-sizing:border-box}.sidebar{width:226px;box-sizing:border-box;font-size:13px}.sidebar:not(.drag-helper){padding:var(--m) 0;background-color:var(--gray-050)}.sidebar .heading{position:relative;margin:0 var(--xl)}.sidebar .heading:not(:first-child){margin-top:var(--m)}.sidebar .heading>span{display:inline-block;position:relative;z-index:1;padding:0 5px;margin:0 -5px;text-transform:uppercase;color:var(--medium-text-color);font-size:11px;font-weight:bold}.sidebar .heading>ul{margin:2px calc(var(--xl)*-1)}.sidebar nav{padding:0 var(--s)}body.ltr .sidebar nav>ul>li:not(.heading)>a,body.ltr .sidebar nav>ul>li.heading>ul>li>a{padding-left:24px}body.rtl .sidebar nav>ul>li:not(.heading)>a,body.rtl .sidebar nav>ul>li.heading>ul>li>a{padding-right:24px}body.ltr .sidebar nav>ul>li:not(.heading)>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>.toggle{left:calc(var(--m) * 0)}body.rtl .sidebar nav>ul>li:not(.heading)>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>.toggle{right:calc(var(--m) * 0)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a{padding-left:38px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a{padding-right:38px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle{left:calc(var(--m) * 1)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle{right:calc(var(--m) * 1)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a{padding-left:52px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a{padding-right:52px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m) * 2)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m) * 2)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:66px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:66px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m) * 3)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m) * 3)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:80px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:80px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m) * 4)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m) * 4)}.sidebar nav li{position:relative}.sidebar nav li:not(.has-subnav)>a:not(.sel):hover{text-decoration:none;background-color:var(--gray-100)}.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.active-drop-target{cursor:default;background-color:var(--gray-500) !important}.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.sel+.toggle,.sidebar nav li:not(.has-subnav)>a.active-drop-target,.sidebar nav li:not(.has-subnav)>a.active-drop-target+.toggle{color:var(--white)}.sidebar nav li:not(.has-subnav)>a.sel{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.sidebar nav li a{position:relative;margin-bottom:1px;display:flex;flex-direction:row;align-items:center;padding:7px var(--xl);min-height:var(--xl);box-sizing:border-box;color:var(--text-color);user-select:none;border-radius:var(--large-border-radius);word-break:break-word}.sidebar nav li a .status{flex-shrink:1}.sidebar nav li a .icon{flex-shrink:1;width:1.125rem;height:1.125rem;word-break:normal;transition:margin-left linear 150ms,margin-right linear 150ms;opacity:.85}body.ltr .sidebar nav li a .icon{margin-right:10px}body.rtl .sidebar nav li a .icon{margin-left:10px}.sidebar nav li a .icon.icon-mask svg rect,.sidebar nav li a .icon.icon-mask svg circle,.sidebar nav li a .icon.icon-mask svg ellipse,.sidebar nav li a .icon.icon-mask svg line,.sidebar nav li a .icon.icon-mask svg polyline,.sidebar nav li a .icon.icon-mask svg polygon,.sidebar nav li a .icon.icon-mask svg path,.sidebar nav li a .icon.icon-mask svg text{fill:currentColor;stroke-width:0}.sidebar nav li a .icon.icon-mask span[data-icon]{color:currentColor}.sidebar nav li a .icon svg{width:16px;height:16px}.sidebar nav li a .icon span[data-icon]{font-size:16px}.sidebar nav li a .icon span[data-icon]::before{display:block}.sidebar nav li a .label{flex:1}.sidebar nav li a .badge{flex-shrink:1;padding:0 6px;font-size:11px;line-height:16px;border-radius:var(--s);background-color:var(--medium-text-color);color:var(--white)}body.ltr .sidebar nav li a .badge{margin:0 -4px 0 10px}body.rtl .sidebar nav li a .badge{margin:0 10px 0 -4px}.sidebar nav li .toggle{position:absolute;z-index:1;height:34px;top:0;width:var(--xl);display:flex;align-items:center;justify-content:center}.sidebar nav li ul{display:none}.sidebar nav li.heading>ul,.sidebar nav li.expanded>ul{display:block}.error-summary{margin-bottom:var(--l);padding:var(--l) var(--xl) var(--xl);box-sizing:border-box;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);border-radius:var(--large-border-radius);background-color:var(--gray-050)}.error-summary .notification-icon{color:var(--error-color);margin:-2px 6px 0 0;float:left}.error-summary h2{margin-top:var(--xs)}.error-summary>ul.errors li,.error-summary>ul.errors li a{color:var(--text-color)}.error-summary>ul.errors li em,.error-summary>ul.errors li a em{font-weight:600}.error-summary>ul.errors li:hover,.error-summary>ul.errors li a:hover{color:var(--link-color)}body.ltr .content.has-sidebar:not(.hiding-sidebar){margin-left:226px}body.rtl .content.has-sidebar:not(.hiding-sidebar){margin-right:226px}#content-notice{margin:0 calc(var(--xl)*-1);padding:0 var(--xl)}#content-notice:not(:last-child){padding-bottom:var(--s);border-bottom:1px solid var(--hairline-color);margin-bottom:var(--s)}#content :not(.meta)>.flex-fields,#content>.flex-fields,.so-content .flex-fields,.draghelper .flex-fields{--row-gap: var(--xl);display:flex;flex-wrap:wrap;align-content:flex-start;margin:0 calc(var(--row-gap)*-1) calc(var(--row-gap)*-1);width:calc(100% + var(--row-gap)*2)}#content :not(.meta)>.flex-fields>*,#content>.flex-fields>*,.so-content .flex-fields>*,.draghelper .flex-fields>*{margin:0 0 var(--row-gap) !important;padding:0 var(--row-gap);box-sizing:border-box}#content :not(.meta)>.flex-fields>h2,#content>.flex-fields>h2,.so-content .flex-fields>h2,.draghelper .flex-fields>h2{flex:4 0 100%}#content :not(.meta)>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),#content>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.so-content .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.draghelper .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))){padding-top:var(--xl);border-top:1px solid var(--hairline-color)}#content :not(.meta)>.flex-fields>hr,#content :not(.meta)>.flex-fields>.line-break,#content>.flex-fields>hr,#content>.flex-fields>.line-break,.so-content .flex-fields>hr,.so-content .flex-fields>.line-break,.draghelper .flex-fields>hr,.draghelper .flex-fields>.line-break{flex:4 0 100%}#content :not(.meta)>.flex-fields>.line-break:not(:first-child),#content>.flex-fields>.line-break:not(:first-child),.so-content .flex-fields>.line-break:not(:first-child),.draghelper .flex-fields>.line-break:not(:first-child){margin-bottom:0 !important}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break),#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child,#content>.flex-fields>:not(h2):not(hr):not(.line-break),#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child,.so-content .flex-fields>:not(h2):not(hr):not(.line-break),.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break),.draghelper .flex-fields>:not(h2):not(hr):not(.line-break):last-child{position:relative;width:100%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,#content>.flex-fields>:not(h2):not(hr):not(.line-break):before,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{position:absolute;top:0;width:1px;height:100%;content:\"\";background-color:rgba(205,216,228,.5)}body.ltr #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.ltr #content>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr #content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.ltr .so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr .so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.ltr .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{left:-1px}body.rtl #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.rtl #content>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl #content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.rtl .so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl .so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.rtl .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{right:-1px}@media only screen and (min-width: 1536px){#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25{width:25%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-75,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-75,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-75,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-75,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-75,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-75{width:75%}}@media only screen and (min-width: 600px)and (max-width: 1535px){#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}@media only screen and (min-width: 1200px){.so-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.so-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}.lp-editor-container,.lp-preview-container{position:fixed;top:0;height:100%;background-color:var(--white);z-index:100}.lp-editor-container>header,.lp-preview-container>header{padding:8px 24px;background-color:var(--gray-100);box-shadow:0 1px 0 rgba(63,77,90,.2);box-sizing:border-box;position:relative;z-index:1}@supports(backdrop-filter: blur(10px)){.lp-editor-container>header,.lp-preview-container>header{position:absolute;z-index:2;top:0;left:0;width:100%;background-color:rgba(228,237,246,.75);backdrop-filter:blur(10px)}.lp-editor-container>header+.lp-editor,.lp-preview-container>header+.lp-editor{padding-top:78px}}.lp-editor-container>header .btn,.lp-editor-container>header .spinner,.lp-editor-container>header .checkmark-icon,.lp-preview-container>header .btn,.lp-preview-container>header .spinner,.lp-preview-container>header .checkmark-icon{margin-bottom:0}.lp-editor-container{display:flex;flex-direction:column}.lp-editor-container .lp-editor{flex:1;padding:24px;overflow:auto;box-sizing:border-box}.lp-editor-container .lp-editor>.field:last-child{margin-bottom:24px !important}body.ltr .lp-editor-container .lp-editor>.field>.status-badge{left:-24px}body.rtl .lp-editor-container .lp-editor>.field>.status-badge{right:-24px}body.ltr .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{left:calc(var(--m)*-1)}body.rtl .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{right:calc(var(--m)*-1)}.lp-editor-container .lp-draghandle{position:absolute;z-index:101;top:0;width:4px;height:100%;cursor:col-resize}body.ltr .lp-editor-container .lp-draghandle{right:-2px}body.rtl .lp-editor-container .lp-draghandle{left:-2px}.lp-preview-container{display:flex;flex-direction:column;box-shadow:-1px 0 0 rgba(63,77,90,.2)}.lp-preview-container.dragging:after{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";font-size:0}.lp-preview-container .lp-preview-header{display:flex}@supports not (backdrop-filter: blur(10px)){.lp-preview-container .lp-preview-header{background-color:rgba(228,237,246,.75)}}.lp-preview-container .lp-preview-header .buttons{margin:0}body.ltr .lp-preview-container .lp-preview-header .buttons .btn+.btn{margin-left:7px}body.rtl .lp-preview-container .lp-preview-header .buttons .btn+.btn{margin-right:7px}.lp-preview-container .lp-preview-header+.lp-iframe-container{padding-top:0}@supports(backdrop-filter: blur(10px)){.lp-preview-container .lp-preview-header+.lp-iframe-container{padding-top:50px}}.lp-preview-container .lp-preview-header .lp-device-type .btn::before{width:27px;height:22px;display:block;content:\"\";background-size:contain;background-repeat:no-repeat;background-position:center;transition-duration:.3s}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--phone::before{background-image:url(../images/preview/icon-phone.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--tablet::before{background-image:url(../images/preview/icon-tablet.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--desktop::before{background-image:url(../images/preview/icon-desktop.svg)}.lp-preview-container .lp-device-type__label::before{width:27px;height:22px;display:block;content:\"\";background-size:contain;background-repeat:no-repeat;background-position:center;transition-duration:.3s}.lp-preview-container .lp-device-type__label.lp-device-type__label--phone::before{background-image:url(../images/preview/icon-phone.svg)}.lp-preview-container .lp-device-type__label.lp-device-type__label--tablet::before{background-image:url(../images/preview/icon-tablet.svg)}.lp-preview-container .lp-device-type__label.lp-device-type__label--desktop::before{background-image:url(../images/preview/icon-desktop.svg)}.lp-preview-container .lp-preview-container__bumper-link{top:unset;bottom:0}.lp-preview-container .lp-device-mask{display:none}.lp-preview-container .lp-iframe-container{flex:1;overflow:auto}.lp-preview-container .lp-iframe-container .lp-preview{display:block;width:100%;min-height:100%}.lp-preview-container .lp-iframe-container:not(.lp-iframe-container--has-device-preview) .lp-device-preview-container{width:auto !important;height:100% !important;transform:none !important;margin:0 !important}.lp-preview-container .lp-iframe-container--has-device-preview{flex:none;padding-top:0 !important;position:relative;top:0;height:calc(100% - 50px);width:100%;background-color:var(--gray-100)}@supports(backdrop-filter: blur(10px)){.lp-preview-container .lp-iframe-container--has-device-preview{top:50px}}.lp-preview-container .lp-iframe-container--has-device-preview .lp-device-preview-container{position:absolute;top:50%;left:50%;z-index:2;overflow:auto;opacity:1;transition:opacity .3s}.lp-preview-container .lp-iframe-container--has-device-preview .lp-device-mask{display:block;position:absolute;top:50%;left:50%;z-index:1;background-image:url(../images/preview/chrome-phone-top.svg),url(../images/preview/chrome-phone-bottom.svg);background-position:top center,bottom center;background-repeat:no-repeat;background-size:contain;background-color:#fff;box-shadow:0 0 58px rgba(6,67,117,.3);border-radius:18px}.lp-preview-container .lp-iframe-container--has-device-preview.lp-iframe-container--tablet .lp-device-mask{background-image:url(../images/preview/chrome-tablet-top.svg),url(../images/preview/chrome-tablet-bottom.svg)}@media screen and (prefers-reduced-motion: no-preference){.lp-preview-container .lp-iframe-container--rotating .lp-device-mask{transition-duration:.3s;transition-property:transform}.lp-preview-container .lp-iframe-container--rotating .lp-device-preview-container{opacity:0;transition:opacity 0s}}.layoutdesigner{display:flex;align-items:stretch;position:relative;border-radius:3px;border:1px solid rgba(96,125,159,.25);background-color:#fbfcfe;background-clip:padding-box;overflow:hidden;box-shadow:none;min-height:500px}body.ltr .layoutdesigner{padding-right:241px}body.rtl .layoutdesigner{padding-left:241px}.errors>.layoutdesigner{border:1px solid var(--error-color) !important}.layoutdesigner .fld-workspace{flex:1;background-color:var(--gray-050);background-image:linear-gradient(to right, hsl(212deg, 50%, 95%) 1px, transparent 0px),linear-gradient(to bottom, hsl(212deg, 50%, 95%) 1px, transparent 1px);background-size:24px 24px;background-position:-1px -1px;box-shadow:inset 0 1px 3px -1px #acbed2}body.ltr .layoutdesigner .fld-workspace{border-radius:var(--small-border-radius) 0 0 var(--small-border-radius)}body.rtl .layoutdesigner .fld-workspace{border-radius:0 var(--small-border-radius) var(--small-border-radius) 0}body.ltr .layoutdesigner .fld-workspace{padding:24px 0 24px 24px}body.rtl .layoutdesigner .fld-workspace{padding:24px 24px 24px 0}.layoutdesigner .fld-workspace .fld-tabs{display:flex;align-items:flex-start;flex-wrap:wrap}.layoutdesigner .fld-sidebar{position:absolute;top:0;height:100%;width:241px;padding:14px;overflow:auto;box-sizing:border-box}body.ltr .layoutdesigner .fld-sidebar{right:0}body.rtl .layoutdesigner .fld-sidebar{left:0}.layoutdesigner .fld-sidebar .btngroup{margin-bottom:14px}.layoutdesigner .fld-sidebar .fld-field-library .fld-field-group{margin-top:14px}.layoutdesigner .fld-sidebar .fld-field-library .fld-field-group h6{margin-bottom:7px}.layoutdesigner .fld-sidebar .filtered{display:none}.layoutdesigner .fld-new-tab-btn:active{background-color:var(--gray-050)}.fld-sidebar,.fld-tab .tabs .tab,.fld-tab .fld-tabcontent,.fld-new-tab-btn,.fld-new-tab-btn:hover{background-color:var(--white);box-shadow:0 0 0 1px rgba(31,41,51,.1),0 2px 5px -2px rgba(31,41,51,.2)}body.ltr .fld-tab .settings,body.ltr .fld-element .settings,body.ltr .fld-element .slide-picker{margin-left:7px}body.rtl .fld-tab .settings,body.rtl .fld-element .settings,body.rtl .fld-element .slide-picker{margin-right:7px}.fld-tab .settings:before,.fld-element .settings:before{margin-top:-2px;font-size:16px;opacity:.5}.fld-tab .settings:hover:before,.fld-tab .settings.active:before,.fld-element .settings:hover:before,.fld-element .settings.active:before{opacity:1}.fld-tab{width:264px;box-sizing:border-box}body.ltr .fld-tab{padding:0 25px 24px 0}body.rtl .fld-tab{padding:0 0 24px 25px}.fld-tab .tabs{margin:-10px -12px 0;padding:10px 12px 0;overflow:hidden;display:flex}.fld-tab .tabs .tab{display:flex;max-width:calc(100% - 10px);box-sizing:border-box;padding:8px 14px;border-radius:var(--medium-border-radius) var(--medium-border-radius) 0 0}body:not(.dragging) .fld-tab .tabs .tab.draggable{cursor:move;cursor:grab}.fld-tab .tabs .tab span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fld-tab .fld-tabcontent{padding:14px}body.ltr .fld-tab .fld-tabcontent{border-radius:0 var(--medium-border-radius) var(--medium-border-radius) var(--medium-border-radius)}body.rtl .fld-tab .fld-tabcontent{border-radius:var(--medium-border-radius) 0 var(--medium-border-radius) var(--medium-border-radius)}.fld-tab.fld-insertion .tabs .tab,.fld-tab.fld-insertion .fld-tabcontent{margin:-2px;border:2px dashed var(--hairline-color);box-shadow:none;background-color:var(--gray-050);background-image:linear-gradient(to right, hsl(212deg, 50%, 95%) 1px, transparent 0px),linear-gradient(to bottom, hsl(212deg, 50%, 95%) 1px, transparent 1px);background-size:24px 24px}.fld-tab.fld-insertion .tabs .tab{background-position:-1px -1px}.fld-tab.fld-insertion .fld-tabcontent{background-position:-1px -13px}.fld-tab-caboose{min-height:24px}.fld-indicator{display:inline-flex;font-size:11px;color:var(--uicontrol-color)}body.ltr .fld-indicator{margin-left:4px}body.rtl .fld-indicator{margin-right:4px}body.ltr .fld-indicator+.fld-indicator{margin-left:2px}body.rtl .fld-indicator+.fld-indicator{margin-right:2px}.fld-element{position:relative;display:flex;align-items:center;padding:7px 10px;box-shadow:inset 0 0 0 1px var(--hairline-color);border-radius:var(--medium-border-radius);background-color:var(--white)}body:not(.dragging) .fld-element{cursor:move;cursor:grab}.fld-element+.fld-element{margin-top:7px}.fld-element.fld-insertion{box-sizing:border-box;border:2px dashed var(--hairline-color);border-radius:var(--medium-border-radius);background:none;box-shadow:none}.fld-element.draghelper{box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.fld-element.fld-field{color:var(--medium-text-color);background-color:var(--gray-100)}.fld-element.fld-field:not(.draghelper){box-shadow:none}.fld-element.fld-field .fld-field-hidden:not(.hidden){margin-top:-3px}body.ltr .fld-element.fld-field .fld-field-hidden:not(.hidden){margin-right:5px}body.rtl .fld-element.fld-field .fld-field-hidden:not(.hidden){margin-left:5px}.fld-element.fld-field .fld-field-hidden:not(.hidden):before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"shuteye\"}.fld-element.fld-field .field-name .fld-element-label{margin-bottom:2px}.fld-element .fld-element-icon{text-align:center}body.ltr .fld-element .fld-element-icon{margin-right:5px}body.rtl .fld-element .fld-element-icon{margin-left:5px}.fld-element .fld-element-icon,.fld-element .fld-element-icon svg{width:16px;height:16px}.fld-element .fld-element-icon svg rect,.fld-element .fld-element-icon svg circle,.fld-element .fld-element-icon svg ellipse,.fld-element .fld-element-icon svg line,.fld-element .fld-element-icon svg polyline,.fld-element .fld-element-icon svg polygon,.fld-element .fld-element-icon svg path,.fld-element .fld-element-icon svg text{fill:var(--ui-control-color);stroke-width:0}.fld-element .field-name{flex:1;overflow:hidden}.fld-element .field-name .fld-element-label,.fld-element .field-name .fld-attribute{flex:1;display:flex;align-items:center}.fld-element .field-name .fld-element-label h4,.fld-element .field-name .fld-attribute .smalltext{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fld-element .field-name .fld-element-label h4{font-weight:normal;color:var(--text-color);margin:0}.fld-hr,.fld-br{display:flex;justify-content:center;padding:9px 10px}.fld-hr:before,.fld-br:before{position:absolute;display:block;top:calc(50% - 2px);left:10px;width:calc(100% - 20px);height:4px;content:\"\";font-size:0;border-radius:2px}.fld-hr .smalltext,.fld-br .smalltext{position:relative;background-color:var(--gray-100);border-radius:8px;padding:1px 7px}.fld-hr:before{background-color:var(--gray-100)}.fld-br:before{background-image:repeating-linear-gradient(to right, var(--gray-100), var(--gray-100) 5.2631578947%, transparent 5.2631578947%, transparent 10.5263157895%, var(--gray-100) 10.5263157895%)}.fld-element-settings-body{flex:1;margin:-24px var(--neg-padding) 0;padding:24px var(--padding);overflow:hidden auto;position:relative}.fld-element-settings-footer{position:relative;display:flex;flex-direction:row;margin:0 var(--neg-padding) -24px;padding:var(--padding);background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);background-color:var(--gray-050);z-index:3}.fld-element-settings-footer:focus{box-shadow:var(--focus-ring)}.fld-element-settings-footer>.ee-site-select{flex:1}body.ltr .fld-element-settings-footer>.btn{margin-left:5px}body.rtl .fld-element-settings-footer>.btn{margin-right:5px}body.ltr .fld-element-settings-footer>.spinner{margin:0 var(--neg-padding) 0 0}body.rtl .fld-element-settings-footer>.spinner{margin:0 0 0 var(--neg-padding)}html.noscroll,html.noscroll body{overflow:hidden;height:100%}.modal.imageeditor{background-color:var(--gray-900);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;--focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)), 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);opacity:0;user-select:none}.modal.imageeditor.modal{border-radius:0}.modal.imageeditor.modal .body:after{display:none}.modal.imageeditor .btn:not(.submit):not(.noborder){background-color:var(--gray-600);color:var(--white)}.modal.imageeditor .btn:not(.submit):not(.noborder):hover{background-color:var(--gray-700)}.modal.imageeditor .btn:not(.submit):not(.noborder).active{background-color:var(--gray-800)}.modal.imageeditor .icon::before{width:24px;height:24px;margin-top:-4px;margin-left:-3px;display:inline-block;content:\"\"}.modal.imageeditor .icon.rotate-left::before{background-image:url(../images/image-editor/rotate-left.svg)}.modal.imageeditor .icon.rotate-right::before{background-image:url(../images/image-editor/rotate-right.svg)}.modal.imageeditor .icon.flip-vertical::before{background-image:url(../images/image-editor/flip-vertical.svg)}.modal.imageeditor .icon.flip-horizontal::before{background-image:url(../images/image-editor/flip-horizontal.svg)}.modal.imageeditor .icon.constraint::before{background-image:url(../images/image-editor/unconstrained.svg)}.modal.imageeditor .icon.focal-point::before{background-image:url(../images/image-editor/focal-point.svg)}.modal.imageeditor .body{display:flex;padding:0}.modal.imageeditor input{color:var(--text-color)}.modal.imageeditor .body .tabs{border-right:1px solid var(--gray-1000)}.modal.imageeditor .body .tabs ul{width:100px;flex-direction:column;align-items:stretch}.modal.imageeditor .body .tabs ul li{position:relative;padding:14px;text-align:center;border-bottom:1px solid var(--gray-1000);cursor:pointer}.modal.imageeditor .body .tabs ul li::before{position:absolute;top:0;content:\"\";width:0;height:100%;background-color:currentColor}body.ltr .modal.imageeditor .body .tabs ul li::before{left:0}body.rtl .modal.imageeditor .body .tabs ul li::before{right:0}.modal.imageeditor .body .tabs ul li.selected{background-color:#151c23}.modal.imageeditor .body .tabs ul li.selected::before{width:2px}.modal.imageeditor .body .tabs ul li i{background-repeat:no-repeat;background-position:top center;display:block;height:24px}.modal.imageeditor .body .tabs ul li[data-view=rotate] i{background-image:url(../images/image-editor/rotate-left.svg)}.modal.imageeditor .body .tabs ul li[data-view=crop] i{background-image:url(../images/image-editor/crop.svg)}.modal.imageeditor .body .tabs ul li[data-view=filters] i{background-image:url(../images/image-editor/filters.svg)}.modal.imageeditor .body .tabs ul li:hover{background-color:#1b242c}.modal.imageeditor .body .tabs ul li:hover{cursor:pointer}.modal.imageeditor .body .views{padding:24px;overflow:auto}.modal.imageeditor .body .views .btngroup{margin-bottom:24px}.modal.imageeditor .body .views .filters ul{width:100px}.modal.imageeditor .body .views .filters ul li{text-align:center;margin-right:14px;margin-bottom:14px}.modal.imageeditor .body .views .filters ul li:last-child{margin-right:0}.modal.imageeditor .body .views .filters ul li img{border:3px solid rgba(0,0,0,0);border-radius:4px}.modal.imageeditor .body .views .filters ul li span{display:block}.modal.imageeditor .body .views .filters ul li:hover{cursor:pointer}.modal.imageeditor .body .views .filters ul li.selected img{border-color:var(--white)}.modal.imageeditor .body .image-container{flex-grow:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.modal.imageeditor .body .image-container .image{text-align:center;flex-grow:1;position:relative;margin:14px}.modal.imageeditor .body .image-container .image canvas{position:absolute;top:0;left:0}.modal.imageeditor .body .image-container .image-tools{text-align:center}.modal.imageeditor .body .image-container .image-tools .straightening{max-width:400px;min-height:3.75rem;display:block;margin:0 auto;overflow:hidden}.modal.imageeditor .footer{position:absolute;background-color:rgba(0,0,0,0);bottom:0;left:0;width:100%;border-top:1px solid #000}body.has-debug-toolbar .modal.imageeditor .footer{padding-bottom:50px}.modal.imageeditor .body .views .crop fieldset .heading{display:none}.modal.imageeditor .body .views .crop .custom-constraint-spacer{padding:0 var(--xs)}.modal.imageeditor .body .views .crop .constraint-group{display:grid;grid-gap:var(--xs)}body.ltr .modal.imageeditor .body .views .crop .custom{padding-left:21px}body.rtl .modal.imageeditor .body .views .crop .custom{padding-right:21px}.modal.imageeditor .body .views .crop .orientation{display:flex;align-items:center;justify-content:center}.modal.imageeditor .body .views .crop .orientation input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:center center;background-repeat:no-repeat;margin:0 4px;cursor:pointer}.modal.imageeditor .body .views .crop .orientation input[value=landscape]{width:30px;height:20px;background-image:url(../images/image-editor/orientation-landscape-unchecked.svg)}.modal.imageeditor .body .views .crop .orientation input[value=landscape]:checked{background-image:url(../images/image-editor/orientation-landscape-checked.svg)}.modal.imageeditor .body .views .crop .orientation input[value=portrait]{width:20px;height:30px;background-image:url(../images/image-editor/orientation-portrait-unchecked.svg)}.modal.imageeditor .body .views .crop .orientation input[value=portrait]:checked{background-image:url(../images/image-editor/orientation-portrait-checked.svg)}.modal.imageeditor.vertical .body .views .crop>.btngroup:first-child{justify-content:center}.modal.imageeditor:not(.vertical) .body .views .crop .constraint.custom{margin-top:var(--xs)}.vertical.imageeditor .body{flex-direction:column}.vertical.imageeditor .body .image-container{flex-basis:30vh;flex-shrink:0}.vertical.imageeditor .body .constraint-group{grid-template-columns:1fr 1fr}.vertical.imageeditor .body .tabs ul{display:flex;flex-direction:row;width:100%;border-top:1px solid #000;border-bottom:1px solid #000}.vertical.imageeditor .body .tabs ul li{flex-grow:1;border:0;border-right:1px solid #000;padding:10px 7px}.vertical.imageeditor .body .tabs ul li::before{top:unset;top:0;width:100%;height:0}.vertical.imageeditor .body .tabs ul li.selected::before{width:100%;height:2px}.vertical.imageeditor .body .views{width:auto}.vertical.imageeditor .body .views .rotate{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:-14px}.vertical.imageeditor .body .views .rotate .btngroup{margin:0 7px 14px}.vertical.imageeditor .body .views .filters ul{width:auto;height:109px;overflow:auto;white-space:nowrap;margin:0 -24px;margin-bottom:-24px;padding:24px;text-align:center}.vertical.imageeditor .body .views .filters ul li{display:inline-block;margin-bottom:0}.slide-rule{position:relative;padding:10px 0}.slide-rule:focus{box-shadow:none}body:not(.reduce-focus-visibility) .slide-rule:focus .cursor::after,body.reduce-focus-visibility .slide-rule:focus-visible .cursor::after{box-shadow:var(--focus-ring)}.slide-rule .cursor::after{content:\"\";width:1.25rem;height:3.125rem;position:absolute;top:-15px;left:50%;transform:translateX(-50%)}.slide-rule .cursor{position:absolute;margin-left:-0.25rem;margin-top:4px;left:50%;z-index:1;width:0;height:0;border-left:0.3125rem solid rgba(0,0,0,0);border-right:0.3125rem solid rgba(0,0,0,0);border-top:0.3125rem solid #63a6e1}.slide-rule .graduations{white-space:nowrap;height:40px;position:relative}.slide-rule .graduations ul{position:relative;float:left}.slide-rule .graduations ul li{display:inline-block;font-size:8px;position:relative;width:10px}.slide-rule .graduations ul li:not(.main-graduation){left:1px}.slide-rule .graduations ul li.main-graduation:before{border-left-width:3px}.slide-rule .graduations ul li.main-graduation .label{display:block;cursor:default}.slide-rule .graduations ul li.selected:before{border-left-color:#63a6e1}.slide-rule .graduations ul li:before{content:\"\";position:absolute;border-left:1px solid var(--white);height:10px;top:0px;left:0}.slide-rule .graduations ul li .label{width:20px;position:absolute;top:10px;left:-9px;display:none;text-align:center}.slide-rule .value{display:none;position:absolute;bottom:0;left:50%;z-index:1;box-sizing:border-box;padding:5px;width:50px;margin-left:-25px;background:var(--gray-600)}.slide-rule .overlay{z-index:2;position:absolute;top:0;right:0;bottom:1px;left:0;background-image:linear-gradient(to right, var(--gray-900) 0%, rgba(31, 41, 51, 0) 15%, rgba(31, 41, 51, 0) 85%, var(--gray-900) 100%)}.menu.dark{background-color:var(--gray-600);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.menu.dark ul li a{color:var(--white) !important}.menu.dark ul li a:not(.sel):not(.disabled):hover{background-color:var(--gray-700)}_:-ms-lang(x),.elements .tableview td.checkbox-cell input.checkbox+label,.elements .tableview td.checkbox-cell div.checkbox{top:16px}_:-ms-lang(x),input.checkbox+label:empty,div:empty.checkbox{display:block}.yii-debug-toolbar__title a{display:block !important}","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n:root {\n --white: #fff;\n --black: #000;\n\n --gray-050-hsl: 212, 60%, 97%;\n --gray-100-hsl: 212, 50%, 93%;\n --gray-200-hsl: 212, 30%, 85%;\n --gray-300-hsl: 211, 13%, 65%;\n --gray-350-hsl: 211, 11%, 59%;\n --gray-400-hsl: 210, 10%, 53%;\n --gray-500-hsl: 211, 12%, 43%;\n --gray-550-hsl: 210, 13%, 40%;\n --gray-600-hsl: 209, 14%, 37%;\n --gray-700-hsl: 209, 18%, 30%;\n --gray-800-hsl: 209, 20%, 25%;\n --gray-900-hsl: 210, 24%, 16%;\n --gray-1000-hsl: 210, 24%, 10%;\n\n --gray-050: hsl(var(--gray-050-hsl));\n --gray-100: hsl(var(--gray-100-hsl));\n --gray-200: hsl(var(--gray-200-hsl));\n --gray-300: hsl(var(--gray-300-hsl));\n --gray-350: hsl(var(--gray-350-hsl));\n --gray-400: hsl(var(--gray-400-hsl));\n --gray-500: hsl(var(--gray-500-hsl));\n --gray-550: hsl(var(--gray-550-hsl));\n --gray-600: hsl(var(--gray-600-hsl));\n --gray-700: hsl(var(--gray-700-hsl));\n --gray-800: hsl(var(--gray-800-hsl));\n --gray-900: hsl(var(--gray-900-hsl));\n --gray-1000: hsl(var(--gray-1000-hsl));\n\n --red-050: #fef2f2;\n --red-100: #fee2e2;\n --red-200: #fecaca;\n --red-300: #fca5a5;\n --red-400: #f87171;\n --red-500: #ef4444;\n --red-600: #dc2626;\n --red-700: #b91c1c;\n --red-800: #991b1b;\n --red-900: #7f1d1d;\n --red-950: #450a0a;\n\n --orange-050: #fff7ed;\n --orange-100: #ffedd5;\n --orange-200: #fed7aa;\n --orange-300: #fdba74;\n --orange-400: #fb923c;\n --orange-500: #f97316;\n --orange-600: #ea580c;\n --orange-700: #c2410c;\n --orange-800: #9a3412;\n --orange-900: #7c2d12;\n --orange-950: #431407;\n\n --amber-050: #fffbeb;\n --amber-100: #fef3c7;\n --amber-200: #fde68a;\n --amber-300: #fcd34d;\n --amber-400: #fbbf24;\n --amber-500: #f59e0b;\n --amber-600: #d97706;\n --amber-700: #b45309;\n --amber-800: #92400e;\n --amber-900: #78350f;\n --amber-950: #451a03;\n\n --yellow-050: #fefce8;\n --yellow-100: #fef9c3;\n --yellow-200: #fef08a;\n --yellow-300: #fde047;\n --yellow-400: #facc15;\n --yellow-500: #eab308;\n --yellow-600: #ca8a04;\n --yellow-700: #a16207;\n --yellow-750: #93580b;\n --yellow-800: #854d0e;\n --yellow-900: #713f12;\n --yellow-950: #422006;\n\n --lime-050: #f7fee7;\n --lime-100: #ecfccb;\n --lime-200: #d9f99d;\n --lime-300: #bef264;\n --lime-400: #a3e635;\n --lime-500: #84cc16;\n --lime-600: #65a30d;\n --lime-700: #4d7c0f;\n --lime-800: #3f6212;\n --lime-900: #365314;\n --lime-950: #1a2e05;\n\n --green-050: #f0fdf4;\n --green-100: #dcfce7;\n --green-200: #bbf7d0;\n --green-300: #86efac;\n --green-400: #4ade80;\n --green-500: #22c55e;\n --green-600: #16a34a;\n --green-700: #15803d;\n --green-800: #166534;\n --green-900: #14532d;\n --green-950: #052e16;\n\n --emerald-050: #ecfdf5;\n --emerald-100: #d1fae5;\n --emerald-200: #a7f3d0;\n --emerald-300: #6ee7b7;\n --emerald-400: #34d399;\n --emerald-500: #10b981;\n --emerald-600: #059669;\n --emerald-700: #047857;\n --emerald-800: #065f46;\n --emerald-900: #064e3b;\n --emerald-950: #022c22;\n\n --teal-050: #f0fdfa;\n --teal-100: #ccfbf1;\n --teal-200: #99f6e4;\n --teal-300: #5eead4;\n --teal-400: #2dd4bf;\n --teal-500: #14b8a6;\n --teal-550: #11a697;\n --teal-600: #0d9488;\n --teal-700: #0f766e;\n --teal-800: #115e59;\n --teal-900: #134e4a;\n --teal-950: #042f2e;\n\n --cyan-050: #ecfeff;\n --cyan-100: #cffafe;\n --cyan-200: #a5f3fc;\n --cyan-300: #67e8f9;\n --cyan-400: #22d3ee;\n --cyan-500: #06b6d4;\n --cyan-600: #0891b2;\n --cyan-700: #0e7490;\n --cyan-800: #155e75;\n --cyan-900: #164e63;\n --cyan-950: #083344;\n\n --sky-050: #f0f9ff;\n --sky-100: #e0f2fe;\n --sky-200: #bae6fd;\n --sky-300: #7dd3fc;\n --sky-400: #38bdf8;\n --sky-500: #0ea5e9;\n --sky-600: #0284c7;\n --sky-700: #0369a1;\n --sky-800: #075985;\n --sky-900: #0c4a6e;\n --sky-950: #082f49;\n\n --blue-050: #eff6ff;\n --blue-100: #dbeafe;\n --blue-200: #bfdbfe;\n --blue-300: #93c5fd;\n --blue-400: #60a5fa;\n --blue-500: #3b82f6;\n --blue-600: #2563eb;\n --blue-700: #1d4ed8;\n --blue-800: #1e40af;\n --blue-900: #1e3a8a;\n --blue-950: #172554;\n\n --indigo-050: #eef2ff;\n --indigo-100: #e0e7ff;\n --indigo-200: #c7d2fe;\n --indigo-300: #a5b4fc;\n --indigo-400: #818cf8;\n --indigo-500: #6366f1;\n --indigo-600: #4f46e5;\n --indigo-700: #4338ca;\n --indigo-800: #3730a3;\n --indigo-900: #312e81;\n --indigo-950: #1e1b4b;\n\n --violet-050: #f5f3ff;\n --violet-100: #ede9fe;\n --violet-200: #ddd6fe;\n --violet-300: #c4b5fd;\n --violet-400: #a78bfa;\n --violet-500: #8b5cf6;\n --violet-600: #7c3aed;\n --violet-700: #6d28d9;\n --violet-800: #5b21b6;\n --violet-900: #4c1d95;\n --violet-950: #2e1065;\n\n --purple-050: #faf5ff;\n --purple-100: #f3e8ff;\n --purple-200: #e9d5ff;\n --purple-300: #d8b4fe;\n --purple-400: #c084fc;\n --purple-500: #a855f7;\n --purple-600: #9333ea;\n --purple-700: #7e22ce;\n --purple-800: #6b21a8;\n --purple-900: #581c87;\n --purple-950: #3b0764;\n\n --fuchsia-050: #fdf4ff;\n --fuchsia-100: #fae8ff;\n --fuchsia-200: #f5d0fe;\n --fuchsia-300: #f0abfc;\n --fuchsia-400: #e879f9;\n --fuchsia-500: #d946ef;\n --fuchsia-600: #c026d3;\n --fuchsia-700: #a21caf;\n --fuchsia-800: #86198f;\n --fuchsia-900: #701a75;\n --fuchsia-950: #4a044e;\n\n --pink-050: #fdf2f8;\n --pink-100: #fce7f3;\n --pink-200: #fbcfe8;\n --pink-300: #f9a8d4;\n --pink-400: #f472b6;\n --pink-500: #ec4899;\n --pink-600: #db2777;\n --pink-700: #be185d;\n --pink-800: #9d174d;\n --pink-900: #831843;\n --pink-950: #500724;\n\n --rose-050: #fff1f2;\n --rose-100: #ffe4e6;\n --rose-200: #fecdd3;\n --rose-300: #fda4af;\n --rose-400: #fb7185;\n --rose-500: #f43f5e;\n --rose-600: #e11d48;\n --rose-700: #be123c;\n --rose-800: #9f1239;\n --rose-900: #881337;\n --rose-950: #4c0519;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n:root {\n --bg-color: $grey100;\n --bg-color-hsl: #{hue($grey100)}, #{saturation($grey100)},\n #{lightness($grey100)};\n\n // submit button colors\n --primary-color: var(--red-500);\n --secondary-color: var(--gray-500);\n\n --input-color: hsl(212, 25%, 50%);\n\n // text colors\n --text-color: var(--gray-700);\n --medium-dark-text-color: var(--gray-550);\n --medium-text-color: var(--gray-550);\n --light-text-color: var(--gray-500);\n --link-color: #1f5fea;\n\n // font styles\n --font-weight-bold: 700;\n\n // menu colors\n --menu-option-color: var(--text-color);\n --menu-option-active-color: var(--white);\n --menu-option-active-background-color: var(--dark-sel-color);\n\n // hairline colors\n --hairline-color: #{transparentize(hsl(209, 20%, 25%), 0.9)};\n --medium-hairline-color: #{transparentize(hsl(209, 14%, 37%), 0.75)};\n --dark-hairline-color: #{transparentize(hsl(210, 10%, 53%), 0.5)};\n\n // focus colors\n --light-focus-color: var(--blue-300);\n --medium-focus-color: var(--blue-500);\n --dark-focus-color: #0f74b1;\n\n // focus rings\n --light-focus-ring: 0 0 0 1px #5ed0fa,\n 0 0 0 3px #{transparentize(#5ed0fa, 0.3)};\n --medium-focus-ring: 0 0 0 1px #2bb0ed,\n 0 0 0 3px #{transparentize(#2bb0ed, 0.3)};\n --dark-focus-ring: 0 0 0 1px #0f74b1,\n 0 0 0 3px #{transparentize(#0f74b1, 0.3)};\n\n // selection colors\n --light-sel-color: var(--gray-200);\n --dark-sel-color: var(--gray-500);\n\n // alert/notice colors\n --error-color: #d81e23;\n --warning-color: var(--yellow-800);\n --success-color: var(--teal-700);\n --notice-color: var(--blue-800);\n\n // status colors\n --enabled-color: var(--teal-550);\n --pending-color: var(--yellow-700);\n --disabled-color: var(--red-600);\n\n // misc colors\n --indicator-border-color: var(--yellow-700);\n --indicator-icon-color: var(--yellow-700);\n\n // UI element styles\n --small-border-radius: 3px;\n --medium-border-radius: 4px;\n --large-border-radius: 5px;\n\n --menu-border-radius: var(--medium-border-radius);\n --checkbox-size: 16px;\n --radio-size: 16px;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n@mixin striped-bg($size, $color: $grey100) {\n // h/t https://css-tricks.com/stripes-css/\n $halfSize: $size * 0.5;\n body.ltr & {\n background: repeating-linear-gradient(\n 135deg,\n var(--white),\n var(--white) $halfSize,\n $color $halfSize,\n $color $size\n );\n }\n body.rtl & {\n background: repeating-linear-gradient(\n 45deg,\n var(--white),\n var(--white) $halfSize,\n $color $halfSize,\n $color $size\n );\n }\n}\n\n@font-face {\n font-family: 'Craft';\n src: url('../fonts/Craft.woff') format('woff'),\n url('../fonts/Craft.ttf') format('truetype'),\n url('../fonts/Craft.svg#Craft') format('svg');\n font-weight: normal;\n font-style: normal;\n}\n\n/* ----------------------------------------\n/* Basic stuff\n/* ----------------------------------------*/\n\n:root {\n --ui-control-color: var(--gray-550);\n --ui-control-hover-color: var(--gray-600);\n --ui-control-active-color: var(--gray-700);\n --ui-control-bg-color: #{transparentize($inputColor, 0.75)};\n --ui-control-hover-bg-color: #{transparentize($inputColor, 0.7)};\n --ui-control-active-bg-color: #{transparentize($inputColor, 0.5)};\n --ui-control-border-radius: var(--large-border-radius);\n --ui-control-height: calc((34rem / 16)); // 1rem == 16px\n --icon-opacity: 0.8;\n --light-focus-hsl: #{hue($lightFocusColor)}, #{saturation($lightFocusColor)},\n #{lightness($lightFocusColor)};\n --medium-focus-hsl: #{hue($mediumFocusColor)},\n #{saturation($mediumFocusColor)}, #{lightness($mediumFocusColor)};\n --dark-focus-hsl: #{hue($darkFocusColor)}, #{saturation($darkFocusColor)},\n #{lightness($darkFocusColor)};\n --focus-ring: 0 0 0 1px hsl(var(--dark-focus-hsl)),\n 0 0 0 3px hsla(var(--dark-focus-hsl), 0.8);\n --inner-focus-ring: inset 0 0 0 1px hsl(var(--dark-focus-hsl)),\n inset 0 0 0 3px hsla(var(--dark-focus-hsl), 0.7);\n --touch-target-size: 24px; /* Minimum recommended touch target size */\n --elements-busy-top-position: calc(50% - var(--size, 20px) / 2);\n --lh: 1.42em;\n}\n\nbody,\nhtml {\n box-shadow: var(--light-focus-ring);\n background-color: var(--gray-100);\n}\n\nhtml.noscroll,\nhtml.noscroll body {\n overflow: hidden;\n}\n\nbody {\n width: 100vw;\n overflow-x: hidden;\n @include fontSize(14);\n line-height: var(--lh);\n color: var(--text-color);\n -webkit-font-smoothing: subpixel-antialiased;\n}\n\nbody.rtl {\n direction: rtl;\n}\n\nbody,\ninput,\nselect,\ntextarea {\n @include sans-serif-font;\n}\n\n.first,\nh1:first-child,\nh2:first-child,\nh3:first-child,\nh4:first-child,\nh5:first-child,\nh6:first-child,\np:first-child,\nblockquote:first-child,\nhr:first-child,\n.pane:first-child,\n.grid:first-child,\nfieldset:first-child,\n.field:first-child,\n.toolbar:first-child,\n.buttons:first-child,\n.condition-container:first-child {\n margin-top: 0 !important;\n}\n\n.last,\nh1:last-child,\nh2:last-child,\nh3:last-child,\nh4:last-child,\nh5:last-child,\nh6:last-child,\np:last-child,\nblockquote:last-child,\n.pane:last-child,\n.grid:last-child,\n.meta:last-child,\nfieldset:last-child,\n.field:last-child,\n.toolbar:last-child,\n.buttons:last-child,\n.condition-container:last-child {\n margin-bottom: 0 !important;\n}\n\n.no-scroll {\n overflow: hidden !important;\n}\n\n.draghelper {\n box-sizing: border-box;\n list-style-type: none;\n}\n\n.offset-drag-helper {\n transition: margin linear 200ms, padding linear 200ms;\n}\n\nbody.dragging.ltr .offset-drag-helper {\n margin: -50px 0 0 -50px;\n padding: 60px 0 0 60px;\n}\n\nbody.dragging.rtl .offset-drag-helper {\n margin: -50px -50px 0 0;\n padding: 60px 60px 0 0;\n}\n\nimg {\n max-width: 100%;\n}\n\n.text,\ntable.editable textarea {\n body.rtl .ltr & {\n text-align: left !important;\n direction: ltr !important;\n }\n\n body.ltr .rtl & {\n text-align: right !important;\n direction: rtl !important;\n }\n}\n\n/* icons */\n.icon:before,\n.menu ul.padded li a.sel:before,\n.menu .flex.padded.sel:before,\n.texticon:before,\n#help:before,\n.secure:before,\n.insecure:before,\n.go:after,\n.required:after,\n.preview-btn:before,\n.view-btn:before,\n[data-icon]:before,\n[data-icon-after]:after {\n @include icon;\n}\n\n.badge-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 17px;\n height: 17px;\n box-sizing: border-box;\n border: 1px solid var(--indicator-border-color);\n border-radius: var(--small-border-radius);\n color: var(--indicator-icon-color);\n font-size: 9px;\n}\n\n.secure:before,\n.insecure:before {\n margin-top: -3px;\n font-size: 14px;\n}\n\n[data-icon]:before {\n content: attr(data-icon);\n}\n\n[data-icon-after]:after {\n content: attr(data-icon-after);\n}\n\nbody.rtl [data-icon='list']:before,\nbody.rtl [data-icon-after='list']:after {\n content: 'listrtl';\n}\n\nbody.rtl [data-icon='structure']:before,\nbody.rtl [data-icon-after='structure']:after {\n content: 'structurertl';\n}\n\n.icon.secure:before {\n content: 'secure';\n}\n\n.icon.insecure:before {\n content: 'insecure';\n}\n\n.icon.add:before {\n content: 'plus';\n}\n\n.icon.edit:before {\n content: 'edit';\n}\n\n.icon.settings:before {\n content: 'settings';\n}\n\n.icon.search:before {\n content: 'search';\n}\n\n.icon.expand:before {\n content: 'expand';\n}\n\n.icon.collapse:before {\n content: 'collapse';\n}\n\n.help:before {\n content: 'help';\n color: var(--pink-400);\n}\n\n.preview-btn,\n.view-btn {\n &:before {\n @include margin-right(var(--xs));\n }\n}\n\n.preview-btn:before {\n margin-top: -2px;\n content: 'view';\n}\n\n.view-btn:before {\n body.ltr & {\n content: 'share';\n }\n body.rtl & {\n content: 'shareleft';\n }\n}\n\n/* headings */\nh1,\n.h1 {\n margin-bottom: 24px;\n font-size: 18px;\n font-weight: bold;\n line-height: 1.2;\n}\n\nh2,\n.h2 {\n margin: 14px 0;\n font-size: 16px;\n font-weight: bold;\n line-height: 1.2;\n}\n\nh3,\n.h3 {\n margin: 14px 0;\n font-weight: bold;\n line-height: 1.2;\n}\n\nh4,\n.h4 {\n margin: 14px 0;\n font-weight: bold;\n line-height: 1.2;\n color: var(--medium-text-color);\n}\n\nh5,\n.h5 {\n margin: 14px 0 3px;\n line-height: 1.2;\n color: var(--medium-text-color);\n}\n\nh6,\n.h6 {\n @include h6-styles;\n}\n\nh1[data-icon]:before {\n @include margin(-8px, 10px, 0, 0);\n}\n\nh2[data-icon]:before {\n @include margin(-4px, 6px, 0, 0);\n font-size: 19px;\n}\n\n/* horizontal rule */\nhr {\n margin: 24px 0;\n border: none;\n border-top: 1px solid var(--hairline-color);\n height: 0;\n color: transparent;\n}\n\n.pane hr {\n margin: 24px -24px;\n}\n\n/* paragraphs */\np {\n margin: 1em 0;\n}\n\nh5 + p {\n margin-top: 0;\n}\n\nsup {\n vertical-align: super;\n font-size: smaller;\n}\n\nsub {\n vertical-align: sub;\n font-size: smaller;\n}\n\n.indent {\n @include margin-left(14px);\n}\n\n/* lists */\n.bullets {\n @include padding-left(40px);\n list-style-type: square;\n}\n\nol {\n @include padding-left(40px);\n list-style-type: decimal;\n}\n\n/* code */\ncode,\n.code,\n.code input,\n.code textarea {\n @include fixed-width-font;\n\n &.smalltext {\n font-size: 0.8em !important;\n }\n}\n\npre code {\n display: block;\n overflow-x: auto;\n}\n\n/* links */\na {\n color: var(--link-color);\n cursor: pointer;\n\n &[aria-current] {\n cursor: default;\n }\n\n body.underline-links &,\n &:hover {\n text-decoration: underline;\n }\n}\n\na:not([href]) {\n color: inherit;\n cursor: inherit;\n\n body.underline-links &,\n &:hover {\n text-decoration: none;\n }\n}\n\na.iconlink {\n &:before {\n width: 16px;\n @include margin-right(var(--xs));\n }\n}\n\na.sel,\nli.sel a {\n cursor: default !important;\n text-decoration: none;\n}\n\n.go:after {\n font-size: 11px;\n margin-top: -1px;\n @include padding-left(4px);\n color: var(--link-color);\n opacity: 0.9;\n body.ltr & {\n content: 'circlerarr';\n }\n body.rtl & {\n content: 'circlelarr';\n }\n}\n\na [data-icon='external'] {\n @include margin-left(var(--xs));\n}\n\nbutton {\n cursor: pointer;\n}\n\n/* revision button */\n.context-btn.disabled {\n opacity: 1;\n color: var(--medium-dark-text-color);\n background-color: transparentize($grey200, 0.5) !important;\n}\n\n/* status icons */\n.checkmark-icon,\n.alert-icon {\n padding: 5px;\n margin-bottom: 0 !important;\n line-height: 10px;\n border-radius: 20px;\n cursor: pointer;\n\n &:before {\n @include icon;\n }\n}\n\n.checkmark-icon {\n p & {\n display: inline-block;\n }\n\n background-color: var(--gray-200);\n\n &:before {\n content: 'check';\n color: var(--success-color);\n }\n}\n\n.alert-icon {\n background-color: var(--gray-200);\n\n &:before {\n content: 'alert';\n color: var(--error-color);\n }\n}\n\n.menu.revision-menu {\n padding: 10px 24px;\n\n hr {\n margin: 10px -24px;\n }\n\n ul {\n li {\n &.sel {\n margin: 0 -14px;\n padding: 0 14px;\n background: var(--gray-050);\n border-radius: var(--large-border-radius);\n\n .edited-desc {\n display: flex;\n align-items: center;\n @include margin-left(10px);\n border-top: 1px solid var(--hairline-color);\n padding: 10px 0;\n color: var(--light-text-color);\n white-space: normal;\n\n p {\n margin: 0;\n }\n\n .btn {\n @include margin-left(14px);\n }\n }\n }\n\n a {\n padding-top: 7px;\n border-radius: var(--large-border-radius);\n }\n }\n }\n\n .extralight {\n margin-top: 2px;\n }\n}\n\n.revision-status-hud {\n max-width: 400px;\n\n .http-error {\n border-radius: var(--medium-border-radius);\n border: 1px solid var(--hairline-color);\n color: var(--light-text-color);\n background-color: var(--gray-050);\n padding: 7px 14px;\n }\n}\n\n.draft-notice {\n display: flex;\n align-items: center;\n align-content: stretch;\n justify-content: center;\n gap: var(--s);\n color: var(--blue-800);\n\n #content-notice & {\n display: inline-flex;\n justify-content: flex-start;\n }\n\n .so-notice > & {\n @include margin(\n calc(var(--s) * -1),\n 0,\n calc(var(--s) * -1),\n calc(var(--xl) * -1)\n );\n @include padding(var(--s), 0, var(--s), var(--xl));\n @include border-bottom-left-radius(var(--large-border-radius));\n\n body.ltr & {\n background-image: linear-gradient(\n to bottom right,\n transparentize($blue600, 0.8),\n transparentize($blue600, 1) 50%\n );\n }\n body.rtl & {\n background-image: linear-gradient(\n to left,\n transparentize($blue600, 0.8),\n transparentize($blue600, 1)\n );\n }\n }\n\n p {\n flex: 1;\n margin: 0;\n }\n\n .draft-icon {\n position: relative;\n flex-shrink: 0;\n width: 34px;\n height: 34px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 100%;\n border: 2px solid transparentize($blue800, 0.8);\n box-sizing: border-box;\n box-shadow: 0 1px 1px 1px var(--white);\n\n &:before {\n position: relative;\n left: 1px;\n color: var(--blue-800) !important;\n font-size: 18px;\n }\n\n &:after {\n content: '';\n font-size: 0;\n position: absolute;\n top: -2px;\n left: -2px;\n right: -2px;\n bottom: -2px;\n border-radius: 100%;\n box-shadow: inset 0 2px 0 transparentize($blue900, 0.8);\n }\n }\n\n .discard-changes-btn {\n @include margin-left(var(--xs));\n background-color: transparent !important;\n color: var(--blue-800) !important;\n border: 2px solid var(--blue-600);\n\n &:hover,\n &:focus {\n border-color: darken($blue600, 5%);\n }\n\n &:active {\n border-color: darken($blue600, 10%);\n }\n }\n}\n\n/* toggles */\nbutton.toggle {\n appearance: none;\n color: inherit;\n background: none;\n border: none;\n padding: 0;\n}\n\n.toggle:before,\na.fieldtoggle:before {\n @include angle(right);\n transition: transform linear 100ms;\n}\n\n.toggle.expanded:before,\na.fieldtoggle.expanded:before,\n.sidebar nav li.expanded > .toggle:before,\n.structure li:not(.collapsed) > .row > .toggle:before {\n transform: rotate(45deg) !important;\n}\n\na.fieldtoggle {\n display: block;\n position: relative;\n margin: 14px 0;\n @include padding-left(12px);\n color: var(--text-color);\n text-decoration: none;\n}\n\na.fieldtoggle:before {\n display: block;\n position: absolute;\n top: 7px;\n @include left(-1px);\n}\n\n/* emphasis */\nem,\ni {\n font-style: italic;\n}\nul.errors em {\n font-style: normal;\n}\n\nstrong,\nb,\ni em {\n font-weight: bold;\n}\n\n/* readable blocks */\n.readable {\n @include readable;\n}\n\n/* text styles */\n.leftalign {\n @include alignleft;\n}\n\n.topalign {\n vertical-align: top;\n}\n\n.rightalign {\n @include alignright;\n}\n\n.centeralign {\n text-align: center !important;\n}\n\n.nowrap {\n white-space: nowrap;\n}\n\n.break-word {\n word-wrap: break-word;\n}\n\n.light {\n color: var(--medium-text-color) !important;\n font-weight: normal;\n}\n\n.extralight {\n color: var(--light-text-color) !important;\n}\n\n.smalltext {\n font-size: 12px;\n line-height: 1.2;\n}\n\n.largetext {\n font-size: 16px;\n line-height: 1.2;\n}\n\n.zilch {\n padding: 100px 0;\n text-align: center;\n font-size: 20px;\n line-height: 24px;\n color: var(--light-text-color);\n\n &.small {\n padding: 24px 0;\n font-size: 16px;\n }\n}\n\ninput.checkbox + label.smalltext {\n padding-top: 2px;\n}\n\n.required:after {\n content: 'asterisk';\n @include margin(-2px, 0, 0, 5px);\n font-size: 7px;\n color: var(--error-color);\n}\n\n.scrollpane {\n overflow: auto;\n}\n\n.left {\n @include floatleft;\n}\n\n.right {\n @include floatright;\n}\n\nth,\ntd {\n @include alignleft;\n vertical-align: middle;\n}\n\nbody.ltr table[dir='rtl'] {\n th,\n td {\n text-align: right;\n }\n}\nbody.rtl table[dir='ltr'] {\n th,\n td {\n text-align: left;\n }\n}\n\nth.right,\ntd.right {\n float: none;\n @include alignright;\n}\n\n.clear {\n display: block;\n clear: both;\n height: 0;\n}\n\n.fullwidth {\n width: 100%;\n}\n\n.token {\n @include token-styles;\n}\n\n.token[data-name='*'] {\n position: relative;\n width: 10px;\n}\n\n.token[data-name='*'] span {\n opacity: 0;\n}\n\n.token[data-name='*']:before {\n @include icon;\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n font-size: 9px;\n line-height: 17px;\n content: 'asterisk';\n text-indent: 0;\n}\n\n.token:focus {\n @include active-token-styles;\n}\n\n// Override .token for Prism\n.highlight {\n .token {\n display: inline;\n border: none;\n border-radius: 0;\n padding: 0;\n font-size: inherit;\n line-height: inherit;\n text-shadow: none;\n background: transparent;\n box-shadow: none;\n }\n}\n\n.pane.highlight {\n pre[class*='language-'] {\n overflow: visible;\n\n & > code.diff-highlight .token:not(.prefix) {\n margin: 0 -24px;\n padding: 0 24px;\n }\n }\n}\n\n.success {\n color: var(--success-color) !important;\n}\n\n.notice,\n.warning {\n &.with-icon,\n .icon {\n &:before {\n @include margin(-2px, 2px, 0, 0);\n @include icon;\n width: 1em;\n }\n }\n\n &.has-icon {\n display: flex;\n flex-wrap: nowrap;\n align-items: flex-start;\n\n .icon {\n flex-shrink: 1;\n }\n }\n}\n\n.notice {\n color: var(--notice-color) !important;\n a {\n text-decoration: underline;\n }\n\n &.with-icon,\n .icon {\n &:before {\n content: 'lightbulb';\n }\n }\n}\n\n.warning {\n color: var(--warning-color) !important;\n\n &.with-icon,\n .icon {\n &:before {\n content: 'alert';\n }\n }\n}\n\n.error {\n color: var(--error-color) !important;\n}\n\n.icon.move:not(.disabled) {\n cursor: move;\n}\n\n.icon.move:before {\n content: 'move';\n color: var(--ui-control-color);\n}\n\n.icon.move:not(.disabled):hover:before {\n color: var(--link-color);\n}\n\n.icon.delete {\n display: inline-block;\n line-height: inherit;\n\n &:before {\n content: 'remove';\n color: var(--ui-control-color);\n }\n\n &:not(.disabled) {\n cursor: pointer;\n\n &:hover:before {\n color: var(--disabled-color);\n }\n\n &:active:before {\n color: var(--red-800);\n }\n }\n}\n\n.hidden {\n display: none !important;\n}\n\n// Visually hide without hiding from screen readers\n.visually-hidden {\n @include visually-hidden;\n}\n\n.invisible {\n visibility: hidden;\n}\n\n.clearafter:after {\n @include clearafter;\n}\n\n.info {\n vertical-align: bottom;\n display: inline-block;\n width: 1em;\n height: 1.375em;\n text-align: center;\n cursor: pointer;\n overflow: hidden;\n\n &:before {\n @include icon;\n vertical-align: baseline;\n width: 100%;\n line-height: 1.375;\n color: var(--ui-control-color);\n }\n\n &:not(.warning) {\n &:before {\n content: 'info';\n }\n &:hover:before {\n color: var(--link-color);\n }\n }\n\n &.warning {\n &:before {\n content: 'alert';\n }\n &:hover:before {\n color: var(--warning-color);\n }\n }\n}\n\n.info-hud {\n table {\n max-width: 280px;\n table-layout: auto;\n }\n\n td {\n word-wrap: break-word;\n width: 100%;\n }\n}\n\n@media (max-width: 450px) {\n .info-hud {\n table {\n table-layout: fixed;\n width: 100%;\n }\n }\n}\n\n/* ----------------------------------------\n/* Content\n/* ----------------------------------------*/\n\n.content {\n position: relative;\n}\n\n.content:after {\n @include clearafter;\n}\n\n.customize-sources-modal {\n @include padding-left(200px);\n overflow: visible !important;\n\n & > .cs-sidebar {\n position: absolute;\n top: 0;\n @include left(0);\n margin: 0;\n padding: 10px 0;\n border: none;\n width: 200px;\n height: calc(100% - 50px);\n box-sizing: border-box;\n background-color: var(--gray-050);\n overflow: auto;\n box-shadow: inset -1px 0 0 var(--hairline-color);\n @include border-top-left-radius(var(--large-border-radius));\n\n & > .btn {\n @include margin(10px, 0, 0, 14px);\n display: block;\n width: calc(100% - 28px);\n }\n }\n\n &.sidebar-hidden {\n @include padding-left(0);\n\n & > .cs-sidebar {\n display: none;\n }\n }\n\n & > .source-settings {\n position: relative;\n height: calc(100% - 50px);\n box-sizing: border-box;\n padding: 24px;\n overflow: auto;\n }\n\n & > .footer {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n }\n}\n\n.customize-sources-item {\n --selected-item-color: var(--white);\n display: flex;\n width: calc(100% - 1px);\n box-sizing: border-box;\n align-items: center;\n position: relative;\n margin-top: -1px;\n background-color: var(--gray-100);\n border: solid var(--hairline-color);\n border-width: 1px 0;\n user-select: none;\n cursor: default;\n\n & + .customize-sources-item {\n &.heading {\n margin-top: 10px;\n }\n\n &:not(.heading) {\n border-top: 1px solid var(--hairline-color);\n }\n }\n\n &.sel {\n @include light-focus-ring;\n --ui-control-color: var(--selected-item-color);\n background-color: var(--dark-sel-color);\n color: var(--selected-item-color);\n z-index: 1;\n }\n\n .label {\n flex: 1;\n }\n\n &.heading {\n .label {\n text-transform: uppercase;\n color: var(--light-text-color);\n font-size: 12px;\n font-weight: bold;\n }\n\n &.sel .label {\n color: var(--selected-item-color);\n }\n }\n}\n\n.customize-sources-item__move {\n position: absolute;\n top: 50%;\n @include right(0);\n transform: translate(-50%, -50%);\n justify-content: center;\n align-items: center;\n\n &.icon {\n display: flex;\n text-decoration: none;\n }\n}\n\n.customize-sources-item__btn {\n padding: 8px 14px;\n @include padding-right(30px);\n margin: 3px;\n}\n\n.checkbox-select-item {\n display: flex;\n align-items: flex-start;\n align-content: stretch;\n margin-bottom: 4px;\n\n .move {\n margin-top: -3px;\n @include margin-right(10px);\n position: relative;\n z-index: 1;\n }\n}\n\nul.path {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n flex-wrap: wrap;\n\n li {\n display: inline-flex;\n align-items: center;\n\n &:not(:last-child):after {\n @include margin(0, 5px, 0, 2px);\n @include angle(right, var(--light-text-color), 1px);\n }\n }\n}\n\n/* ----------------------------------------\n/* Icon lists\n/* ----------------------------------------*/\n\nul.icons {\n margin-top: 20px;\n display: flex;\n flex-wrap: wrap;\n\n li {\n margin: 0 4px 10px 0;\n\n a {\n display: block;\n position: relative;\n padding: 60px 5px 10px;\n width: 110px;\n text-align: center;\n color: var(--text-color);\n border-radius: 4px;\n border: 1px solid var(--white);\n\n &:before {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n font-size: 40px;\n line-height: 60px;\n }\n\n .icon {\n img,\n svg {\n width: 40px;\n height: 40px;\n position: absolute;\n top: 12px;\n left: calc(50% - 20px);\n }\n\n &.icon-mask svg {\n @include svg-mask(var(--text-color));\n }\n }\n\n &:hover {\n text-decoration: none;\n background-color: var(--gray-050);\n border-color: var(--gray-100);\n\n .icon.icon-mask svg {\n @include svg-mask(var(--link-color));\n }\n }\n }\n }\n}\n\n@media only screen and (max-width: 380px) {\n ul.icons li a {\n width: 96px;\n }\n}\n\n@media only screen and (max-width: 320px) {\n ul.icons li a {\n width: 75px;\n }\n}\n\n/* ----------------------------------------\n/* Buttons\n/* ----------------------------------------*/\n\n.toolbar {\n position: relative;\n margin-bottom: var(--s);\n min-height: 34px;\n\n &.flex,\n .flex {\n align-items: flex-start;\n }\n\n .text {\n border-radius: var(--large-border-radius) !important;\n }\n}\n\n.flex {\n display: flex;\n align-items: center;\n align-content: stretch;\n gap: var(--s);\n\n &:not(.flex-nowrap) {\n flex-wrap: wrap;\n }\n\n & > * {\n &.label {\n white-space: nowrap;\n }\n }\n\n .centeralign & {\n justify-content: center;\n }\n}\n\n.inline-flex {\n display: inline-flex;\n align-items: center;\n align-content: stretch;\n gap: var(--s);\n}\n\n.gap-xs {\n gap: var(--xs);\n}\n\n.gap-s {\n gap: var(--s);\n}\n\n.gap-m {\n gap: var(--m);\n}\n\n.gap-l {\n gap: var(--l);\n}\n\n.gap-xl {\n gap: var(--xl);\n}\n\n.flex-grow {\n flex: 1;\n max-width: 100%;\n}\n\n.flex-justify {\n justify-content: space-between;\n}\n\n.flex-justify-start {\n justify-content: flex-start;\n}\n\n.flex-justify-end {\n justify-content: flex-end;\n}\n\n.flex-justify-center {\n justify-content: center;\n}\n\n.flex-start {\n align-items: flex-start;\n}\n\n.flex-end {\n align-items: flex-end;\n}\n\n.flex-center {\n align-items: center;\n}\n\n.flex-stretch {\n align-items: stretch;\n}\n\n.spacer {\n width: 14px;\n}\n\n.buttons {\n display: flex;\n gap: 7px;\n position: relative;\n margin: 24px 0;\n align-items: center;\n\n .hud-footer > &,\n .footer > & {\n margin: 0;\n }\n}\n\n.btn {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--ui-control-border-radius);\n padding: 7px 14px;\n border: none;\n text-align: center;\n white-space: nowrap;\n user-select: none;\n box-sizing: border-box;\n appearance: none;\n color: currentColor;\n font-size: inherit;\n background-color: var(--ui-control-bg-color);\n\n &:not([aria-current]) {\n cursor: pointer;\n }\n\n &.chromeless {\n background-color: transparent;\n height: auto;\n padding: 0;\n\n &:hover,\n &:active,\n &:focus {\n background-color: transparent;\n }\n\n &:hover,\n &:active {\n text-decoration: underline;\n }\n }\n\n &.wrap {\n height: auto;\n min-height: 34px;\n white-space: initial;\n text-align: left;\n }\n\n &:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not(\n [aria-current]\n ) {\n &:focus,\n &.focus,\n &:hover {\n --ui-control-bg-color: var(--ui-control-hover-bg-color);\n }\n\n &:active,\n &.active {\n --ui-control-bg-color: var(--ui-control-active-bg-color);\n }\n }\n\n &[type='color'] {\n padding: 6px !important;\n width: 36px;\n }\n\n &.active,\n &.loading {\n cursor: default;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n &[data-icon]:not(:empty):not(.btn-empty):before,\n &.icon:not(:empty):not(.btn-empty):before,\n &.menubtn[data-icon]:empty:before,\n &.menubtn[data-icon].btn-empty:before,\n &.menubtn.icon:empty:before,\n &.menubtn.icon.btn-empty:before {\n @include margin-right(5px);\n }\n\n &:not(.loading) .spinner {\n display: none;\n }\n\n &.loading {\n &:before,\n &:after,\n .label {\n visibility: hidden;\n }\n }\n\n div.checkbox {\n margin-top: 2px;\n }\n\n [data-icon] {\n margin-top: -2px;\n @include margin-right(4px);\n\n &.light:before {\n color: var(--gray-300);\n }\n }\n}\n\n.disabled {\n opacity: 0.25;\n pointer-events: none;\n user-select: none;\n}\n\n.btn,\n.spinner {\n height: var(--ui-control-height);\n}\n\n.btn[data-icon-after]:not(:empty):not(.btn-empty):after,\n.menu-toggle:not(:empty):not(.btn-empty):after,\n.menubtn:not(:empty):not(.btn-empty):after,\n.menubtn.icon:after {\n @include margin-left(6px);\n}\n\n.btn[data-icon]:before,\n.btn[data-icon-after]:after,\n.btn.icon:before {\n position: relative;\n}\n\n.btn.small[data-icon]:before,\n.btn.small[data-icon-after]:after,\n.btn.icon.small:before {\n font-size: 10px;\n}\n\n/* button groups */\n.btngroup {\n position: relative;\n z-index: 1;\n display: flex;\n white-space: nowrap;\n align-items: center;\n border-radius: var(--large-border-radius);\n\n &.fullwidth .btn {\n flex: 1;\n }\n\n &.disabled .btn {\n cursor: default;\n }\n\n .btn {\n &:focus {\n z-index: 1;\n }\n\n &:not(.dashed):not(:last-child):not(.btngroup-btn-last) {\n @include margin-right(1px);\n }\n\n body.ltr & {\n &:not(:first-child):not(.btngroup-btn-first) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n &:not(:last-child):not(.btngroup-btn-last) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n body.rtl & {\n &:not(:first-child):not(.btngroup-btn-first) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &:not(:last-child):not(.btngroup-btn-last) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n }\n }\n}\n\n.btngroup--exclusive {\n .btn[aria-pressed='true']:not(.disabled):not(.loading):not(.dashed):not(\n [aria-disabled]\n ) {\n background-color: var(--gray-500);\n color: var(--white);\n }\n}\n\n.copytext {\n position: relative;\n z-index: 1;\n display: flex;\n white-space: nowrap;\n align-items: center;\n\n body.ltr & {\n .text {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n min-width: 0;\n }\n .btn {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n }\n\n body.rtl & {\n .text {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n .btn {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n}\n\n.copytextbtn {\n display: inline-flex;\n flex-wrap: nowrap;\n align-items: center;\n border: 1px solid var(--hairline-color);\n border-radius: var(--small-border-radius);\n padding: 0 9px;\n cursor: pointer;\n color: var(--medium-text-color);\n\n .copytextbtn__icon {\n padding: 0;\n width: 13px;\n background: none;\n margin-top: -3px;\n @include margin-left(5px);\n color: var(--light-text-color);\n }\n\n &:hover,\n &:focus {\n border-color: var(--medium-hairline-color);\n color: var(--text-color);\n\n .copytextbtn__value {\n color: var(--text-color);\n }\n }\n\n &.small {\n padding: 0 5px;\n\n .copytextbtn__value {\n font-size: calc(11rem / 16);\n }\n }\n}\n\n/* menu buttons */\n.menu-toggle,\n.menubtn {\n display: inline-flex;\n align-items: center;\n user-select: none;\n\n &:after {\n @include angle;\n position: relative;\n }\n\n &.btn {\n &:after {\n top: -1px;\n }\n\n &:not(.disabled):not(.inactive) {\n &:active,\n &.active {\n &:after {\n border-color: var(--ui-control-active-color);\n }\n }\n }\n\n &.submit {\n &:after {\n border-color: var(--white) !important;\n opacity: 0.8;\n }\n\n &:not(.disabled):not(.inactive) {\n &:hover,\n &.hover,\n &:active,\n &.active {\n &:after {\n opacity: 1;\n }\n }\n }\n }\n }\n\n &:not(.btn):not(.icon) {\n height: 17px;\n &:after {\n top: -2px;\n border-color: var(--link-color);\n }\n }\n\n &:empty,\n &.btn-empty {\n @include padding-left(8px);\n @include padding-right(8px);\n }\n}\n\n@keyframes rotator {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n\n to {\n -webkit-transform: rotate(1turn);\n transform: rotate(1turn);\n }\n}\n\n/* spinner */\n.spinner {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--size, 24px);\n height: var(--size, 34px);\n\n &:before {\n display: block;\n content: '';\n font-size: 0;\n animation: rotator 0.7s linear infinite;\n box-sizing: border-box;\n width: var(--size, 20px);\n height: var(--size, 20px);\n object-fit: scale-down;\n border-radius: 50%;\n border: 2px solid transparent;\n border-right-color: currentColor;\n border-bottom-color: currentColor;\n opacity: 0.8;\n }\n\n &.small {\n --size: 12px;\n }\n\n &.big {\n --size: 48px;\n }\n\n &.spinner-absolute {\n position: absolute;\n width: var(--size, 20px);\n height: var(--size, 20px);\n top: var(--elements-busy-top-position);\n left: calc(50% - var(--size, 20px) / 2);\n }\n}\n\n.btn + .spinner {\n @include margin-left(7px);\n}\n\n.buttons .btn + .spinner,\n.buttons .btngroup + .spinner {\n @include margin-left(0);\n}\n\n.buttons.right .btn + .spinner {\n @include margin-right(var(--neg-padding));\n}\n\n/* small buttons */\n.btngroup.small .btn,\n.btn.small {\n padding: 0 7px !important;\n font-size: 12px;\n line-height: 22px;\n}\n\n.btngroup.small,\n.btngroup.small input.btn,\n.btn.small,\n.btn.small + .spinner {\n height: 22px;\n}\n\n/* big buttons */\n.btngroup.big .btn,\n.btn.big {\n padding: 0 14px;\n font-size: 14px;\n line-height: 36px;\n}\n\n.btn.big[data-icon]:before,\n.preview-btn:before,\n.view-btn:before {\n @include margin-left(-2px);\n}\n\n.btngroup.big,\n.btngroup.big input.btn,\n.btn.big,\n.btn.big + .spinner {\n height: 36px;\n}\n\n/* special buttons */\n.btn {\n &.submit,\n &.secondary {\n color: var(--white) !important;\n --ui-control-active-color: var(--white);\n @include light-on-dark-text;\n }\n\n &.submit {\n background-color: var(--primary-color) !important;\n\n &:not(.disabled):not(.inactive):not(.loading) {\n &:hover,\n &.hover,\n &:focus {\n background-color: darken($primaryColor, 5%) !important;\n }\n\n &:active,\n &.active {\n background-color: darken($primaryColor, 10%) !important;\n }\n }\n }\n\n &.caution {\n background-color: var(--red-050) !important;\n color: var(--error-color);\n\n &:hover,\n &.hover,\n &:focus {\n background-color: darken($red050, 5%) !important;\n }\n\n &:active,\n &.active {\n background-color: var(--red-100) !important;\n }\n }\n}\n\n.secondary-buttons .btn.submit,\n.btn.secondary {\n background-color: var(--secondary-color) !important;\n}\n\n.secondary-buttons\n .btn.submit:not(.disabled):not(.inactive):not(.loading):hover,\n.secondary-buttons\n .btn.submit:not(.disabled):not(.inactive):not(.loading).hover,\n.secondary-buttons\n .btn.submit:not(.disabled):not(.inactive):not(.loading):focus,\n.btn.secondary:not(.disabled):not(.inactive):not(.loading):hover,\n.btn.secondary:not(.disabled):not(.inactive):not(.loading).hover,\n.btn.secondary:not(.disabled):not(.inactive):not(.loading):focus {\n background-color: darken($secondaryColor, 5%) !important;\n}\n\n.secondary-buttons\n .btn.submit:not(.disabled):not(.inactive):not(.loading):active,\n.secondary-buttons\n .btn.submit:not(.disabled):not(.inactive):not(.loading).active,\n.btn.secondary:not(.disabled):not(.inactive):not(.loading):active,\n.btn.secondary:not(.disabled):not(.inactive):not(.loading).active {\n background-color: darken($secondaryColor, 10%) !important;\n}\n\ndiv.btn.submit {\n position: relative;\n overflow: hidden;\n}\n\ndiv.btn.submit input {\n position: absolute;\n left: 100%;\n}\n\n/* dashed buttons */\n.btn.dashed {\n border: 1px dashed var(--medium-hairline-color);\n background-color: transparent;\n\n .btngroup &:not(:last-child):not(.btngroup-btn-last) {\n @include border-right(1px solid transparent);\n @include margin-right(-1px);\n }\n\n &:focus {\n background-color: transparentize($grey200, 0.9);\n border-color: transparent;\n\n .reduce-focus-visibility &:not(:focus-visible) {\n border: 1px dashed var(--medium-hairline-color);\n }\n }\n\n &:not(.disabled) {\n &:active,\n &.active {\n background-color: transparentize($grey200, 0.75);\n }\n }\n}\n\n/* chevron buttons */\n.chevron-btns {\n display: flex;\n justify-content: flex-start;\n\n .btn {\n position: relative;\n padding: 0;\n border-radius: 0;\n background-color: transparent;\n\n &.current-step,\n &.active-drop-target {\n color: var(--white);\n --text-color: var(--white);\n --ui-control-color: var(--white);\n --ui-control-bg-color: var(--gray-500);\n --ui-control-hover-bg-color: #{darken($grey500, 5%)};\n --ui-control-active-bg-color: #{darken($grey500, 10%)};\n }\n\n &.current-step {\n @include light-on-dark-text;\n @include light-focus-ring;\n }\n\n &:focus {\n z-index: 1;\n box-shadow: none;\n\n .label {\n z-index: 1;\n box-shadow: var(--focus-ring);\n }\n\n .reduce-focus-visibility &:not(:focus-visible) .label {\n box-shadow: none;\n }\n }\n\n .reduce-focus-visibility &:focus-visible .label {\n box-shadow: var(--focus-ring);\n }\n\n &:not(.has-action-menu) {\n @include padding-right(calc(var(--ui-control-height) / 2));\n @include margin-right(2.8px);\n\n &:not(.current-step[data-disclosure-trigger]) .btn-body {\n @include padding-right(5px);\n }\n }\n\n &.current-step[data-disclosure-trigger] .btn-body {\n @include padding-left(8px);\n\n .label {\n padding: 3px;\n\n &:after {\n @include angle;\n position: relative;\n }\n }\n }\n\n .btn-body {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: var(--ui-control-height);\n background-color: var(--ui-control-bg-color);\n\n [data-icon] {\n --ui-control-height: calc((13rem / 16)); // 1rem == 16px\n text-align: center;\n @include margin-right(0);\n }\n }\n\n .label {\n display: inline-flex;\n align-items: center;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &.has-action-menu .btn-body {\n @include padding-right(1px);\n @include margin-right(0);\n }\n\n .chevron-right,\n .chevron-left {\n position: absolute;\n top: 0;\n height: 100%;\n width: calc(var(--ui-control-height) / 2);\n }\n\n .chevron-left {\n @include left(0);\n border-top: calc(var(--ui-control-height) / 2) solid\n var(--ui-control-bg-color);\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n bottom: 0;\n @include right(0);\n border-bottom: calc(var(--ui-control-height) / 2) solid\n var(--ui-control-bg-color);\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n }\n }\n\n .chevron-right {\n @include right(0);\n border-top: calc(var(--ui-control-height) / 2) solid transparent;\n border-bottom: calc(var(--ui-control-height) / 2) solid transparent;\n @include border-left(\n calc(var(--ui-control-height) / 2) solid var(--ui-control-bg-color)\n );\n }\n }\n\n ol {\n position: relative;\n @include padding-left(0);\n list-style-type: none;\n display: flex;\n\n li {\n &.first-step .btn {\n .btn-body {\n @include padding-left(14px);\n @include border-radius(\n var(--ui-control-border-radius),\n 0,\n 0,\n var(--ui-control-border-radius)\n );\n }\n\n .chevron-left {\n display: none;\n }\n }\n\n &:not(.first-step) .btn {\n @include margin-left(calc(-1 * (var(--ui-control-height) / 2)));\n @include padding-left(calc(var(--ui-control-height) / 2));\n\n .btn-body {\n @include padding-left(7px);\n }\n }\n }\n }\n}\n\n/* color inputs */\n.color-input-container {\n position: relative;\n\n .color-hex-indicator {\n position: absolute;\n top: 0;\n @include left(7px);\n width: 1em;\n line-height: 34px;\n text-align: center;\n user-select: none;\n }\n}\n\n.color-input {\n @include fixed-width-font;\n @include padding-left(calc(7px + 1em));\n}\n\n.color {\n display: inline-block;\n position: relative;\n vertical-align: middle;\n width: 34px;\n height: 34px;\n border-radius: 17px;\n padding: 0;\n\n &:not(.static) {\n cursor: pointer;\n }\n\n &:not(.small) {\n @include checkered-bg(17px);\n }\n\n &.small {\n width: 16px;\n height: 16px;\n @include checkered-bg(8px);\n }\n\n .color-preview {\n position: absolute;\n top: 0;\n @include left(0);\n width: 100%;\n height: 100%;\n border-radius: 17px;\n box-shadow: inset 0 0 0 1px transparentize($black, 0.85);\n\n &:focus-within {\n @include input-focused-styles;\n }\n\n & > .color-preview-input {\n position: absolute;\n @include left(0);\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n border: none;\n opacity: 0;\n }\n }\n}\n\n.colorhex {\n display: inline-block;\n margin-left: 5px;\n vertical-align: middle;\n color: var(--medium-text-color);\n}\n\n/* lightswitch */\n.lightswitch-outer-container {\n display: flex;\n\n .lightswitch-inner-container {\n border: 1px solid var(--hairline-color);\n border-radius: var(--small-border-radius);\n display: flex;\n align-items: center;\n max-width: 100%;\n padding-left: 7px;\n padding-right: 7px;\n\n span {\n flex-grow: 1;\n padding: 7px 0;\n color: var(--medium-text-color);\n cursor: default;\n overflow: auto;\n overflow-wrap: break-word;\n hyphens: auto;\n\n &[data-toggle='on'] {\n @include margin-left(7px);\n }\n\n &[data-toggle='off'] {\n @include margin-right(7px);\n text-align: right;\n\n body.rtl & {\n text-align: left;\n }\n }\n }\n }\n}\n\n.lightswitch {\n display: block;\n position: relative;\n border: none !important;\n overflow: hidden;\n cursor: pointer;\n user-select: none;\n background-image: linear-gradient(to right, var(--gray-400), var(--gray-400));\n transition: background-image linear 100ms;\n\n &.on {\n background-image: linear-gradient(\n to right,\n var(--enabled-color),\n var(--enabled-color)\n );\n }\n\n &.indeterminate {\n background-image: linear-gradient(\n to right,\n var(--enabled-color),\n var(--gray-300)\n );\n }\n\n .lightswitch-container {\n position: relative;\n height: 100%;\n\n .handle {\n position: absolute;\n top: 1px;\n background-color: var(--white);\n }\n }\n\n &:not(.small) {\n border-radius: 11px;\n min-width: 34px;\n width: 34px;\n height: 22px;\n\n .lightswitch-container {\n @include margin-left(-12px);\n width: 46px;\n\n .handle {\n border-radius: 10px;\n width: 20px;\n height: 20px;\n left: calc(50% - 10px);\n }\n }\n }\n\n &.small {\n border-radius: 9px;\n width: 28px;\n height: 18px;\n\n .lightswitch-container {\n @include margin-left(-10px);\n width: 38px;\n\n .handle {\n border-radius: 8px;\n width: 16px;\n height: 16px;\n left: calc(50% - 8px);\n }\n }\n }\n\n table & {\n display: inline-block;\n margin-bottom: -5px;\n }\n\n &.on {\n .lightswitch-container {\n @include margin-left(0);\n }\n }\n\n &.indeterminate {\n &:not(.small) {\n .lightswitch-container {\n @include margin-left(0.5 * -12px);\n }\n }\n &.small {\n .lightswitch-container {\n @include margin-left(0.5 * -10px);\n }\n }\n }\n}\n\n/* pagination */\n.pagination {\n table.data + & {\n margin-top: 24px;\n }\n\n .page-link {\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--medium-border-radius);\n\n &:after {\n position: relative;\n transition: border-color linear 100ms;\n }\n\n &.prev-page:after {\n @include angle(left, var(--light-text-color));\n @include right(-1px);\n }\n\n &.next-page:after {\n @include angle(right, var(--light-text-color));\n @include left(-1px);\n }\n\n &:not(.disabled) {\n transition: box-shadow linear 100ms;\n box-shadow: inset 0 0 0 1px var(--hairline-color);\n cursor: pointer;\n\n &:hover {\n text-decoration: none;\n box-shadow: inset 0 0 0 1px var(--link-color);\n\n &:after {\n border-color: var(--link-color);\n }\n }\n\n @include focus-styles {\n box-shadow: inset 0 0 0 1px var(--hairline-color), var(--focus-ring);\n }\n }\n\n &.disabled {\n opacity: 1;\n &:after {\n border-color: var(--hairline-color);\n }\n }\n }\n}\n\n/* action buttons */\n.actions {\n @include floatright;\n}\n\n.actions > li {\n @include floatleft;\n}\n\n.actions > li + li {\n @include margin-left(10px);\n}\n\nh1 + .actions {\n margin-top: -100px;\n}\n\nh2 + .actions {\n margin-top: -54px;\n}\n\n/* ----------------------------------------\n/* Tables\n/* ----------------------------------------*/\n\n.tablepane {\n margin: calc(var(--pane-padding, 22px) * -1)\n calc(var(--pane-padding, 22px) * -1)\n calc(var(--pane-padding, 24px) * -1 + var(--pane-padding, var(--m)));\n overflow-x: auto;\n\n table.data {\n th,\n td {\n &:first-child {\n @include padding-left(24px);\n }\n }\n }\n}\n\ntable {\n &.fixed-layout {\n table-layout: fixed;\n }\n\n th.thin,\n td.thin {\n width: 0.01% !important;\n white-space: nowrap;\n }\n\n thead {\n th {\n font-weight: bold;\n @include alignleft;\n vertical-align: top;\n }\n }\n\n // plain tables\n &:not(.data) {\n th,\n td {\n padding-top: 7px;\n padding-bottom: 7px;\n\n &:not(:first-child) {\n padding-left: 12px;\n }\n &:not(:last-child) {\n padding-right: 12px;\n }\n }\n }\n\n // data tables\n &.data {\n th,\n td {\n position: relative;\n padding-left: 12px;\n padding-right: 12px;\n box-sizing: border-box;\n\n &.checkbox-cell {\n width: var(--checkbox-size) !important;\n min-width: var(--checkbox-size);\n box-sizing: content-box;\n position: relative;\n\n input.checkbox + label,\n div.checkbox {\n position: absolute;\n top: calc(50% - 8px);\n }\n }\n }\n\n th {\n font-weight: bold;\n }\n\n thead:first-child,\n tbody:first-child,\n tfoot:first-child,\n caption + thead,\n caption + tbody,\n caption + tfoot {\n tr:first-child {\n th,\n td {\n &:first-child {\n @include border-top-left-radius(\n var(--border-radius, var(--small-border-radius))\n );\n @include border-bottom-left-radius(\n var(--border-radius, var(--small-border-radius))\n );\n }\n &:last-child {\n @include border-top-right-radius(\n var(--border-radius, var(--small-border-radius))\n );\n @include border-bottom-right-radius(\n var(--border-radius, var(--small-border-radius))\n );\n }\n }\n }\n }\n\n thead {\n th,\n td {\n width: auto;\n background-color: var(--gray-050);\n cursor: default;\n }\n\n th:not(.orderable),\n td {\n padding-top: var(--pane-padding, var(--m));\n padding-bottom: var(--pane-padding, var(--m));\n }\n\n th {\n white-space: nowrap;\n vertical-align: middle;\n\n &.orderable {\n position: relative;\n padding: 0 !important;\n\n body:not(.dragging) &:not(.ordered):hover {\n background-color: var(--gray-100);\n }\n\n &.ordered {\n background-color: var(--light-sel-color);\n\n &:not(.loading) {\n button:after {\n @include angle(up);\n position: absolute;\n @include right(var(--m));\n top: calc(50% - 3px);\n }\n\n &.desc button:after {\n transform: rotate(45deg);\n }\n }\n }\n\n button {\n position: relative;\n @include padding-right(35px);\n font: inherit;\n width: 100%;\n padding: var(--pane-padding, var(--m)) var(--m);\n @include alignleft;\n\n &:focus {\n z-index: 1;\n }\n }\n }\n\n &:not(.loading) {\n .spinner {\n display: none;\n }\n }\n\n .spinner {\n position: absolute;\n top: calc(50% - 6px);\n @include right(8px);\n --size: 12px;\n }\n }\n }\n\n tbody {\n tr {\n --hover-bg-color: var(--gray-050);\n --selected-bg-color: var(--dark-sel-color);\n\n &:not(.disabled) {\n &:hover {\n th,\n td {\n background-color: var(--hover-bg-color);\n }\n }\n\n &:focus {\n position: relative;\n z-index: 1;\n }\n\n &.sel,\n &.active-drop-target {\n --text-color: var(--white);\n --medium-dark-text-color: var(--white);\n --medium-text-color: var(--white);\n --light-text-color: var(--white);\n --link-color: var(--white);\n --ui-control-color: var(--white);\n @include custom-color-focus-ring(hsl(var(--light-focus-hsl)));\n\n th,\n td {\n color: var(--white);\n background-color: var(--selected-bg-color);\n }\n }\n }\n }\n\n th,\n td {\n padding-top: 7px;\n padding-bottom: 7px;\n background-clip: padding-box;\n }\n\n td {\n &.timestamp {\n @include alignright;\n vertical-align: bottom;\n white-space: nowrap;\n color: var(--light-text-color);\n }\n }\n }\n\n thead + tbody tr,\n tr + tr {\n th,\n td {\n border-top: 1px solid transparent;\n }\n }\n\n tr.sel:not(.draggee) + tr.sel:not(.draggee) {\n th,\n td {\n border-top-color: var(--gray-300);\n }\n }\n }\n\n // collapsable data tables for small screens\n // based on Aaron Gustafson's technique: http://blog.easy-designs.net/archives/2013/02/02/responsive-tables/\n &.collapsed {\n width: auto;\n\n &,\n tbody,\n tbody tr,\n tbody th,\n tbody td {\n display: block;\n border: none;\n padding: 0;\n @include alignleft;\n width: auto !important;\n white-space: normal;\n }\n\n thead {\n display: none;\n }\n\n tbody {\n tr {\n padding: 6px 0;\n border-bottom: 1px dotted var(--hairline-color);\n\n &:after {\n @include clearafter;\n }\n }\n\n th,\n td {\n padding: 2px 0 !important;\n }\n\n td {\n &:empty {\n display: none;\n }\n }\n\n [data-title] {\n @include margin-right(0);\n\n &:before {\n margin-right: 5px;\n content: attr(data-title) ':';\n font-weight: bold;\n }\n\n form {\n display: inline-block;\n }\n }\n }\n }\n}\n\n.datatablesorthelper,\n.editabletablesorthelper {\n background-color: var(--white);\n @include shadow;\n}\n\n.datatablesorthelper,\n.datatablesorthelper .chip,\n.datatablesorthelper a {\n cursor: move !important;\n}\n\n.datatablesorthelper tr:first-child th,\n.datatablesorthelper tr:first-child td {\n border-top: none !important;\n}\n\n.datatablesorthelper tr:last-child th,\n.datatablesorthelper tr:last-child td {\n border-bottom: none !important;\n}\n\n/* chips */\n.chip {\n position: relative;\n display: flex;\n align-items: center;\n cursor: default;\n user-select: none;\n font-weight: normal;\n padding: var(--xs) var(--s);\n max-width: 100%;\n gap: var(--xs);\n border-radius: var(--large-border-radius);\n background-color: var(--gray-050);\n\n &.small {\n flex-direction: row;\n height: 34px;\n --thumb-size: 30px;\n\n & > .thumb {\n margin: calc(var(--xs) * -1 + 2px) calc(var(--s) * -1 + 2px);\n @include margin-right(2px);\n }\n }\n\n &.large {\n flex-direction: column;\n --thumb-size: 120px;\n min-width: calc(var(--s) * 2 + var(--thumb-size));\n\n .chip-content {\n width: 100%;\n }\n }\n\n .chip-content {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--s);\n\n .status {\n margin: 0;\n }\n }\n\n &.sel,\n li.sel &,\n li.active-drop-target & {\n --text-color: var(--white);\n --medium-dark-text-color: var(--white);\n --medium-text-color: var(--white);\n --light-text-color: var(--white);\n --link-color: var(--white);\n --ui-control-color: var(--white);\n @include custom-color-focus-ring(hsl(var(--light-focus-hsl)));\n color: var(--white);\n background-color: var(--dark-sel-color) !important;\n }\n\n &.sel,\n .sel & {\n cursor: default;\n\n .thumb {\n filter: brightness(0.85);\n\n img {\n box-shadow: 0 0 0 1px transparentize($darkSelColor, 0.9),\n 0 6px 4px -4px transparentize($darkSelColor, 0.8);\n }\n }\n }\n\n .offset-drag-helper & {\n background-color: var(--gray-050);\n @include shadow;\n }\n\n & > .thumb {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--thumb-size);\n height: var(--thumb-size);\n\n &.rounded {\n img,\n svg {\n border: var(--xs) solid transparent;\n border-radius: 50%;\n }\n }\n\n &.checkered img {\n @include checkered-bg(8px);\n }\n\n img,\n svg {\n display: block;\n flex-shrink: 0;\n border-radius: var(--small-border-radius);\n max-width: 100%;\n max-height: 100%;\n }\n }\n}\n\n.inline-chips {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--xs);\n\n .chip {\n margin: 0 !important;\n }\n}\n\n/** cards */\n.card {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: stretch;\n padding: var(--m);\n gap: var(--l);\n border-radius: var(--large-border-radius);\n background-color: var(--gray-050);\n cursor: default;\n user-select: none;\n color: var(--medium-text-color);\n\n &:after {\n border-radius: var(--large-border-radius);\n }\n\n &.sel,\n li.sel & {\n --text-color: var(--white);\n --medium-dark-text-color: var(--white);\n --medium-text-color: var(--white);\n --light-text-color: var(--white);\n --link-color: var(--white);\n --ui-control-color: var(--white);\n @include custom-color-focus-ring(hsl(var(--light-focus-hsl)));\n color: var(--white);\n background-color: var(--dark-sel-color) !important;\n\n & > .thumb {\n background-color: var(--dark-sel-color) !important;\n filter: brightness(0.85);\n }\n }\n\n & > .thumb {\n position: relative;\n display: flex;\n align-items: stretch;\n margin: calc(var(--m) * -1);\n @include margin-right(0);\n width: 120px;\n min-width: 120px; // needed for flex\n min-height: calc(var(--m) * 2 + var(--lh) * 3 + var(--xs));\n background-color: var(--gray-100);\n overflow: hidden;\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n bottom: 0;\n @include shadow();\n width: 10px;\n\n body.ltr & {\n right: -10px;\n }\n\n body.rtl & {\n left: -10px;\n }\n }\n\n &,\n &:after {\n @include border-radius(\n var(--large-border-radius),\n 0,\n 0,\n var(--large-border-radius)\n );\n }\n\n img,\n svg {\n width: 100%;\n max-height: 120px;\n object-fit: cover;\n }\n }\n\n .card-content,\n .card-content .card-body {\n display: flex;\n flex-direction: column;\n gap: var(--xs);\n flex: 1;\n }\n\n .card-content {\n flex: 1 0 0 !important;\n overflow: hidden;\n position: relative;\n --focus-ring: var(--inner-focus-ring);\n\n .card-heading {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 5px;\n\n .status {\n margin: 0;\n flex: 0 0 10px;\n }\n\n .label {\n font-weight: 600;\n }\n }\n\n .card-body {\n &:empty {\n display: none;\n }\n\n & > * {\n --max-lines: 2;\n margin: 0;\n max-height: calc(var(--lh) * var(--max-lines));\n overflow: hidden;\n text-wrap: pretty;\n }\n }\n }\n\n & > .card-actions-container {\n display: flex;\n align-items: flex-start !important;\n position: relative;\n }\n}\n\n.card-grid {\n display: grid !important;\n gap: var(--s) !important;\n grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));\n\n & > li {\n border-radius: var(--large-border-radius);\n height: 100%;\n\n & > .card {\n margin: 0 !important;\n height: 100%;\n }\n }\n}\n\n.chip,\n.card {\n // prevent double focus ring (chip/card already gets it)\n .checkbox:before {\n box-shadow: none !important;\n }\n\n .label {\n display: flex;\n align-items: center;\n gap: var(--xs);\n overflow: hidden;\n\n .label-link {\n flex: 1 1 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .draft-label {\n display: inline-block;\n @include margin(-1px, 0, -1px, 7px);\n padding: 1px 5px;\n font-weight: normal;\n text-decoration: none !important;\n color: var(--medium-text-color);\n background: var(--gray-100);\n border-radius: var(--large-border-radius);\n }\n\n .segment:after {\n display: inline-flex !important;\n position: relative;\n top: -2px;\n @include margin(0, 5px, 0, 2px);\n @include angle(right, var(--light-text-color), 1px);\n\n .sel & {\n @include angle(right, var(--white), 1px);\n }\n }\n }\n\n & > .chip-content > .chip-actions,\n & > .card-actions-container > .card-actions {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--s);\n min-height: var(--lh);\n\n &:empty {\n display: none;\n }\n\n & > .status {\n margin: 0;\n }\n\n & > .move,\n & > .menubtn {\n @include touch-target;\n margin: 0 -4px;\n }\n\n .settings {\n color: var(--ui-control-color);\n\n &:before {\n @include margin-right(0 !important);\n }\n\n &:not(:hover):not(:active) {\n background-color: transparent;\n }\n }\n\n .move {\n margin-top: -2px !important;\n }\n }\n\n &.error .label .label-link {\n color: var(--error-color);\n }\n}\n\n$checkboxPadding: $checkboxSize + 4;\n\n.element-index {\n .source-path {\n background-color: var(--gray-050);\n border-radius: 3px;\n --ui-control-bg-color: var(--light-sel-color);\n --ui-control-hover-bg-color: #{darken($lightSelColor, 5%)};\n --ui-control-active-bg-color: #{darken($lightSelColor, 10%)};\n\n .chevron-btns {\n display: inline-flex;\n position: relative;\n background: $white;\n --ui-control-height: calc((30rem / 16)); // 1rem == 16px\n\n &:before {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n width: 0;\n height: 0;\n @include right(0);\n border-top: calc(var(--ui-control-height) / 2) solid $grey050;\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n }\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: calc(var(--ui-control-height) / 2);\n @include right(0);\n border-bottom: calc(var(--ui-control-height) / 2) solid $grey050;\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n }\n\n .btn {\n --ui-control-border-radius: 3px;\n }\n }\n\n .btn.settings {\n box-shadow: 0 0 0 2px var(--white);\n }\n }\n\n &.main {\n .source-path {\n margin: -22px calc(var(--padding) * -1 + 2px) 24px;\n }\n }\n\n .elementselectormodal & {\n .source-path {\n margin-bottom: 2px;\n }\n }\n\n &.pane {\n .toolbar {\n position: relative;\n z-index: 2;\n margin: calc(var(--pane-padding) * -1) calc(var(--pane-padding) * -1)\n var(--pane-padding) !important;\n border-radius: calc(var(--large-border-radius) - 1px)\n calc(var(--large-border-radius) - 1px) 0 0;\n padding: var(--pane-padding);\n box-shadow: 0 1px 0 var(--hairline-color);\n background-color: var(--gray-050);\n }\n\n .header {\n padding-top: var(--pane-padding);\n padding-bottom: var(--pane-padding);\n background-color: transparent;\n border-bottom: 1px solid var(--hairline-color);\n }\n\n .elements {\n --border-radius: 0;\n\n .tableview table.data thead {\n th,\n td {\n border-bottom: 1px solid var(--hairline-color);\n &:not(.ordered) {\n background-color: transparent;\n }\n }\n }\n }\n\n .footer {\n border-radius: 0 0 calc(var(--large-border-radius) - 1px)\n calc(var(--large-border-radius) - 1px) !important;\n box-shadow: none;\n border-top: 1px solid var(--hairline-color);\n background: transparent;\n }\n }\n}\n\n.elements {\n position: relative;\n\n &:not(.busy) {\n .update-spinner {\n display: none;\n }\n }\n\n &.busy {\n min-height: 72px;\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n z-index: 100;\n top: 0;\n left: calc(var(--pane-padding, 24px) * -1);\n width: calc(100% + var(--pane-padding, 24px) + var(--pane-padding, 24px));\n height: 100%;\n background: transparentize($white, 0.25);\n border-radius: var(--large-border-radius);\n }\n\n .update-spinner {\n z-index: 101;\n }\n }\n\n .header {\n margin: calc(var(--xl) * -1 + 2px) calc(var(--padding) * -1 + 2px) var(--xl);\n padding: var(--s);\n background-color: var(--gray-050);\n box-shadow: none;\n border-radius: var(--border-radius, var(--small-border-radius));\n\n &:after {\n content: '';\n }\n\n .selectallcontainer {\n display: flex;\n align-items: center;\n gap: 5px;\n cursor: default;\n }\n }\n\n .tableview tr.draggee th,\n .tableview tr.draggee td,\n .thumbsview li.draggee {\n opacity: 0.25;\n }\n\n // table views\n .tableview {\n th {\n .move,\n .toggle {\n display: flex;\n position: absolute;\n justify-content: center;\n align-items: center;\n top: 50%;\n transform: translateY(-50%);\n @include margin-left(calc(var(--touch-target-size) * -1));\n width: var(--touch-target-size);\n height: var(--touch-target-size);\n }\n\n .move {\n font-size: 11px;\n text-decoration: none;\n }\n\n .toggle {\n text-align: center;\n padding: 4px;\n border-radius: 50%;\n }\n\n .move + .toggle {\n @include margin-left(calc(var(--touch-target-size) * -2));\n }\n\n .enabled-label {\n margin-left: var(--xs);\n }\n }\n\n .chip {\n background-color: transparent;\n }\n }\n\n // thumbs views\n .thumbsview {\n display: grid;\n gap: var(--xs);\n grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n\n li {\n position: relative;\n @include margin(0, 1px, 1px, 0);\n max-width: 226px;\n border-radius: var(--large-border-radius);\n\n &:hover {\n .chip {\n background-color: var(--gray-050);\n }\n }\n\n &.sel {\n a {\n cursor: pointer !important;\n\n &:hover {\n text-decoration: underline;\n }\n }\n }\n }\n }\n}\n\n.export-form {\n position: relative;\n .spinner {\n position: absolute;\n bottom: 0;\n @include right(-24px);\n }\n}\n\n/* structures */\n.structure {\n position: relative;\n z-index: 1;\n\n li {\n @include padding-left(8px);\n\n &.collapsed > ul {\n display: none;\n }\n\n .row:hover > .icon,\n &.draghelper > .row .move,\n .add.active {\n opacity: 1;\n }\n\n &.draghelper {\n & > .row {\n .add {\n opacity: 0;\n }\n\n .move:before {\n color: var(--link-color);\n }\n }\n }\n\n &.draginsertion {\n position: relative;\n @include margin(-1px, 0, -1px, 8px);\n @include padding-left(0);\n height: 2px;\n background-color: var(--link-color) !important;\n @include border-left(none);\n border-radius: 1px;\n }\n\n .toggle {\n position: relative;\n z-index: 1;\n @include floatleft;\n @include margin(10px, -8px, 0, -12px);\n padding: 4px;\n }\n\n .row:after {\n @include clearafter;\n }\n\n .move,\n .add {\n @include margin(5px, 5px, 0, 0);\n opacity: 0;\n transition: opacity linear 100ms;\n }\n\n .add {\n padding: 0 5px;\n\n &:before {\n content: 'downangle';\n color: var(--dark-hairline-color);\n }\n\n &:not(.disabled):hover:before,\n &.active:before {\n color: var(--link-color);\n }\n }\n\n .checkbox {\n @include floatleft;\n @include margin(7px, 0, 0, 7px);\n }\n }\n\n ul {\n @include margin-left(-3px);\n\n li {\n @include padding-left(38px);\n background-repeat: no-repeat;\n\n body.ltr & {\n background-image: url(../images/branch.png);\n background-position: 0 0;\n }\n\n body.rtl & {\n background-image: url(../images/branch_rtl.png);\n background-position: 100% 0;\n }\n\n &:not(:last-child):not(.last) {\n @include padding-left(37px);\n @include border-left(1px solid var(--gray-200));\n\n body.ltr & {\n background-position: -1px 0;\n }\n\n body.rtl & {\n background-position: calc(100% + 1px) 0;\n }\n }\n\n &.draginsertion {\n @include margin-left(38px);\n }\n }\n }\n\n .row {\n &.draghover {\n .chip {\n z-index: 2;\n border-radius: 15px;\n box-shadow: inset 0 0 0 2px var(--link-color);\n }\n }\n\n &.droptarget {\n border-radius: 5px;\n box-shadow: inset 0 0 0 2px var(--link-color);\n }\n }\n}\n\n/* element select fields */\n.elementselect {\n position: relative;\n min-height: 34px;\n\n .elements {\n display: flex;\n align-items: flex-start;\n gap: var(--xs);\n\n &:not(.inline-chips) {\n flex-direction: column;\n }\n\n li {\n max-width: 100%;\n }\n }\n\n .chip:not(:first-child),\n .card:not(:first-child) {\n margin-top: var(--s);\n }\n\n .flex,\n .btn {\n clear: both;\n }\n\n .chip {\n z-index: 1;\n }\n\n .flex {\n padding-top: 7px;\n }\n\n .structure ul {\n @include margin-left(12px);\n\n li {\n background-position: 0 2px !important;\n\n .chip {\n margin: 0;\n }\n }\n }\n}\n\n/* editable tables */\ntable.editable {\n border-radius: var(--large-border-radius);\n border: 1px solid var(--gray-200);\n\n th,\n td.heading,\n td.action {\n color: var(--medium-text-color);\n font-weight: normal;\n background-color: var(--gray-050);\n }\n\n thead,\n tbody {\n tr {\n th {\n padding: 6px 10px;\n }\n }\n }\n\n thead {\n tr {\n th {\n border-bottom: 1px solid var(--hairline-color);\n\n &.has-info {\n @include padding-right(calc(15px + 1em));\n }\n\n span.info {\n position: absolute;\n margin-left: 5px;\n }\n }\n }\n }\n\n tbody {\n tr {\n &:not(:first-child) {\n th,\n td {\n border-top: 1px solid var(--hairline-color);\n }\n }\n\n &:last-child {\n td:first-child {\n @include border-bottom-left-radius(var(--large-border-radius));\n\n textarea,\n input.text {\n @include border-bottom-left-radius(\n calc(var(--large-border-radius) - 1px)\n );\n }\n }\n }\n\n td:not(:first-child),\n th ~ td:not(.hidden) ~ td {\n @include border-left(1px solid var(--hairline-color));\n }\n\n th {\n // Set a dark border-left for the first that follows a , if there is one.\n // This is a ridiculous CSS hack since there's no operator/pseudo-class that mimics jQuery's next(selector) function.\n // If there was it could have been as simple as: th ??? td:not(.hidden) { dark left border }\n // kudos to Mark Huot for coming up with it!\n & ~ td:not(:first-child) {\n @include border-left(1px solid #dbdddf);\n }\n }\n\n td {\n vertical-align: top;\n text-align: center;\n background-color: var(--white);\n padding: 4px 10px;\n\n &.focus {\n position: relative;\n box-shadow: inset 0 0 0 1px var(--hairline-color);\n }\n\n &.textual {\n padding: 0;\n\n textarea {\n resize: none;\n }\n\n pre {\n @include alignleft;\n white-space: pre-wrap;\n }\n }\n\n &.lightswitch-cell {\n padding-top: 9px;\n padding-bottom: 9px;\n\n .lightswitch {\n display: block;\n margin: 0 auto;\n }\n }\n\n &.checkbox-cell {\n padding-top: 10px;\n padding-bottom: 10px;\n\n .checkbox-wrapper {\n display: block;\n margin: -2px auto 0;\n width: 16px;\n height: 16px;\n }\n }\n\n &.error {\n box-shadow: inset 0 0 0 1px var(--error-color);\n }\n\n &.disabled {\n position: relative;\n opacity: 1;\n\n &:after {\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: transparentize($grey050, 0.25);\n user-select: none;\n }\n }\n\n &.action {\n padding: 4px 7px;\n\n & + td.action {\n @include border-left(none);\n @include padding-left(0);\n }\n }\n\n .flex > * {\n margin-bottom: 0;\n }\n }\n }\n\n textarea,\n textarea.text,\n input.text,\n pre {\n display: block;\n width: 100%;\n border: none;\n box-shadow: none;\n border-radius: 0;\n padding: 7px 10px;\n background-color: transparent;\n overflow: hidden;\n transition: none;\n box-sizing: border-box;\n }\n\n .color-container {\n display: block;\n position: relative;\n\n & > .color,\n .color-input {\n margin-bottom: 0;\n }\n\n & > .color {\n position: absolute;\n top: 10px;\n @include left(10px);\n z-index: 1;\n }\n\n .color-hex-indicator {\n @include left(32px);\n }\n\n .color-input {\n @include padding-left(calc(32px + 1em));\n }\n }\n\n .datewrapper,\n .timewrapper {\n display: block;\n width: calc(100% - 29px);\n\n .text + div[data-icon] {\n top: 6px;\n @include left(10px);\n }\n }\n }\n\n &:not(.static) {\n td.textual {\n cursor: text;\n }\n }\n\n & + .btn.add {\n display: block;\n width: 100%;\n }\n\n &:not(.hidden) + .btn.add {\n border-top-width: 0;\n border-radius: 0 0 var(--medium-border-radius) var(--medium-border-radius);\n }\n}\n\n.border-box,\n.shadow-box {\n & + .buttons {\n margin-top: 7px;\n }\n}\n\n/* ----------------------------------------\n/* Nav\n/* ----------------------------------------*/\n\nul.tree,\n.tree ul {\n @include margin-left(20px);\n}\n\n.tree li .toggle {\n @include margin(7px, 0, 0, -15px);\n}\n\n/* status icons */\n.status {\n display: inline-block;\n position: relative;\n @include margin-right(10px);\n width: 10px;\n height: 10px;\n border: 1px solid transparent;\n border-radius: 100%;\n box-sizing: border-box;\n background-clip: border-box;\n\n body.use-shapes & {\n &.all {\n rotate: 45deg;\n background-image: linear-gradient(30deg, #184cef, #e5422b);\n }\n\n &.pending {\n background-color: transparent;\n border-style: solid;\n border-width: 0 5px 10px 5px;\n border-color: transparent transparent var(--pending-color) transparent;\n border-radius: 1px;\n }\n\n &.all,\n &.off,\n &.suspended,\n &.expired {\n border-radius: 2px;\n transform: scale(90%);\n }\n }\n}\n\n.status:not(.on):not(.live):not(.active):not(.enabled):not(.all):not(\n .pending\n ):not(.off):not(.suspended):not(.expired):not(.yellow):not(.orange):not(\n .red\n ):not(.pink):not(.purple):not(.blue):not(.green):not(.turquoise):not(\n .light\n ):not(.grey):not(.black) {\n border-color: var(--ui-control-color);\n}\n\n.green,\n.status.on,\n.status.live,\n.status.active,\n.status.enabled {\n background-color: var(--enabled-color);\n}\n\n.status.all {\n background-image: linear-gradient(60deg, #184cef, #e5422b);\n background-origin: border-box;\n}\n\n.orange,\n.status.pending {\n background-color: var(--pending-color);\n}\n\n.red,\n.status.off,\n.status.suspended,\n.status.expired {\n background-color: var(--disabled-color);\n}\n\n.yellow {\n background-color: var(--yellow-300);\n}\n\n.pink {\n background-color: var(--pink-400);\n}\n\n.purple {\n background-color: #9b59b6;\n}\n\n.blue {\n background-color: var(--blue-600);\n}\n\n.turquoise {\n background-color: var(--teal-300);\n}\n\n.status.light {\n background-color: var(--gray-100);\n}\n\n.grey {\n background-color: var(--gray-300);\n}\n\n.black {\n background-color: var(--gray-800);\n}\n\n.status.white,\n.status.disabled {\n opacity: 1;\n}\n\n/* ----------------------------------------\n/* Condition builders\n/* ----------------------------------------*/\n\n.condition-container {\n margin: 24px 0;\n}\n\n.condition:not(:empty) + .condition-footer .btn.add {\n}\n\n.condition-rule,\n.condition-footer {\n padding: 7px;\n}\n\n.condition-footer {\n border: 1px dashed var(--medium-hairline-color);\n border-radius: var(--large-border-radius);\n\n .condition:not(:empty) + & {\n border-top-width: 0;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n\n .spinner:not(.loading) {\n display: none;\n }\n}\n\n.condition-rule {\n margin: 0;\n border: 1px solid var(--hairline-color);\n background-color: var(--gray-050);\n\n &:first-child {\n border-top-left-radius: var(--large-border-radius);\n border-top-right-radius: var(--large-border-radius);\n }\n\n & + .condition-rule {\n border-top-width: 0;\n }\n\n & > .rule-move,\n & > .rule-actions {\n margin-top: 5px;\n }\n\n & > .rule-body {\n .lightswitch {\n margin-top: 6px;\n display: block;\n }\n\n .selectize {\n min-width: 100px;\n }\n\n .text.fullwidth {\n min-width: 100px;\n max-width: 100%;\n }\n }\n}\n\n/* ----------------------------------------\n/* Progress bar\n/* ----------------------------------------*/\n\n.progressbar {\n border-radius: 6px;\n border: 2px solid var(--gray-700);\n padding: 2px;\n position: absolute;\n left: 20%;\n width: 60%;\n z-index: 1000;\n}\n\n.progressbar-inner {\n border-radius: 2px;\n height: 4px;\n background-color: var(--gray-700);\n}\n\n.progressbar:not(.pending) .progressbar-inner {\n width: 0;\n transition: width linear 100ms;\n}\n\n.progressbar.pending .progressbar-inner {\n @include striped-bg(17.6776695297px, var(--gray-700)); // sqrt(25^2 / 2);\n body.ltr & {\n animation-name: pendingprogress-ltr;\n }\n body.rtl & {\n animation-name: pendingprogress-rtl;\n }\n animation-timing-function: linear;\n animation-duration: 250ms;\n animation-iteration-count: infinite;\n}\n\n@keyframes pendingprogress-ltr {\n from {\n background-position: 0;\n }\n to {\n background-position: 25px;\n }\n}\n\n@keyframes pendingprogress-rtl {\n from {\n background-position: 0;\n }\n to {\n background-position: -25px;\n }\n}\n\n.elementselect .progress-shade {\n background-color: transparentize($white, 0.2);\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n @include left(0);\n display: none;\n}\n\n.elementselect.uploading {\n position: relative;\n}\n\n.elementselect.uploading .progress-shade {\n display: block;\n z-index: 2;\n}\n\n// Plugin installers\n\n.missing-component {\n padding: 7px 10px !important;\n max-width: 400px;\n background-color: var(--gray-050) !important;\n\n .error {\n margin: 0;\n }\n\n .install-plugin {\n margin: 7px 0 -7px;\n border-top: 1px solid var(--hairline-color);\n position: relative;\n @include padding(10px, 0, 10px, 40px);\n\n .icon {\n width: 32px;\n height: 32px;\n position: absolute;\n top: calc(50% - 16px);\n @include left(0);\n\n img,\n svg {\n width: 100%;\n height: 100%;\n }\n }\n\n h3 {\n flex: 1;\n margin: 8px 0 !important;\n }\n\n .btn {\n margin: 0;\n }\n }\n}\n\n/* ----------------------------------------\n/* Panes, Modals and HUDs\n/* ----------------------------------------*/\n\n.pane {\n --pane-padding: var(--xl);\n --border: 1px solid var(--hairline-color);\n @include pane;\n position: relative;\n margin: 14px 0;\n padding: var(--pane-padding);\n border-radius: var(--large-border-radius);\n word-wrap: break-word;\n box-sizing: border-box;\n\n .pane &,\n #content & {\n background-color: var(--gray-050);\n border: 1px solid var(--hairline-color);\n box-shadow: none;\n }\n\n &.dashed {\n background-color: transparent !important;\n box-shadow: none;\n border: 1px dashed var(--medium-hairline-color) !important;\n }\n\n &.hairline {\n background-color: transparent !important;\n box-shadow: none;\n border: 1px solid #{transparentize($inputColor, 0.75)} !important;\n }\n\n &.padding-xs {\n --pane-padding: var(--xs);\n }\n &.padding-s {\n --pane-padding: var(--s);\n }\n &.padding-m {\n --pane-padding: var(--m);\n }\n &.padding-l {\n --pane-padding: var(--l);\n }\n\n &.loading {\n min-height: 200px;\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n left: -24px;\n width: calc(100% + #{24 + 24}px);\n height: 100%;\n }\n }\n}\n\n.pane-header {\n margin: calc(var(--xl) * -1) var(--neg-padding) var(--xl);\n padding: var(--s) var(--xl);\n min-height: 50px;\n box-sizing: border-box;\n box-shadow: inset 0 -1px 0 0 transparentize($grey300, 0.75);\n border-radius: var(--large-border-radius) var(--large-border-radius) 0 0;\n background-color: var(--gray-050);\n\n .header-btn {\n margin: 2px 0;\n @include header-btn;\n }\n\n .spinner {\n margin: 0 !important;\n }\n}\n\n.pane-tabs {\n display: flex;\n flex-direction: row;\n align-items: center;\n margin: calc(var(--s) * -1) calc(var(--padding) * -1);\n\n &:first-child {\n border-radius: var(--large-border-radius) var(--large-border-radius) 0 0;\n overflow: hidden;\n }\n\n [role='tablist'] {\n flex: 1;\n display: flex;\n flex-direction: row;\n overflow-x: auto;\n scrollbar-width: none;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n &.scrollable {\n body.ltr & {\n mask-image: linear-gradient(\n to left,\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0, 1) 24px\n );\n }\n body.rtl & {\n mask-image: linear-gradient(\n to right,\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0, 1) 24px\n );\n }\n }\n\n [role='tab'] {\n --tab-label-color: var(--light-text-color);\n\n &.error {\n --highlight-color: var(--error-color) !important;\n --tab-label-color: var(--error-color) !important;\n }\n\n &,\n .tab-label {\n border-radius: 2px 2px 0 0;\n }\n\n .tab-label {\n display: flex;\n flex-direction: row;\n align-items: center;\n position: relative;\n padding: 0 var(--padding);\n white-space: nowrap;\n color: var(--tab-label-color);\n height: 50px;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n @include focus-styles {\n box-shadow: none;\n\n .tab-label {\n box-shadow: var(--inner-focus-ring);\n }\n }\n\n &:not(.sel) {\n &:hover {\n background-color: transparentize($grey300, 0.85);\n }\n }\n\n &.sel {\n --highlight-color: var(--gray-500);\n --tab-label-color: var(--text-color);\n position: relative;\n z-index: 1;\n cursor: default;\n box-shadow: inset 0 2px 0 var(--highlight-color),\n 0 0 0 1px $hairlineColor, 0 2px 12px transparentize($grey200, 0.5);\n background-color: var(--white);\n }\n\n span[data-icon] {\n @include margin-left(4px);\n }\n }\n }\n\n &:first-child {\n [role='tablist'] {\n [role='tab'] {\n &:first-child {\n &,\n .tab-label {\n @include border-top-left-radius(var(--large-border-radius));\n }\n }\n }\n }\n }\n\n .menubtn {\n margin: 0 var(--xl);\n\n &.error {\n span[data-icon] {\n margin-right: 2px;\n }\n }\n }\n}\n\n/* detail sidebars */\n.details {\n --spacing: var(--l);\n padding: 0 var(--padding) var(--spacing);\n\n .meta,\n .field,\n hr {\n margin-left: var(--neg-padding);\n margin-right: var(--neg-padding);\n }\n\n .meta {\n margin-bottom: var(--spacing);\n\n &:not(.read-only) {\n background-color: var(--gray-050) !important;\n }\n\n &.read-only {\n color: var(--medium-text-color);\n\n & > .data {\n align-items: baseline;\n min-height: auto;\n\n & > .heading,\n & > .value {\n padding: 6px 0;\n }\n\n &:first-child {\n & > .heading,\n & > .value {\n padding-top: 0;\n }\n }\n\n &:last-child {\n & > .heading,\n & > .value {\n padding-bottom: 0;\n }\n }\n }\n }\n\n &.warning {\n padding-top: var(--m);\n padding-bottom: var(--m);\n color: var(--text-color) !important;\n background-color: var(--yellow-050) !important;\n box-shadow: 0 0 0 1px var(--yellow-300),\n 0 2px 12px transparentize($grey200, 0.5);\n\n p {\n margin-bottom: 5px;\n }\n\n .btn {\n background-color: var(--yellow-300);\n\n &:hover,\n &:focus {\n background-color: darken($yellow300, 10%);\n }\n\n &:active {\n background-color: darken($yellow300, 15%);\n }\n }\n }\n\n & > .field,\n & > .data {\n margin: 0 var(--neg-padding) !important;\n\n & > .heading > label,\n & > .heading {\n color: var(--gray-600);\n }\n }\n\n & > .field > .status-badge {\n @include left(0);\n }\n\n .text::placeholder,\n .datewrapper .text + div[data-icon],\n .timewrapper .text + div[data-icon] {\n color: var(--gray-500);\n }\n\n .ui-datepicker {\n @include margin(0, 0, 0, -8px);\n }\n }\n\n hr {\n margin: var(--spacing) 0;\n border-top-color: var(--hairline-color);\n }\n\n @include placeholder-styles(var(--gray-500));\n\n .text {\n background-color: transparent !important;\n resize: none;\n }\n\n & > .field > .heading > label,\n & > fieldset > legend {\n margin-top: 0;\n font-weight: normal;\n color: var(--gray-600);\n }\n\n & > fieldset {\n margin: 0 0 var(--spacing);\n\n & > legend {\n margin-bottom: 5px;\n }\n }\n\n & > .field {\n margin: 0 0 var(--spacing);\n\n & > .heading {\n margin-top: 0;\n }\n\n & > .input > .text.fullwidth {\n margin: 0 var(--neg-padding);\n padding-left: var(--padding);\n padding-right: var(--padding);\n border: none;\n background-color: var(--gray-050) !important;\n width: calc(100% + var(--padding) + var(--padding));\n }\n }\n\n & > .text {\n border-radius: var(--large-border-radius);\n margin-bottom: var(--spacing);\n\n &:not(:focus) {\n border-color: transparentize($inputColor, 0.6);\n }\n }\n}\n\n/* meta panes */\n$min2ColWidth: 400px;\n\n.meta {\n padding: 0 var(--padding);\n overflow: visible;\n\n &,\n & > .flex-fields {\n & > .field,\n & > .data {\n display: flex;\n min-height: 50px;\n box-sizing: border-box;\n flex-wrap: wrap; // for error lists\n justify-content: space-between;\n align-items: center;\n margin: 0 var(--neg-padding) !important;\n padding: 0 var(--padding);\n transition: padding-left linear 100ms, padding-right linear 100ms;\n\n &.nested {\n @include padding-left(38px);\n }\n\n &.add {\n background-color: darken($grey050, 2%);\n\n &:before {\n position: absolute;\n @include left(0);\n width: 31px;\n @include alignright;\n @include icon;\n content: 'plus';\n color: var(--light-text-color);\n }\n\n .input {\n width: 100%;\n }\n }\n\n & > .heading {\n margin: 0;\n\n @media screen and (min-width: $min2ColWidth) {\n flex: 0 0 104px;\n @include margin-right(var(--s));\n line-height: 18px;\n }\n }\n\n &.lightswitch-field > .heading {\n flex: 1;\n }\n\n & > .input {\n .flex {\n flex-wrap: nowrap;\n\n & > * {\n margin-bottom: 0;\n }\n }\n }\n }\n\n & > .field > .heading {\n padding-top: var(--s);\n\n @media screen and (min-width: $min2ColWidth) {\n padding: 14px 0;\n }\n\n & > .copytextbtn {\n display: none;\n }\n }\n\n & > .data > .heading {\n padding: var(--s) 0;\n }\n\n & > .field > .heading > label,\n & > .data > .heading {\n color: var(--medium-text-color);\n }\n\n & > .field > .input,\n & > .data > .value {\n padding: var(--s) 0;\n width: 100%;\n\n @media screen and (min-width: $min2ColWidth) {\n width: calc(100% - 112px);\n }\n }\n\n & > .data > .value {\n display: flex;\n align-items: center;\n\n & > [data-icon='draft'] {\n margin-top: -2px;\n @include margin-right(8px);\n }\n }\n\n & > .field.lightswitch-field > .input {\n flex: 0;\n width: auto;\n }\n\n & > .field {\n &.has-errors {\n border: 1px solid var(--error-color) !important;\n\n &:first-child {\n border-top-left-radius: var(--large-border-radius);\n border-top-right-radius: var(--large-border-radius);\n }\n\n &:last-child {\n border-bottom-left-radius: var(--large-border-radius);\n border-bottom-right-radius: var(--large-border-radius);\n }\n\n & + .field {\n border-top: none !important;\n }\n }\n\n & > .heading {\n & > label,\n & > legend {\n font-weight: normal;\n }\n }\n\n & > .input {\n &,\n & > .flex,\n & > .flex > .textwrapper,\n & > .datewrapper,\n & > .timewrapper,\n & > .datetimewrapper > .datewrapper,\n & > .datetimewrapper > .timewrapper {\n & > .text {\n display: block;\n margin: calc(var(--s) * -1) 0;\n padding: 14px 0;\n border-radius: 0;\n background-color: transparent;\n border: none !important;\n }\n }\n\n & > .datewrapper,\n & > .timewrapper,\n & > .datetimewrapper > .datewrapper,\n & > .datetimewrapper > .timewrapper {\n background-color: transparent;\n .text + div[data-icon] {\n @include left(0);\n }\n }\n\n & > .datetimewrapper {\n gap: 0;\n\n & > .datewrapper {\n width: 55%;\n }\n\n & > .timewrapper {\n width: 45%;\n }\n\n & > .clear-btn {\n @include margin-right(-24px);\n }\n }\n\n & > .datewrapper,\n & > .timewrapper {\n display: block;\n width: 100%;\n }\n }\n\n & > ul.errors {\n margin: 0;\n padding: 0 0 6px;\n width: 100%;\n list-style-type: none;\n }\n\n & > .clear-btn {\n @include margin-right(var(--neg-padding));\n }\n }\n }\n\n & > .field:not(:first-child):not(.first-child),\n & > .flex-fields + .field:not(.first-child) {\n border-top: 1px solid var(--hairline-color);\n }\n\n & > .flex-fields {\n h2,\n blockquote.note {\n margin: 0 -24px !important;\n padding: 14px 24px;\n background-color: darken($grey050, 2%);\n }\n\n blockquote.note {\n border-radius: 0;\n border: none;\n }\n\n hr {\n margin: 0 -24px;\n }\n }\n}\n\n.meta > .field > .input > .select {\n display: block;\n margin: calc(var(--s) * -1) 0;\n width: 100%;\n border-radius: 0;\n box-shadow: none;\n background-color: transparent;\n\n &:after {\n @include right(0);\n }\n\n & + .spinner {\n position: absolute;\n top: calc(50% - 17px);\n @include right(-24px);\n }\n\n select {\n @include padding(var(--s), 12px, var(--s), 0);\n width: 100%;\n background-color: transparent;\n }\n}\n\n.body {\n position: relative;\n}\n\n.slideout-container,\n.slideout,\n.modal,\n.hud {\n z-index: 100;\n box-sizing: border-box;\n}\n\n.modal,\n.hud {\n @include modal;\n}\n\n.slideout-shade {\n opacity: 0;\n transition: opacity linear 250ms;\n\n &.so-visible {\n opacity: 1;\n }\n}\n\n.slideout-container {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n height: -webkit-fill-available; // h/t https://twitter.com/AllThingsSmitty/status/1254151507412496384\n pointer-events: none;\n\n &.so-lp {\n position: absolute;\n top: var(--m);\n left: var(--m);\n width: calc(100% - var(--m) * 2);\n height: calc(100vh - var(--m) * 2);\n }\n\n body.has-debug-toolbar & {\n height: calc(100vh - 42px);\n }\n}\n\n.slideout {\n position: absolute;\n background-color: var(--white);\n box-shadow: 0 0 0 1px transparentize($grey400, 0.75),\n 0 25px 100px transparentize($grey900, 0.5) !important;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n padding: 24px var(--padding);\n pointer-events: all;\n container-type: inline-size;\n\n &.so-mobile,\n &.so-lp {\n width: 100% !important;\n height: 100% !important;\n left: 0;\n transition: top linear 250ms;\n will-change: top;\n }\n\n &.so-mobile {\n --padding: 14px;\n --neg-padding: -14px;\n }\n\n &:not(.so-mobile) {\n border-radius: var(--large-border-radius);\n }\n\n &:not(.so-mobile):not(.so-lp) {\n top: 8px;\n width: calc(50% - 8px);\n height: calc(100% - 16px);\n\n @media screen and (prefers-reduced-motion: no-preference) {\n body.ltr & {\n transition: left linear 250ms;\n will-change: left;\n }\n\n body.rtl & {\n transition: right linear 250ms;\n will-change: right;\n }\n }\n }\n\n & > .pane-header {\n padding-left: var(--padding);\n padding-right: var(--padding);\n z-index: 2;\n\n & > .so-toolbar {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--s);\n min-height: calc(50px - 16px);\n\n & > .pane-tabs {\n width: 1px; // give other elements in the header plenty of room before the tabs take up whatever's left\n flex: 1;\n @include margin-right(0);\n }\n }\n }\n\n & > .so-body {\n flex: 1;\n margin: -24px var(--neg-padding) 0;\n overflow: hidden auto;\n position: relative;\n\n &.so-full-details,\n & > .so-sidebar {\n background-color: var(--gray-100) !important;\n }\n\n &:not(.so-full-details) {\n padding: 24px var(--padding);\n }\n\n & > .so-sidebar,\n &.so-full-details > .so-content > .details {\n box-sizing: border-box;\n padding: 0 var(--padding) var(--spacing);\n\n & > .preview-thumb-container {\n margin: 0 var(--neg-padding);\n height: auto;\n min-height: 54px; // make room for the Preview / Edit buttons\n\n & + .pane-header {\n border-radius: 0;\n }\n }\n\n .image-actions {\n &.is-mobile {\n margin: calc(var(--spacing) / 2) 0 var(--spacing);\n }\n }\n\n & > .meta.read-only:first-child {\n margin-top: var(--padding);\n }\n\n & > .meta.warning {\n box-shadow: none;\n border-bottom: 1px solid var(--yellow-300);\n }\n\n & > .field {\n & > .input > .text.fullwidth {\n border-radius: 0;\n }\n }\n\n .notes {\n padding-top: var(--m);\n padding-bottom: var(--m);\n }\n }\n\n & > .so-sidebar {\n position: absolute;\n top: 0;\n @include pane();\n width: 350px;\n height: 100%;\n max-width: 100%;\n overflow: hidden auto;\n z-index: 1;\n\n body.ltr & {\n transition: right linear 250ms;\n }\n body.rtl & {\n transition: left linear 250ms;\n }\n }\n }\n\n & > .so-footer {\n position: relative;\n display: flex;\n gap: 8px;\n justify-content: space-between;\n flex-wrap: wrap;\n margin: 0 var(--neg-padding) -24px;\n padding: 8px var(--padding);\n @include pane;\n background-color: var(--gray-050);\n z-index: 3;\n\n & > .so-extra {\n flex: 0 0 100%;\n margin: 0 var(--neg-padding);\n padding: 0 var(--padding) 8px;\n border-bottom: 1px solid var(--hairline-color);\n }\n }\n}\n\n@container (width > 700px) {\n .slideout {\n &.has-sidebar {\n .pane-header:not(.so-visible) {\n display: none;\n }\n\n .sidebar-btn {\n display: none;\n }\n\n .so-body {\n display: flex;\n flex-direction: row;\n padding: 0;\n overflow: hidden;\n\n & > .so-content {\n position: relative;\n z-index: 2;\n padding: 24px;\n width: calc(100% - 350px);\n height: 100%;\n box-sizing: border-box;\n @include border-right(1px solid var(--gray-200));\n overflow: hidden auto;\n }\n\n & > .so-sidebar {\n position: relative;\n display: block !important;\n top: auto;\n right: auto !important;\n left: auto !important;\n height: 100%;\n box-shadow: none;\n }\n }\n }\n\n & > .so-footer {\n & > .so-extra {\n margin: 0;\n padding: 0;\n border: none;\n flex: auto 0 1;\n }\n }\n }\n}\n\n.header,\n.hud-header,\n.footer,\n.hud-footer {\n position: relative;\n z-index: 1;\n box-sizing: border-box;\n}\n\n.header,\n.hud-header,\n.footer,\n.hud-footer {\n background-color: var(--gray-100);\n}\n\n.header,\n.hud-header {\n border-radius: var(--large-border-radius) var(--large-border-radius) 0 0;\n padding: 24px;\n box-shadow: inset 0 -1px 0 var(--hairline-color);\n\n h1 {\n margin: 0;\n }\n}\n\n.footer,\n.hud-footer {\n border-radius: 0 0 var(--large-border-radius) var(--large-border-radius);\n padding: var(--s) var(--pane-padding, var(--xl));\n box-shadow: inset 0 1px 0 var(--hairline-color);\n\n &.flex {\n & > * {\n margin-bottom: 0;\n }\n }\n}\n\n.modal .body,\n.hud .main {\n padding: 24px;\n overflow: hidden;\n box-sizing: border-box;\n}\n\n.pane,\n.modal .body {\n .header {\n margin: calc(var(--pane-padding, 24px) * -1)\n calc(var(--pane-padding, 24px) * -1) var(--pane-padding, 24px);\n }\n\n .footer {\n margin: var(--pane-padding, 24px) calc(var(--pane-padding, 24px) * -1)\n calc(var(--pane-padding, 24px) * -1);\n }\n}\n\n.slideout-shade,\n.modal-shade,\n.hud-shade {\n z-index: 100;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: none;\n}\n\n.slideout-shade,\n.modal-shade {\n &:not(.dark) {\n background-color: transparentize($grey400, 0.65) !important;\n }\n\n &.dark {\n background-color: transparentize($grey900, 0.5) !important;\n }\n}\n\n.modal {\n position: fixed;\n overflow: hidden;\n\n &:not(.fitted):not(.fullscreen) {\n width: 66%;\n height: 66%;\n min-width: 600px;\n min-height: 400px;\n }\n\n &.fitted {\n width: auto;\n height: auto;\n min-width: 0;\n min-height: 0;\n }\n\n &.fullscreen {\n width: 100%;\n height: 100%;\n border-radius: 0;\n }\n\n &.alert .body {\n @include padding-left(76px);\n\n &:before {\n @include icon;\n @include margin(-6px, 0, 0, -58px);\n @include floatleft;\n content: 'alert';\n font-size: 40px;\n color: var(--light-text-color);\n }\n }\n\n &.secure .body {\n @include padding-left(76px);\n\n &:before {\n @include icon;\n @include margin(-14px, 0, 0, -56px);\n @include floatleft;\n content: 'secure';\n font-size: 58px;\n color: var(--light-text-color);\n }\n }\n\n .resizehandle {\n position: absolute;\n z-index: 1;\n bottom: 0;\n @include right(0);\n width: 24px;\n height: 24px;\n cursor: nwse-resize;\n padding: var(--xs);\n\n path {\n fill: var(--ui-control-color);\n }\n\n body.rtl & {\n .ltr {\n display: none;\n }\n }\n\n body.ltr & {\n .rtl {\n display: none;\n }\n }\n }\n}\n\n.hud {\n position: absolute;\n display: none;\n top: 0;\n\n &.tooltip-hud {\n display: block;\n }\n\n &.has-footer .tip-bottom {\n background-image: url(../images/hudtip_bottom_gray.png);\n }\n\n .tip {\n position: absolute;\n z-index: 101;\n background: no-repeat 0 0;\n }\n\n .tip-left {\n left: -15px;\n width: 15px;\n height: 30px;\n background-image: url(../images/hudtip_left.png);\n }\n\n .tip-top {\n top: -15px;\n width: 30px;\n height: 15px;\n background-image: url(../images/hudtip_top.png);\n }\n\n .tip-right {\n right: -15px;\n width: 15px;\n height: 30px;\n background-image: url(../images/hudtip_right.png);\n }\n\n .tip-bottom {\n bottom: -15px;\n width: 30px;\n height: 15px;\n background-image: url(../images/hudtip_bottom.png);\n }\n}\n\n.hud .hud-header,\n.hud .hud-footer {\n padding: var(--s) var(--xl);\n}\n\n.hud .body {\n overflow: hidden;\n\n ::-webkit-scrollbar {\n appearance: none;\n\n &:vertical {\n width: 11px;\n }\n\n &:horizontal {\n height: 11px;\n }\n }\n\n ::-webkit-scrollbar-thumb {\n border-radius: 8px;\n border: 2px solid transparent;\n background-color: transparentize($black, 0.5);\n }\n\n ::-webkit-scrollbar-track {\n background-color: var(--gray-050);\n }\n}\n\n/* inline asset previews */\n\n.preview-thumb-container {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 190px;\n background-color: var(--gray-900);\n margin: 0 var(--neg-padding) var(--spacing);\n\n &.checkered img {\n background-color: var(--white);\n @include checkered-bg(17px);\n }\n\n &.editable {\n cursor: pointer;\n }\n\n &.loading {\n &:after {\n content: '';\n font-size: 0;\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n background-color: transparentize($grey900, 0.2);\n }\n\n .spinner {\n color: var(--white);\n z-index: 1;\n }\n }\n\n #details & {\n border-radius: var(--large-border-radius);\n overflow: hidden;\n }\n\n .preview-thumb {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n height: 100%;\n\n img {\n display: block;\n max-width: 100%;\n max-height: 190px;\n }\n }\n}\n\n.image-actions {\n &.is-mobile {\n margin: calc((var(--spacing) / 2) * -1) var(--neg-padding) var(--spacing);\n display: grid;\n grid-template-columns: 1fr 1fr;\n }\n}\n\n.button-fade {\n .buttons {\n opacity: 0;\n position: absolute;\n top: 10px;\n @include right(10px);\n margin: 0;\n transition: opacity linear 100ms;\n\n .btn {\n --ui-control-color: var(--white);\n --ui-control-hover-color: var(--white);\n --ui-control-active-color: var(--white);\n --interaction-background-color: var(--gray-700);\n background-color: var(--gray-600);\n color: var(--white);\n @include light-on-dark-text;\n @include two-color-focus-ring($light-button: false);\n\n &:hover {\n background-color: var(--interaction-background-color) !important;\n }\n\n &:not(.disabled):not(.loading):not(.dashed) {\n &:focus,\n &.focus,\n &:hover {\n background-color: var(--interaction-background-color);\n }\n }\n }\n }\n\n &:hover,\n &:focus-within {\n .buttons {\n opacity: 1;\n }\n }\n}\n\n/* element selector modals */\n.elementselectormodal {\n --content-padding: 24px;\n padding-bottom: 50px;\n user-select: none;\n\n & > .header {\n padding-top: 14px;\n padding-bottom: 14px;\n text-align: center;\n\n & + .body {\n height: calc(100% - 48px) !important;\n }\n }\n\n .body {\n position: relative;\n height: 100%;\n\n .spinner.big {\n position: absolute;\n top: 50%;\n left: 50%;\n margin: -24px 0 0 -24px;\n }\n\n .content {\n height: calc(100% + 48px);\n\n .sidebar {\n position: absolute;\n top: 0;\n @include margin-left(-249px);\n height: 100%;\n overflow: auto;\n padding: var(--content-padding) 0;\n }\n\n .main {\n margin: -24px;\n padding: var(--content-padding);\n height: 100%;\n box-sizing: border-box;\n overflow: auto;\n position: relative;\n\n .elements {\n &.busy {\n min-height: calc(100% - 48px);\n }\n\n .header {\n margin: 0 0 var(--m);\n }\n\n .tableview table {\n tr {\n th,\n td {\n cursor: default;\n }\n\n // prevent double focus ring (the row already gets it)\n .checkbox:before {\n box-shadow: none !important;\n }\n }\n }\n\n .structure .row {\n margin-top: 1px;\n }\n }\n }\n }\n }\n\n .footer {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n margin: 0;\n box-sizing: border-box;\n\n .spinner {\n @include floatright;\n @include margin-right(-24px);\n }\n }\n}\n\n/* element selector modals & customize sources modal */\n.elementselectormodal,\n.customize-sources-modal {\n .main-header {\n display: flex;\n align-items: center;\n margin-bottom: var(--s);\n }\n\n .main-heading {\n margin-bottom: 0;\n }\n\n .nav-toggle {\n @include margin-left(4px);\n @include touch-target;\n color: var(--ui-control-color);\n\n &:hover {\n color: var(--gray-500);\n }\n }\n\n .sidebar-header {\n display: flex;\n justify-content: flex-end;\n padding: 0 var(--s);\n margin-bottom: var(--s);\n }\n\n .nav-close {\n @include touch-target;\n }\n}\n\n/* element editing HUD */\n.element-hud-form {\n .buttons {\n position: relative;\n\n .spinner {\n position: absolute;\n top: 0;\n @include right(-24px);\n }\n }\n}\n\n/* recent activity container */\n.activity-container {\n &:not(:last-child) {\n @include margin-right(var(--s));\n }\n\n ul {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: var(--xs);\n\n li {\n .activity-btn {\n width: 30px;\n height: 30px;\n border-radius: 50%;\n display: block;\n\n .elementthumb {\n position: relative;\n width: 100%;\n height: 100%;\n border-radius: 50px;\n background: var(--gray-050);\n overflow: hidden;\n border: 2px solid var(--white);\n box-shadow: 0 1px 2px 1px transparentize($grey900, 0.9);\n\n img,\n svg {\n display: block;\n width: 100%;\n height: 100%;\n }\n }\n }\n\n &:not(:last-child) {\n @include margin-right(-10px);\n }\n }\n }\n}\n\n/* element index view menu */\n.element-index-view-menu {\n width: 400px;\n max-width: calc(100% - 20px);\n padding: 0 !important;\n\n .meta {\n padding-top: var(--s);\n padding-bottom: var(--s);\n }\n\n .table-columns-field {\n align-items: flex-start;\n\n .input {\n padding: 13px 0;\n }\n }\n\n .menu-footer {\n margin: 0 !important;\n padding: var(--s) var(--xl) !important;\n background-color: var(--gray-050);\n }\n}\n\n.element-index-view-menu-table-column {\n display: flex;\n align-items: start;\n align-content: stretch;\n margin-bottom: 4px;\n\n .icon.move {\n @include margin-right(10px);\n position: relative;\n z-index: 1;\n }\n}\n\n/* sort fields */\n.sort-field {\n .input {\n .flex {\n .btngroup {\n .btn {\n width: 42px;\n }\n }\n\n .flex-grow {\n max-width: calc(100% - 85px - var(--s));\n }\n\n @media screen and (max-width: 350px) {\n flex-direction: column;\n\n & > * {\n width: 100%;\n }\n\n .flex-grow {\n max-width: none;\n }\n }\n }\n }\n}\n\n/* element filter HUD */\n.element-filter-hud {\n &.loading .body {\n padding: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .body,\n .main {\n overflow: visible;\n }\n}\n\n/* Address Cards */\n.address-cards {\n display: grid;\n gap: var(--m) var(--m);\n grid-template-columns: repeat(1, minmax(0, 1fr));\n grid-auto-rows: minmax(0, 1fr);\n\n .so-content & {\n grid-template-columns: repeat(1, minmax(0, 1fr)) !important;\n }\n}\n\n.address-cards__add-btn {\n padding: 1rem;\n min-height: 8rem;\n height: auto;\n width: 100%;\n}\n\n.address-card.error {\n border: 1px solid #cf1124;\n}\n\n.address-card.error:hover {\n border-color: #cf1124;\n}\n\n@media (min-width: 1024px) {\n .address-cards {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n\n@media (min-width: 1280px) {\n .address-cards {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n\n .so-content & {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n }\n }\n}\n\n@media (min-width: 1536px) {\n .address-cards {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n}\n\n.address-card {\n border: 1px solid #eee;\n border-radius: 0.375rem;\n padding: 1rem;\n min-height: 4rem;\n}\n\n.address-card:hover {\n border-color: #ddd;\n background-color: #fafafa;\n cursor: pointer;\n}\n\n.address-card .address-card-header {\n display: flex;\n flex-wrap: nowrap;\n justify-content: space-between;\n}\n\n.address-card .address-card-header-actions {\n display: flex;\n justify-content: flex-end;\n}\n\n.address-card .address-card-label {\n background: #e6f1fe;\n color: #2563eb;\n padding: 0.125rem 0.5rem;\n border-radius: 0.25rem;\n font-size: 0.75rem;\n text-transform: uppercase;\n font-weight: 500;\n margin-bottom: 0.75rem;\n\n .ltr & {\n margin-right: 0.5rem;\n }\n\n .rtl & {\n margin-left: 0.5rem;\n }\n}\n\n/* logout warning/login/elevated session modals */\n.logoutwarningmodalshade,\n.loginmodalshade {\n z-index: 1001;\n}\n\n#logoutwarningmodal,\n#loginmodal,\n#elevatedsessionmodal,\n.prompt {\n width: 500px;\n}\n\n#logoutwarningmodal,\n#loginmodal {\n z-index: 1001;\n}\n\n.prompt {\n height: auto;\n min-height: auto;\n}\n\n/* delete user modal */\n.deleteusermodal {\n .content-summary {\n margin: -24px -24px 24px;\n padding: 24px;\n background-color: var(--gray-050);\n }\n\n .options {\n label {\n display: inline-block;\n line-height: 30px;\n }\n }\n\n .elementselect {\n @include margin-left(10px);\n display: inline-block;\n vertical-align: middle;\n }\n\n .buttons {\n .spinner {\n @include margin-right(-20px);\n }\n }\n}\n\n.dropdownsettingsmodal {\n width: auto;\n height: auto;\n min-width: 0;\n min-height: 0;\n max-width: 400px;\n\n .body {\n max-height: 100%;\n overflow-y: auto;\n }\n}\n\n.previewmodal {\n &.zilch {\n padding: 100px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n\n/* ----------------------------------------\n/* Alternative Text\n/* ----------------------------------------*/\n.video-transcript {\n background-color: var(--gray-050);\n overflow-y: scroll;\n font-size: 1rem;\n position: relative;\n\n @include focus-styles {\n // Unset default\n box-shadow: none;\n color: var(--white);\n background-color: var(--gray-800);\n }\n}\n\n.video-transcript__inner {\n margin-left: auto;\n margin-right: auto;\n max-width: 550px;\n padding: var(--xl);\n}\n\n/* ----------------------------------------\n/* Menus\n/* ----------------------------------------*/\n\n.menu,\n.ui-datepicker,\n.ui-timepicker-list {\n @include menu-styles;\n}\n\n.ui-datepicker,\n.ui-timepicker-list {\n padding: 0;\n}\n\n.menu {\n display: none;\n position: absolute;\n\n h6 {\n &:first-child {\n margin-top: 14px !important;\n }\n }\n\n ul {\n &.padded {\n li {\n a,\n .menu-option {\n @include padding-left(24px);\n\n &[data-icon],\n &.icon,\n &.sel {\n &:before {\n @include floatleft;\n @include margin(3px, 0, 0, -17px);\n font-size: 14px;\n color: var(--ui-control-color);\n }\n\n &.error:before {\n color: var(--error-color);\n }\n }\n\n &.sel:not([data-icon]):before {\n content: 'check';\n }\n }\n }\n }\n\n li {\n a,\n .menu-option {\n @include menu-option-styles;\n font-size: 14px;\n cursor: default;\n -webkit-appearance: none;\n\n &:not(.flex) {\n display: table !important;\n box-sizing: border-box;\n width: calc(100% + 28px);\n @include alignleft;\n }\n\n &.flex {\n [data-icon] {\n margin-top: -2px;\n }\n }\n\n &.sel {\n cursor: default;\n }\n\n .shortcut {\n @include floatright;\n @include margin-left(14px);\n padding: 0 4px;\n border-radius: var(--medium-border-radius);\n box-shadow: 0 0 0 1px transparentize($grey600, 0.75),\n 0 1px 3px -1px transparentize($grey600, 0.5);\n }\n }\n }\n }\n\n & > .flex {\n margin-top: 10px;\n margin-bottom: 10px;\n position: relative;\n\n &.padded {\n @include margin-left(-14px);\n @include padding-left(24px);\n\n &.sel {\n &:before {\n position: absolute;\n top: 36px;\n @include left(7px);\n content: 'check';\n font-size: 14px;\n color: var(--light-text-color);\n }\n }\n }\n }\n\n hr {\n margin: 5px -14px;\n }\n\n .go:after {\n color: inherit;\n }\n}\n\n.menubtn,\n.menu {\n span.icon {\n display: inline-block;\n margin-top: -1px;\n width: 10px;\n @include margin-right(10px);\n text-align: center;\n font-size: 14px;\n color: var(--ui-control-color);\n }\n}\n\n.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,\n.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover {\n @include menu-option-active-styles;\n --text-color: var(--white);\n --light-text-color: var(--gray-100);\n --ui-control-color: var(--gray-050);\n --ui-control-hover-color: var(--gray-100);\n --ui-control-active-color: var(--gray-100);\n\n span.icon,\n &:before {\n color: var(--menu-option-active-color);\n }\n\n &.error {\n color: var(--menu-option-active-color) !important;\n }\n}\n\n.menu {\n hr.padded,\n h6.padded {\n @include margin-left(10px);\n }\n}\n\n.menu--disclosure ul li {\n & > a,\n & > .menu-option {\n &:hover {\n @include disclosure-link-hover-styles;\n }\n\n @include focus-styles {\n box-shadow: inset 0 0 0 3px hsla(var(--dark-focus-hsl), 0.7);\n }\n }\n}\n\n/* tag select fields */\n.tagselect {\n .elements {\n display: inline;\n }\n\n .chip.small {\n clear: none;\n }\n\n .add {\n position: relative;\n z-index: 1;\n @include margin(7px, 7px, 0, 0);\n display: inline-block;\n width: 12em;\n\n .text {\n @include padding-right(30px);\n }\n\n .spinner {\n position: absolute;\n top: 0;\n @include right(5px);\n }\n }\n\n // todo: why are body.ltr and body.rtl needed here?\n body.ltr &,\n body.rtl & {\n &.elementselect .chip {\n float: none !important;\n display: inline-block;\n }\n }\n}\n\n.tagmenu {\n ul {\n li {\n a {\n @include padding-left(26px);\n\n &:before {\n @include floatleft;\n @include margin(3px, 0, 0, -18px);\n }\n }\n }\n }\n}\n\n/* selectize */\n.selectize-control.single .selectize-input:not(.no-arrow)::after {\n display: none;\n}\n\n/* ----------------------------------------\n/* Fields\n/* ----------------------------------------*/\n\n.shadow-box {\n border-radius: var(--large-border-radius);\n border: 1px solid var(--gray-200);\n @include shadow;\n}\n\ntable.shadow-box,\ntable.editable {\n border-collapse: separate;\n border-spacing: 0;\n\n thead,\n tbody:first-child,\n caption + tbody {\n tr:first-child {\n th:first-child,\n td:first-child {\n &,\n &.disabled:after {\n border-top-left-radius: var(--medium-border-radius);\n }\n }\n th:last-child,\n td:last-child {\n &,\n &.disabled:after {\n border-top-right-radius: var(--medium-border-radius);\n }\n }\n }\n }\n thead:last-child,\n tbody:last-child {\n tr:last-child {\n th:first-child,\n td:first-child {\n &,\n &.disabled:after {\n border-bottom-left-radius: calc(var(--large-border-radius) - 1px);\n }\n }\n th:last-child,\n td:last-child {\n &,\n &.disabled:after {\n border-bottom-right-radius: calc(var(--large-border-radius) - 1px);\n }\n }\n }\n }\n}\n\n.text,\n.passwordwrapper,\n.border-box,\n.selectize.multiselect .selectize-input,\n.multiselect > select {\n @include input-styles;\n}\n\n.text,\n.passwordwrapper,\n.border-box,\n.selectize.multiselect .selectize-input {\n &.focus {\n @include input-focused-styles;\n }\n\n @include focus-styles {\n @include input-focused-styles;\n }\n}\n\ninput.text,\ntextarea.text,\n.text > input,\n.text > textarea,\ntable.editable textarea,\n.selectize.multiselect .selectize-input {\n font-size: 14px;\n line-height: 20px;\n color: var(--text-color);\n min-height: 3px;\n box-sizing: border-box;\n appearance: none;\n}\n\n.selectize.multiselect .selectize-input {\n line-height: 18px;\n}\n\ntextarea.text.fullwidth {\n display: block;\n}\n\n.multitext .multitextrow {\n &:after {\n @include clearafter;\n }\n\n &:first-child .text {\n &:first-child {\n @include border-top-left-radius(var(--medium-border-radius));\n }\n\n &:last-child {\n @include border-top-right-radius(var(--medium-border-radius));\n }\n }\n\n &:last-child .text {\n &:first-child {\n @include border-bottom-left-radius(var(--medium-border-radius));\n }\n\n &:last-child {\n @include border-bottom-right-radius(var(--medium-border-radius));\n }\n }\n\n &:not(:first-child) .text {\n margin-top: -1px;\n }\n\n .text {\n border-radius: 0;\n float: left;\n box-sizing: border-box;\n\n &:not(:first-child) {\n @include margin-left(-1px);\n }\n\n &:first-child {\n &:nth-last-child(1) {\n width: 100%;\n }\n\n &:nth-last-child(2) {\n width: 50%;\n }\n\n &:nth-last-child(2) ~ .text {\n width: calc(50% + 1px);\n }\n }\n\n &.error {\n position: relative;\n z-index: 1;\n }\n }\n\n .text:focus,\n .selectize.multiselect .selectize-input.focus {\n position: relative;\n z-index: 2;\n }\n}\n\n.chars-left {\n position: relative;\n @include floatright;\n @include margin(-27px, 7px, 0, 0);\n color: var(--light-text-color);\n\n .input.ltr > & {\n float: right !important;\n margin-right: 7px !important;\n }\n\n .input.rtl > & {\n float: left !important;\n margin-left: 7px !important;\n }\n\n &.negative-chars-left {\n color: var(--error-color);\n }\n}\n\n.field,\nfieldset {\n position: relative;\n margin: 24px 0;\n\n .flex > & {\n margin-top: 0;\n margin-bottom: 0;\n }\n}\n\n.field {\n min-inline-size: initial;\n\n & > .status-badge {\n position: absolute;\n top: 0;\n @include left(0);\n width: 2px;\n height: 100%;\n content: '';\n cursor: help;\n\n &.modified {\n background-color: var(--blue-600);\n }\n\n &.outdated {\n background-color: var(--pending-color);\n }\n }\n\n & > .heading {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n position: relative;\n margin-top: -5px;\n margin-bottom: 5px;\n\n & > label,\n & > legend {\n font-weight: bold;\n color: var(--medium-dark-text-color);\n\n code {\n font-size: 1em !important;\n }\n\n .info {\n @include margin-left(5px);\n }\n }\n\n .t9n-indicator {\n @include margin-left(7px);\n color: var(--light-text-color);\n }\n\n & + .instructions {\n margin-top: -3px;\n }\n\n // BC\n & > .instructions {\n width: 100%;\n }\n }\n\n & > .instructions {\n margin-bottom: 5px;\n }\n\n & > .input {\n position: relative;\n\n &:after {\n @include clearafter;\n }\n\n & + .instructions {\n margin: 5px 0 0;\n }\n }\n\n & > .notice,\n & > .warning {\n margin: 5px 0 0;\n }\n}\n\n.field > .instructions,\n// BC\n.field > .heading > .instructions,\n.checkboxfield .instructions {\n color: var(--medium-text-color);\n\n img,\n video,\n embed,\n iframe {\n max-width: 100% !important;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n}\n\n.expand-status-btn {\n @include margin-left(5px);\n width: 30px;\n height: 17px;\n padding: 0;\n line-height: 16px;\n border-radius: var(--small-border-radius);\n color: var(--text-color);\n\n &:before {\n margin: 0;\n }\n}\n\n/* toggles and nested fields */\n.nested-fields {\n margin: -24px;\n padding: 24px 24px 0;\n\n &.hidden {\n display: block;\n height: 0;\n }\n\n & > .field:last-child {\n padding-bottom: 24px;\n }\n}\n\n/* checkbox */\ninput.checkbox {\n opacity: 0;\n position: absolute;\n width: var(--checkbox-size);\n height: var(--checkbox-size);\n}\n\ninput.checkbox + label,\ndiv.checkbox {\n display: inline-block;\n clear: none;\n position: relative;\n @include padding-left($checkboxSize + 5);\n line-height: 16px;\n min-height: 16px;\n cursor: pointer;\n\n &,\n &:before {\n // set the border radius on the container too, for (some) focus rings\n border-radius: var(--small-border-radius);\n }\n\n &:before {\n display: block;\n position: absolute;\n @include left(0);\n top: 0;\n width: var(--checkbox-size) !important;\n height: var(--checkbox-size);\n box-sizing: border-box;\n content: '';\n font-size: 0;\n background-color: hsl(212, 50%, 99%);\n border: 1px solid transparentize($inputColor, 0.6);\n background-clip: padding-box;\n }\n\n &:empty {\n @include padding-left(var(--checkbox-size));\n\n &:after {\n content: '';\n font-size: 0;\n }\n }\n\n .info {\n height: 16px;\n }\n}\n\ninput.checkbox:disabled + label,\n.disabled div.checkbox {\n cursor: default;\n}\n\ninput.checkbox:disabled + label,\ndiv.checkbox.disabled:before,\ndiv.checkbox.disabled + label {\n opacity: 0.25 !important;\n}\n\ninput.checkbox:checked + label:before,\ndiv.checkbox.checked:before,\n.sel div.checkbox:before,\ninput.checkbox:indeterminate + label:before,\ndiv.checkbox.indeterminate:before,\n.elementselectormodal\n .body\n .content\n .main\n .elements\n .disabled\n .checkbox:before {\n @include icon;\n line-height: var(--checkbox-size);\n color: var(--gray-900);\n}\n\ninput.checkbox:checked:not(:indeterminate) + label:before,\ndiv.checkbox.checked:not(.indeterminate):before,\n.sel div.checkbox:not(.indeterminate):before,\n.elementselectormodal\n .body\n .content\n .main\n .elements\n .disabled\n .checkbox:before {\n content: 'check';\n font-size: 15px;\n}\n\ninput.checkbox:indeterminate + label:before,\ndiv.checkbox.indeterminate:before {\n content: 'minus';\n font-size: 7px;\n text-align: center;\n}\n\nbody:not(.reduce-focus-visibility) {\n input.checkbox:focus + label:before,\n :focus div.checkbox:before {\n @include input-focused-styles;\n }\n}\n\nbody.reduce-focus-visibility {\n input.checkbox:focus-visible + label:before,\n :focus-visible div.checkbox:before {\n @include input-focused-styles;\n }\n}\n\n.checkbox-icon {\n display: inline-flex;\n padding: 3px;\n background-color: var(--enabled-color);\n color: var(--white);\n border-radius: var(--small-border-radius);\n\n &:before {\n --checkbox-size: 14px;\n --icon-opacity: 1;\n @include icon;\n content: 'check';\n line-height: var(--checkbox-size);\n font-size: var(--checkbox-size);\n }\n}\n\n.monaco-mouse-cursor-text {\n @include focus-styles {\n box-shadow: none !important;\n }\n}\n\nfieldset {\n .checkboxfield {\n margin: 5px 0;\n }\n}\n\n.checkboxfield {\n .instructions,\n .notice,\n .warning {\n margin-top: 2px;\n @include padding-left($checkboxSize + 5);\n }\n}\n\n/* radio */\ninput.radio {\n opacity: 0;\n position: absolute;\n width: var(--radio-size);\n height: var(--radio-size);\n}\n\ninput.radio + label,\ndiv.radio {\n display: inline-block;\n clear: none;\n position: relative;\n @include padding-left($radioSize + 5);\n line-height: calc(24 / 14);\n cursor: pointer;\n}\n\ninput.radio:disabled + label,\n.disabled div.radio {\n cursor: default;\n}\n\ninput.radio + label:empty,\ndiv.radio:empty {\n @include padding-left(var(--radio-size));\n}\n\n/* fixes a RTL bug */\ninput.radio + label:before,\ninput.radio + label:after,\ndiv.radio:before,\ndiv.radio:after {\n display: block;\n position: absolute;\n content: '';\n box-sizing: border-box;\n background-clip: padding-box;\n border-radius: 100%;\n}\n\ninput.radio + label:before,\ndiv.radio:before {\n top: 50%;\n left: 0;\n transform: translateY(-50%);\n width: var(--radio-size);\n height: var(--radio-size);\n background-color: hsl(212, 50%, 99%);\n border: 1px solid transparentize($inputColor, 0.6);\n}\n\ninput.radio + label:after,\ndiv.radio:after {\n top: calc(50%);\n left: 4px;\n transform: translateY(-50%);\n width: calc(var(--radio-size) - 8px);\n height: calc(var(--radio-size) - 8px);\n}\n\ninput.radio:disabled + label,\ndiv.radio.disabled:before,\ndiv.radio.disabled + label {\n opacity: 0.25;\n}\n\ninput.radio:checked + label:after,\ndiv.radio.checked:after,\n.sel div.radio:after {\n background: var(--gray-900);\n}\n\nbody:not(.reduce-focus-visibility) {\n input.radio:focus + label:before,\n :focus div.radio:before {\n @include input-focused-styles;\n }\n}\n\nbody.reduce-focus-visibility {\n input.radio:focus-visible + label:before,\n :focus-visible div.radio:before {\n @include input-focused-styles;\n }\n}\n\n/* multiselect */\n.multiselect > select {\n color: var(--text-color);\n font-size: 14px;\n appearance: none;\n\n @include focus-styles {\n @include input-focused-styles;\n }\n\n option {\n padding: 1px 8px;\n }\n}\n\n.text,\n.selectize.multiselect .selectize-input {\n padding: 6px 9px;\n}\n\n.text {\n background-color: var(--white);\n\n &:not(.small) {\n box-sizing: border-box;\n min-height: calc(34rem / 16);\n }\n\n &.small {\n padding: 3px;\n }\n\n &.readable {\n padding: 16px 18px;\n font-size: 16px;\n line-height: 22px;\n\n & + .chars-left {\n margin-top: -23px;\n }\n }\n\n &.clearable {\n @include padding-right(var(--touch-target-size));\n }\n\n input {\n margin: 0;\n padding: 0;\n border: none;\n background-color: transparent;\n }\n}\n\ntd.errors .text,\n.input.errors > .text,\n.input.errors > .border-box,\n.input.errors > .passwordwrapper,\n.input.errors > .autosuggest-container .text,\n.text.error {\n border: 1px solid var(--error-color) !important;\n}\n\n.texticon {\n position: relative;\n cursor: text;\n min-width: 130px;\n\n &.icon {\n &:before {\n position: absolute;\n top: 9px;\n @include left(9px);\n color: var(--ui-control-color);\n }\n\n .text {\n @include padding-left(26px);\n }\n }\n\n .texticon-icon {\n position: absolute;\n top: calc((34rem / 16) / 2);\n transform: translateY(-50%);\n display: flex;\n justify-content: center;\n align-items: center;\n @include left(9px);\n }\n\n .clear-btn {\n position: absolute;\n top: calc(\n (var(--touch-target-size) - 34px) / -2\n ); /* Responds to min-height of text input */\n @include right(0);\n width: var(--touch-target-size);\n height: var(--touch-target-size);\n }\n\n &.has-filter-btn {\n .text {\n @include padding-right(26px);\n }\n\n .filter-btn {\n position: absolute;\n top: calc((34rem / 16) / 2);\n transform: translateY(-50%);\n @include right(4px);\n padding: 0 7px 4px;\n font-size: 14px;\n line-height: 22px;\n cursor: pointer;\n border-radius: 13px;\n\n &:before {\n @include icon;\n content: 'filter';\n color: var(--medium-text-color);\n }\n\n &:hover {\n background-color: var(--gray-100);\n }\n\n &:active,\n &.active {\n background-color: var(--gray-350);\n\n &:before {\n color: var(--white);\n }\n }\n }\n\n .text {\n @include padding-left(calc(26rem / 16));\n\n &.clearable {\n @include padding-right(calc(30px + var(--touch-target-size)));\n }\n }\n\n .clear-btn {\n @include right(30px);\n }\n }\n}\n\n.texthint-container {\n position: relative;\n height: 0;\n}\n\n.texthint {\n position: absolute;\n top: -1px;\n width: 100%;\n color: var(--light-text-color);\n cursor: text;\n}\n\n.passwordwrapper {\n position: relative;\n\n .password {\n border: none;\n background: transparent;\n padding-right: 4rem;\n box-shadow: none;\n }\n\n .password-toggle {\n color: var(--link-color);\n position: absolute;\n top: 0;\n @include right(9px);\n bottom: 0;\n cursor: pointer;\n\n &:hover {\n text-decoration: underline;\n }\n }\n}\n\n.datetimewrapper {\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n align-items: center;\n gap: 5px;\n}\n\n.clear-btn {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 24px;\n cursor: pointer;\n color: var(--ui-control-color);\n border: none;\n padding: 0;\n background: transparent;\n\n &:before {\n @include icon;\n content: 'remove';\n }\n\n &:hover {\n color: var(--ui-control-hover-color);\n }\n\n &:active {\n color: var(--ui-control-active-color);\n }\n}\n\n.close-btn {\n position: relative;\n\n &:before,\n &:after {\n position: absolute;\n content: '';\n top: 50%;\n left: 50%;\n height: 15px;\n width: 2px;\n background-color: var(--ui-control-color);\n opacity: var(--icon-opacity);\n }\n\n &:before {\n transform: translate(-50%, -50%) rotate(-45deg);\n }\n\n &:after {\n transform: translate(-50%, -50%) rotate(45deg);\n }\n\n &:hover {\n &:before,\n &:after {\n background-color: var(--ui-control-hover-color);\n }\n }\n\n &:active {\n &:before,\n &:after {\n background-color: var(--ui-control-active-color);\n }\n }\n}\n\n.datewrapper,\n.timewrapper {\n display: inline-block;\n position: relative;\n\n .text {\n position: relative;\n z-index: 1;\n width: 100%;\n\n & + div[data-icon] {\n display: none;\n }\n\n &:placeholder-shown,\n &.empty-value {\n & + div[data-icon] {\n display: block;\n position: absolute;\n top: calc(50% - 12px);\n @include left(14px);\n z-index: 0;\n color: var(--light-text-color);\n\n &,\n &:before {\n user-select: none;\n pointer-events: none;\n z-index: 1;\n }\n }\n }\n }\n}\n\n.datewrapper {\n width: 8em;\n}\n\n.timewrapper {\n width: 7em;\n}\n\n@include placeholder-styles(var(--gray-400));\n\n/* Kill IE's special text features */\n::-ms-reveal,\n::-ms-clear {\n display: none;\n}\n\n/* Asset indexing related */\ntr.indexingSession td {\n height: 34px;\n padding: 1px 10px;\n}\n\ntr.indexingSession td.progress div.progressContainer {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\ntr.indexingSession td.progress div.progressContainer .progressbar {\n width: 70%;\n position: relative;\n left: 0;\n height: 12px;\n z-index: 1;\n}\n\ntr.indexingSession td.progress div.progressContainer div.progressInfo {\n width: 20%;\n}\n\n// Selects\n.select:not(.selectize),\n.select:not(.selectize) select {\n @include select-styles;\n}\n\n.select:not(.selectize) {\n @include select-container-styles;\n}\n\n.select:not(.selectize):after {\n @include select-arrow-styles;\n}\n\n.select:not(.selectize) select {\n @include select-input-styles;\n white-space: pre;\n}\n\n.select:not(.selectize).fullwidth select {\n @include select-input-fullwidth-styles;\n}\n\n.select:not(.selectize) select {\n &:hover {\n @include select-input-focused-styles;\n }\n\n @include focus-styles {\n @include select-input-focused-styles;\n }\n}\n\n.select:not(.selectize).small:after {\n top: 9px;\n}\n\n.select:not(.selectize).small select {\n padding-top: 4px !important;\n padding-bottom: 4px !important;\n font-size: 11px;\n}\n\n/* selectize reset */\n.selectize .selectize-input {\n display: block;\n border-color: inherit;\n box-shadow: none;\n background-color: transparent;\n\n .item {\n max-width: 100%;\n\n span {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n}\n\n.selectize.select .selectize-input:after {\n display: none;\n}\n\nbody .selectize-dropdown {\n border: none;\n z-index: 101;\n}\n\n/* single select styles */\n.selectize.select {\n @include placeholder-styles(var(--gray-700));\n height: 34px;\n\n &:not(.fullwidth) {\n width: 25em;\n max-width: 100%;\n }\n}\n\n.datetimewrapper .selectize.select:not(.fullwidth) {\n max-width: calc(100% - 29px);\n}\n\n.selectize.select .selectize-control {\n @include select-container-styles;\n\n &:after {\n @include select-arrow-styles;\n }\n}\n\n.selectize.select .selectize-input {\n @include select-styles;\n\n &.focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n.selectize.select .selectize-input {\n @include select-input-styles;\n}\n\n.selectize.select .selectize-control,\n.selectize.select .selectize-input {\n width: 100%;\n}\n\n/* multi select styles */\n.selectize.multiselect .selectize-input {\n min-height: 34px;\n padding-bottom: 3px;\n\n &.focus {\n @include input-focused-styles;\n }\n\n & > .item {\n @include token-styles;\n display: inline-flex;\n flex-direction: row;\n padding: 3px 7px !important;\n\n &.active {\n @include active-token-styles;\n }\n\n & > .remove {\n position: static;\n @include margin(-1px, -3px, 0, 3px);\n border-left: none;\n padding: 0;\n font-size: 0;\n color: var(--ui-control-color);\n\n &:hover {\n color: var(--ui-control-hover-color);\n background-color: transparent;\n }\n\n &:before {\n font-size: 14px;\n @include icon;\n content: 'remove';\n }\n }\n }\n}\n\n/* menu styles */\nbody {\n .selectize-dropdown {\n margin-top: 1px;\n\n [data-selectable],\n .optgroup-header {\n @include menu-option-styles;\n }\n\n .optgroup {\n &:not(:first-child) {\n border-top: 1px solid var(--hairline-color);\n }\n padding-top: 5px;\n\n .option {\n padding-left: 24px;\n }\n }\n\n .optgroup-header {\n @include h6-styles;\n margin: 0;\n padding: 4px 0;\n }\n\n .active:not(.selected) {\n background-color: var(--gray-100);\n }\n\n .selected {\n @include menu-option-active-styles;\n cursor: default !important;\n\n .light {\n color: inherit !important;\n }\n }\n }\n\n .selectize-dropdown-content {\n @include menu-styles;\n max-height: 70vh;\n\n .option {\n min-height: 18px;\n }\n\n & > div[data-value='new'] {\n &:before {\n @include icon;\n content: 'plus';\n margin-right: 5px;\n }\n\n &:after {\n content: '…';\n }\n }\n }\n\n &.no-scroll .selectize-dropdown-content {\n max-height: 200px; // default for selectize\n }\n}\n\n/* datepicker */\n.ui-datepicker {\n position: fixed;\n top: -300px;\n @include margin-left(1px);\n -padding: 10px;\n width: 210px;\n height: 242px;\n z-index: 101 !important;\n}\n\n.ui-datepicker-header {\n padding: 8px 8px 4px;\n}\n\n.ui-datepicker-prev {\n @include floatleft;\n}\n\n.ui-datepicker-next {\n @include floatright;\n}\n\n.ui-datepicker-prev span,\n.ui-datepicker-next span {\n display: none;\n}\n\n.ui-datepicker-prev,\n.ui-datepicker-next {\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:hover:after {\n border-color: var(--link-color);\n }\n}\n\n.ui-datepicker-prev:after {\n @include angle(left);\n}\n\n.ui-datepicker-next:after {\n @include angle(right);\n}\n\n.ui-datepicker-title {\n text-align: center;\n}\n\n.ui-datepicker-calendar th,\n.ui-datepicker-calendar td {\n padding: 2px !important;\n}\n\n.ui-datepicker-calendar th span,\n.ui-datepicker-calendar td a {\n display: block;\n width: toRem(26);\n line-height: 26px;\n text-align: center;\n color: var(--text-color);\n}\n\n.ui-datepicker-calendar th span {\n color: var(--medium-text-color);\n font-weight: normal;\n}\n\n.ui-datepicker-calendar td a {\n border-radius: 2px;\n}\n\n.ui-datepicker-calendar td a:hover {\n background-color: var(--light-sel-color);\n text-decoration: none;\n}\n\n.ui-datepicker-calendar td a.ui-state-active {\n background-color: var(--dark-sel-color);\n color: var(--white);\n @include light-on-dark-text;\n cursor: default;\n}\n\n.ui-datepicker-calendar td.ui-datepicker-today a {\n border-radius: 13px;\n box-shadow: inset 0 0 0 2px var(--light-sel-color);\n}\n\n/* timepicker */\n.ui-timepicker-wrapper {\n z-index: 101;\n}\n\n.ui-timepicker-list {\n @include margin-left(1px);\n overflow-y: auto;\n width: calc(14px + 6em);\n height: 210px;\n z-index: 100;\n}\n\n.ui-timepicker-list li {\n @include padding(2px, 0, 2px, 14px);\n white-space: nowrap;\n cursor: pointer;\n}\n\n.ui-timepicker-list li:hover {\n background-color: var(--light-sel-color);\n}\n\n.ui-timepicker-list li.ui-timepicker-selected {\n background-color: var(--dark-sel-color);\n color: var(--white);\n @include light-on-dark-text;\n cursor: default;\n}\n\n/* slide picker */\n.slide-picker {\n display: flex;\n height: 15px;\n white-space: nowrap;\n\n a {\n border: 1px solid var(--hairline-color);\n @include border-left(none);\n background-image: none;\n width: 7px;\n height: 13px;\n margin-left: 0;\n display: inline-block;\n margin-top: 1px;\n margin-bottom: 1px;\n box-sizing: border-box;\n\n &:first-child {\n width: 8px;\n @include border-left(1px solid var(--gray-400) !important);\n }\n }\n\n &:not(:hover) a.active,\n &:hover a.active-hover {\n border-top-color: var(--gray-400);\n border-bottom-color: var(--gray-400);\n height: 15px;\n margin-top: 0;\n margin-bottom: 0;\n\n &:first-child {\n @include border-left(1px solid var(--gray-400));\n @include border-top-left-radius(var(--small-border-radius));\n @include border-bottom-left-radius(var(--small-border-radius));\n }\n }\n\n &:not(:hover) a.last-active,\n &:hover a.last-active-hover {\n @include border-right(1px solid var(--gray-400));\n @include border-top-right-radius(var(--small-border-radius));\n @include border-bottom-right-radius(var(--small-border-radius));\n }\n\n &:focus {\n a.active {\n background-color: var(--light-sel-color);\n }\n }\n}\n\n/* errors */\nul.errors {\n margin-top: 5px;\n list-style-type: square;\n @include padding-left(20px);\n}\n\nul.errors li {\n color: var(--error-color);\n}\n\n/* message pages */\n.message-container {\n position: absolute;\n z-index: 100;\n top: 0;\n @include left(0);\n width: 100%;\n height: 100%;\n\n &.no-access {\n background-color: transparentize($grey900, 0.5);\n }\n\n .pane {\n top: 50%;\n margin-top: -33px !important;\n margin-left: auto;\n margin-right: auto;\n width: 320px;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n }\n}\n\n/* auto-suggest */\n.autosuggest-container {\n position: relative;\n}\n\n.autosuggest__results-container {\n position: absolute;\n z-index: 2;\n width: 100%;\n border-radius: var(--large-border-radius);\n background-color: var(--white);\n @include shadow;\n box-sizing: border-box;\n padding: 0 14px;\n text-align: left;\n @include sans-serif-font;\n font-size: 1em !important;\n\n .autosuggest__results-before {\n @include h6-styles;\n margin-top: 14px !important;\n }\n\n .autosuggest__results-item {\n @include menu-option-styles;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:hover,\n &.autosuggest__results-item--highlighted {\n @include menu-option-active-styles;\n cursor: pointer;\n\n .light {\n color: $grey100 !important;\n }\n }\n }\n}\n\n/* ----------------------------------------\n/* Matrix\n/* ----------------------------------------*/\n\n/* Matrix fields */\n.matrix {\n & > .buttons {\n margin-top: 10px;\n }\n}\n\n$titlebarBorderRadius: calc(var(--large-border-radius) - 1px);\n\n.matrixblock {\n position: relative;\n margin-bottom: 10px;\n padding: 0 var(--m) var(--m);\n border-radius: var(--large-border-radius);\n border: 1px solid var(--hairline-color);\n background-color: var(--gray-050);\n\n &.static {\n padding-top: 14px;\n }\n\n .flex-fields {\n --row-gap: var(--m) !important;\n }\n\n & > .titlebar {\n margin: 0 -14px;\n width: calc(100% + 28px);\n box-sizing: border-box;\n border-radius: $titlebarBorderRadius $titlebarBorderRadius 0 0;\n @include padding(5px, 70px, 5px, 35px);\n color: var(--light-text-color);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n word-wrap: normal;\n cursor: default;\n user-select: none;\n position: relative;\n background-color: darken($grey050, 2%);\n\n &:after {\n display: block;\n content: '';\n position: absolute;\n bottom: -1px;\n left: 14px;\n width: calc(100% - 28px);\n height: 1px;\n background-color: var(--hairline-color);\n }\n\n & > .blocktype {\n display: inline;\n color: var(--medium-text-color);\n }\n\n & > .preview {\n @include margin-left(7px);\n display: inline;\n opacity: 0;\n transition: opacity linear 100ms;\n\n span {\n opacity: 0.5;\n }\n }\n }\n\n &.disabled {\n opacity: 1;\n\n & > .titlebar {\n @include padding-right(90px);\n }\n\n & > .actions {\n & > .status {\n &.off {\n display: block;\n }\n }\n }\n }\n\n &.collapsed {\n & > .titlebar {\n border-radius: var(--titlebar-border-radius);\n border-bottom: none;\n\n & > .preview {\n opacity: 1;\n }\n }\n }\n\n & > .checkbox {\n position: absolute;\n top: 7px;\n @include left(14px);\n }\n\n & > .actions {\n display: flex;\n align-items: center;\n position: absolute;\n top: 5px;\n @include right(14px);\n cursor: default;\n\n & > * {\n @include margin(0, 0, 0, 5px);\n }\n\n .settings {\n padding: 0 8px;\n height: 20px;\n color: var(--ui-control-color);\n\n &:before {\n @include margin-right(0 !important);\n }\n\n &:not(:hover):not(:active) {\n background-color: transparent;\n }\n }\n\n .move {\n margin-top: -4px !important;\n }\n\n & > .status {\n &.off {\n display: none;\n }\n }\n\n a:not([data-action]) {\n padding: 0;\n height: 20px;\n text-align: center;\n color: var(--dark-hairline-color);\n transform: color linear 100ms;\n\n &.settings:after {\n @include margin-left(3px);\n border-color: var(--dark-hairline-color);\n transform: border-color linear 100ms;\n }\n\n &:hover {\n color: var(--link-color);\n\n &.settings:after {\n border-color: var(--link-color);\n }\n }\n }\n }\n\n &:not(.static) {\n & > .fields {\n padding-top: 14px;\n }\n }\n\n & > .fields > .flex-fields > .field {\n &:before {\n display: none;\n }\n }\n\n & > .buttons {\n margin-top: 0;\n height: 30px;\n }\n}\n\n/* categories */\n.add-category-form {\n margin-top: 24px;\n}\n\n.add-category-form .texticon {\n width: 200px;\n @include floatleft;\n @include margin-right(5px);\n}\n\n.add-category-form .texticon .text {\n @include padding-right(30px);\n}\n\n.add-category-form .texticon .spinner {\n position: absolute;\n top: 0;\n @include right(5px);\n}\n\n/* site pickers */\nbody.sitepicker {\n #main-content {\n padding: 30px;\n justify-content: center;\n align-items: center;\n text-align: center;\n }\n\n #content-container {\n max-width: 400px;\n }\n}\n\n.sitepicker-group {\n li {\n &:not(:first-child) {\n a {\n margin-top: -1px;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n\n &:not(:hover) {\n border-top-color: transparent;\n }\n }\n }\n\n &:not(:last-child) {\n a {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n a {\n display: block;\n position: relative;\n text-align: left;\n width: 100%;\n box-sizing: border-box;\n border: 1px solid var(--hairline-color);\n border-radius: var(--medium-border-radius);\n @include padding(9px, 42px, 9px, 15px);\n font-size: 16px;\n line-height: 1.4;\n\n &:after {\n font-size: 14px;\n position: absolute;\n top: calc(50% - 7px);\n @include right(12px);\n margin: 0;\n padding: 0;\n }\n\n &:hover {\n border-color: var(--link-color);\n text-decoration: none;\n z-index: 1;\n }\n }\n }\n}\n\n/* ----------------------------------------\n/* IE hacks\n/* ----------------------------------------*/\n\n/* Fix layout of modal element selectors for IE8 */\n.elementselectormodal .body .main {\n float: left \\9;\n width: 445px \\9;\n}\n\n/* ----------------------------------------\n/* Retina graphics\n/* ----------------------------------------*/\n\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5),\n only screen and (-moz-min-device-pixel-ratio: 1.5),\n only screen and (-o-min-device-pixel-ratio: 3/2),\n only screen and (min-device-pixel-ratio: 1.5),\n only screen and (min-resolution: 1.5dppx) {\n .structure ul li {\n background-size: 40px;\n body.ltr & {\n background-image: url(../images/branch_2x.png);\n }\n body.rtl & {\n background-image: url(../images/branch_rtl_2x.png);\n }\n }\n\n .hud .tip-left {\n background-image: url(../images/hudtip_left_2x.png);\n background-size: 15px 30px;\n }\n .hud .tip-top {\n background-image: url(../images/hudtip_top_2x.png);\n background-size: 30px 15px;\n }\n .hud .tip-right {\n background-image: url(../images/hudtip_right_2x.png);\n background-size: 15px 30px;\n }\n .hud .tip-bottom {\n background-image: url(../images/hudtip_bottom_2x.png);\n background-size: 30px 15px;\n }\n .hud.has-footer .tip-bottom {\n background-image: url(../images/hudtip_bottom_gray_2x.png);\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($values...) {\n $max: length($values);\n $remValues: '';\n\n @for $i from 1 through $max {\n $remValues: #{$remValues + calc(nth($values, $i) / 16)}rem;\n\n @if $i < $max {\n $remValues: #{$remValues + ' '};\n }\n }\n\n @return $remValues;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &:focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5) !important;\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n input::-webkit-input-placeholder,\n textarea::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder,\n textarea:-ms-input-placeholder {\n color: $color;\n }\n\n input::-ms-input-placeholder,\n textarea::-ms-input-placeholder {\n color: $color;\n }\n\n input:-moz-placeholder,\n textarea:-moz-placeholder {\n color: $color;\n }\n\n input::-moz-placeholder,\n textarea::-moz-placeholder {\n color: $color;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\n .h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $linkColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\n\n@mixin checkered-bg($size) {\n // h/t https://gist.github.com/dfrankland/f6fed3e3ccc42e3de482b324126f9542\n $halfSize: $size * 0.5;\n background-image: linear-gradient(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position: 0 0, $halfSize 0, $halfSize -#{$halfSize}, 0 $halfSize;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n:root {\n --xs: 4px;\n --s: 8px;\n --m: 14px;\n --l: 18px;\n --xl: 24px;\n --padding: var(--xl);\n --neg-padding: calc(var(--padding) * -1);\n}\n\n$sidebarWidth: 226px;\n$sidebarZIndex: 100;\n$detailsWidth: 350px;\n$minFullUiWidth: 1200px;\n$minXlUiWidth: 1536px;\n$minDesktopWidth: 600px;\n$minHorizontalUiWidth: $minFullUiWidth - $sidebarWidth;\n\n// Colors\n$badgeBackgroundColor: var(--gray-200);\n$badgeColor: var(--gray-800);\n\nhtml {\n -webkit-text-size-adjust: 100%;\n min-height: 100vh;\n}\n\nbody {\n min-height: 100vh;\n\n &.dragging * {\n cursor: move !important;\n cursor: grabbing !important;\n }\n\n :focus {\n outline-style: solid;\n outline-color: transparent;\n box-shadow: var(--focus-ring);\n }\n}\n\n.reduce-focus-visibility {\n :focus:not(:focus-visible) {\n box-shadow: none;\n }\n\n :focus-visible {\n box-shadow: var(--focus-ring);\n }\n}\n\n.skip-link {\n position: absolute;\n margin: 5px;\n left: -10000px;\n top: 0;\n width: 1px;\n height: 1px;\n overflow: hidden;\n z-index: $sidebarZIndex + 1;\n\n &:focus {\n left: unset;\n @include left(0);\n width: auto;\n height: auto;\n background-color: var(--gray-100) !important;\n }\n}\n\n#global-skip-link {\n @media only screen and (min-width: $minFullUiWidth) {\n @include two-color-focus-ring;\n }\n}\n\n#global-container {\n position: relative;\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n @include left(0);\n\n @media screen and (prefers-reduced-motion: no-preference) {\n body.ltr & {\n transition: left 250ms ease-out;\n }\n\n body.rtl & {\n transition: right 250ms ease-out;\n }\n }\n}\n\n/* global sidebar */\n$sidebarLinkStaticColor: var(--gray-100);\n$sidebarLinkSecondaryColor: var(--gray-200);\n\n#global-sidebar {\n --is-always-visible: true;\n position: fixed;\n z-index: $sidebarZIndex;\n display: flex;\n flex-direction: column;\n height: 100vh;\n padding: 0;\n overflow-y: auto;\n overflow-x: hidden;\n -webkit-overflow-scrolling: touch;\n @include light-on-dark-text;\n @include light-focus-ring;\n background-color: var(--gray-800);\n\n a {\n color: $sidebarLinkStaticColor;\n text-decoration: none;\n }\n\n & > a,\n *:not(.has-subnav) > a {\n &[href] {\n &:not(.sel):hover {\n background-color: darken($grey800, 5%);\n }\n }\n\n &:not([href]) {\n cursor: default;\n background-color: transparent;\n }\n }\n\n .light {\n color: var(--gray-400);\n }\n\n @media only screen and (max-width: $minFullUiWidth - 1px) {\n --is-always-visible: false;\n }\n}\n\n$systemInfoBgColor: darken($grey800, 5%);\n$systemInfoHoverBgColor: darken($grey800, 10%);\n\n#system-info {\n display: grid;\n grid-template-columns: 30px auto;\n grid-gap: 10px;\n height: 50px;\n padding: 0 10px;\n position: relative;\n flex: 0 0 50px;\n flex-direction: row;\n align-items: center;\n background-color: $systemInfoBgColor;\n\n &:after {\n display: none;\n }\n\n &:focus,\n &:hover {\n background-color: $systemInfoHoverBgColor !important;\n }\n}\n\n#site-icon {\n height: 30px;\n\n img,\n svg {\n display: block;\n width: 30px;\n height: 30px;\n border-radius: 4px;\n }\n\n svg {\n @include svg-mask(var(--medium-text-color));\n }\n}\n\n#system-name {\n h2,\n .h2 {\n margin: 0;\n width: 100%;\n overflow: hidden;\n max-height: 40px;\n position: relative;\n\n // Multi-line text overflow ellipsis\n // (https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp)\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n @include right(0);\n width: var(--m);\n background-image: linear-gradient(\n to right,\n transparentize($systemInfoBgColor, 1),\n $systemInfoBgColor\n );\n\n #system-info:hover & {\n background-image: linear-gradient(\n to right,\n transparentize($systemInfoHoverBgColor, 1),\n $systemInfoHoverBgColor\n );\n }\n }\n }\n}\n\n#job-icon {\n align-items: flex-start;\n\n & > span.icon {\n display: block;\n position: relative;\n width: 16px;\n height: 16px;\n margin-top: 2px !important;\n\n & > canvas {\n display: block;\n position: absolute;\n width: 16px;\n height: 16px;\n\n &#job-icon-hover {\n opacity: 0;\n }\n }\n }\n\n &[href]:hover {\n .icon > span.icon > canvas#job-icon-hover {\n opacity: 1;\n }\n }\n\n .progress-label {\n display: block;\n color: var(--gray-300);\n font-size: 11px;\n line-height: 1.5;\n }\n}\n\n#nav {\n flex: 1;\n margin: 22px 0 0;\n padding-bottom: var(--xl);\n overflow: visible;\n\n body.has-debug-toolbar & {\n padding-bottom: calc(42px + var(--xl));\n }\n\n li {\n &:not(.has-subnav) > a.sel {\n color: var(--gray-800);\n background-color: var(--gray-100) !important;\n opacity: 1;\n\n .icon {\n opacity: 1;\n }\n }\n\n a {\n position: relative;\n padding-left: var(--m);\n padding-right: var(--m);\n\n &:focus {\n z-index: 1;\n }\n\n &.menubtn {\n line-height: 26px;\n }\n\n &.external:after {\n @include margin-left(5px);\n @include icon;\n content: 'external';\n }\n\n .label {\n &,\n & span {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n\n .badge {\n @include margin-right(0);\n background-color: $badgeBackgroundColor;\n color: $badgeColor;\n }\n }\n\n ul {\n display: block;\n margin-bottom: 10px;\n\n li a {\n @include padding(3px, var(--m), 3px, 42px, !important);\n font-size: 12px;\n\n &:not(.active) {\n color: $sidebarLinkSecondaryColor;\n }\n }\n }\n }\n}\n\n#global-footer {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: var(--m) var(--m) var(--xl);\n gap: var(--m);\n\n body.has-debug-toolbar & {\n padding-bottom: calc(var(--xl) + 42px);\n }\n\n a {\n white-space: nowrap;\n }\n}\n\n#app-info {\n display: flex;\n flex-direction: row;\n justify-content: center;\n gap: var(--m);\n}\n\n#trial-info {\n padding: 16px var(--xl);\n border-radius: var(--large-border-radius);\n background-color: hsl(212, 40%, 90%);\n box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),\n 0 0 0 1px hsl(212, 30%, 80%), 0 2px 12px transparentize($grey200, 0.5);\n text-align: center;\n}\n\n#app-version {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n color: var(--gray-600);\n text-align: center;\n gap: var(--s);\n\n a {\n color: var(--gray-600);\n text-decoration: underline;\n\n &.go:hover:after {\n color: var(--gray-600);\n }\n }\n}\n\n#edition-logo {\n position: relative;\n top: -1px;\n user-select: none;\n border: 1px solid var(--gray-600);\n border-radius: 3px;\n display: inline-flex;\n box-sizing: content-box;\n font-size: 11px;\n padding: 6px 7px;\n line-height: 8px;\n font-weight: 600;\n letter-spacing: 1.7px;\n padding-right: 5px;\n text-transform: uppercase;\n}\n\n#devmode {\n flex: 0 0 4px;\n width: 100%;\n min-height: 4px; // fixes Windows scaling bug (https://github.com/craftcms/cms/issues/3259)\n background: url(../images/dev-mode.svg) repeat-x 21px 0;\n cursor: help;\n}\n\n#page-container {\n @include padding-left($sidebarWidth);\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n}\n\n#alerts {\n position: relative; // to keep it above #global-header's shadow\n background-color: var(--red-050);\n border-left: 6px solid var(--error-color);\n color: var(--error-color);\n\n & > li {\n padding: 10px 24px;\n box-shadow: inset 0 -1px 0 0 var(--red-100);\n\n a.btn,\n a.go {\n display: inline-flex;\n align-items: center;\n }\n\n a:not(.btn) {\n color: var(--error-color);\n text-decoration: underline;\n\n &.go {\n text-decoration: none;\n white-space: nowrap;\n border: 1px solid transparentize($errorColor, 0.5);\n border-radius: var(--medium-border-radius);\n padding: 4px 5px;\n margin: 0 2px;\n\n &:after {\n color: var(--error-color);\n font-size: 15px;\n margin-top: 1px;\n }\n\n &:hover {\n border-color: var(--error-color);\n }\n }\n }\n }\n}\n\n#global-header {\n width: 100%;\n margin-bottom: var(--m);\n @include pane;\n background: var(--gray-050);\n\n .flex {\n align-items: center;\n }\n\n .btn {\n --ui-control-color: var(--gray-400);\n --ui-control-hover-color: var(--gray-500);\n --ui-control-active-color: var(--gray-600);\n }\n}\n\n.nav-toggle {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 36px;\n height: 50px;\n line-height: 26px;\n color: currentColor;\n text-align: center;\n @include margin-left(-10px);\n\n &:before {\n @include icon;\n content: 'menu';\n font-size: 16px;\n line-height: 0;\n }\n\n &:hover {\n color: var(--gray-400);\n }\n}\n\n#crumbs {\n display: flex;\n flex-direction: row;\n align-items: center;\n font-size: 13px;\n margin: 0 !important;\n\n &.empty {\n display: none;\n }\n\n a,\n button {\n color: var(--light-text-color);\n transition: color linear 100ms;\n\n &:hover {\n color: var(--link-color);\n text-decoration: none;\n }\n }\n\n nav {\n margin: 0;\n }\n}\n\n.breadcrumb-list {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n flex-wrap: wrap;\n\n li {\n display: inline-flex;\n align-items: center;\n\n a,\n button {\n padding: 15px 0;\n }\n\n button {\n cursor: pointer;\n }\n\n &:after {\n @include margin(0, 8px, 0, 7px);\n @include angle(right, var(--medium-hairline-color));\n }\n }\n\n & .menu--disclosure {\n li {\n display: block;\n\n &::after {\n content: none;\n }\n }\n }\n}\n\nli.breadcrumb-toggle-wrapper {\n &::after {\n content: none;\n }\n}\n\n#account-menu {\n ul {\n li {\n a {\n max-width: calc(100% + 28px) !important;\n }\n }\n }\n}\n\n#announcements-btn {\n @include header-btn;\n width: 40px;\n position: relative;\n\n &.unread:after {\n content: '';\n display: block;\n position: absolute;\n top: 3px;\n @include right(7px);\n width: 7px;\n height: 7px;\n border-radius: 4px;\n background-color: var(--blue-600);\n }\n\n svg {\n width: 22px;\n height: 22px;\n @include svg-mask(var(--ui-control-color));\n }\n\n &:hover,\n &:active,\n &.active {\n svg {\n @include svg-mask(var(--ui-control-active-color));\n }\n }\n}\n\n#announcements {\n max-width: 350px;\n\n .announcement {\n &:not(:first-child) {\n margin-top: 20px;\n }\n\n .announcement-label-container {\n margin-top: -3px;\n display: flex;\n align-items: center;\n margin-bottom: 3px;\n\n .announcement-icon svg {\n display: block;\n width: 15px;\n height: 15px;\n }\n\n .announcement-label {\n margin-left: 5px;\n font-size: 12px;\n color: var(--light-text-color);\n }\n }\n\n &.unread .announcement__heading:after {\n content: '';\n display: block;\n position: absolute;\n top: 7px;\n @include left(-13px);\n width: 7px;\n height: 7px;\n border-radius: 4px;\n background-color: var(--blue-600);\n }\n\n p {\n margin: 0;\n }\n }\n\n .announcement__header {\n display: grid;\n }\n\n .announcement__heading {\n position: relative;\n margin: 0 0 3px;\n order: 1;\n }\n}\n\n#user-info {\n display: flex;\n flex-direction: row;\n align-items: center;\n @include padding-right(25px);\n padding-top: 5px;\n padding-bottom: 5px;\n height: 100%;\n background-color: transparent;\n border-radius: 0;\n\n &:after {\n border-color: var(--ui-control-color);\n transition: border-color linear 100ms;\n }\n\n &:hover:after {\n border-color: var(--ui-control-hover-color);\n }\n\n &[aria-expanded='true']:after {\n border-color: var(--ui-control-active-color);\n }\n}\n\n.header-photo {\n padding: 5px 0;\n\n img,\n svg {\n display: block;\n width: 30px;\n height: 30px;\n max-width: none;\n border-radius: 50%;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.95),\n 0 0 0 transparentize($grey900, 1);\n transition: box-shadow linear 150ms;\n\n #user-info:hover & {\n box-shadow: 0 0 0 1px transparentize($grey900, 0.95),\n 0 2px 10px -2px transparentize($grey900, 0.7);\n }\n }\n}\n\n/* main container */\n\n#main-container {\n position: relative;\n flex-grow: 1;\n}\n\n#notifications {\n position: fixed;\n bottom: 8px;\n @include left(8px);\n width: calc(100% - 16px);\n z-index: 101;\n\n body.has-debug-toolbar & {\n bottom: 50px;\n }\n\n @media only screen and (min-width: $minHorizontalUiWidth) {\n width: 350px;\n }\n\n .notification {\n display: flex;\n position: relative;\n @include pane;\n padding: 10px 14px;\n border-radius: var(--large-border-radius);\n box-shadow: 0 0 0 1px transparentize($grey1000, 0.85),\n 0 2px 12px transparentize($grey1000, 0.85);\n --color: var(--notice-color);\n\n &[data-type='success'] {\n --color: var(--success-color);\n }\n\n &[data-type='error'] {\n --color: var(--error-color);\n }\n\n & + .notification {\n margin-top: 12px;\n }\n\n .notification-icon {\n width: 18px;\n margin-top: -2px;\n @include margin-right(10px);\n font-size: 18px;\n color: var(--color);\n }\n\n .notification-body {\n display: flex;\n flex: 1;\n\n .notification-message {\n font-weight: bold;\n word-break: normal;\n overflow-wrap: anywhere;\n }\n\n .notification-details {\n margin-top: var(--xs);\n\n .chip {\n border: 1px solid $hairlineColor;\n }\n }\n }\n\n .notification-close-btn {\n position: relative;\n top: -2px;\n @include margin-left(10px);\n }\n }\n}\n\n#header-container {\n margin-bottom: var(--m);\n}\n\n#crumbs,\n#header {\n padding-left: var(--padding);\n padding-right: var(--padding);\n}\n\n#primary-nav-toggle {\n @media only screen and (min-width: $minFullUiWidth) {\n display: none;\n }\n}\n\n#global-header,\n#header {\n .flex {\n max-width: 100%;\n\n &.flex-nowrap {\n min-width: 0;\n }\n }\n}\n\n#header {\n display: flex;\n align-items: flex-start;\n align-content: stretch;\n flex-wrap: nowrap;\n justify-content: space-between;\n gap: var(--s);\n padding-top: var(--s);\n padding-bottom: var(--s);\n position: relative;\n z-index: 2;\n width: calc(100vw - #{$sidebarWidth});\n box-sizing: border-box;\n background-color: transparentize($grey300, 1);\n box-shadow: 0 1px 0 transparentize($grey800, 1);\n transition: background-color linear 100ms, box-shadow linear 100ms;\n\n body.fixed-header & {\n position: fixed;\n z-index: 12;\n top: 0;\n background-color: var(--gray-100);\n box-shadow: inset 0 -1px 0 transparentize($grey700, 0.9);\n }\n\n @supports (backdrop-filter: blur(10px)) {\n & {\n transition: background-color linear 100ms, box-shadow linear 100ms,\n backdrop-filter linear 100ms;\n\n body.fixed-header & {\n background-color: transparentize($grey100, 0.25);\n backdrop-filter: blur(10px);\n }\n }\n }\n\n h1 {\n line-height: 34px;\n margin-top: 0;\n margin-bottom: 0;\n min-width: 0;\n }\n\n .buttons,\n .btngroup {\n margin-top: 0;\n }\n}\n\n#page-title {\n &.has-toolbar {\n @media only screen and (min-width: $minHorizontalUiWidth) {\n min-width: calc(#{$sidebarWidth} - var(--xl) - var(--s)) !important;\n }\n }\n}\n\n#toolbar {\n flex: 1;\n align-items: flex-start;\n justify-content: space-between;\n\n .icon:before,\n .texticon:before,\n .menubtn:after,\n [data-icon]:before,\n [data-icon-after]:after {\n color: currentColor;\n opacity: 0.8;\n }\n\n .text {\n border-radius: var(--large-border-radius);\n\n &::-webkit-input-placeholder {\n color: var(--light-text-color);\n }\n\n &:-ms-input-placeholder {\n color: var(--light-text-color);\n }\n\n &::-ms-input-placeholder {\n color: var(--light-text-color);\n }\n\n &:-moz-placeholder {\n color: var(--light-text-color);\n }\n\n &::-moz-placeholder {\n color: var(--light-text-color);\n }\n\n &::placeholder {\n color: var(--light-text-color);\n }\n\n &:not(:focus) {\n background-clip: border-box;\n }\n }\n}\n\n#action-buttons {\n @media only screen and (max-width: 400px) {\n .btngroup .btn:first-child {\n flex-basis: 100%;\n }\n }\n\n @media only screen and (max-width: $minHorizontalUiWidth - 1px) {\n margin-top: 10px;\n }\n}\n\n#main-content {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n width: calc(100vw - #{$sidebarWidth});\n padding: 0 var(--padding) 48px;\n box-sizing: border-box;\n\n // for the Dashboard and any other full-page grids:\n & > .grid:only-child {\n flex: 1;\n }\n}\n\n#sidebar-toggle-container {\n display: none;\n}\n\n#sidebar-container {\n flex: 0 0 $sidebarWidth;\n width: $sidebarWidth;\n box-sizing: border-box;\n\n @media only screen and (min-width: $minFullUiWidth) {\n @include margin-left(calc(var(--xl) * -1));\n }\n}\n\n#sidebar {\n position: relative;\n box-sizing: border-box;\n padding: 0 31px var(--m);\n width: $sidebarWidth;\n background-color: transparent;\n\n &.fixed {\n position: fixed;\n }\n\n nav {\n margin-left: -31px;\n margin-right: -31px;\n\n li {\n a {\n position: relative;\n\n &:focus {\n z-index: 1;\n }\n\n &:not(.sel) {\n &:hover {\n background-color: var(--gray-200);\n }\n }\n }\n }\n }\n}\n\n#content-container {\n flex: 1;\n\n #main-content:not(.has-sidebar):not(.has-details) & {\n width: 100%;\n max-width: 100%;\n }\n\n #main-content.has-sidebar & {\n width: calc(100% - #{$sidebarWidth - 24});\n max-width: calc(100% - #{$sidebarWidth - 24});\n }\n\n #main-content.has-details & {\n width: calc(100% - #{$detailsWidth} - var(--m));\n max-width: calc(100% - #{$detailsWidth} - var(--m));\n }\n\n #main-content.has-sidebar.has-details {\n width: calc(100% - #{$sidebarWidth} - #{$detailsWidth} - 38px);\n max-width: calc(100% - #{$sidebarWidth} - #{$detailsWidth} - 38px);\n }\n}\n\n#content-heading {\n margin-top: var(--xl) !important;\n\n @media only screen and (min-width: $minHorizontalUiWidth) {\n @include visually-hidden;\n }\n}\n\n.content-pane {\n @include pane;\n border-radius: var(--large-border-radius);\n position: relative;\n background-clip: padding-box;\n padding: var(--xl) var(--padding);\n word-wrap: break-word;\n\n & > hr {\n margin-left: calc(var(--xl) * -1);\n margin-right: calc(var(--xl) * -1);\n }\n}\n\n#footer {\n position: sticky;\n bottom: 0;\n z-index: 1;\n margin: calc(var(--xl) + 1px) calc(var(--padding) * -1 + 2px)\n calc(var(--xl) * -1 + 2px);\n padding: var(--s) var(--padding);\n background-color: var(--gray-050);\n border-radius: var(--small-border-radius);\n box-sizing: border-box;\n min-height: 50px;\n\n &:empty {\n display: none;\n }\n\n &.stuck {\n border-radius: 0;\n\n @supports (backdrop-filter: blur(10px)) {\n & {\n background-color: transparentize($grey100, 0.25);\n backdrop-filter: blur(10px);\n }\n }\n }\n\n .has-debug-toolbar & {\n transition: padding linear 100ms;\n\n &.stuck {\n padding-bottom: 52px;\n }\n }\n\n & > *,\n .flex > * {\n margin-bottom: 0;\n }\n}\n\n#details-container {\n flex: 0 0 #{$detailsWidth + 38};\n width: $detailsWidth + 38;\n @include margin-right(calc(var(--xl) * -1));\n box-sizing: border-box;\n}\n\n#details {\n box-sizing: border-box;\n @include padding-right(var(--xl));\n @include padding-left(var(--m));\n width: $detailsWidth + 38;\n z-index: 1;\n\n &.fixed {\n position: fixed;\n }\n\n .details {\n padding-bottom: calc(var(--xl) + 11.5em);\n\n .meta {\n border-radius: var(--large-border-radius);\n\n &:not(.read-only):not(.warning) {\n @include pane;\n }\n\n &.read-only {\n color: var(--medium-text-color);\n background-color: transparent !important;\n }\n\n & > .field,\n & > .data {\n &:first-child {\n &,\n & > .status-badge {\n border-top-left-radius: var(--large-border-radius);\n }\n\n border-top-right-radius: var(--large-border-radius);\n }\n\n &:last-child {\n &,\n & > .status-badge {\n border-bottom-left-radius: var(--large-border-radius);\n }\n\n border-bottom-right-radius: var(--large-border-radius);\n }\n }\n }\n\n & > .field {\n & > .input > .text.fullwidth {\n @include pane;\n }\n }\n\n .notes {\n border-radius: var(--large-border-radius);\n padding-top: var(--m);\n padding-bottom: var(--m);\n }\n }\n}\n\n// Hide the sidebar at < 1200\n@media only screen and (max-width: $minFullUiWidth - 1px) {\n #global-container {\n @include left(-$sidebarWidth);\n width: calc(100vw + #{$sidebarWidth});\n\n body.ltr.showing-nav & {\n left: 0;\n }\n\n body.rtl.showing-nav & {\n right: 0;\n }\n }\n\n #crumbs {\n display: flex !important;\n }\n\n #header {\n width: 100vw;\n }\n\n #main-content {\n width: 100vw;\n }\n}\n\n// Rearrange #main-content to flow vertically at < 999\n@media only screen and (max-width: $minHorizontalUiWidth - 1px) {\n #header {\n display: block;\n\n .flex:not(#toolbar) {\n margin-top: 10px;\n }\n }\n\n #toolbar {\n flex-wrap: wrap !important;\n\n & > * {\n margin-top: 10px !important;\n }\n }\n\n body.fixed-header #header .flex:first-child {\n margin-top: 0;\n }\n\n #main-content {\n display: block;\n }\n\n #sidebar-toggle-container {\n display: block;\n margin-bottom: var(--m);\n }\n\n #sidebar-toggle {\n &:after {\n top: 0;\n transform: rotate(-45deg);\n\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n\n body.showing-sidebar & {\n background-color: darken($grey200, 10%) !important;\n\n &:after {\n transform: rotate(45deg);\n }\n }\n }\n\n #content-container {\n min-height: 0 !important;\n }\n\n #sidebar-container,\n #details-container {\n width: auto !important;\n }\n\n #sidebar,\n #details {\n position: static !important;\n overflow-y: visible !important;\n max-height: none !important;\n width: auto;\n }\n\n #sidebar {\n margin-bottom: var(--m);\n\n body:not(.showing-sidebar) & {\n display: none;\n }\n }\n\n #details-container {\n @include margin-right(0);\n }\n\n #content-container {\n width: auto !important;\n max-width: none !important;\n }\n\n #details {\n padding: 0 !important;\n margin-top: var(--m);\n\n .details {\n margin-bottom: auto;\n }\n }\n}\n\n// Tighten up the padding at < 768\n@media only screen and (max-width: 767px) {\n :root {\n --padding: var(--s);\n --neg-padding: calc(var(--s) * -1);\n }\n\n #tabs ul li {\n a {\n padding-left: var(--m);\n padding-right: var(--m);\n }\n\n & + li {\n @include margin-left(-7px);\n }\n }\n\n .card-grid {\n display: flex !important;\n flex-direction: column;\n }\n}\n\n@media print {\n}\n\n#settingsmenu ul li a {\n @include padding-left(46px);\n\n &:before {\n @include margin(1px, 0, 0, -22px);\n font-size: 15px;\n }\n\n img {\n width: 16px;\n height: 16px;\n position: absolute;\n margin-left: -23px;\n margin-top: 1px;\n }\n}\n\n/* grids */\n.grid {\n position: relative;\n min-height: 1px; // Required for Grid.js to run\n\n &:after {\n @include clearafter;\n }\n\n & > .item {\n display: none;\n box-sizing: border-box;\n }\n}\n\n/* Sidebar */\n.sidebar {\n width: $sidebarWidth;\n box-sizing: border-box;\n font-size: 13px;\n\n &:not(.drag-helper) {\n padding: var(--m) 0;\n background-color: var(--gray-050);\n }\n\n .heading {\n position: relative;\n margin: 0 var(--xl);\n\n &:not(:first-child) {\n margin-top: var(--m);\n }\n\n & > span {\n display: inline-block;\n position: relative;\n z-index: 1;\n padding: 0 5px;\n margin: 0 -5px;\n text-transform: uppercase;\n color: var(--medium-text-color);\n font-size: 11px;\n font-weight: bold;\n }\n\n & > ul {\n margin: 2px calc(var(--xl) * -1);\n }\n }\n\n @mixin nav-level($level) {\n & > a {\n @include padding-left(24px + 14 * $level);\n }\n\n & > .toggle {\n @include left(calc(var(--m) * #{$level}));\n }\n }\n\n nav {\n padding: 0 var(--s);\n\n & > ul {\n & > li:not(.heading),\n & > li.heading > ul > li {\n @include nav-level(0);\n\n & > ul.nested > li {\n @include nav-level(1);\n\n & > ul.nested > li {\n @include nav-level(2);\n\n & > ul.nested > li {\n @include nav-level(3);\n\n & > ul.nested > li {\n @include nav-level(4);\n }\n }\n }\n }\n }\n }\n\n li {\n position: relative;\n\n &:not(.has-subnav) > a {\n &:not(.sel):hover {\n text-decoration: none;\n background-color: var(--gray-100);\n }\n\n &.sel,\n &.active-drop-target {\n cursor: default;\n background-color: var(--gray-500) !important;\n\n &,\n & + .toggle {\n color: var(--white);\n }\n }\n\n &.sel {\n @include light-on-dark-text;\n }\n }\n\n a {\n position: relative;\n margin-bottom: 1px;\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 7px var(--xl);\n min-height: var(--xl);\n box-sizing: border-box;\n color: var(--text-color);\n user-select: none;\n border-radius: var(--large-border-radius);\n word-break: break-word;\n\n .status {\n flex-shrink: 1;\n }\n\n .icon {\n @include margin-right(10px);\n flex-shrink: 1;\n width: toRem(18);\n height: toRem(18);\n word-break: normal;\n transition: margin-left linear 150ms, margin-right linear 150ms;\n opacity: 0.85;\n\n &.icon-mask {\n svg {\n @include svg-mask(currentColor);\n }\n\n span[data-icon] {\n color: currentColor;\n }\n }\n\n svg {\n width: 16px;\n height: 16px;\n }\n\n span[data-icon] {\n font-size: 16px;\n\n &::before {\n display: block;\n }\n }\n }\n\n .label {\n flex: 1;\n }\n\n .badge {\n @include margin(0, -4px, 0, 10px);\n flex-shrink: 1;\n padding: 0 6px;\n font-size: 11px;\n line-height: 16px;\n border-radius: var(--s);\n background-color: var(--medium-text-color);\n color: var(--white);\n }\n }\n\n .toggle {\n position: absolute;\n z-index: 1;\n height: 34px;\n top: 0;\n width: var(--xl);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n ul {\n display: none;\n }\n\n &.heading,\n &.expanded {\n & > ul {\n display: block;\n }\n }\n }\n }\n}\n\n.error-summary {\n margin-bottom: var(--l);\n padding: var(--l) var(--xl) var(--xl);\n box-sizing: border-box;\n box-shadow: 0 0 0 1px #cdd8e4, 0 2px 12px rgba(205, 216, 228, 0.5);\n border-radius: var(--large-border-radius);\n background-color: var(--gray-050);\n\n .notification-icon {\n color: var(--error-color);\n margin: -2px 6px 0 0;\n float: left;\n }\n\n h2 {\n margin-top: var(--xs);\n }\n\n & > ul.errors li,\n & > ul.errors li a {\n color: var(--text-color);\n\n em {\n font-weight: 600;\n }\n\n &:hover {\n color: var(--link-color);\n }\n }\n}\n\n.content.has-sidebar:not(.hiding-sidebar) {\n @include margin-left($sidebarWidth);\n}\n\n#content-notice {\n margin: 0 calc(var(--xl) * -1);\n padding: 0 var(--xl);\n\n &:not(:last-child) {\n padding-bottom: var(--s);\n border-bottom: 1px solid var(--hairline-color);\n margin-bottom: var(--s);\n }\n}\n\n/* flexbox field layouts */\n#content :not(.meta) > .flex-fields,\n#content > .flex-fields,\n.so-content .flex-fields,\n.draghelper .flex-fields {\n --row-gap: var(--xl);\n display: flex;\n flex-wrap: wrap;\n align-content: flex-start;\n margin: 0 calc(var(--row-gap) * -1) calc(var(--row-gap) * -1);\n width: calc(100% + var(--row-gap) * 2);\n\n & > * {\n margin: 0 0 var(--row-gap) !important;\n padding: 0 var(--row-gap);\n box-sizing: border-box;\n }\n\n & > h2 {\n flex: 4 0 100%;\n\n &:not(:nth-child(-n + 1 of :not(.hidden))) {\n padding-top: var(--xl);\n border-top: 1px solid var(--hairline-color);\n }\n }\n\n & > hr,\n & > .line-break {\n flex: 4 0 100%;\n }\n\n & > .line-break:not(:first-child) {\n margin-bottom: 0 !important;\n }\n\n & > :not(h2):not(hr):not(.line-break) {\n &,\n &:last-child {\n position: relative;\n width: 100%;\n\n &:before {\n position: absolute;\n top: 0;\n @include left(-1px);\n width: 1px;\n height: 100%;\n content: '';\n // same BG color as the hairline around the content pane’s 1px shadow\n background-color: transparentize($grey200, 0.5);\n }\n }\n }\n}\n\n#content :not(.meta) > .flex-fields,\n#content > .flex-fields,\n.draghelper.drag-in-content .flex-fields {\n & > :not(h2):not(hr):not(.line-break) {\n &,\n &:last-child {\n // 4 cols for >= 1536px\n @media only screen and (min-width: $minXlUiWidth) {\n &.width-25 {\n width: 25%;\n }\n &.width-50 {\n width: 50%;\n }\n &.width-75 {\n width: 75%;\n }\n }\n\n // 2 cols for 600 - 1535px\n @media only screen and (min-width: $minDesktopWidth) and (max-width: $minXlUiWidth - 1px) {\n &.width-25,\n &.width-50 {\n width: 50%;\n }\n }\n }\n }\n}\n\n.so-content .flex-fields,\n.draghelper.drag-in-slideout .flex-fields {\n & > :not(h2):not(hr):not(.line-break) {\n &,\n &:last-child {\n // 2 cols for >= 1200\n @media only screen and (min-width: $minDesktopWidth * 2) {\n &.width-25,\n &.width-50 {\n width: 50%;\n }\n }\n }\n }\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n.lp-editor-container,\n.lp-preview-container {\n position: fixed;\n top: 0;\n height: 100%;\n background-color: var(--white);\n z-index: 100;\n\n & > header {\n padding: 8px 24px;\n background-color: var(--gray-100);\n box-shadow: 0 1px 0 transparentize($grey700, 0.8);\n box-sizing: border-box;\n position: relative;\n z-index: 1;\n\n @supports (backdrop-filter: blur(10px)) {\n & {\n position: absolute;\n z-index: 2;\n top: 0;\n left: 0;\n width: 100%;\n background-color: transparentize($grey100, 0.25);\n backdrop-filter: blur(10px);\n\n & + .lp-editor {\n padding-top: #{10 + 34 + 10 + 24}px;\n }\n }\n }\n\n .btn,\n .spinner,\n .checkmark-icon {\n margin-bottom: 0;\n }\n }\n}\n\n.lp-editor-container {\n display: flex;\n flex-direction: column;\n\n .lp-editor {\n flex: 1;\n padding: 24px;\n overflow: auto;\n box-sizing: border-box;\n\n & > .field {\n &:last-child {\n margin-bottom: 24px !important;\n }\n\n & > .status-badge {\n @include left(-24px);\n }\n }\n\n .matrixblock > .fields > .flex-fields > .field > .status-badge {\n @include left(calc(var(--m) * -1));\n }\n }\n\n .lp-draghandle {\n position: absolute;\n z-index: 101;\n top: 0;\n @include right(-2px);\n width: 4px;\n height: 100%;\n cursor: col-resize;\n }\n}\n\n.lp-preview-container {\n display: flex;\n flex-direction: column;\n box-shadow: -1px 0 0 transparentize($grey700, 0.8);\n\n &.dragging:after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: '';\n font-size: 0;\n }\n\n .lp-preview-header {\n display: flex;\n\n @supports (not (backdrop-filter: blur(10px))) {\n background-color: transparentize($grey100, 0.25);\n }\n\n .buttons {\n margin: 0;\n\n .btn + .btn {\n @include margin-left(7px);\n }\n }\n\n & + .lp-iframe-container {\n padding-top: 0;\n\n @supports (backdrop-filter: blur(10px)) {\n padding-top: 50px;\n }\n }\n\n .lp-device-type {\n .btn {\n &::before {\n width: 27px;\n height: 22px;\n display: block;\n content: '';\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n transition-duration: 0.3s;\n }\n\n // SVGs\n &.lp-device-type-btn--phone::before {\n background-image: url(../images/preview/icon-phone.svg);\n }\n &.lp-device-type-btn--tablet::before {\n background-image: url(../images/preview/icon-tablet.svg);\n }\n &.lp-device-type-btn--desktop::before {\n background-image: url(../images/preview/icon-desktop.svg);\n }\n }\n }\n }\n\n .lp-device-type__label {\n &::before {\n width: 27px;\n height: 22px;\n display: block;\n content: '';\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n transition-duration: 0.3s;\n }\n\n // SVGs\n &.lp-device-type__label--phone::before {\n background-image: url(../images/preview/icon-phone.svg);\n }\n &.lp-device-type__label--tablet::before {\n background-image: url(../images/preview/icon-tablet.svg);\n }\n &.lp-device-type__label--desktop::before {\n background-image: url(../images/preview/icon-desktop.svg);\n }\n }\n\n .lp-preview-container__bumper-link {\n top: unset;\n bottom: 0;\n }\n\n .lp-device-mask {\n display: none;\n }\n\n .lp-iframe-container {\n flex: 1;\n overflow: auto;\n\n .lp-preview {\n display: block;\n width: 100%;\n min-height: 100%;\n }\n\n &:not(.lp-iframe-container--has-device-preview) {\n // Preview container\n .lp-device-preview-container {\n width: auto !important;\n height: 100% !important;\n transform: none !important;\n margin: 0 !important;\n }\n }\n\n &--has-device-preview {\n flex: none;\n padding-top: 0 !important;\n position: relative;\n top: 0;\n height: calc(100% - 50px);\n width: 100%;\n background-color: var(--gray-100);\n\n @supports (backdrop-filter: blur(10px)) {\n top: 50px;\n }\n\n // Preview container\n .lp-device-preview-container {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 2;\n overflow: auto;\n opacity: 1;\n transition: opacity 0.3s;\n }\n\n // Device mask\n .lp-device-mask {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 1;\n background-image: url(../images/preview/chrome-phone-top.svg),\n url(../images/preview/chrome-phone-bottom.svg);\n background-position: top center, bottom center;\n background-repeat: no-repeat;\n background-size: contain;\n background-color: #fff;\n box-shadow: 0 0 58px rgba(6, 67, 117, 0.3);\n border-radius: 18px;\n }\n\n // Tablet\n &.lp-iframe-container--tablet {\n .lp-device-mask {\n background-image: url(../images/preview/chrome-tablet-top.svg),\n url(../images/preview/chrome-tablet-bottom.svg);\n }\n }\n }\n\n // Animate rotations\n @media screen and (prefers-reduced-motion: no-preference) {\n &--rotating {\n .lp-device-mask {\n transition-duration: 0.3s;\n transition-property: transform;\n }\n .lp-device-preview-container {\n opacity: 0;\n transition: opacity 0s;\n }\n }\n }\n }\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n$base: 24px;\n$tabPadding: 14px;\n$tabWidth: $base * 10;\n$gridColor: hsl(212, 50%, 95%);\n\n@mixin workspaceBg {\n background-color: var(--gray-050);\n background-image: linear-gradient(to right, $gridColor 1px, transparent 0px),\n linear-gradient(to bottom, $gridColor 1px, transparent 1px);\n background-size: $base $base;\n}\n\n.layoutdesigner {\n display: flex;\n align-items: stretch;\n position: relative;\n @include input-styles;\n overflow: hidden;\n box-shadow: none;\n @include padding-right($tabWidth + 1);\n min-height: 500px;\n\n .errors > & {\n border: 1px solid var(--error-color) !important;\n }\n\n .fld-workspace {\n flex: 1;\n @include border-radius(\n var(--small-border-radius),\n 0,\n 0,\n var(--small-border-radius)\n );\n @include padding($base, 0, $base, $base);\n @include workspaceBg;\n background-position: -1px -1px;\n box-shadow: inset 0 1px 3px -1px darken($grey200, 10%);\n\n .fld-tabs {\n display: flex;\n align-items: flex-start;\n flex-wrap: wrap;\n }\n }\n\n .fld-sidebar {\n position: absolute;\n top: 0;\n @include right(0);\n height: 100%;\n width: $tabWidth + 1;\n padding: $tabPadding;\n overflow: auto;\n box-sizing: border-box;\n\n .btngroup {\n margin-bottom: $tabPadding;\n }\n\n .fld-field-library {\n .fld-field-group {\n margin-top: $tabPadding;\n\n h6 {\n margin-bottom: 7px;\n }\n }\n }\n\n .filtered {\n display: none;\n }\n }\n\n .fld-new-tab-btn:active {\n background-color: var(--gray-050);\n }\n}\n\n.fld-sidebar,\n.fld-tab .tabs .tab,\n.fld-tab .fld-tabcontent,\n.fld-new-tab-btn,\n.fld-new-tab-btn:hover {\n background-color: var(--white);\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 2px 5px -2px transparentize($grey900, 0.8);\n}\n\n.fld-tab .settings,\n.fld-element .settings,\n.fld-element .slide-picker {\n @include margin-left(7px);\n}\n\n.fld-tab .settings:before,\n.fld-element .settings:before {\n margin-top: -2px;\n font-size: 16px;\n opacity: 0.5;\n}\n\n.fld-tab .settings:hover:before,\n.fld-tab .settings.active:before,\n.fld-element .settings:hover:before,\n.fld-element .settings.active:before {\n opacity: 1;\n}\n\n.fld-tab {\n width: $tabWidth + $base;\n @include padding(0, $base + 1, $base, 0);\n box-sizing: border-box;\n\n .tabs {\n margin: -10px -12px 0;\n padding: 10px 12px 0;\n overflow: hidden;\n display: flex;\n\n .tab {\n display: flex;\n max-width: calc(100% - 10px);\n box-sizing: border-box;\n padding: 8px $tabPadding;\n border-radius: var(--medium-border-radius) var(--medium-border-radius) 0 0;\n\n body:not(.dragging) &.draggable {\n cursor: move;\n cursor: grab;\n }\n\n span {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n }\n\n .fld-tabcontent {\n padding: $tabPadding;\n @include border-radius(\n 0,\n var(--medium-border-radius),\n var(--medium-border-radius),\n var(--medium-border-radius)\n );\n }\n\n &.fld-insertion {\n .tabs .tab,\n .fld-tabcontent {\n margin: -2px;\n border: 2px dashed var(--hairline-color);\n box-shadow: none;\n @include workspaceBg;\n }\n .tabs .tab {\n background-position: -1px -1px;\n }\n .fld-tabcontent {\n background-position: -1px -13px;\n }\n }\n}\n\n.fld-tab-caboose {\n min-height: 24px;\n}\n\n.fld-indicator {\n display: inline-flex;\n font-size: 11px;\n color: var(--uicontrol-color);\n @include margin-left(4px);\n\n & + .fld-indicator {\n @include margin-left(2px);\n }\n}\n\n.fld-element {\n position: relative;\n display: flex;\n align-items: center;\n padding: 7px 10px;\n box-shadow: inset 0 0 0 1px var(--hairline-color);\n border-radius: var(--medium-border-radius);\n background-color: var(--white);\n\n body:not(.dragging) & {\n cursor: move;\n cursor: grab;\n }\n\n & + .fld-element {\n margin-top: 7px;\n }\n\n &.fld-insertion {\n box-sizing: border-box;\n border: 2px dashed var(--hairline-color);\n border-radius: var(--medium-border-radius);\n background: none;\n box-shadow: none;\n }\n\n &.draghelper {\n @include shadow;\n }\n\n &.fld-field {\n color: var(--medium-text-color);\n background-color: var(--gray-100);\n\n &:not(.draghelper) {\n box-shadow: none;\n }\n\n .fld-field-hidden:not(.hidden) {\n margin-top: -3px;\n @include margin-right(5px);\n\n &:before {\n @include icon;\n content: 'shuteye';\n }\n }\n\n .field-name {\n .fld-element-label {\n margin-bottom: 2px;\n }\n }\n }\n\n .fld-element-icon {\n @include margin-right(5px);\n text-align: center;\n\n &,\n svg {\n width: 16px;\n height: 16px;\n }\n\n svg {\n @include svg-mask(var(--ui-control-color));\n }\n }\n\n .field-name {\n flex: 1;\n overflow: hidden;\n\n .fld-element-label,\n .fld-attribute {\n flex: 1;\n display: flex;\n align-items: center;\n }\n\n .fld-element-label h4,\n .fld-attribute .smalltext {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .fld-element-label h4 {\n font-weight: normal;\n color: var(--text-color);\n margin: 0;\n }\n }\n}\n\n.fld-hr,\n.fld-br {\n display: flex;\n justify-content: center;\n padding: 9px 10px;\n\n &:before {\n position: absolute;\n display: block;\n top: calc(50% - 2px);\n left: 10px;\n width: calc(100% - 20px);\n height: 4px;\n content: '';\n font-size: 0;\n border-radius: 2px;\n }\n\n .smalltext {\n position: relative;\n background-color: var(--gray-100);\n border-radius: 8px;\n padding: 1px 7px;\n }\n}\n\n.fld-hr:before {\n background-color: var(--gray-100);\n}\n\n.fld-br:before {\n background-image: repeating-linear-gradient(\n to right,\n var(--gray-100),\n var(--gray-100) calc(100% / 19),\n transparent calc(100% / 19),\n transparent calc(100% / 9.5),\n var(--gray-100) calc(100% / 9.5)\n );\n}\n\n.fld-element-settings-body {\n flex: 1;\n margin: -24px var(--neg-padding) 0;\n padding: 24px var(--padding);\n overflow: hidden auto;\n position: relative;\n}\n\n.fld-element-settings-footer {\n position: relative;\n display: flex;\n flex-direction: row;\n margin: 0 var(--neg-padding) -24px;\n padding: var(--padding);\n @include pane;\n background-color: var(--gray-050);\n z-index: 3;\n\n & > .ee-site-select {\n flex: 1;\n }\n\n & > .btn {\n @include margin-left(5px);\n }\n\n & > .spinner {\n @include margin(0, var(--neg-padding), 0, 0);\n }\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n/* No Scroll */\nhtml.noscroll,\nhtml.noscroll body {\n overflow: hidden;\n height: 100%;\n}\n\n/* Image Editor */\n\n.modal.imageeditor {\n background-color: var(--gray-900);\n color: var(--white);\n @include light-on-dark-text;\n @include light-focus-ring;\n opacity: 0;\n user-select: none;\n}\n\n.modal.imageeditor.modal {\n border-radius: 0;\n}\n\n.modal.imageeditor.modal .body:after {\n display: none;\n}\n\n.modal.imageeditor .btn:not(.submit):not(.noborder) {\n background-color: var(--gray-600);\n color: var(--white);\n}\n\n.modal.imageeditor .btn:not(.submit):not(.noborder):hover {\n background-color: var(--gray-700);\n}\n\n.modal.imageeditor .btn:not(.submit):not(.noborder).active {\n background-color: var(--gray-800);\n}\n\n.modal.imageeditor .icon::before {\n width: 24px;\n height: 24px;\n margin-top: -4px;\n margin-left: -3px;\n display: inline-block;\n content: '';\n}\n\n.modal.imageeditor .icon.rotate-left::before {\n background-image: url(../images/image-editor/rotate-left.svg);\n}\n\n.modal.imageeditor .icon.rotate-right::before {\n background-image: url(../images/image-editor/rotate-right.svg);\n}\n\n.modal.imageeditor .icon.flip-vertical::before {\n background-image: url(../images/image-editor/flip-vertical.svg);\n}\n\n.modal.imageeditor .icon.flip-horizontal::before {\n background-image: url(../images/image-editor/flip-horizontal.svg);\n}\n\n.modal.imageeditor .icon.constraint::before {\n background-image: url(../images/image-editor/unconstrained.svg);\n}\n\n.modal.imageeditor .icon.focal-point::before {\n background-image: url(../images/image-editor/focal-point.svg);\n}\n\n.modal.imageeditor .body {\n display: flex;\n padding: 0;\n}\n\n.modal.imageeditor input {\n color: var(--text-color);\n}\n\n.modal.imageeditor .body .tabs {\n border-right: 1px solid var(--gray-1000);\n}\n\n.modal.imageeditor .body .tabs ul {\n width: 100px;\n flex-direction: column;\n align-items: stretch;\n}\n\n.modal.imageeditor .body .tabs ul li {\n position: relative;\n padding: 14px;\n text-align: center;\n border-bottom: 1px solid var(--gray-1000);\n cursor: pointer;\n\n &::before {\n position: absolute;\n top: 0;\n @include left(0);\n content: '';\n width: 0;\n height: 100%;\n background-color: currentColor;\n }\n\n &.selected {\n background-color: darken($grey900, 5%);\n\n &::before {\n width: 2px;\n }\n }\n}\n\n.modal.imageeditor .body .tabs ul li i {\n background-repeat: no-repeat;\n background-position: top center;\n display: block;\n height: 24px;\n}\n\n.modal.imageeditor .body .tabs ul li[data-view='rotate'] i {\n background-image: url(../images/image-editor/rotate-left.svg);\n}\n\n.modal.imageeditor .body .tabs ul li[data-view='crop'] i {\n background-image: url(../images/image-editor/crop.svg);\n}\n\n.modal.imageeditor .body .tabs ul li[data-view='filters'] i {\n background-image: url(../images/image-editor/filters.svg);\n}\n\n.modal.imageeditor .body .tabs ul li:hover {\n background-color: darken($grey900, 2%);\n}\n\n.modal.imageeditor .body .tabs ul li:hover {\n cursor: pointer;\n}\n\n.modal.imageeditor .body .views {\n padding: 24px;\n overflow: auto;\n}\n\n.modal.imageeditor .body .views .btngroup {\n margin-bottom: 24px;\n}\n\n.modal.imageeditor .body .views .filters ul {\n width: 100px;\n}\n\n.modal.imageeditor .body .views .filters ul li {\n text-align: center;\n margin-right: 14px;\n margin-bottom: 14px;\n}\n\n.modal.imageeditor .body .views .filters ul li:last-child {\n margin-right: 0;\n}\n\n.modal.imageeditor .body .views .filters ul li img {\n border: 3px solid transparent;\n border-radius: 4px;\n}\n\n.modal.imageeditor .body .views .filters ul li span {\n display: block;\n}\n\n.modal.imageeditor .body .views .filters ul li:hover {\n cursor: pointer;\n}\n\n.modal.imageeditor .body .views .filters ul li.selected img {\n border-color: var(--white);\n}\n\n.modal.imageeditor .body .image-container {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n position: relative;\n overflow: hidden;\n}\n\n.modal.imageeditor .body .image-container .image {\n text-align: center;\n flex-grow: 1;\n position: relative;\n margin: 14px;\n}\n\n.modal.imageeditor .body .image-container .image canvas {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.modal.imageeditor .body .image-container .image-tools {\n text-align: center;\n}\n\n.modal.imageeditor .body .image-container .image-tools .straightening {\n max-width: 400px;\n min-height: toRem(60);\n display: block;\n margin: 0 auto;\n overflow: hidden;\n}\n\n.modal.imageeditor .footer {\n position: absolute;\n background-color: transparent;\n bottom: 0;\n left: 0;\n width: 100%;\n border-top: 1px solid #000;\n\n body.has-debug-toolbar & {\n padding-bottom: calc(8px + 42px);\n }\n}\n\n.modal.imageeditor .body .views .crop {\n fieldset .heading {\n display: none;\n }\n\n .custom-constraint-spacer {\n padding: 0 var(--xs);\n }\n\n .constraint-group {\n display: grid;\n grid-gap: var(--xs);\n }\n\n .custom {\n @include padding-left($radioSize + 5);\n }\n\n .orientation {\n display: flex;\n align-items: center;\n justify-content: center;\n\n input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background-position: center center;\n background-repeat: no-repeat;\n margin: 0 4px;\n cursor: pointer;\n\n &[value='landscape'] {\n width: 30px;\n height: 20px;\n background-image: url(../images/image-editor/orientation-landscape-unchecked.svg);\n\n &:checked {\n background-image: url(../images/image-editor/orientation-landscape-checked.svg);\n }\n }\n\n &[value='portrait'] {\n width: 20px;\n height: 30px;\n background-image: url(../images/image-editor/orientation-portrait-unchecked.svg);\n\n &:checked {\n background-image: url(../images/image-editor/orientation-portrait-checked.svg);\n }\n }\n }\n }\n}\n\n.modal.imageeditor.vertical .body .views .crop {\n & > .btngroup:first-child {\n justify-content: center;\n }\n}\n\n.modal.imageeditor:not(.vertical) .body .views .crop {\n .constraint.custom {\n margin-top: var(--xs);\n }\n}\n\n/* Vertical */\n\n.vertical.imageeditor .body {\n flex-direction: column;\n\n .image-container {\n flex-basis: 30vh;\n flex-shrink: 0;\n }\n\n .constraint-group {\n grid-template-columns: 1fr 1fr;\n }\n}\n\n.vertical.imageeditor .body .tabs ul {\n display: flex;\n flex-direction: row;\n width: 100%;\n border-top: 1px solid #000;\n border-bottom: 1px solid #000;\n}\n\n.vertical.imageeditor .body .tabs ul li {\n flex-grow: 1;\n border: 0;\n border-right: 1px solid #000;\n padding: 10px 7px;\n\n &::before {\n top: unset;\n top: 0;\n width: 100%;\n height: 0;\n }\n\n &.selected::before {\n width: 100%;\n height: 2px;\n }\n}\n\n.vertical.imageeditor .body .views {\n width: auto;\n}\n\n.vertical.imageeditor .body .views .rotate {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: -14px;\n}\n\n.vertical.imageeditor .body .views .rotate .btngroup {\n margin: 0 7px 14px;\n}\n\n.vertical.imageeditor .body .views .filters ul {\n width: auto;\n height: 109px;\n overflow: auto;\n white-space: nowrap;\n margin: 0 -24px;\n margin-bottom: -24px;\n padding: 24px;\n text-align: center;\n}\n\n.vertical.imageeditor .body .views .filters ul li {\n display: inline-block;\n margin-bottom: 0;\n}\n\n/* Slide Rule */\n\n.slide-rule {\n position: relative;\n padding: 10px 0;\n\n &:focus {\n box-shadow: none;\n }\n\n @include focus-styles {\n .cursor::after {\n box-shadow: var(--focus-ring);\n }\n }\n\n .cursor {\n &::after {\n content: '';\n width: toRem(20);\n height: toRem(50);\n position: absolute;\n top: -15px;\n left: 50%;\n transform: translateX(-50%);\n }\n }\n}\n\n.slide-rule .cursor {\n position: absolute;\n margin-left: toRem(-4);\n margin-top: 4px;\n left: 50%;\n z-index: 1;\n width: 0;\n height: 0;\n border-left: toRem(5) solid transparent;\n border-right: toRem(5) solid transparent;\n border-top: toRem(5) solid #63a6e1;\n}\n\n.slide-rule .graduations {\n white-space: nowrap;\n height: 40px;\n position: relative;\n}\n\n.slide-rule .graduations ul {\n position: relative;\n float: left;\n}\n\n.slide-rule .graduations ul li {\n display: inline-block;\n font-size: 8px;\n position: relative;\n width: 10px;\n}\n\n.slide-rule .graduations ul li:not(.main-graduation) {\n left: 1px;\n}\n\n.slide-rule .graduations ul li.main-graduation:before {\n border-left-width: 3px;\n}\n\n.slide-rule .graduations ul li.main-graduation .label {\n display: block;\n cursor: default;\n}\n\n.slide-rule .graduations ul li.selected:before {\n border-left-color: #63a6e1;\n}\n\n.slide-rule .graduations ul li:before {\n content: '';\n position: absolute;\n border-left: 1px solid var(--white);\n height: 10px;\n top: 0px;\n left: 0;\n}\n\n.slide-rule .graduations ul li .label {\n width: 20px;\n position: absolute;\n top: 10px;\n left: -9px;\n display: none;\n text-align: center;\n}\n\n.slide-rule .value {\n display: none;\n position: absolute;\n bottom: 0;\n left: 50%;\n z-index: 1;\n box-sizing: border-box;\n padding: 5px;\n width: 50px;\n margin-left: -25px;\n background: var(--gray-600);\n}\n\n.slide-rule .overlay {\n z-index: 2;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 1px;\n left: 0;\n background-image: linear-gradient(\n to right,\n var(--gray-900) 0%,\n transparentize($grey900, 1) 15%,\n transparentize($grey900, 1) 85%,\n var(--gray-900) 100%\n );\n}\n\n/* Misc */\n\n.menu.dark {\n background-color: var(--gray-600);\n @include light-on-dark-text;\n\n ul {\n li {\n a {\n color: var(--white) !important;\n\n &:not(.sel):not(.disabled):hover {\n background-color: var(--gray-700);\n }\n }\n }\n }\n}\n","_:-ms-lang(x),\n.elements .tableview td.checkbox-cell input.checkbox + label,\n.elements .tableview td.checkbox-cell div.checkbox {\n top: 16px;\n}\n\n_:-ms-lang(x),\ninput.checkbox + label:empty,\ndiv:empty.checkbox {\n display: block;\n}\n","@charset \"UTF-8\";\n\n@import '@craftcms/sass/mixins';\n\n.cp-chart {\n margin: 0;\n height: 100%;\n position: relative;\n}\n\n.cp-chart svg {\n width: 100%;\n height: 100%;\n}\n\n.cp-chart .axis path,\n.cp-chart .axis line {\n fill: none;\n stroke: var(--hairline-color);\n shape-rendering: crispEdges;\n}\n\n.cp-chart .ticks-axis path,\n.cp-chart .ticks-axis line {\n fill: none;\n stroke: none;\n shape-rendering: crispEdges;\n}\n\n.cp-chart .ticks-axis g.tick text {\n fill: var(--black);\n font-size: 11px;\n}\n\n.cp-chart .axis text {\n fill: RGBA(0, 0, 0, 0.6);\n}\n\n.cp-chart .grid-line .tick {\n stroke: RGBA(0, 0, 0, 0.08);\n stroke-opacity: 0.7;\n shape-rendering: crispEdges;\n}\n\n.cp-chart .grid-line .tick line {\n stroke: RGBA(0, 0, 0, 0.08);\n stroke-opacity: 0.7;\n shape-rendering: crispEdges;\n}\n\n.cp-chart .grid-line path {\n stroke-width: 0;\n}\n\n.tooltip {\n border-radius: 3px;\n padding: 7px 10px;\n background: transparentize($white, 0.1);\n position: absolute;\n z-index: 1000000;\n @include shadow;\n user-select: none;\n pointer-events: none;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"css/cp.css","mappings":"AAAA,MCGA,YACE,aACA,2BAEA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,oCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,sCACA,kBAEA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,oBAEA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,oBAEA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,sBAEA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,kBAEA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,sBAEA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,mBAEA,mBACA,mBACA,mBAC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","sources":["webpack:///./css/craft.scss","webpack:///./css/_color-palette.scss","webpack:///./css/_variables.scss","webpack:///./css/_main.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss","webpack:///./css/_cp.scss","webpack:///./css/_preview.scss","webpack:///./css/_fld.scss","webpack:///./css/_image_editor.scss","webpack:///./css/_shame.scss","webpack:///./css/charts.scss"],"sourcesContent":[":root{--white: #fff;--black: #000;--gray-050-hsl: 212, 60%, 97%;--gray-100-hsl: 212, 50%, 93%;--gray-200-hsl: 212, 30%, 85%;--gray-300-hsl: 211, 13%, 65%;--gray-350-hsl: 211, 11%, 59%;--gray-400-hsl: 210, 10%, 53%;--gray-500-hsl: 211, 12%, 43%;--gray-550-hsl: 210, 13%, 40%;--gray-600-hsl: 209, 14%, 37%;--gray-700-hsl: 209, 18%, 30%;--gray-800-hsl: 209, 20%, 25%;--gray-900-hsl: 210, 24%, 16%;--gray-1000-hsl: 210, 24%, 10%;--gray-050: hsl(var(--gray-050-hsl));--gray-100: hsl(var(--gray-100-hsl));--gray-200: hsl(var(--gray-200-hsl));--gray-300: hsl(var(--gray-300-hsl));--gray-350: hsl(var(--gray-350-hsl));--gray-400: hsl(var(--gray-400-hsl));--gray-500: hsl(var(--gray-500-hsl));--gray-550: hsl(var(--gray-550-hsl));--gray-600: hsl(var(--gray-600-hsl));--gray-700: hsl(var(--gray-700-hsl));--gray-800: hsl(var(--gray-800-hsl));--gray-900: hsl(var(--gray-900-hsl));--gray-1000: hsl(var(--gray-1000-hsl));--red-050: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--red-900: #7f1d1d;--red-950: #450a0a;--orange-050: #fff7ed;--orange-100: #ffedd5;--orange-200: #fed7aa;--orange-300: #fdba74;--orange-400: #fb923c;--orange-500: #f97316;--orange-600: #ea580c;--orange-700: #c2410c;--orange-800: #9a3412;--orange-900: #7c2d12;--orange-950: #431407;--amber-050: #fffbeb;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-300: #fcd34d;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--amber-800: #92400e;--amber-900: #78350f;--amber-950: #451a03;--yellow-050: #fefce8;--yellow-100: #fef9c3;--yellow-200: #fef08a;--yellow-300: #fde047;--yellow-400: #facc15;--yellow-500: #eab308;--yellow-600: #ca8a04;--yellow-700: #a16207;--yellow-750: #93580b;--yellow-800: #854d0e;--yellow-900: #713f12;--yellow-950: #422006;--lime-050: #f7fee7;--lime-100: #ecfccb;--lime-200: #d9f99d;--lime-300: #bef264;--lime-400: #a3e635;--lime-500: #84cc16;--lime-600: #65a30d;--lime-700: #4d7c0f;--lime-800: #3f6212;--lime-900: #365314;--lime-950: #1a2e05;--green-050: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-300: #86efac;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--green-900: #14532d;--green-950: #052e16;--emerald-050: #ecfdf5;--emerald-100: #d1fae5;--emerald-200: #a7f3d0;--emerald-300: #6ee7b7;--emerald-400: #34d399;--emerald-500: #10b981;--emerald-600: #059669;--emerald-700: #047857;--emerald-800: #065f46;--emerald-900: #064e3b;--emerald-950: #022c22;--teal-050: #f0fdfa;--teal-100: #ccfbf1;--teal-200: #99f6e4;--teal-300: #5eead4;--teal-400: #2dd4bf;--teal-500: #14b8a6;--teal-550: #11a697;--teal-600: #0d9488;--teal-700: #0f766e;--teal-800: #115e59;--teal-900: #134e4a;--teal-950: #042f2e;--cyan-050: #ecfeff;--cyan-100: #cffafe;--cyan-200: #a5f3fc;--cyan-300: #67e8f9;--cyan-400: #22d3ee;--cyan-500: #06b6d4;--cyan-600: #0891b2;--cyan-700: #0e7490;--cyan-800: #155e75;--cyan-900: #164e63;--cyan-950: #083344;--sky-050: #f0f9ff;--sky-100: #e0f2fe;--sky-200: #bae6fd;--sky-300: #7dd3fc;--sky-400: #38bdf8;--sky-500: #0ea5e9;--sky-600: #0284c7;--sky-700: #0369a1;--sky-800: #075985;--sky-900: #0c4a6e;--sky-950: #082f49;--blue-050: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--blue-950: #172554;--indigo-050: #eef2ff;--indigo-100: #e0e7ff;--indigo-200: #c7d2fe;--indigo-300: #a5b4fc;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--indigo-800: #3730a3;--indigo-900: #312e81;--indigo-950: #1e1b4b;--violet-050: #f5f3ff;--violet-100: #ede9fe;--violet-200: #ddd6fe;--violet-300: #c4b5fd;--violet-400: #a78bfa;--violet-500: #8b5cf6;--violet-600: #7c3aed;--violet-700: #6d28d9;--violet-800: #5b21b6;--violet-900: #4c1d95;--violet-950: #2e1065;--purple-050: #faf5ff;--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-300: #d8b4fe;--purple-400: #c084fc;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7e22ce;--purple-800: #6b21a8;--purple-900: #581c87;--purple-950: #3b0764;--fuchsia-050: #fdf4ff;--fuchsia-100: #fae8ff;--fuchsia-200: #f5d0fe;--fuchsia-300: #f0abfc;--fuchsia-400: #e879f9;--fuchsia-500: #d946ef;--fuchsia-600: #c026d3;--fuchsia-700: #a21caf;--fuchsia-800: #86198f;--fuchsia-900: #701a75;--fuchsia-950: #4a044e;--pink-050: #fdf2f8;--pink-100: #fce7f3;--pink-200: #fbcfe8;--pink-300: #f9a8d4;--pink-400: #f472b6;--pink-500: #ec4899;--pink-600: #db2777;--pink-700: #be185d;--pink-800: #9d174d;--pink-900: #831843;--pink-950: #500724;--rose-050: #fff1f2;--rose-100: #ffe4e6;--rose-200: #fecdd3;--rose-300: #fda4af;--rose-400: #fb7185;--rose-500: #f43f5e;--rose-600: #e11d48;--rose-700: #be123c;--rose-800: #9f1239;--rose-900: #881337;--rose-950: #4c0519}:root{--bg-color: $grey100;--bg-color-hsl: 212deg, 50%, 93%;--primary-color: var(--red-500);--secondary-color: var(--gray-500);--input-color: hsl(212, 25%, 50%);--text-color: var(--gray-700);--medium-dark-text-color: var(--gray-550);--medium-text-color: var(--gray-550);--light-text-color: var(--gray-500);--link-color: #1f5fea;--font-weight-bold: 700;--menu-option-color: var(--text-color);--menu-option-active-color: var(--white);--menu-option-active-background-color: var(--dark-sel-color);--hairline-color: rgba(51, 64, 77, 0.1);--medium-hairline-color: rgba(81, 95, 108, 0.25);--dark-hairline-color: rgba(123, 135, 147, 0.5);--light-focus-color: var(--blue-300);--medium-focus-color: var(--blue-500);--dark-focus-color: #0f74b1;--light-focus-ring: 0 0 0 1px #5ed0fa, 0 0 0 3px rgba(94, 208, 250, 0.7);--medium-focus-ring: 0 0 0 1px #2bb0ed, 0 0 0 3px rgba(43, 176, 237, 0.7);--dark-focus-ring: 0 0 0 1px #0f74b1, 0 0 0 3px rgba(15, 116, 177, 0.7);--light-sel-color: var(--gray-200);--dark-sel-color: var(--gray-500);--error-color: #d81e23;--warning-color: var(--yellow-800);--success-color: var(--teal-700);--notice-color: var(--blue-800);--enabled-color: var(--teal-550);--pending-color: var(--yellow-700);--disabled-color: var(--red-600);--indicator-border-color: var(--yellow-700);--indicator-icon-color: var(--yellow-700);--small-border-radius: 3px;--medium-border-radius: 4px;--large-border-radius: 5px;--menu-border-radius: var(--medium-border-radius);--checkbox-size: 16px;--radio-size: 16px}@font-face{font-family:\"Craft\";src:url(\"../fonts/Craft.woff\") format(\"woff\"),url(\"../fonts/Craft.ttf\") format(\"truetype\"),url(\"../fonts/Craft.svg#Craft\") format(\"svg\");font-weight:normal;font-style:normal}:root{--ui-control-color: var(--gray-550);--ui-control-hover-color: var(--gray-600);--ui-control-active-color: var(--gray-700);--ui-control-bg-color: rgba(96, 125, 159, 0.25);--ui-control-hover-bg-color: rgba(96, 125, 159, 0.3);--ui-control-active-bg-color: rgba(96, 125, 159, 0.5);--ui-control-border-radius: var(--large-border-radius);--ui-control-height: calc((34rem / 16));--icon-opacity: 0.8;--light-focus-hsl: 211.6981132075deg, 96.3636363636%, 78.431372549%;--medium-focus-hsl: 217.2192513369deg, 91.2195121951%, 59.8039215686%;--dark-focus-hsl: 202.5925925926deg, 84.375%, 37.6470588235%;--focus-ring: 0 0 0 1px hsl(var(--dark-focus-hsl)), 0 0 0 3px hsla(var(--dark-focus-hsl), 0.8);--inner-focus-ring: inset 0 0 0 1px hsl(var(--dark-focus-hsl)), inset 0 0 0 3px hsla(var(--dark-focus-hsl), 0.7);--touch-target-size: 24px;--elements-busy-top-position: calc(50% - var(--size, 20px) / 2);--lh: 1.42em}body,html{box-shadow:var(--light-focus-ring);background-color:var(--gray-100)}html.noscroll,html.noscroll body{overflow:hidden}body{width:100vw;overflow-x:hidden;font-size:0.875rem;line-height:var(--lh);color:var(--text-color);-webkit-font-smoothing:subpixel-antialiased}body.rtl{direction:rtl}body,input,select,textarea{font-family:system-ui,BlinkMacSystemFont,-apple-system,\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",sans-serif}.first,h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,p:first-child,blockquote:first-child,hr:first-child,.pane:first-child,.grid:first-child,fieldset:first-child,.field:first-child,.toolbar:first-child,.buttons:first-child,.condition-container:first-child{margin-top:0 !important}.last,h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child,blockquote:last-child,.pane:last-child,.grid:last-child,.meta:last-child,fieldset:last-child,.field:last-child,.toolbar:last-child,.buttons:last-child,.condition-container:last-child{margin-bottom:0 !important}.no-scroll{overflow:hidden !important}.draghelper{box-sizing:border-box;list-style-type:none}.offset-drag-helper{transition:margin linear 200ms,padding linear 200ms}body.dragging.ltr .offset-drag-helper{margin:-50px 0 0 -50px;padding:60px 0 0 60px}body.dragging.rtl .offset-drag-helper{margin:-50px -50px 0 0;padding:60px 60px 0 0}img{max-width:100%}body.rtl .ltr .text,body.rtl .ltr table.editable textarea{text-align:left !important;direction:ltr !important}body.ltr .rtl .text,body.ltr .rtl table.editable textarea{text-align:right !important;direction:rtl !important}.icon:before,.menu ul.padded li a.sel:before,.menu .flex.padded.sel:before,.texticon:before,#help:before,.secure:before,.insecure:before,.go:after,.required:after,.preview-btn:before,.view-btn:before,[data-icon]:before,[data-icon-after]:after{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity)}.badge-icon{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;box-sizing:border-box;border:1px solid var(--indicator-border-color);border-radius:var(--small-border-radius);color:var(--indicator-icon-color);font-size:9px}.secure:before,.insecure:before{margin-top:-3px;font-size:14px}[data-icon]:before{content:attr(data-icon)}[data-icon-after]:after{content:attr(data-icon-after)}body.rtl [data-icon=list]:before,body.rtl [data-icon-after=list]:after{content:\"listrtl\"}body.rtl [data-icon=structure]:before,body.rtl [data-icon-after=structure]:after{content:\"structurertl\"}.icon.secure:before{content:\"secure\"}.icon.insecure:before{content:\"insecure\"}.icon.add:before{content:\"plus\"}.icon.edit:before{content:\"edit\"}.icon.settings:before{content:\"settings\"}.icon.search:before{content:\"search\"}.icon.expand:before{content:\"expand\"}.icon.collapse:before{content:\"collapse\"}.help:before{content:\"help\";color:var(--pink-400)}body.ltr .preview-btn:before,body.ltr .view-btn:before{margin-right:var(--xs)}body.rtl .preview-btn:before,body.rtl .view-btn:before{margin-left:var(--xs)}.preview-btn:before{margin-top:-2px;content:\"view\"}body.ltr .view-btn:before{content:\"share\"}body.rtl .view-btn:before{content:\"shareleft\"}h1,.h1{margin-bottom:24px;font-size:18px;font-weight:bold;line-height:1.2}h2,.h2{margin:14px 0;font-size:16px;font-weight:bold;line-height:1.2}h3,.h3{margin:14px 0;font-weight:bold;line-height:1.2}h4,.h4{margin:14px 0;font-weight:bold;line-height:1.2;color:var(--medium-text-color)}h5,.h5{margin:14px 0 3px;line-height:1.2;color:var(--medium-text-color)}h6,.h6{margin:14px 0 3px;font-size:11px;line-height:1.2;color:#606d7b;text-transform:uppercase}body.ltr h1[data-icon]:before{margin:-8px 10px 0 0}body.rtl h1[data-icon]:before{margin:-8px 0 0 10px}h2[data-icon]:before{font-size:19px}body.ltr h2[data-icon]:before{margin:-4px 6px 0 0}body.rtl h2[data-icon]:before{margin:-4px 0 0 6px}hr{margin:24px 0;border:none;border-top:1px solid var(--hairline-color);height:0;color:rgba(0,0,0,0)}.pane hr{margin:24px -24px}p{margin:1em 0}h5+p{margin-top:0}sup{vertical-align:super;font-size:smaller}sub{vertical-align:sub;font-size:smaller}body.ltr .indent{margin-left:14px}body.rtl .indent{margin-right:14px}.bullets{list-style-type:square}body.ltr .bullets{padding-left:40px}body.rtl .bullets{padding-right:40px}ol{list-style-type:decimal}body.ltr ol{padding-left:40px}body.rtl ol{padding-right:40px}code,.code,.code input,.code textarea{font-family:\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:.9em !important}code.smalltext,.code.smalltext,.code input.smalltext,.code textarea.smalltext{font-size:.8em !important}pre code{display:block;overflow-x:auto}a{color:var(--link-color);cursor:pointer}a[aria-current]{cursor:default}body.underline-links a,a:hover{text-decoration:underline}a:not([href]){color:inherit;cursor:inherit}body.underline-links a:not([href]),a:not([href]):hover{text-decoration:none}a.iconlink:before{width:16px}body.ltr a.iconlink:before{margin-right:var(--xs)}body.rtl a.iconlink:before{margin-left:var(--xs)}a.sel,li.sel a{cursor:default !important;text-decoration:none}.go:after{font-size:11px;margin-top:-1px;color:var(--link-color);opacity:.9}body.ltr .go:after{padding-left:4px}body.rtl .go:after{padding-right:4px}body.ltr .go:after{content:\"circlerarr\"}body.rtl .go:after{content:\"circlelarr\"}body.ltr a [data-icon=external]{margin-left:var(--xs)}body.rtl a [data-icon=external]{margin-right:var(--xs)}button{cursor:pointer}.context-btn.disabled{opacity:1;color:var(--medium-dark-text-color);background-color:rgba(205,216,228,.5) !important}.checkmark-icon,.alert-icon{padding:5px;margin-bottom:0 !important;line-height:10px;border-radius:20px;cursor:pointer}.checkmark-icon:before,.alert-icon:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity)}.checkmark-icon{background-color:var(--gray-200)}p .checkmark-icon{display:inline-block}.checkmark-icon:before{content:\"check\";color:var(--success-color)}.alert-icon{background-color:var(--gray-200)}.alert-icon:before{content:\"alert\";color:var(--error-color)}.menu.revision-menu{padding:10px 24px}.menu.revision-menu hr{margin:10px -24px}.menu.revision-menu ul li.sel{margin:0 -14px;padding:0 14px;background:var(--gray-050);border-radius:var(--large-border-radius)}.menu.revision-menu ul li.sel .edited-desc{display:flex;align-items:center;border-top:1px solid var(--hairline-color);padding:10px 0;color:var(--light-text-color);white-space:normal}body.ltr .menu.revision-menu ul li.sel .edited-desc{margin-left:10px}body.rtl .menu.revision-menu ul li.sel .edited-desc{margin-right:10px}.menu.revision-menu ul li.sel .edited-desc p{margin:0}body.ltr .menu.revision-menu ul li.sel .edited-desc .btn{margin-left:14px}body.rtl .menu.revision-menu ul li.sel .edited-desc .btn{margin-right:14px}.menu.revision-menu ul li a{padding-top:7px;border-radius:var(--large-border-radius)}.menu.revision-menu .extralight{margin-top:2px}.revision-status-hud{max-width:400px}.revision-status-hud .http-error{border-radius:var(--medium-border-radius);border:1px solid var(--hairline-color);color:var(--light-text-color);background-color:var(--gray-050);padding:7px 14px}.draft-notice{display:flex;align-items:center;align-content:stretch;justify-content:center;gap:var(--s);color:var(--blue-800)}#content-notice .draft-notice{display:inline-flex;justify-content:flex-start}body.ltr .so-notice>.draft-notice{margin:calc(var(--s)*-1) 0 calc(var(--s)*-1) calc(var(--xl)*-1)}body.rtl .so-notice>.draft-notice{margin:calc(var(--s)*-1) calc(var(--xl)*-1) calc(var(--s)*-1) 0}body.ltr .so-notice>.draft-notice{padding:var(--s) 0 var(--s) var(--xl)}body.rtl .so-notice>.draft-notice{padding:var(--s) var(--xl) var(--s) 0}body.ltr .so-notice>.draft-notice{border-bottom-left-radius:var(--large-border-radius)}body.rtl .so-notice>.draft-notice{border-bottom-right-radius:var(--large-border-radius)}body.ltr .so-notice>.draft-notice{background-image:linear-gradient(to bottom right, rgba(37, 99, 235, 0.2), rgba(37, 99, 235, 0) 50%)}body.rtl .so-notice>.draft-notice{background-image:linear-gradient(to left, rgba(37, 99, 235, 0.2), rgba(37, 99, 235, 0))}.draft-notice p{flex:1;margin:0}.draft-notice .draft-icon{position:relative;flex-shrink:0;width:34px;height:34px;display:flex;justify-content:center;align-items:center;border-radius:100%;border:2px solid rgba(30,64,175,.2);box-sizing:border-box;box-shadow:0 1px 1px 1px var(--white)}.draft-notice .draft-icon:before{position:relative;left:1px;color:var(--blue-800) !important;font-size:18px}.draft-notice .draft-icon:after{content:\"\";font-size:0;position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:100%;box-shadow:inset 0 2px 0 rgba(30,58,138,.2)}.draft-notice .discard-changes-btn{background-color:rgba(0,0,0,0) !important;color:var(--blue-800) !important;border:2px solid var(--blue-600)}body.ltr .draft-notice .discard-changes-btn{margin-left:var(--xs)}body.rtl .draft-notice .discard-changes-btn{margin-right:var(--xs)}.draft-notice .discard-changes-btn:hover,.draft-notice .discard-changes-btn:focus{border-color:#1555e2}.draft-notice .discard-changes-btn:active{border-color:#134cca}button.toggle{appearance:none;color:inherit;background:none;border:none;padding:0}.toggle:before,a.fieldtoggle:before{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transition:transform linear 100ms}body.ltr .toggle:before,body.ltr a.fieldtoggle:before{transform:rotate(-45deg)}body.rtl .toggle:before,body.rtl a.fieldtoggle:before{transform:rotate(135deg)}.toggle.expanded:before,a.fieldtoggle.expanded:before,.sidebar nav li.expanded>.toggle:before,.structure li:not(.collapsed)>.row>.toggle:before{transform:rotate(45deg) !important}a.fieldtoggle{display:block;position:relative;margin:14px 0;color:var(--text-color);text-decoration:none}body.ltr a.fieldtoggle{padding-left:12px}body.rtl a.fieldtoggle{padding-right:12px}a.fieldtoggle:before{display:block;position:absolute;top:7px}body.ltr a.fieldtoggle:before{left:-1px}body.rtl a.fieldtoggle:before{right:-1px}em,i{font-style:italic}ul.errors em{font-style:normal}strong,b,i em{font-weight:bold}.readable{font-size:16px;line-height:22px}.readable h1,.readable .h1,.readable h2,.readable .h2,.readable h3,.readable .h3,.readable h4,.readable .h4,.readable h5,.readable .h5,.readable h6,.readable .h6{margin:24px 0 16px;font-weight:600}.readable h1,.readable .h1{font-size:32px;line-height:40px;color:#000}.readable h2,.readable .h2{font-size:24px;line-height:30px}.readable h3,.readable .h3{font-size:20px;line-height:24px}.readable h4,.readable .h4{font-size:16px;line-height:20px}.readable h5,.readable .h5{font-size:14px;line-height:18px}.readable h6,.readable .h6{font-size:13.6px;line-height:17px;color:#596673}.readable ul,.readable ol{margin:1em 0}body.ltr .readable ul,body.ltr .readable ol{padding-left:2em}body.rtl .readable ul,body.rtl .readable ol{padding-right:2em}.readable ul li{list-style-type:disc}.readable li+li{margin-top:.25em}.readable .tip-dismiss-btn{position:absolute;top:12px}body.ltr .readable .tip-dismiss-btn{right:12px}body.rtl .readable .tip-dismiss-btn{left:12px}.readable .tip-dismiss-btn+p{margin-top:0}.readable blockquote{margin:16px 0}.readable blockquote:not(.note){padding:0 16px;color:#596673}body.ltr .readable blockquote:not(.note){border-left:4px solid rgba(51,64,77,.1)}body.rtl .readable blockquote:not(.note){border-right:4px solid rgba(51,64,77,.1)}.readable blockquote.note{position:relative;border-radius:4px;padding:1em;border:1px solid}body.ltr .readable blockquote.note{padding-left:50px}body.rtl .readable blockquote.note{padding-right:50px}body.ltr .readable blockquote.note.dismissible{padding-right:36px}body.rtl .readable blockquote.note.dismissible{padding-left:36px}.readable blockquote.note:not(.tip):not(.warning){border-color:#dc2626;color:#bf503f}.readable blockquote.note:not(.tip):not(.warning):before{content:\"alert\";color:#dc2626}.readable blockquote.note.tip{border-color:#1f5fea;color:#1f5fea}.readable blockquote.note.tip:before{content:\"lightbulb\";color:#1f5fea}.readable blockquote.note.warning{border-color:#854d0e;color:#cf783a}.readable blockquote.note.warning:before{content:\"alert\";color:#854d0e}.readable blockquote.note:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);opacity:1;position:absolute;top:15px;font-size:24px;width:24px}body.ltr .readable blockquote.note:before{left:16px}body.rtl .readable blockquote.note:before{right:16px}.readable blockquote.note a[href]{color:currentColor;text-decoration:underline}.readable .go:after{font-size:14px}body.ltr .leftalign{text-align:left}body.rtl .leftalign{text-align:right}.topalign{vertical-align:top}body.ltr .rightalign{text-align:right}body.rtl .rightalign{text-align:left}.centeralign{text-align:center !important}.nowrap{white-space:nowrap}.break-word{word-wrap:break-word}.light{color:var(--medium-text-color) !important;font-weight:normal}.extralight{color:var(--light-text-color) !important}.smalltext{font-size:12px;line-height:1.2}.largetext{font-size:16px;line-height:1.2}.zilch{padding:100px 0;text-align:center;font-size:20px;line-height:24px;color:var(--light-text-color)}.zilch.small{padding:24px 0;font-size:16px}input.checkbox+label.smalltext{padding-top:2px}.required:after{content:\"asterisk\";font-size:7px;color:var(--error-color)}body.ltr .required:after{margin:-2px 0 0 5px}body.rtl .required:after{margin:-2px 5px 0 0}.scrollpane{overflow:auto}body.ltr .left{float:left}body.rtl .left{float:right}body.ltr .right{float:right}body.rtl .right{float:left}th,td{vertical-align:middle}body.ltr th,body.ltr td{text-align:left}body.rtl th,body.rtl td{text-align:right}body.ltr table[dir=rtl] th,body.ltr table[dir=rtl] td{text-align:right}body.rtl table[dir=ltr] th,body.rtl table[dir=ltr] td{text-align:left}th.right,td.right{float:none}body.ltr th.right,body.ltr td.right{text-align:right}body.rtl th.right,body.rtl td.right{text-align:left}.clear{display:block;clear:both;height:0}.fullwidth{width:100%}.token{display:inline-block;border-radius:3px;padding:3px 7px;font-size:12px;line-height:14px;color:#3f4d5a;background-color:#e4edf6}.token[data-name=\"*\"]{position:relative;width:10px}.token[data-name=\"*\"] span{opacity:0}.token[data-name=\"*\"]:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);display:block;position:absolute;top:0;left:0;width:100%;font-size:9px;line-height:17px;content:\"asterisk\";text-indent:0}.token:focus{background-color:#cdd8e4}.highlight .token{display:inline;border:none;border-radius:0;padding:0;font-size:inherit;line-height:inherit;text-shadow:none;background:rgba(0,0,0,0);box-shadow:none}.pane.highlight pre[class*=language-]{overflow:visible}.pane.highlight pre[class*=language-]>code.diff-highlight .token:not(.prefix){margin:0 -24px;padding:0 24px}.success{color:var(--success-color) !important}.notice.with-icon:before,.notice .icon:before,.warning.with-icon:before,.warning .icon:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);width:1em}body.ltr .notice.with-icon:before,body.ltr .notice .icon:before,body.ltr .warning.with-icon:before,body.ltr .warning .icon:before{margin:-2px 2px 0 0}body.rtl .notice.with-icon:before,body.rtl .notice .icon:before,body.rtl .warning.with-icon:before,body.rtl .warning .icon:before{margin:-2px 0 0 2px}.notice.has-icon,.warning.has-icon{display:flex;flex-wrap:nowrap;align-items:flex-start}.notice.has-icon .icon,.warning.has-icon .icon{flex-shrink:1}.notice{color:var(--notice-color) !important}.notice a{text-decoration:underline}.notice.with-icon:before,.notice .icon:before{content:\"lightbulb\"}.warning{color:var(--warning-color) !important}.warning.with-icon:before,.warning .icon:before{content:\"alert\"}.error{color:var(--error-color) !important}.icon.move:not(.disabled){cursor:move}.icon.move:before{content:\"move\";color:var(--ui-control-color)}.icon.move:not(.disabled):hover:before{color:var(--link-color)}.icon.delete{display:inline-block;line-height:inherit}.icon.delete:before{content:\"remove\";color:var(--ui-control-color)}.icon.delete:not(.disabled){cursor:pointer}.icon.delete:not(.disabled):hover:before{color:var(--disabled-color)}.icon.delete:not(.disabled):active:before{color:var(--red-800)}.hidden{display:none !important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.invisible{visibility:hidden}.clearafter:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.info{vertical-align:bottom;display:inline-block;width:1em;height:1.375em;text-align:center;cursor:pointer;overflow:hidden}.info:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);vertical-align:baseline;width:100%;line-height:1.375;color:var(--ui-control-color)}.info:not(.warning):before{content:\"info\"}.info:not(.warning):hover:before{color:var(--link-color)}.info.warning:before{content:\"alert\"}.info.warning:hover:before{color:var(--warning-color)}.info-hud table{max-width:280px;table-layout:auto}.info-hud td{word-wrap:break-word;width:100%}@media(max-width: 450px){.info-hud table{table-layout:fixed;width:100%}}.content{position:relative}.content:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.customize-sources-modal{overflow:visible !important}body.ltr .customize-sources-modal{padding-left:200px}body.rtl .customize-sources-modal{padding-right:200px}.customize-sources-modal>.cs-sidebar{position:absolute;top:0;margin:0;padding:10px 0;border:none;width:200px;height:calc(100% - 50px);box-sizing:border-box;background-color:var(--gray-050);overflow:auto;box-shadow:inset -1px 0 0 var(--hairline-color)}body.ltr .customize-sources-modal>.cs-sidebar{left:0}body.rtl .customize-sources-modal>.cs-sidebar{right:0}body.ltr .customize-sources-modal>.cs-sidebar{border-top-left-radius:var(--large-border-radius)}body.rtl .customize-sources-modal>.cs-sidebar{border-top-right-radius:var(--large-border-radius)}.customize-sources-modal>.cs-sidebar>.btn{display:block;width:calc(100% - 28px)}body.ltr .customize-sources-modal>.cs-sidebar>.btn{margin:10px 0 0 14px}body.rtl .customize-sources-modal>.cs-sidebar>.btn{margin:10px 14px 0 0}body.ltr .customize-sources-modal.sidebar-hidden{padding-left:0}body.rtl .customize-sources-modal.sidebar-hidden{padding-right:0}.customize-sources-modal.sidebar-hidden>.cs-sidebar{display:none}.customize-sources-modal>.source-settings{position:relative;height:calc(100% - 50px);box-sizing:border-box;padding:24px;overflow:auto}.customize-sources-modal>.footer{position:absolute;bottom:0;left:0;width:100%}.customize-sources-item{--selected-item-color: var(--white);display:flex;width:calc(100% - 1px);box-sizing:border-box;align-items:center;position:relative;margin-top:-1px;background-color:var(--gray-100);border:solid var(--hairline-color);border-width:1px 0;user-select:none;cursor:default}.customize-sources-item+.customize-sources-item.heading{margin-top:10px}.customize-sources-item+.customize-sources-item:not(.heading){border-top:1px solid var(--hairline-color)}.customize-sources-item.sel{--focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)), 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);--ui-control-color: var(--selected-item-color);background-color:var(--dark-sel-color);color:var(--selected-item-color);z-index:1}.customize-sources-item .label{flex:1}.customize-sources-item.heading .label{text-transform:uppercase;color:var(--light-text-color);font-size:12px;font-weight:bold}.customize-sources-item.heading.sel .label{color:var(--selected-item-color)}.customize-sources-item__move{position:absolute;top:50%;transform:translate(-50%, -50%);justify-content:center;align-items:center}body.ltr .customize-sources-item__move{right:0}body.rtl .customize-sources-item__move{left:0}.customize-sources-item__move.icon{display:flex;text-decoration:none}.customize-sources-item__btn{padding:8px 14px;margin:3px}body.ltr .customize-sources-item__btn{padding-right:30px}body.rtl .customize-sources-item__btn{padding-left:30px}.checkbox-select-item{display:flex;align-items:flex-start;align-content:stretch;margin-bottom:4px}.checkbox-select-item .move{margin-top:-3px;position:relative;z-index:1}body.ltr .checkbox-select-item .move{margin-right:10px}body.rtl .checkbox-select-item .move{margin-left:10px}ul.path{display:flex;flex-direction:row;align-items:stretch;flex-wrap:wrap}ul.path li{display:inline-flex;align-items:center}ul.path li:not(:last-child):after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid var(--light-text-color);border-width:0 1px 1px 0;opacity:.8}body.ltr ul.path li:not(:last-child):after{margin:0 5px 0 2px}body.rtl ul.path li:not(:last-child):after{margin:0 2px 0 5px}body.ltr ul.path li:not(:last-child):after{transform:rotate(-45deg)}body.rtl ul.path li:not(:last-child):after{transform:rotate(135deg)}ul.icons{margin-top:20px;display:flex;flex-wrap:wrap}ul.icons li{margin:0 4px 10px 0}ul.icons li a{display:block;position:relative;padding:60px 5px 10px;width:110px;text-align:center;color:var(--text-color);border-radius:4px;border:1px solid var(--white)}ul.icons li a:before{display:block;position:absolute;top:0;left:0;width:100%;font-size:40px;line-height:60px}ul.icons li a .icon img,ul.icons li a .icon svg{width:40px;height:40px;position:absolute;top:12px;left:calc(50% - 20px)}ul.icons li a .icon.icon-mask svg rect,ul.icons li a .icon.icon-mask svg circle,ul.icons li a .icon.icon-mask svg ellipse,ul.icons li a .icon.icon-mask svg line,ul.icons li a .icon.icon-mask svg polyline,ul.icons li a .icon.icon-mask svg polygon,ul.icons li a .icon.icon-mask svg path,ul.icons li a .icon.icon-mask svg text{fill:var(--text-color);stroke-width:0}ul.icons li a:hover{text-decoration:none;background-color:var(--gray-050);border-color:var(--gray-100)}ul.icons li a:hover .icon.icon-mask svg rect,ul.icons li a:hover .icon.icon-mask svg circle,ul.icons li a:hover .icon.icon-mask svg ellipse,ul.icons li a:hover .icon.icon-mask svg line,ul.icons li a:hover .icon.icon-mask svg polyline,ul.icons li a:hover .icon.icon-mask svg polygon,ul.icons li a:hover .icon.icon-mask svg path,ul.icons li a:hover .icon.icon-mask svg text{fill:var(--link-color);stroke-width:0}@media only screen and (max-width: 380px){ul.icons li a{width:96px}}@media only screen and (max-width: 320px){ul.icons li a{width:75px}}.toolbar{position:relative;margin-bottom:var(--s);min-height:34px}.toolbar.flex,.toolbar .flex{align-items:flex-start}.toolbar .text{border-radius:var(--large-border-radius) !important}.flex{display:flex;align-items:center;align-content:stretch;gap:var(--s)}.flex:not(.flex-nowrap){flex-wrap:wrap}.flex>*.label{white-space:nowrap}.centeralign .flex{justify-content:center}.inline-flex{display:inline-flex;align-items:center;align-content:stretch;gap:var(--s)}.gap-xs{gap:var(--xs)}.gap-s{gap:var(--s)}.gap-m{gap:var(--m)}.gap-l{gap:var(--l)}.gap-xl{gap:var(--xl)}.flex-grow{flex:1;max-width:100%}.flex-justify{justify-content:space-between}.flex-justify-start{justify-content:flex-start}.flex-justify-end{justify-content:flex-end}.flex-justify-center{justify-content:center}.flex-start{align-items:flex-start}.flex-end{align-items:flex-end}.flex-center{align-items:center}.flex-stretch{align-items:stretch}.spacer{width:14px}.buttons{display:flex;gap:7px;position:relative;margin:24px 0;align-items:center}.hud-footer>.buttons,.footer>.buttons{margin:0}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ui-control-border-radius);padding:7px 14px;border:none;text-align:center;white-space:nowrap;user-select:none;box-sizing:border-box;appearance:none;color:currentColor;font-size:inherit;background-color:var(--ui-control-bg-color)}.btn:not([aria-current]){cursor:pointer}.btn.chromeless{background-color:rgba(0,0,0,0);height:auto;padding:0}.btn.chromeless:hover,.btn.chromeless:active,.btn.chromeless:focus{background-color:rgba(0,0,0,0)}.btn.chromeless:hover,.btn.chromeless:active{text-decoration:underline}.btn.wrap{height:auto;min-height:34px;white-space:initial;text-align:left}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):hover{--ui-control-bg-color: var(--ui-control-hover-bg-color)}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):active,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).active{--ui-control-bg-color: var(--ui-control-active-bg-color)}.btn[type=color]{padding:6px !important;width:36px}.btn.active,.btn.loading{cursor:default}.btn:hover{text-decoration:none}body.ltr .btn[data-icon]:not(:empty):not(.btn-empty):before,body.ltr .btn.icon:not(:empty):not(.btn-empty):before,body.ltr .btn.menubtn[data-icon]:empty:before,body.ltr .btn.menubtn[data-icon].btn-empty:before,body.ltr .btn.menubtn.icon:empty:before,body.ltr .btn.menubtn.icon.btn-empty:before{margin-right:5px}body.rtl .btn[data-icon]:not(:empty):not(.btn-empty):before,body.rtl .btn.icon:not(:empty):not(.btn-empty):before,body.rtl .btn.menubtn[data-icon]:empty:before,body.rtl .btn.menubtn[data-icon].btn-empty:before,body.rtl .btn.menubtn.icon:empty:before,body.rtl .btn.menubtn.icon.btn-empty:before{margin-left:5px}.btn:not(.loading) .spinner{display:none}.btn.loading:before,.btn.loading:after,.btn.loading .label{visibility:hidden}.btn div.checkbox{margin-top:2px}.btn [data-icon]{margin-top:-2px}body.ltr .btn [data-icon]{margin-right:4px}body.rtl .btn [data-icon]{margin-left:4px}.btn [data-icon].light:before{color:var(--gray-300)}.disabled{opacity:.25;pointer-events:none;user-select:none}.btn,.spinner{height:var(--ui-control-height)}body.ltr .btn[data-icon-after]:not(:empty):not(.btn-empty):after,body.ltr .menu-toggle:not(:empty):not(.btn-empty):after,body.ltr .menubtn:not(:empty):not(.btn-empty):after,body.ltr .menubtn.icon:after{margin-left:6px}body.rtl .btn[data-icon-after]:not(:empty):not(.btn-empty):after,body.rtl .menu-toggle:not(:empty):not(.btn-empty):after,body.rtl .menubtn:not(:empty):not(.btn-empty):after,body.rtl .menubtn.icon:after{margin-right:6px}.btn[data-icon]:before,.btn[data-icon-after]:after,.btn.icon:before{position:relative}.btn.small[data-icon]:before,.btn.small[data-icon-after]:after,.btn.icon.small:before{font-size:10px}.btngroup{position:relative;z-index:1;display:flex;white-space:nowrap;align-items:center;border-radius:var(--large-border-radius)}.btngroup.fullwidth .btn{flex:1}.btngroup.disabled .btn{cursor:default}.btngroup .btn:focus{z-index:1}body.ltr .btngroup .btn:not(.dashed):not(:last-child):not(.btngroup-btn-last){margin-right:1px}body.rtl .btngroup .btn:not(.dashed):not(:last-child):not(.btngroup-btn-last){margin-left:1px}body.ltr .btngroup .btn:not(:first-child):not(.btngroup-btn-first){border-top-left-radius:0;border-bottom-left-radius:0}body.ltr .btngroup .btn:not(:last-child):not(.btngroup-btn-last){border-top-right-radius:0;border-bottom-right-radius:0}body.rtl .btngroup .btn:not(:first-child):not(.btngroup-btn-first){border-top-right-radius:0;border-bottom-right-radius:0}body.rtl .btngroup .btn:not(:last-child):not(.btngroup-btn-last){border-top-left-radius:0;border-bottom-left-radius:0}.btngroup--exclusive .btn[aria-pressed=true]:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]){background-color:var(--gray-500);color:var(--white)}.copytext{position:relative;z-index:1;display:flex;white-space:nowrap;align-items:center}body.ltr .copytext .text{border-top-right-radius:0;border-bottom-right-radius:0;min-width:0}body.ltr .copytext .btn{border-top-left-radius:0;border-bottom-left-radius:0}body.rtl .copytext .text{border-top-left-radius:0;border-bottom-left-radius:0}body.rtl .copytext .btn{border-top-right-radius:0;border-bottom-right-radius:0}.copytextbtn{display:inline-flex;flex-wrap:nowrap;align-items:center;border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);padding:0 9px;cursor:pointer;color:var(--medium-text-color)}.copytextbtn .copytextbtn__icon{padding:0;width:13px;background:none;margin-top:-3px;color:var(--light-text-color)}body.ltr .copytextbtn .copytextbtn__icon{margin-left:5px}body.rtl .copytextbtn .copytextbtn__icon{margin-right:5px}.copytextbtn:hover,.copytextbtn:focus{border-color:var(--medium-hairline-color);color:var(--text-color)}.copytextbtn:hover .copytextbtn__value,.copytextbtn:focus .copytextbtn__value{color:var(--text-color)}.copytextbtn.small{padding:0 5px}.copytextbtn.small .copytextbtn__value{font-size:.6875rem}.menu-toggle,.menubtn{display:inline-flex;align-items:center;user-select:none}.menu-toggle:after,.menubtn:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transform:rotate(45deg);position:relative}.menu-toggle.btn:after,.menubtn.btn:after{top:-1px}.menu-toggle.btn:not(.disabled):not(.inactive):active:after,.menu-toggle.btn:not(.disabled):not(.inactive).active:after,.menubtn.btn:not(.disabled):not(.inactive):active:after,.menubtn.btn:not(.disabled):not(.inactive).active:after{border-color:var(--ui-control-active-color)}.menu-toggle.btn.submit:after,.menubtn.btn.submit:after{border-color:var(--white) !important;opacity:.8}.menu-toggle.btn.submit:not(.disabled):not(.inactive):hover:after,.menu-toggle.btn.submit:not(.disabled):not(.inactive).hover:after,.menu-toggle.btn.submit:not(.disabled):not(.inactive):active:after,.menu-toggle.btn.submit:not(.disabled):not(.inactive).active:after,.menubtn.btn.submit:not(.disabled):not(.inactive):hover:after,.menubtn.btn.submit:not(.disabled):not(.inactive).hover:after,.menubtn.btn.submit:not(.disabled):not(.inactive):active:after,.menubtn.btn.submit:not(.disabled):not(.inactive).active:after{opacity:1}.menu-toggle:not(.btn):not(.icon),.menubtn:not(.btn):not(.icon){height:17px}.menu-toggle:not(.btn):not(.icon):after,.menubtn:not(.btn):not(.icon):after{top:-2px;border-color:var(--link-color)}body.ltr .menu-toggle:empty,body.ltr .menu-toggle.btn-empty,body.ltr .menubtn:empty,body.ltr .menubtn.btn-empty{padding-left:8px}body.rtl .menu-toggle:empty,body.rtl .menu-toggle.btn-empty,body.rtl .menubtn:empty,body.rtl .menubtn.btn-empty{padding-right:8px}body.ltr .menu-toggle:empty,body.ltr .menu-toggle.btn-empty,body.ltr .menubtn:empty,body.ltr .menubtn.btn-empty{padding-right:8px}body.rtl .menu-toggle:empty,body.rtl .menu-toggle.btn-empty,body.rtl .menubtn:empty,body.rtl .menubtn.btn-empty{padding-left:8px}@keyframes rotator{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.spinner{display:inline-flex;align-items:center;justify-content:center;width:var(--size, 24px);height:var(--size, 34px)}.spinner:before{display:block;content:\"\";font-size:0;animation:rotator .7s linear infinite;box-sizing:border-box;width:var(--size, 20px);height:var(--size, 20px);object-fit:scale-down;border-radius:50%;border:2px solid rgba(0,0,0,0);border-right-color:currentColor;border-bottom-color:currentColor;opacity:.8}.spinner.small{--size: 12px}.spinner.big{--size: 48px}.spinner.spinner-absolute{position:absolute;width:var(--size, 20px);height:var(--size, 20px);top:var(--elements-busy-top-position);left:calc(50% - var(--size, 20px)/2)}body.ltr .btn+.spinner{margin-left:7px}body.rtl .btn+.spinner{margin-right:7px}body.ltr .buttons .btn+.spinner,body.ltr .buttons .btngroup+.spinner{margin-left:0}body.rtl .buttons .btn+.spinner,body.rtl .buttons .btngroup+.spinner{margin-right:0}body.ltr .buttons.right .btn+.spinner{margin-right:var(--neg-padding)}body.rtl .buttons.right .btn+.spinner{margin-left:var(--neg-padding)}.btngroup.small .btn,.btn.small{padding:0 7px !important;font-size:12px;line-height:22px}.btngroup.small,.btngroup.small input.btn,.btn.small,.btn.small+.spinner{height:22px}.btngroup.big .btn,.btn.big{padding:0 14px;font-size:14px;line-height:36px}body.ltr .btn.big[data-icon]:before,body.ltr .preview-btn:before,body.ltr .view-btn:before{margin-left:-2px}body.rtl .btn.big[data-icon]:before,body.rtl .preview-btn:before,body.rtl .view-btn:before{margin-right:-2px}.btngroup.big,.btngroup.big input.btn,.btn.big,.btn.big+.spinner{height:36px}.btn.submit,.btn.secondary{color:var(--white) !important;--ui-control-active-color: var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.btn.submit{background-color:var(--primary-color) !important}.btn.submit:not(.disabled):not(.inactive):not(.loading):hover,.btn.submit:not(.disabled):not(.inactive):not(.loading).hover,.btn.submit:not(.disabled):not(.inactive):not(.loading):focus{background-color:#ed2d2d !important}.btn.submit:not(.disabled):not(.inactive):not(.loading):active,.btn.submit:not(.disabled):not(.inactive):not(.loading).active{background-color:#eb1515 !important}.btn.caution{background-color:var(--red-050) !important;color:var(--error-color)}.btn.caution:hover,.btn.caution.hover,.btn.caution:focus{background-color:#fcdada !important}.btn.caution:active,.btn.caution.active{background-color:var(--red-100) !important}.secondary-buttons .btn.submit,.btn.secondary{background-color:var(--secondary-color) !important}.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading):hover,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading).hover,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading):focus,.btn.secondary:not(.disabled):not(.inactive):not(.loading):hover,.btn.secondary:not(.disabled):not(.inactive):not(.loading).hover,.btn.secondary:not(.disabled):not(.inactive):not(.loading):focus{background-color:#55616d !important}.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading):active,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading).active,.btn.secondary:not(.disabled):not(.inactive):not(.loading):active,.btn.secondary:not(.disabled):not(.inactive):not(.loading).active{background-color:#4a545e !important}div.btn.submit{position:relative;overflow:hidden}div.btn.submit input{position:absolute;left:100%}.btn.dashed{border:1px dashed var(--medium-hairline-color);background-color:rgba(0,0,0,0)}body.ltr .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){border-right:1px solid rgba(0,0,0,0)}body.rtl .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){border-left:1px solid rgba(0,0,0,0)}body.ltr .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){margin-right:-1px}body.rtl .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){margin-left:-1px}.btn.dashed:focus{background-color:rgba(205,216,228,.1);border-color:rgba(0,0,0,0)}.reduce-focus-visibility .btn.dashed:focus:not(:focus-visible){border:1px dashed var(--medium-hairline-color)}.btn.dashed:not(.disabled):active,.btn.dashed:not(.disabled).active{background-color:rgba(205,216,228,.25)}.chevron-btns{display:flex;justify-content:flex-start}.chevron-btns .btn{position:relative;padding:0;border-radius:0;background-color:rgba(0,0,0,0)}.chevron-btns .btn.current-step,.chevron-btns .btn.active-drop-target{color:var(--white);--text-color: var(--white);--ui-control-color: var(--white);--ui-control-bg-color: var(--gray-500);--ui-control-hover-bg-color: #55616d;--ui-control-active-bg-color: #4a545e}.chevron-btns .btn.current-step{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;--focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)), 0 0 0 3px hsla(var(--light-focus-hsl), 0.7)}.chevron-btns .btn:focus{z-index:1;box-shadow:none}.chevron-btns .btn:focus .label{z-index:1;box-shadow:var(--focus-ring)}.reduce-focus-visibility .chevron-btns .btn:focus:not(:focus-visible) .label{box-shadow:none}.reduce-focus-visibility .chevron-btns .btn:focus-visible .label{box-shadow:var(--focus-ring)}body.ltr .chevron-btns .btn:not(.has-action-menu){padding-right:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns .btn:not(.has-action-menu){padding-left:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns .btn:not(.has-action-menu){margin-right:2.8px}body.rtl .chevron-btns .btn:not(.has-action-menu){margin-left:2.8px}body.ltr .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-right:5px}body.rtl .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-left:5px}body.ltr .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-left:8px}body.rtl .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-right:8px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label{padding:3px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transform:rotate(45deg);position:relative}.chevron-btns .btn .btn-body{display:inline-flex;align-items:center;justify-content:center;height:var(--ui-control-height);background-color:var(--ui-control-bg-color)}.chevron-btns .btn .btn-body [data-icon]{--ui-control-height: calc((13rem / 16));text-align:center}body.ltr .chevron-btns .btn .btn-body [data-icon]{margin-right:0}body.rtl .chevron-btns .btn .btn-body [data-icon]{margin-left:0}.chevron-btns .btn .label{display:inline-flex;align-items:center;overflow:hidden;text-overflow:ellipsis}body.ltr .chevron-btns .btn.has-action-menu .btn-body{padding-right:1px}body.rtl .chevron-btns .btn.has-action-menu .btn-body{padding-left:1px}body.ltr .chevron-btns .btn.has-action-menu .btn-body{margin-right:0}body.rtl .chevron-btns .btn.has-action-menu .btn-body{margin-left:0}.chevron-btns .btn .chevron-right,.chevron-btns .btn .chevron-left{position:absolute;top:0;height:100%;width:calc(var(--ui-control-height)/2)}.chevron-btns .btn .chevron-left{border-top:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.ltr .chevron-btns .btn .chevron-left{left:0}body.rtl .chevron-btns .btn .chevron-left{right:0}body.ltr .chevron-btns .btn .chevron-left{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .chevron-btns .btn .chevron-left{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.chevron-btns .btn .chevron-left:after{display:block;content:\"\";font-size:0;position:absolute;bottom:0;border-bottom:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.ltr .chevron-btns .btn .chevron-left:after{right:0}body.rtl .chevron-btns .btn .chevron-left:after{left:0}body.ltr .chevron-btns .btn .chevron-left:after{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .chevron-btns .btn .chevron-left:after{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.chevron-btns .btn .chevron-right{border-top:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0);border-bottom:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.ltr .chevron-btns .btn .chevron-right{right:0}body.rtl .chevron-btns .btn .chevron-right{left:0}body.ltr .chevron-btns .btn .chevron-right{border-left:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.rtl .chevron-btns .btn .chevron-right{border-right:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}.chevron-btns ol{position:relative;list-style-type:none;display:flex}body.ltr .chevron-btns ol{padding-left:0}body.rtl .chevron-btns ol{padding-right:0}body.ltr .chevron-btns ol li.first-step .btn .btn-body{padding-left:14px}body.rtl .chevron-btns ol li.first-step .btn .btn-body{padding-right:14px}body.ltr .chevron-btns ol li.first-step .btn .btn-body{border-radius:var(--ui-control-border-radius) 0 0 var(--ui-control-border-radius)}body.rtl .chevron-btns ol li.first-step .btn .btn-body{border-radius:0 var(--ui-control-border-radius) var(--ui-control-border-radius) 0}.chevron-btns ol li.first-step .btn .chevron-left{display:none}body.ltr .chevron-btns ol li:not(.first-step) .btn{margin-left:calc(-1*var(--ui-control-height)/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{margin-right:calc(-1*var(--ui-control-height)/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn{padding-left:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{padding-right:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-left:7px}body.rtl .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-right:7px}.color-input-container{position:relative}.color-input-container .color-hex-indicator{position:absolute;top:0;width:1em;line-height:34px;text-align:center;user-select:none}body.ltr .color-input-container .color-hex-indicator{left:7px}body.rtl .color-input-container .color-hex-indicator{right:7px}.color-input{font-family:\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:.9em !important}body.ltr .color-input{padding-left:calc(7px + 1em)}body.rtl .color-input{padding-right:calc(7px + 1em)}.color{display:inline-block;position:relative;vertical-align:middle;width:34px;height:34px;border-radius:17px;padding:0}.color:not(.static){cursor:pointer}.color:not(.small){background-image:linear-gradient(45deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%);background-size:17px 17px;background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px}.color.small{width:16px;height:16px;background-image:linear-gradient(45deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%);background-size:8px 8px;background-position:0 0,4px 0,4px -4px,0 4px}.color .color-preview{position:absolute;top:0;width:100%;height:100%;border-radius:17px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}body.ltr .color .color-preview{left:0}body.rtl .color .color-preview{right:0}.color .color-preview:focus-within{box-shadow:var(--focus-ring)}.color .color-preview>.color-preview-input{position:absolute;width:100%;height:100%;margin:0;padding:0;border:none;opacity:0}body.ltr .color .color-preview>.color-preview-input{left:0}body.rtl .color .color-preview>.color-preview-input{right:0}.colorhex{display:inline-block;margin-left:5px;vertical-align:middle;color:var(--medium-text-color)}.lightswitch-outer-container{display:flex}.lightswitch-outer-container .lightswitch-inner-container{border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);display:flex;align-items:center;max-width:100%;padding-left:7px;padding-right:7px}.lightswitch-outer-container .lightswitch-inner-container span{flex-grow:1;padding:7px 0;color:var(--medium-text-color);cursor:default;overflow:auto;overflow-wrap:break-word;hyphens:auto}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{margin-left:7px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{margin-right:7px}.lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{text-align:right}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{margin-right:7px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{margin-left:7px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{text-align:left}.lightswitch{display:block;position:relative;border:none !important;overflow:hidden;cursor:pointer;user-select:none;background-image:linear-gradient(to right, var(--gray-400), var(--gray-400));transition:background-image linear 100ms}.lightswitch.on{background-image:linear-gradient(to right, var(--enabled-color), var(--enabled-color))}.lightswitch.indeterminate{background-image:linear-gradient(to right, var(--enabled-color), var(--gray-300))}.lightswitch .lightswitch-container{position:relative;height:100%}.lightswitch .lightswitch-container .handle{position:absolute;top:1px;background-color:var(--white)}.lightswitch:not(.small){border-radius:11px;min-width:34px;width:34px;height:22px}.lightswitch:not(.small) .lightswitch-container{width:46px}body.ltr .lightswitch:not(.small) .lightswitch-container{margin-left:-12px}body.rtl .lightswitch:not(.small) .lightswitch-container{margin-right:-12px}.lightswitch:not(.small) .lightswitch-container .handle{border-radius:10px;width:20px;height:20px;left:calc(50% - 10px)}.lightswitch.small{border-radius:9px;width:28px;height:18px}.lightswitch.small .lightswitch-container{width:38px}body.ltr .lightswitch.small .lightswitch-container{margin-left:-10px}body.rtl .lightswitch.small .lightswitch-container{margin-right:-10px}.lightswitch.small .lightswitch-container .handle{border-radius:8px;width:16px;height:16px;left:calc(50% - 8px)}table .lightswitch{display:inline-block;margin-bottom:-5px}body.ltr .lightswitch.on .lightswitch-container{margin-left:0}body.rtl .lightswitch.on .lightswitch-container{margin-right:0}body.ltr .lightswitch.indeterminate:not(.small) .lightswitch-container{margin-left:-6px}body.rtl .lightswitch.indeterminate:not(.small) .lightswitch-container{margin-right:-6px}body.ltr .lightswitch.indeterminate.small .lightswitch-container{margin-left:-5px}body.rtl .lightswitch.indeterminate.small .lightswitch-container{margin-right:-5px}table.data+.pagination{margin-top:24px}.pagination .page-link{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--medium-border-radius)}.pagination .page-link:after{position:relative;transition:border-color linear 100ms}.pagination .page-link.prev-page:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid var(--light-text-color);border-width:0 2px 2px 0;opacity:.8}body.ltr .pagination .page-link.prev-page:after{transform:rotate(135deg)}body.rtl .pagination .page-link.prev-page:after{transform:rotate(-45deg)}body.ltr .pagination .page-link.prev-page:after{right:-1px}body.rtl .pagination .page-link.prev-page:after{left:-1px}.pagination .page-link.next-page:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid var(--light-text-color);border-width:0 2px 2px 0;opacity:.8}body.ltr .pagination .page-link.next-page:after{transform:rotate(-45deg)}body.rtl .pagination .page-link.next-page:after{transform:rotate(135deg)}body.ltr .pagination .page-link.next-page:after{left:-1px}body.rtl .pagination .page-link.next-page:after{right:-1px}.pagination .page-link:not(.disabled){transition:box-shadow linear 100ms;box-shadow:inset 0 0 0 1px var(--hairline-color);cursor:pointer}.pagination .page-link:not(.disabled):hover{text-decoration:none;box-shadow:inset 0 0 0 1px var(--link-color)}.pagination .page-link:not(.disabled):hover:after{border-color:var(--link-color)}body:not(.reduce-focus-visibility) .pagination .page-link:not(.disabled):focus,body.reduce-focus-visibility .pagination .page-link:not(.disabled):focus-visible{box-shadow:inset 0 0 0 1px var(--hairline-color),var(--focus-ring)}.pagination .page-link.disabled{opacity:1}.pagination .page-link.disabled:after{border-color:var(--hairline-color)}body.ltr .actions{float:right}body.rtl .actions{float:left}body.ltr .actions>li{float:left}body.rtl .actions>li{float:right}body.ltr .actions>li+li{margin-left:10px}body.rtl .actions>li+li{margin-right:10px}h1+.actions{margin-top:-100px}h2+.actions{margin-top:-54px}.tablepane{margin:calc(var(--pane-padding, 22px)*-1) calc(var(--pane-padding, 22px)*-1) calc(var(--pane-padding, 24px)*-1 + var(--pane-padding, var(--m)));overflow-x:auto}body.ltr .tablepane table.data th:first-child,body.ltr .tablepane table.data td:first-child{padding-left:24px}body.rtl .tablepane table.data th:first-child,body.rtl .tablepane table.data td:first-child{padding-right:24px}table.fixed-layout{table-layout:fixed}table th.thin,table td.thin{width:.01% !important;white-space:nowrap}table thead th{font-weight:bold;vertical-align:top}body.ltr table thead th{text-align:left}body.rtl table thead th{text-align:right}table:not(.data) th,table:not(.data) td{padding-top:7px;padding-bottom:7px}table:not(.data) th:not(:first-child),table:not(.data) td:not(:first-child){padding-left:12px}table:not(.data) th:not(:last-child),table:not(.data) td:not(:last-child){padding-right:12px}table.data th,table.data td{position:relative;padding-left:12px;padding-right:12px;box-sizing:border-box}table.data th.checkbox-cell,table.data td.checkbox-cell{width:var(--checkbox-size) !important;min-width:var(--checkbox-size);box-sizing:content-box;position:relative}table.data th.checkbox-cell input.checkbox+label,table.data th.checkbox-cell div.checkbox,table.data td.checkbox-cell input.checkbox+label,table.data td.checkbox-cell div.checkbox{position:absolute;top:calc(50% - 8px)}table.data th{font-weight:bold}body.ltr table.data thead:first-child tr:first-child th:first-child,body.ltr table.data thead:first-child tr:first-child td:first-child,body.ltr table.data tbody:first-child tr:first-child th:first-child,body.ltr table.data tbody:first-child tr:first-child td:first-child,body.ltr table.data tfoot:first-child tr:first-child th:first-child,body.ltr table.data tfoot:first-child tr:first-child td:first-child,body.ltr table.data caption+thead tr:first-child th:first-child,body.ltr table.data caption+thead tr:first-child td:first-child,body.ltr table.data caption+tbody tr:first-child th:first-child,body.ltr table.data caption+tbody tr:first-child td:first-child,body.ltr table.data caption+tfoot tr:first-child th:first-child,body.ltr table.data caption+tfoot tr:first-child td:first-child{border-top-left-radius:var(--border-radius, var(--small-border-radius))}body.rtl table.data thead:first-child tr:first-child th:first-child,body.rtl table.data thead:first-child tr:first-child td:first-child,body.rtl table.data tbody:first-child tr:first-child th:first-child,body.rtl table.data tbody:first-child tr:first-child td:first-child,body.rtl table.data tfoot:first-child tr:first-child th:first-child,body.rtl table.data tfoot:first-child tr:first-child td:first-child,body.rtl table.data caption+thead tr:first-child th:first-child,body.rtl table.data caption+thead tr:first-child td:first-child,body.rtl table.data caption+tbody tr:first-child th:first-child,body.rtl table.data caption+tbody tr:first-child td:first-child,body.rtl table.data caption+tfoot tr:first-child th:first-child,body.rtl table.data caption+tfoot tr:first-child td:first-child{border-top-right-radius:var(--border-radius, var(--small-border-radius))}body.ltr table.data thead:first-child tr:first-child th:first-child,body.ltr table.data thead:first-child tr:first-child td:first-child,body.ltr table.data tbody:first-child tr:first-child th:first-child,body.ltr table.data tbody:first-child tr:first-child td:first-child,body.ltr table.data tfoot:first-child tr:first-child th:first-child,body.ltr table.data tfoot:first-child tr:first-child td:first-child,body.ltr table.data caption+thead tr:first-child th:first-child,body.ltr table.data caption+thead tr:first-child td:first-child,body.ltr table.data caption+tbody tr:first-child th:first-child,body.ltr table.data caption+tbody tr:first-child td:first-child,body.ltr table.data caption+tfoot tr:first-child th:first-child,body.ltr table.data caption+tfoot tr:first-child td:first-child{border-bottom-left-radius:var(--border-radius, var(--small-border-radius))}body.rtl table.data thead:first-child tr:first-child th:first-child,body.rtl table.data thead:first-child tr:first-child td:first-child,body.rtl table.data tbody:first-child tr:first-child th:first-child,body.rtl table.data tbody:first-child tr:first-child td:first-child,body.rtl table.data tfoot:first-child tr:first-child th:first-child,body.rtl table.data tfoot:first-child tr:first-child td:first-child,body.rtl table.data caption+thead tr:first-child th:first-child,body.rtl table.data caption+thead tr:first-child td:first-child,body.rtl table.data caption+tbody tr:first-child th:first-child,body.rtl table.data caption+tbody tr:first-child td:first-child,body.rtl table.data caption+tfoot tr:first-child th:first-child,body.rtl table.data caption+tfoot tr:first-child td:first-child{border-bottom-right-radius:var(--border-radius, var(--small-border-radius))}body.ltr table.data thead:first-child tr:first-child th:last-child,body.ltr table.data thead:first-child tr:first-child td:last-child,body.ltr table.data tbody:first-child tr:first-child th:last-child,body.ltr table.data tbody:first-child tr:first-child td:last-child,body.ltr table.data tfoot:first-child tr:first-child th:last-child,body.ltr table.data tfoot:first-child tr:first-child td:last-child,body.ltr table.data caption+thead tr:first-child th:last-child,body.ltr table.data caption+thead tr:first-child td:last-child,body.ltr table.data caption+tbody tr:first-child th:last-child,body.ltr table.data caption+tbody tr:first-child td:last-child,body.ltr table.data caption+tfoot tr:first-child th:last-child,body.ltr table.data caption+tfoot tr:first-child td:last-child{border-top-right-radius:var(--border-radius, var(--small-border-radius))}body.rtl table.data thead:first-child tr:first-child th:last-child,body.rtl table.data thead:first-child tr:first-child td:last-child,body.rtl table.data tbody:first-child tr:first-child th:last-child,body.rtl table.data tbody:first-child tr:first-child td:last-child,body.rtl table.data tfoot:first-child tr:first-child th:last-child,body.rtl table.data tfoot:first-child tr:first-child td:last-child,body.rtl table.data caption+thead tr:first-child th:last-child,body.rtl table.data caption+thead tr:first-child td:last-child,body.rtl table.data caption+tbody tr:first-child th:last-child,body.rtl table.data caption+tbody tr:first-child td:last-child,body.rtl table.data caption+tfoot tr:first-child th:last-child,body.rtl table.data caption+tfoot tr:first-child td:last-child{border-top-left-radius:var(--border-radius, var(--small-border-radius))}body.ltr table.data thead:first-child tr:first-child th:last-child,body.ltr table.data thead:first-child tr:first-child td:last-child,body.ltr table.data tbody:first-child tr:first-child th:last-child,body.ltr table.data tbody:first-child tr:first-child td:last-child,body.ltr table.data tfoot:first-child tr:first-child th:last-child,body.ltr table.data tfoot:first-child tr:first-child td:last-child,body.ltr table.data caption+thead tr:first-child th:last-child,body.ltr table.data caption+thead tr:first-child td:last-child,body.ltr table.data caption+tbody tr:first-child th:last-child,body.ltr table.data caption+tbody tr:first-child td:last-child,body.ltr table.data caption+tfoot tr:first-child th:last-child,body.ltr table.data caption+tfoot tr:first-child td:last-child{border-bottom-right-radius:var(--border-radius, var(--small-border-radius))}body.rtl table.data thead:first-child tr:first-child th:last-child,body.rtl table.data thead:first-child tr:first-child td:last-child,body.rtl table.data tbody:first-child tr:first-child th:last-child,body.rtl table.data tbody:first-child tr:first-child td:last-child,body.rtl table.data tfoot:first-child tr:first-child th:last-child,body.rtl table.data tfoot:first-child tr:first-child td:last-child,body.rtl table.data caption+thead tr:first-child th:last-child,body.rtl table.data caption+thead tr:first-child td:last-child,body.rtl table.data caption+tbody tr:first-child th:last-child,body.rtl table.data caption+tbody tr:first-child td:last-child,body.rtl table.data caption+tfoot tr:first-child th:last-child,body.rtl table.data caption+tfoot tr:first-child td:last-child{border-bottom-left-radius:var(--border-radius, var(--small-border-radius))}table.data thead th,table.data thead td{width:auto;background-color:var(--gray-050);cursor:default}table.data thead th:not(.orderable),table.data thead td{padding-top:var(--pane-padding, var(--m));padding-bottom:var(--pane-padding, var(--m))}table.data thead th{white-space:nowrap;vertical-align:middle}table.data thead th.orderable{position:relative;padding:0 !important}body:not(.dragging) table.data thead th.orderable:not(.ordered):hover{background-color:var(--gray-100)}table.data thead th.orderable.ordered{background-color:var(--light-sel-color)}table.data thead th.orderable.ordered:not(.loading) button:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transform:rotate(225deg);position:absolute;top:calc(50% - 3px)}body.ltr table.data thead th.orderable.ordered:not(.loading) button:after{right:var(--m)}body.rtl table.data thead th.orderable.ordered:not(.loading) button:after{left:var(--m)}table.data thead th.orderable.ordered:not(.loading).desc button:after{transform:rotate(45deg)}table.data thead th.orderable button{position:relative;font:inherit;width:100%;padding:var(--pane-padding, var(--m)) var(--m)}body.ltr table.data thead th.orderable button{padding-right:35px}body.rtl table.data thead th.orderable button{padding-left:35px}body.ltr table.data thead th.orderable button{text-align:left}body.rtl table.data thead th.orderable button{text-align:right}table.data thead th.orderable button:focus{z-index:1}table.data thead th:not(.loading) .spinner{display:none}table.data thead th .spinner{position:absolute;top:calc(50% - 6px);--size: 12px}body.ltr table.data thead th .spinner{right:8px}body.rtl table.data thead th .spinner{left:8px}table.data tbody tr{--hover-bg-color: var(--gray-050);--selected-bg-color: var(--dark-sel-color)}table.data tbody tr:not(.disabled):hover th,table.data tbody tr:not(.disabled):hover td{background-color:var(--hover-bg-color)}table.data tbody tr:not(.disabled):focus{position:relative;z-index:1}table.data tbody tr:not(.disabled).sel,table.data tbody tr:not(.disabled).active-drop-target{--text-color: var(--white);--medium-dark-text-color: var(--white);--medium-text-color: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--focus-ring: 0 0 0 3px hsl(var(--light-focus-hsl))}table.data tbody tr:not(.disabled).sel th,table.data tbody tr:not(.disabled).sel td,table.data tbody tr:not(.disabled).active-drop-target th,table.data tbody tr:not(.disabled).active-drop-target td{color:var(--white);background-color:var(--selected-bg-color)}table.data tbody th,table.data tbody td{padding-top:7px;padding-bottom:7px;background-clip:padding-box}table.data tbody td.timestamp{vertical-align:bottom;white-space:nowrap;color:var(--light-text-color)}body.ltr table.data tbody td.timestamp{text-align:right}body.rtl table.data tbody td.timestamp{text-align:left}table.data thead+tbody tr th,table.data thead+tbody tr td,table.data tr+tr th,table.data tr+tr td{border-top:1px solid rgba(0,0,0,0)}table.data tr.sel:not(.draggee)+tr.sel:not(.draggee) th,table.data tr.sel:not(.draggee)+tr.sel:not(.draggee) td{border-top-color:var(--gray-300)}table.collapsed{width:auto}table.collapsed,table.collapsed tbody,table.collapsed tbody tr,table.collapsed tbody th,table.collapsed tbody td{display:block;border:none;padding:0;width:auto !important;white-space:normal}body.ltr table.collapsed,body.ltr table.collapsed tbody,body.ltr table.collapsed tbody tr,body.ltr table.collapsed tbody th,body.ltr table.collapsed tbody td{text-align:left}body.rtl table.collapsed,body.rtl table.collapsed tbody,body.rtl table.collapsed tbody tr,body.rtl table.collapsed tbody th,body.rtl table.collapsed tbody td{text-align:right}table.collapsed thead{display:none}table.collapsed tbody tr{padding:6px 0;border-bottom:1px dotted var(--hairline-color)}table.collapsed tbody tr:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}table.collapsed tbody th,table.collapsed tbody td{padding:2px 0 !important}table.collapsed tbody td:empty{display:none}body.ltr table.collapsed tbody [data-title]{margin-right:0}body.rtl table.collapsed tbody [data-title]{margin-left:0}table.collapsed tbody [data-title]:before{margin-right:5px;content:attr(data-title) \":\";font-weight:bold}table.collapsed tbody [data-title] form{display:inline-block}.datatablesorthelper,.editabletablesorthelper{background-color:var(--white);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.datatablesorthelper,.datatablesorthelper .chip,.datatablesorthelper a{cursor:move !important}.datatablesorthelper tr:first-child th,.datatablesorthelper tr:first-child td{border-top:none !important}.datatablesorthelper tr:last-child th,.datatablesorthelper tr:last-child td{border-bottom:none !important}.chip{position:relative;display:flex;align-items:center;cursor:default;user-select:none;font-weight:normal;padding:var(--xs) var(--s);max-width:100%;gap:var(--xs);border-radius:var(--large-border-radius);background-color:var(--gray-050)}.chip.small{flex-direction:row;height:34px;--thumb-size: 30px}.chip.small>.thumb{margin:calc(var(--xs)*-1 + 2px) calc(var(--s)*-1 + 2px)}body.ltr .chip.small>.thumb{margin-right:2px}body.rtl .chip.small>.thumb{margin-left:2px}.chip.large{flex-direction:column;--thumb-size: 120px;min-width:calc(var(--s)*2 + var(--thumb-size))}.chip.large .chip-content{width:100%}.chip .chip-content{display:flex;flex-direction:row;align-items:center;gap:var(--s)}.chip .chip-content .status{margin:0}.chip.sel,li.sel .chip,li.active-drop-target .chip{--text-color: var(--white);--medium-dark-text-color: var(--white);--medium-text-color: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--focus-ring: 0 0 0 3px hsl(var(--light-focus-hsl));color:var(--white);background-color:var(--dark-sel-color) !important}.chip.sel,.sel .chip{cursor:default}.chip.sel .thumb,.sel .chip .thumb{filter:brightness(0.85)}.chip.sel .thumb img,.sel .chip .thumb img{box-shadow:0 0 0 1px rgba(96,109,123,.1),0 6px 4px -4px rgba(96,109,123,.2)}.offset-drag-helper .chip{background-color:var(--gray-050);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.chip>.thumb{position:relative;display:flex;align-items:center;justify-content:center;width:var(--thumb-size);height:var(--thumb-size)}.chip>.thumb.rounded img,.chip>.thumb.rounded svg{border:var(--xs) solid rgba(0,0,0,0);border-radius:50%}.chip>.thumb.checkered img{background-image:linear-gradient(45deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%);background-size:8px 8px;background-position:0 0,4px 0,4px -4px,0 4px}.chip>.thumb img,.chip>.thumb svg{display:block;flex-shrink:0;border-radius:var(--small-border-radius);max-width:100%;max-height:100%}.inline-chips{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--xs)}.inline-chips .chip{margin:0 !important}.card{position:relative;display:flex;flex-direction:row;align-items:stretch;padding:var(--m);gap:var(--l);border-radius:var(--large-border-radius);background-color:var(--gray-050);cursor:default;user-select:none;color:var(--medium-text-color)}.card:after{border-radius:var(--large-border-radius)}.card.sel,li.sel .card{--text-color: var(--white);--medium-dark-text-color: var(--white);--medium-text-color: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--focus-ring: 0 0 0 3px hsl(var(--light-focus-hsl));color:var(--white);background-color:var(--dark-sel-color) !important}.card.sel>.thumb,li.sel .card>.thumb{background-color:var(--dark-sel-color) !important;filter:brightness(0.85)}.card>.thumb{position:relative;display:flex;align-items:stretch;margin:calc(var(--m)*-1);width:120px;min-width:120px;min-height:calc(var(--m)*2 + var(--lh)*3 + var(--xs));background-color:var(--gray-100);overflow:hidden}body.ltr .card>.thumb{margin-right:0}body.rtl .card>.thumb{margin-left:0}.card>.thumb:after{display:block;content:\"\";font-size:0;position:absolute;top:0;bottom:0;box-shadow:0 1px 5px -1px rgba(31,41,51,.2);width:10px}body.ltr .card>.thumb:after{right:-10px}body.rtl .card>.thumb:after{left:-10px}body.ltr .card>.thumb,body.ltr .card>.thumb:after{border-radius:var(--large-border-radius) 0 0 var(--large-border-radius)}body.rtl .card>.thumb,body.rtl .card>.thumb:after{border-radius:0 var(--large-border-radius) var(--large-border-radius) 0}.card>.thumb img,.card>.thumb svg{width:100%;max-height:120px;object-fit:cover}.card .card-content,.card .card-content .card-body{display:flex;flex-direction:column;gap:var(--xs);flex:1}.card .card-content{flex:1 0 0 !important;overflow:hidden;position:relative;--focus-ring: var(--inner-focus-ring)}.card .card-content .card-heading{display:flex;flex-direction:row;align-items:center;gap:5px}.card .card-content .card-heading .status{margin:0;flex:0 0 10px}.card .card-content .card-heading .label{font-weight:600}.card .card-content .card-body:empty{display:none}.card .card-content .card-body>*{--max-lines: 2;margin:0;max-height:calc(var(--lh)*var(--max-lines));overflow:hidden;text-wrap:pretty}.card>.card-actions-container{display:flex;align-items:flex-start !important;position:relative}.card-grid{display:grid !important;gap:var(--s) !important;grid-template-columns:repeat(auto-fill, minmax(360px, 1fr))}.card-grid>li{border-radius:var(--large-border-radius);height:100%}.card-grid>li>.card{margin:0 !important;height:100%}.chip .checkbox:before,.card .checkbox:before{box-shadow:none !important}.chip .label,.card .label{display:flex;align-items:center;gap:var(--xs);overflow:hidden}.chip .label .label-link,.card .label .label-link{flex:1 1 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip .label .draft-label,.card .label .draft-label{display:inline-block;padding:1px 5px;font-weight:normal;text-decoration:none !important;color:var(--medium-text-color);background:var(--gray-100);border-radius:var(--large-border-radius)}body.ltr .chip .label .draft-label,body.ltr .card .label .draft-label{margin:-1px 0 -1px 7px}body.rtl .chip .label .draft-label,body.rtl .card .label .draft-label{margin:-1px 7px -1px 0}.chip .label .segment:after,.card .label .segment:after{display:inline-flex !important;position:relative;top:-2px;display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid var(--light-text-color);border-width:0 1px 1px 0;opacity:.8}body.ltr .chip .label .segment:after,body.ltr .card .label .segment:after{margin:0 5px 0 2px}body.rtl .chip .label .segment:after,body.rtl .card .label .segment:after{margin:0 2px 0 5px}body.ltr .chip .label .segment:after,body.ltr .card .label .segment:after{transform:rotate(-45deg)}body.rtl .chip .label .segment:after,body.rtl .card .label .segment:after{transform:rotate(135deg)}.sel .chip .label .segment:after,.sel .card .label .segment:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid var(--white);border-width:0 1px 1px 0;opacity:.8}body.ltr .sel .chip .label .segment:after,body.ltr .sel .card .label .segment:after{transform:rotate(-45deg)}body.rtl .sel .chip .label .segment:after,body.rtl .sel .card .label .segment:after{transform:rotate(135deg)}.chip>.chip-content>.chip-actions,.chip>.card-actions-container>.card-actions,.card>.chip-content>.chip-actions,.card>.card-actions-container>.card-actions{display:flex;flex-direction:row;align-items:center;gap:var(--s);min-height:var(--lh)}.chip>.chip-content>.chip-actions:empty,.chip>.card-actions-container>.card-actions:empty,.card>.chip-content>.chip-actions:empty,.card>.card-actions-container>.card-actions:empty{display:none}.chip>.chip-content>.chip-actions>.status,.chip>.card-actions-container>.card-actions>.status,.card>.chip-content>.chip-actions>.status,.card>.card-actions-container>.card-actions>.status{margin:0}.chip>.chip-content>.chip-actions>.move,.chip>.chip-content>.chip-actions>.menubtn,.chip>.card-actions-container>.card-actions>.move,.chip>.card-actions-container>.card-actions>.menubtn,.card>.chip-content>.chip-actions>.move,.card>.chip-content>.chip-actions>.menubtn,.card>.card-actions-container>.card-actions>.move,.card>.card-actions-container>.card-actions>.menubtn{height:var(--touch-target-size);width:var(--touch-target-size);margin:0 -4px}.chip>.chip-content>.chip-actions .settings,.chip>.card-actions-container>.card-actions .settings,.card>.chip-content>.chip-actions .settings,.card>.card-actions-container>.card-actions .settings{color:var(--ui-control-color)}body.ltr .chip>.chip-content>.chip-actions .settings:before,body.ltr .chip>.card-actions-container>.card-actions .settings:before,body.ltr .card>.chip-content>.chip-actions .settings:before,body.ltr .card>.card-actions-container>.card-actions .settings:before{margin-right:0 !important}body.rtl .chip>.chip-content>.chip-actions .settings:before,body.rtl .chip>.card-actions-container>.card-actions .settings:before,body.rtl .card>.chip-content>.chip-actions .settings:before,body.rtl .card>.card-actions-container>.card-actions .settings:before{margin-left:0 !important}.chip>.chip-content>.chip-actions .settings:not(:hover):not(:active),.chip>.card-actions-container>.card-actions .settings:not(:hover):not(:active),.card>.chip-content>.chip-actions .settings:not(:hover):not(:active),.card>.card-actions-container>.card-actions .settings:not(:hover):not(:active){background-color:rgba(0,0,0,0)}.chip>.chip-content>.chip-actions .move,.chip>.card-actions-container>.card-actions .move,.card>.chip-content>.chip-actions .move,.card>.card-actions-container>.card-actions .move{margin-top:-2px !important}.chip.error .label .label-link,.card.error .label .label-link{color:var(--error-color)}.element-index .source-path{background-color:var(--gray-050);border-radius:3px;--ui-control-bg-color: var(--light-sel-color);--ui-control-hover-bg-color: #bdcbdb;--ui-control-active-bg-color: #acbed2}.element-index .source-path .chevron-btns{display:inline-flex;position:relative;background:#fff;--ui-control-height: calc((30rem / 16))}.element-index .source-path .chevron-btns:before{display:block;content:\"\";font-size:0;position:absolute;top:0;width:0;height:0;border-top:calc(var(--ui-control-height)/2) solid #f3f7fc}body.ltr .element-index .source-path .chevron-btns:before{right:0}body.rtl .element-index .source-path .chevron-btns:before{left:0}body.ltr .element-index .source-path .chevron-btns:before{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .element-index .source-path .chevron-btns:before{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.element-index .source-path .chevron-btns:after{display:block;content:\"\";font-size:0;position:absolute;top:calc(var(--ui-control-height)/2);border-bottom:calc(var(--ui-control-height)/2) solid #f3f7fc}body.ltr .element-index .source-path .chevron-btns:after{right:0}body.rtl .element-index .source-path .chevron-btns:after{left:0}body.ltr .element-index .source-path .chevron-btns:after{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .element-index .source-path .chevron-btns:after{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.element-index .source-path .chevron-btns .btn{--ui-control-border-radius: 3px}.element-index .source-path .btn.settings{box-shadow:0 0 0 2px var(--white)}.element-index.main .source-path{margin:-22px calc(var(--padding)*-1 + 2px) 24px}.elementselectormodal .element-index .source-path{margin-bottom:2px}.element-index.pane .toolbar{position:relative;z-index:2;margin:calc(var(--pane-padding)*-1) calc(var(--pane-padding)*-1) var(--pane-padding) !important;border-radius:calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) 0 0;padding:var(--pane-padding);box-shadow:0 1px 0 var(--hairline-color);background-color:var(--gray-050)}.element-index.pane .header{padding-top:var(--pane-padding);padding-bottom:var(--pane-padding);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--hairline-color)}.element-index.pane .elements{--border-radius: 0}.element-index.pane .elements .tableview table.data thead th,.element-index.pane .elements .tableview table.data thead td{border-bottom:1px solid var(--hairline-color)}.element-index.pane .elements .tableview table.data thead th:not(.ordered),.element-index.pane .elements .tableview table.data thead td:not(.ordered){background-color:rgba(0,0,0,0)}.element-index.pane .footer{border-radius:0 0 calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) !important;box-shadow:none;border-top:1px solid var(--hairline-color);background:rgba(0,0,0,0)}.elements{position:relative}.elements:not(.busy) .update-spinner{display:none}.elements.busy{min-height:72px}.elements.busy:after{display:block;content:\"\";font-size:0;position:absolute;z-index:100;top:0;left:calc(var(--pane-padding, 24px)*-1);width:calc(100% + var(--pane-padding, 24px) + var(--pane-padding, 24px));height:100%;background:rgba(255,255,255,.75);border-radius:var(--large-border-radius)}.elements.busy .update-spinner{z-index:101}.elements .header{margin:calc(var(--xl)*-1 + 2px) calc(var(--padding)*-1 + 2px) var(--xl);padding:var(--s);background-color:var(--gray-050);box-shadow:none;border-radius:var(--border-radius, var(--small-border-radius))}.elements .header:after{content:\"\"}.elements .header .selectallcontainer{display:flex;align-items:center;gap:5px;cursor:default}.elements .tableview tr.draggee th,.elements .tableview tr.draggee td,.elements .thumbsview li.draggee{opacity:.25}.elements .tableview th .move,.elements .tableview th .toggle{display:flex;position:absolute;justify-content:center;align-items:center;top:50%;transform:translateY(-50%);width:var(--touch-target-size);height:var(--touch-target-size)}body.ltr .elements .tableview th .move,body.ltr .elements .tableview th .toggle{margin-left:calc(var(--touch-target-size)*-1)}body.rtl .elements .tableview th .move,body.rtl .elements .tableview th .toggle{margin-right:calc(var(--touch-target-size)*-1)}.elements .tableview th .move{font-size:11px;text-decoration:none}.elements .tableview th .toggle{text-align:center;padding:4px;border-radius:50%}body.ltr .elements .tableview th .move+.toggle{margin-left:calc(var(--touch-target-size)*-2)}body.rtl .elements .tableview th .move+.toggle{margin-right:calc(var(--touch-target-size)*-2)}.elements .tableview th .enabled-label{margin-left:var(--xs)}.elements .tableview .chip{background-color:rgba(0,0,0,0)}.elements .thumbsview{display:grid;gap:var(--xs);grid-template-columns:repeat(auto-fill, minmax(180px, 1fr))}.elements .thumbsview li{position:relative;max-width:226px;border-radius:var(--large-border-radius)}body.ltr .elements .thumbsview li{margin:0 1px 1px 0}body.rtl .elements .thumbsview li{margin:0 0 1px 1px}.elements .thumbsview li:hover .chip{background-color:var(--gray-050)}.elements .thumbsview li.sel a{cursor:pointer !important}.elements .thumbsview li.sel a:hover{text-decoration:underline}.export-form{position:relative}.export-form .spinner{position:absolute;bottom:0}body.ltr .export-form .spinner{right:-24px}body.rtl .export-form .spinner{left:-24px}.structure{position:relative;z-index:1}body.ltr .structure li{padding-left:8px}body.rtl .structure li{padding-right:8px}.structure li.collapsed>ul{display:none}.structure li .row:hover>.icon,.structure li.draghelper>.row .move,.structure li .add.active{opacity:1}.structure li.draghelper>.row .add{opacity:0}.structure li.draghelper>.row .move:before{color:var(--link-color)}.structure li.draginsertion{position:relative;height:2px;background-color:var(--link-color) !important;border-radius:1px}body.ltr .structure li.draginsertion{margin:-1px 0 -1px 8px}body.rtl .structure li.draginsertion{margin:-1px 8px -1px 0}body.ltr .structure li.draginsertion{padding-left:0}body.rtl .structure li.draginsertion{padding-right:0}body.ltr .structure li.draginsertion{border-left:none}body.rtl .structure li.draginsertion{border-right:none}.structure li .toggle{position:relative;z-index:1;padding:4px}body.ltr .structure li .toggle{float:left}body.rtl .structure li .toggle{float:right}body.ltr .structure li .toggle{margin:10px -8px 0 -12px}body.rtl .structure li .toggle{margin:10px -12px 0 -8px}.structure li .row:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.structure li .move,.structure li .add{opacity:0;transition:opacity linear 100ms}body.ltr .structure li .move,body.ltr .structure li .add{margin:5px 5px 0 0}body.rtl .structure li .move,body.rtl .structure li .add{margin:5px 0 0 5px}.structure li .add{padding:0 5px}.structure li .add:before{content:\"downangle\";color:var(--dark-hairline-color)}.structure li .add:not(.disabled):hover:before,.structure li .add.active:before{color:var(--link-color)}body.ltr .structure li .checkbox{float:left}body.rtl .structure li .checkbox{float:right}body.ltr .structure li .checkbox{margin:7px 0 0 7px}body.rtl .structure li .checkbox{margin:7px 7px 0 0}body.ltr .structure ul{margin-left:-3px}body.rtl .structure ul{margin-right:-3px}.structure ul li{background-repeat:no-repeat}body.ltr .structure ul li{padding-left:38px}body.rtl .structure ul li{padding-right:38px}body.ltr .structure ul li{background-image:url(../images/branch.png);background-position:0 0}body.rtl .structure ul li{background-image:url(../images/branch_rtl.png);background-position:100% 0}body.ltr .structure ul li:not(:last-child):not(.last){padding-left:37px}body.rtl .structure ul li:not(:last-child):not(.last){padding-right:37px}body.ltr .structure ul li:not(:last-child):not(.last){border-left:1px solid var(--gray-200)}body.rtl .structure ul li:not(:last-child):not(.last){border-right:1px solid var(--gray-200)}body.ltr .structure ul li:not(:last-child):not(.last){background-position:-1px 0}body.rtl .structure ul li:not(:last-child):not(.last){background-position:calc(100% + 1px) 0}body.ltr .structure ul li.draginsertion{margin-left:38px}body.rtl .structure ul li.draginsertion{margin-right:38px}.structure .row.draghover .chip{z-index:2;border-radius:15px;box-shadow:inset 0 0 0 2px var(--link-color)}.structure .row.droptarget{border-radius:5px;box-shadow:inset 0 0 0 2px var(--link-color)}.elementselect{position:relative;min-height:34px}.elementselect .elements{display:flex;align-items:flex-start;gap:var(--xs)}.elementselect .elements:not(.inline-chips){flex-direction:column}.elementselect .elements li{max-width:100%}.elementselect .chip:not(:first-child),.elementselect .card:not(:first-child){margin-top:var(--s)}.elementselect .flex,.elementselect .btn{clear:both}.elementselect .chip{z-index:1}.elementselect .flex{padding-top:7px}body.ltr .elementselect .structure ul{margin-left:12px}body.rtl .elementselect .structure ul{margin-right:12px}.elementselect .structure ul li{background-position:0 2px !important}.elementselect .structure ul li .chip{margin:0}table.editable{border-radius:var(--large-border-radius);border:1px solid var(--gray-200)}table.editable th,table.editable td.heading,table.editable td.action{color:var(--medium-text-color);font-weight:normal;background-color:var(--gray-050)}table.editable thead tr th,table.editable tbody tr th{padding:6px 10px}table.editable thead tr th{border-bottom:1px solid var(--hairline-color)}body.ltr table.editable thead tr th.has-info{padding-right:calc(15px + 1em)}body.rtl table.editable thead tr th.has-info{padding-left:calc(15px + 1em)}table.editable thead tr th span.info{position:absolute;margin-left:5px}table.editable tbody tr:not(:first-child) th,table.editable tbody tr:not(:first-child) td{border-top:1px solid var(--hairline-color)}body.ltr table.editable tbody tr:last-child td:first-child{border-bottom-left-radius:var(--large-border-radius)}body.rtl table.editable tbody tr:last-child td:first-child{border-bottom-right-radius:var(--large-border-radius)}body.ltr table.editable tbody tr:last-child td:first-child textarea,body.ltr table.editable tbody tr:last-child td:first-child input.text{border-bottom-left-radius:calc(var(--large-border-radius) - 1px)}body.rtl table.editable tbody tr:last-child td:first-child textarea,body.rtl table.editable tbody tr:last-child td:first-child input.text{border-bottom-right-radius:calc(var(--large-border-radius) - 1px)}body.ltr table.editable tbody tr td:not(:first-child),body.ltr table.editable tbody tr th~td:not(.hidden)~td{border-left:1px solid var(--hairline-color)}body.rtl table.editable tbody tr td:not(:first-child),body.rtl table.editable tbody tr th~td:not(.hidden)~td{border-right:1px solid var(--hairline-color)}body.ltr table.editable tbody tr th~td:not(:first-child){border-left:1px solid #dbdddf}body.rtl table.editable tbody tr th~td:not(:first-child){border-right:1px solid #dbdddf}table.editable tbody tr td{vertical-align:top;text-align:center;background-color:var(--white);padding:4px 10px}table.editable tbody tr td.focus{position:relative;box-shadow:inset 0 0 0 1px var(--hairline-color)}table.editable tbody tr td.textual{padding:0}table.editable tbody tr td.textual textarea{resize:none}table.editable tbody tr td.textual pre{white-space:pre-wrap}body.ltr table.editable tbody tr td.textual pre{text-align:left}body.rtl table.editable tbody tr td.textual pre{text-align:right}table.editable tbody tr td.lightswitch-cell{padding-top:9px;padding-bottom:9px}table.editable tbody tr td.lightswitch-cell .lightswitch{display:block;margin:0 auto}table.editable tbody tr td.checkbox-cell{padding-top:10px;padding-bottom:10px}table.editable tbody tr td.checkbox-cell .checkbox-wrapper{display:block;margin:-2px auto 0;width:16px;height:16px}table.editable tbody tr td.error{box-shadow:inset 0 0 0 1px var(--error-color)}table.editable tbody tr td.disabled{position:relative;opacity:1}table.editable tbody tr td.disabled:after{content:\"\";font-size:0;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(243,247,252,.75);user-select:none}table.editable tbody tr td.action{padding:4px 7px}body.ltr table.editable tbody tr td.action+td.action{border-left:none}body.rtl table.editable tbody tr td.action+td.action{border-right:none}body.ltr table.editable tbody tr td.action+td.action{padding-left:0}body.rtl table.editable tbody tr td.action+td.action{padding-right:0}table.editable tbody tr td .flex>*{margin-bottom:0}table.editable tbody textarea,table.editable tbody textarea.text,table.editable tbody input.text,table.editable tbody pre{display:block;width:100%;border:none;box-shadow:none;border-radius:0;padding:7px 10px;background-color:rgba(0,0,0,0);overflow:hidden;transition:none;box-sizing:border-box}table.editable tbody .color-container{display:block;position:relative}table.editable tbody .color-container>.color,table.editable tbody .color-container .color-input{margin-bottom:0}table.editable tbody .color-container>.color{position:absolute;top:10px;z-index:1}body.ltr table.editable tbody .color-container>.color{left:10px}body.rtl table.editable tbody .color-container>.color{right:10px}body.ltr table.editable tbody .color-container .color-hex-indicator{left:32px}body.rtl table.editable tbody .color-container .color-hex-indicator{right:32px}body.ltr table.editable tbody .color-container .color-input{padding-left:calc(32px + 1em)}body.rtl table.editable tbody .color-container .color-input{padding-right:calc(32px + 1em)}table.editable tbody .datewrapper,table.editable tbody .timewrapper{display:block;width:calc(100% - 29px)}table.editable tbody .datewrapper .text+div[data-icon],table.editable tbody .timewrapper .text+div[data-icon]{top:6px}body.ltr table.editable tbody .datewrapper .text+div[data-icon],body.ltr table.editable tbody .timewrapper .text+div[data-icon]{left:10px}body.rtl table.editable tbody .datewrapper .text+div[data-icon],body.rtl table.editable tbody .timewrapper .text+div[data-icon]{right:10px}table.editable:not(.static) td.textual{cursor:text}table.editable+.btn.add{display:block;width:100%}table.editable:not(.hidden)+.btn.add{border-top-width:0;border-radius:0 0 var(--medium-border-radius) var(--medium-border-radius)}.border-box+.buttons,.shadow-box+.buttons{margin-top:7px}body.ltr ul.tree,body.ltr .tree ul{margin-left:20px}body.rtl ul.tree,body.rtl .tree ul{margin-right:20px}body.ltr .tree li .toggle{margin:7px 0 0 -15px}body.rtl .tree li .toggle{margin:7px -15px 0 0}.status{display:inline-block;position:relative;width:10px;height:10px;border:1px solid rgba(0,0,0,0);border-radius:100%;box-sizing:border-box;background-clip:border-box}body.ltr .status{margin-right:10px}body.rtl .status{margin-left:10px}body.use-shapes .status.all{rotate:45deg;background-image:linear-gradient(30deg, #184cef, #e5422b)}body.use-shapes .status.pending{background-color:rgba(0,0,0,0);border-style:solid;border-width:0 5px 10px 5px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--pending-color) rgba(0,0,0,0);border-radius:1px}body.use-shapes .status.all,body.use-shapes .status.off,body.use-shapes .status.suspended,body.use-shapes .status.expired{border-radius:2px;transform:scale(90%)}.status:not(.on):not(.live):not(.active):not(.enabled):not(.all):not(.pending):not(.off):not(.suspended):not(.expired):not(.yellow):not(.orange):not(.red):not(.pink):not(.purple):not(.blue):not(.green):not(.turquoise):not(.light):not(.grey):not(.black){border-color:var(--ui-control-color)}.green,.status.on,.status.live,.status.active,.status.enabled{background-color:var(--enabled-color)}.status.all{background-image:linear-gradient(60deg, #184cef, #e5422b);background-origin:border-box}.orange,.status.pending{background-color:var(--pending-color)}.red,.status.off,.status.suspended,.status.expired{background-color:var(--disabled-color)}.yellow{background-color:var(--yellow-300)}.pink{background-color:var(--pink-400)}.purple{background-color:#9b59b6}.blue{background-color:var(--blue-600)}.turquoise{background-color:var(--teal-300)}.status.light{background-color:var(--gray-100)}.grey{background-color:var(--gray-300)}.black{background-color:var(--gray-800)}.status.white,.status.disabled{opacity:1}.condition-container{margin:24px 0}.condition-rule,.condition-footer{padding:7px}.condition-footer{border:1px dashed var(--medium-hairline-color);border-radius:var(--large-border-radius)}.condition:not(:empty)+.condition-footer{border-top-width:0;border-top-left-radius:0;border-top-right-radius:0}.condition-footer .spinner:not(.loading){display:none}.condition-rule{margin:0;border:1px solid var(--hairline-color);background-color:var(--gray-050)}.condition-rule:first-child{border-top-left-radius:var(--large-border-radius);border-top-right-radius:var(--large-border-radius)}.condition-rule+.condition-rule{border-top-width:0}.condition-rule>.rule-move,.condition-rule>.rule-actions{margin-top:5px}.condition-rule>.rule-body .lightswitch{margin-top:6px;display:block}.condition-rule>.rule-body .selectize{min-width:100px}.condition-rule>.rule-body .text.fullwidth{min-width:100px;max-width:100%}.progressbar{border-radius:6px;border:2px solid var(--gray-700);padding:2px;position:absolute;left:20%;width:60%;z-index:1000}.progressbar-inner{border-radius:2px;height:4px;background-color:var(--gray-700)}.progressbar:not(.pending) .progressbar-inner{width:0;transition:width linear 100ms}.progressbar.pending .progressbar-inner{animation-timing-function:linear;animation-duration:250ms;animation-iteration-count:infinite}body.ltr .progressbar.pending .progressbar-inner{background:repeating-linear-gradient(135deg, var(--white), var(--white) 8.8388347649px, var(--gray-700) 8.8388347649px, var(--gray-700) 17.6776695297px)}body.rtl .progressbar.pending .progressbar-inner{background:repeating-linear-gradient(45deg, var(--white), var(--white) 8.8388347649px, var(--gray-700) 8.8388347649px, var(--gray-700) 17.6776695297px)}body.ltr .progressbar.pending .progressbar-inner{animation-name:pendingprogress-ltr}body.rtl .progressbar.pending .progressbar-inner{animation-name:pendingprogress-rtl}@keyframes pendingprogress-ltr{from{background-position:0}to{background-position:25px}}@keyframes pendingprogress-rtl{from{background-position:0}to{background-position:-25px}}.elementselect .progress-shade{background-color:rgba(255,255,255,.8);width:100%;height:100%;position:absolute;top:0;display:none}body.ltr .elementselect .progress-shade{left:0}body.rtl .elementselect .progress-shade{right:0}.elementselect.uploading{position:relative}.elementselect.uploading .progress-shade{display:block;z-index:2}.missing-component{padding:7px 10px !important;max-width:400px;background-color:var(--gray-050) !important}.missing-component .error{margin:0}.missing-component .install-plugin{margin:7px 0 -7px;border-top:1px solid var(--hairline-color);position:relative}body.ltr .missing-component .install-plugin{padding:10px 0 10px 40px}body.rtl .missing-component .install-plugin{padding:10px 40px 10px 0}.missing-component .install-plugin .icon{width:32px;height:32px;position:absolute;top:calc(50% - 16px)}body.ltr .missing-component .install-plugin .icon{left:0}body.rtl .missing-component .install-plugin .icon{right:0}.missing-component .install-plugin .icon img,.missing-component .install-plugin .icon svg{width:100%;height:100%}.missing-component .install-plugin h3{flex:1;margin:8px 0 !important}.missing-component .install-plugin .btn{margin:0}.pane{--pane-padding: var(--xl);--border: 1px solid var(--hairline-color);background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);position:relative;margin:14px 0;padding:var(--pane-padding);border-radius:var(--large-border-radius);word-wrap:break-word;box-sizing:border-box}.pane:focus{box-shadow:var(--focus-ring)}.pane .pane,#content .pane{background-color:var(--gray-050);border:1px solid var(--hairline-color);box-shadow:none}.pane.dashed{background-color:rgba(0,0,0,0) !important;box-shadow:none;border:1px dashed var(--medium-hairline-color) !important}.pane.hairline{background-color:rgba(0,0,0,0) !important;box-shadow:none;border:1px solid rgba(96, 125, 159, 0.25) !important}.pane.padding-xs{--pane-padding: var(--xs)}.pane.padding-s{--pane-padding: var(--s)}.pane.padding-m{--pane-padding: var(--m)}.pane.padding-l{--pane-padding: var(--l)}.pane.loading{min-height:200px}.pane.loading:after{display:block;content:\"\";font-size:0;position:absolute;top:0;left:-24px;width:calc(100% + 48px);height:100%}.pane-header{margin:calc(var(--xl)*-1) var(--neg-padding) var(--xl);padding:var(--s) var(--xl);min-height:50px;box-sizing:border-box;box-shadow:inset 0 -1px 0 0 rgba(154,165,177,.25);border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;background-color:var(--gray-050)}.pane-header .header-btn{margin:2px 0;width:30px;height:30px;padding-left:0;padding-right:0}.pane-header .header-btn:not(:hover):not(:active):not(.active){background-color:rgba(0,0,0,0)}.pane-header .header-btn:not(:active):not(.active):hover{background-color:rgba(154,165,177,.15)}.pane-header .spinner{margin:0 !important}.pane-tabs{display:flex;flex-direction:row;align-items:center;margin:calc(var(--s)*-1) calc(var(--padding)*-1)}.pane-tabs:first-child{border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;overflow:hidden}.pane-tabs [role=tablist]{flex:1;display:flex;flex-direction:row;overflow-x:auto;scrollbar-width:none}.pane-tabs [role=tablist]::-webkit-scrollbar{display:none}body.ltr .pane-tabs [role=tablist].scrollable{mask-image:linear-gradient(to left, rgba(0, 0, 0, 0), rgb(0, 0, 0) 24px)}body.rtl .pane-tabs [role=tablist].scrollable{mask-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) 24px)}.pane-tabs [role=tablist] [role=tab]{--tab-label-color: var(--light-text-color)}.pane-tabs [role=tablist] [role=tab].error{--highlight-color: var(--error-color) !important;--tab-label-color: var(--error-color) !important}.pane-tabs [role=tablist] [role=tab],.pane-tabs [role=tablist] [role=tab] .tab-label{border-radius:2px 2px 0 0}.pane-tabs [role=tablist] [role=tab] .tab-label{display:flex;flex-direction:row;align-items:center;position:relative;padding:0 var(--padding);white-space:nowrap;color:var(--tab-label-color);height:50px}.pane-tabs [role=tablist] [role=tab]:hover{text-decoration:none}body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus,body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible{box-shadow:none}body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus .tab-label,body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible .tab-label{box-shadow:var(--inner-focus-ring)}.pane-tabs [role=tablist] [role=tab]:not(.sel):hover{background-color:rgba(154,165,177,.15)}.pane-tabs [role=tablist] [role=tab].sel{--highlight-color: var(--gray-500);--tab-label-color: var(--text-color);position:relative;z-index:1;cursor:default;box-shadow:inset 0 2px 0 var(--highlight-color),0 0 0 1px rgba(51,64,77,.1),0 2px 12px rgba(205,216,228,.5);background-color:var(--white)}body.ltr .pane-tabs [role=tablist] [role=tab] span[data-icon]{margin-left:4px}body.rtl .pane-tabs [role=tablist] [role=tab] span[data-icon]{margin-right:4px}body.ltr .pane-tabs:first-child [role=tablist] [role=tab]:first-child,body.ltr .pane-tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-left-radius:var(--large-border-radius)}body.rtl .pane-tabs:first-child [role=tablist] [role=tab]:first-child,body.rtl .pane-tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-right-radius:var(--large-border-radius)}.pane-tabs .menubtn{margin:0 var(--xl)}.pane-tabs .menubtn.error span[data-icon]{margin-right:2px}.details{--spacing: var(--l);padding:0 var(--padding) var(--spacing)}.details .meta,.details .field,.details hr{margin-left:var(--neg-padding);margin-right:var(--neg-padding)}.details .meta{margin-bottom:var(--spacing)}.details .meta:not(.read-only){background-color:var(--gray-050) !important}.details .meta.read-only{color:var(--medium-text-color)}.details .meta.read-only>.data{align-items:baseline;min-height:auto}.details .meta.read-only>.data>.heading,.details .meta.read-only>.data>.value{padding:6px 0}.details .meta.read-only>.data:first-child>.heading,.details .meta.read-only>.data:first-child>.value{padding-top:0}.details .meta.read-only>.data:last-child>.heading,.details .meta.read-only>.data:last-child>.value{padding-bottom:0}.details .meta.warning{padding-top:var(--m);padding-bottom:var(--m);color:var(--text-color) !important;background-color:var(--yellow-050) !important;box-shadow:0 0 0 1px var(--yellow-300),0 2px 12px rgba(205,216,228,.5)}.details .meta.warning p{margin-bottom:5px}.details .meta.warning .btn{background-color:var(--yellow-300)}.details .meta.warning .btn:hover,.details .meta.warning .btn:focus{background-color:#fcd815}.details .meta.warning .btn:active{background-color:#f5ce03}.details .meta>.field,.details .meta>.data{margin:0 var(--neg-padding) !important}.details .meta>.field>.heading>label,.details .meta>.field>.heading,.details .meta>.data>.heading>label,.details .meta>.data>.heading{color:var(--gray-600)}body.ltr .details .meta>.field>.status-badge{left:0}body.rtl .details .meta>.field>.status-badge{right:0}.details .meta .text::placeholder,.details .meta .datewrapper .text+div[data-icon],.details .meta .timewrapper .text+div[data-icon]{color:var(--gray-500)}body.ltr .details .meta .ui-datepicker{margin:0 0 0 -8px}body.rtl .details .meta .ui-datepicker{margin:0 -8px 0 0}.details hr{margin:var(--spacing) 0;border-top-color:var(--hairline-color)}.details input::-webkit-input-placeholder,.details textarea::-webkit-input-placeholder{color:var(--gray-500)}.details input:-ms-input-placeholder,.details textarea:-ms-input-placeholder{color:var(--gray-500)}.details input::-ms-input-placeholder,.details textarea::-ms-input-placeholder{color:var(--gray-500)}.details input:-moz-placeholder,.details textarea:-moz-placeholder{color:var(--gray-500)}.details input::-moz-placeholder,.details textarea::-moz-placeholder{color:var(--gray-500)}.details input::placeholder,.details textarea::placeholder{color:var(--gray-500)}.details .text{background-color:rgba(0,0,0,0) !important;resize:none}.details>.field>.heading>label,.details>fieldset>legend{margin-top:0;font-weight:normal;color:var(--gray-600)}.details>fieldset{margin:0 0 var(--spacing)}.details>fieldset>legend{margin-bottom:5px}.details>.field{margin:0 0 var(--spacing)}.details>.field>.heading{margin-top:0}.details>.field>.input>.text.fullwidth{margin:0 var(--neg-padding);padding-left:var(--padding);padding-right:var(--padding);border:none;background-color:var(--gray-050) !important;width:calc(100% + var(--padding) + var(--padding))}.details>.text{border-radius:var(--large-border-radius);margin-bottom:var(--spacing)}.details>.text:not(:focus){border-color:rgba(96,125,159,.4)}.meta{padding:0 var(--padding);overflow:visible}.meta>.field,.meta>.data,.meta>.flex-fields>.field,.meta>.flex-fields>.data{display:flex;min-height:50px;box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0 var(--neg-padding) !important;padding:0 var(--padding);transition:padding-left linear 100ms,padding-right linear 100ms}body.ltr .meta>.field.nested,body.ltr .meta>.data.nested,body.ltr .meta>.flex-fields>.field.nested,body.ltr .meta>.flex-fields>.data.nested{padding-left:38px}body.rtl .meta>.field.nested,body.rtl .meta>.data.nested,body.rtl .meta>.flex-fields>.field.nested,body.rtl .meta>.flex-fields>.data.nested{padding-right:38px}.meta>.field.add,.meta>.data.add,.meta>.flex-fields>.field.add,.meta>.flex-fields>.data.add{background-color:#ebf2fa}.meta>.field.add:before,.meta>.data.add:before,.meta>.flex-fields>.field.add:before,.meta>.flex-fields>.data.add:before{position:absolute;width:31px;font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"plus\";color:var(--light-text-color)}body.ltr .meta>.field.add:before,body.ltr .meta>.data.add:before,body.ltr .meta>.flex-fields>.field.add:before,body.ltr .meta>.flex-fields>.data.add:before{left:0}body.rtl .meta>.field.add:before,body.rtl .meta>.data.add:before,body.rtl .meta>.flex-fields>.field.add:before,body.rtl .meta>.flex-fields>.data.add:before{right:0}body.ltr .meta>.field.add:before,body.ltr .meta>.data.add:before,body.ltr .meta>.flex-fields>.field.add:before,body.ltr .meta>.flex-fields>.data.add:before{text-align:right}body.rtl .meta>.field.add:before,body.rtl .meta>.data.add:before,body.rtl .meta>.flex-fields>.field.add:before,body.rtl .meta>.flex-fields>.data.add:before{text-align:left}.meta>.field.add .input,.meta>.data.add .input,.meta>.flex-fields>.field.add .input,.meta>.flex-fields>.data.add .input{width:100%}.meta>.field>.heading,.meta>.data>.heading,.meta>.flex-fields>.field>.heading,.meta>.flex-fields>.data>.heading{margin:0}@media screen and (min-width: 400px){.meta>.field>.heading,.meta>.data>.heading,.meta>.flex-fields>.field>.heading,.meta>.flex-fields>.data>.heading{flex:0 0 104px;line-height:18px}body.ltr .meta>.field>.heading,body.ltr .meta>.data>.heading,body.ltr .meta>.flex-fields>.field>.heading,body.ltr .meta>.flex-fields>.data>.heading{margin-right:var(--s)}body.rtl .meta>.field>.heading,body.rtl .meta>.data>.heading,body.rtl .meta>.flex-fields>.field>.heading,body.rtl .meta>.flex-fields>.data>.heading{margin-left:var(--s)}}.meta>.field.lightswitch-field>.heading,.meta>.data.lightswitch-field>.heading,.meta>.flex-fields>.field.lightswitch-field>.heading,.meta>.flex-fields>.data.lightswitch-field>.heading{flex:1}.meta>.field>.input .flex,.meta>.data>.input .flex,.meta>.flex-fields>.field>.input .flex,.meta>.flex-fields>.data>.input .flex{flex-wrap:nowrap}.meta>.field>.input .flex>*,.meta>.data>.input .flex>*,.meta>.flex-fields>.field>.input .flex>*,.meta>.flex-fields>.data>.input .flex>*{margin-bottom:0}.meta>.field>.heading,.meta>.flex-fields>.field>.heading{padding-top:var(--s)}@media screen and (min-width: 400px){.meta>.field>.heading,.meta>.flex-fields>.field>.heading{padding:14px 0}}.meta>.field>.heading>.copytextbtn,.meta>.flex-fields>.field>.heading>.copytextbtn{display:none}.meta>.data>.heading,.meta>.flex-fields>.data>.heading{padding:var(--s) 0}.meta>.field>.heading>label,.meta>.data>.heading,.meta>.flex-fields>.field>.heading>label,.meta>.flex-fields>.data>.heading{color:var(--medium-text-color)}.meta>.field>.input,.meta>.data>.value,.meta>.flex-fields>.field>.input,.meta>.flex-fields>.data>.value{padding:var(--s) 0;width:100%}@media screen and (min-width: 400px){.meta>.field>.input,.meta>.data>.value,.meta>.flex-fields>.field>.input,.meta>.flex-fields>.data>.value{width:calc(100% - 112px)}}.meta>.data>.value,.meta>.flex-fields>.data>.value{display:flex;align-items:center}.meta>.data>.value>[data-icon=draft],.meta>.flex-fields>.data>.value>[data-icon=draft]{margin-top:-2px}body.ltr .meta>.data>.value>[data-icon=draft],body.ltr .meta>.flex-fields>.data>.value>[data-icon=draft]{margin-right:8px}body.rtl .meta>.data>.value>[data-icon=draft],body.rtl .meta>.flex-fields>.data>.value>[data-icon=draft]{margin-left:8px}.meta>.field.lightswitch-field>.input,.meta>.flex-fields>.field.lightswitch-field>.input{flex:0;width:auto}.meta>.field.has-errors,.meta>.flex-fields>.field.has-errors{border:1px solid var(--error-color) !important}.meta>.field.has-errors:first-child,.meta>.flex-fields>.field.has-errors:first-child{border-top-left-radius:var(--large-border-radius);border-top-right-radius:var(--large-border-radius)}.meta>.field.has-errors:last-child,.meta>.flex-fields>.field.has-errors:last-child{border-bottom-left-radius:var(--large-border-radius);border-bottom-right-radius:var(--large-border-radius)}.meta>.field.has-errors+.field,.meta>.flex-fields>.field.has-errors+.field{border-top:none !important}.meta>.field>.heading>label,.meta>.field>.heading>legend,.meta>.flex-fields>.field>.heading>label,.meta>.flex-fields>.field>.heading>legend{font-weight:normal}.meta>.field>.input>.text,.meta>.field>.input>.flex>.text,.meta>.field>.input>.flex>.textwrapper>.text,.meta>.field>.input>.datewrapper>.text,.meta>.field>.input>.timewrapper>.text,.meta>.field>.input>.datetimewrapper>.datewrapper>.text,.meta>.field>.input>.datetimewrapper>.timewrapper>.text,.meta>.flex-fields>.field>.input>.text,.meta>.flex-fields>.field>.input>.flex>.text,.meta>.flex-fields>.field>.input>.flex>.textwrapper>.text,.meta>.flex-fields>.field>.input>.datewrapper>.text,.meta>.flex-fields>.field>.input>.timewrapper>.text,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper>.text,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper>.text{display:block;margin:calc(var(--s)*-1) 0;padding:14px 0;border-radius:0;background-color:rgba(0,0,0,0);border:none !important}.meta>.field>.input>.datewrapper,.meta>.field>.input>.timewrapper,.meta>.field>.input>.datetimewrapper>.datewrapper,.meta>.field>.input>.datetimewrapper>.timewrapper,.meta>.flex-fields>.field>.input>.datewrapper,.meta>.flex-fields>.field>.input>.timewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper{background-color:rgba(0,0,0,0)}body.ltr .meta>.field>.input>.datewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.timewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.timewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon]{left:0}body.rtl .meta>.field>.input>.datewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.timewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.timewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon]{right:0}.meta>.field>.input>.datetimewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper{gap:0}.meta>.field>.input>.datetimewrapper>.datewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper{width:55%}.meta>.field>.input>.datetimewrapper>.timewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper{width:45%}body.ltr .meta>.field>.input>.datetimewrapper>.clear-btn,body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.clear-btn{margin-right:-24px}body.rtl .meta>.field>.input>.datetimewrapper>.clear-btn,body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.clear-btn{margin-left:-24px}.meta>.field>.input>.datewrapper,.meta>.field>.input>.timewrapper,.meta>.flex-fields>.field>.input>.datewrapper,.meta>.flex-fields>.field>.input>.timewrapper{display:block;width:100%}.meta>.field>ul.errors,.meta>.flex-fields>.field>ul.errors{margin:0;padding:0 0 6px;width:100%;list-style-type:none}body.ltr .meta>.field>.clear-btn,body.ltr .meta>.flex-fields>.field>.clear-btn{margin-right:var(--neg-padding)}body.rtl .meta>.field>.clear-btn,body.rtl .meta>.flex-fields>.field>.clear-btn{margin-left:var(--neg-padding)}.meta>.field:not(:first-child):not(.first-child),.meta>.flex-fields+.field:not(.first-child){border-top:1px solid var(--hairline-color)}.meta>.flex-fields h2,.meta>.flex-fields blockquote.note{margin:0 -24px !important;padding:14px 24px;background-color:#ebf2fa}.meta>.flex-fields blockquote.note{border-radius:0;border:none}.meta>.flex-fields hr{margin:0 -24px}.meta>.field>.input>.select{display:block;margin:calc(var(--s)*-1) 0;width:100%;border-radius:0;box-shadow:none;background-color:rgba(0,0,0,0)}body.ltr .meta>.field>.input>.select:after{right:0}body.rtl .meta>.field>.input>.select:after{left:0}.meta>.field>.input>.select+.spinner{position:absolute;top:calc(50% - 17px)}body.ltr .meta>.field>.input>.select+.spinner{right:-24px}body.rtl .meta>.field>.input>.select+.spinner{left:-24px}.meta>.field>.input>.select select{width:100%;background-color:rgba(0,0,0,0)}body.ltr .meta>.field>.input>.select select{padding:var(--s) 12px var(--s) 0}body.rtl .meta>.field>.input>.select select{padding:var(--s) 0 var(--s) 12px}.body{position:relative}.slideout-container,.slideout,.modal,.hud{z-index:100;box-sizing:border-box}.modal,.hud{border-radius:5px;background-color:#fff;box-shadow:0 25px 100px rgba(31,41,51,.5) !important}.slideout-shade{opacity:0;transition:opacity linear 250ms}.slideout-shade.so-visible{opacity:1}.slideout-container{position:fixed;top:0;left:0;width:100vw;height:100vh;height:-webkit-fill-available;pointer-events:none}.slideout-container.so-lp{position:absolute;top:var(--m);left:var(--m);width:calc(100% - var(--m)*2);height:calc(100vh - var(--m)*2)}body.has-debug-toolbar .slideout-container{height:calc(100vh - 42px)}.slideout{position:absolute;background-color:var(--white);box-shadow:0 0 0 1px rgba(123,135,147,.25),0 25px 100px rgba(31,41,51,.5) !important;display:flex;flex-direction:column;overflow:hidden;padding:24px var(--padding);pointer-events:all;container-type:inline-size}.slideout.so-mobile,.slideout.so-lp{width:100% !important;height:100% !important;left:0;transition:top linear 250ms;will-change:top}.slideout.so-mobile{--padding: 14px;--neg-padding: -14px}.slideout:not(.so-mobile){border-radius:var(--large-border-radius)}.slideout:not(.so-mobile):not(.so-lp){top:8px;width:calc(50% - 8px);height:calc(100% - 16px)}@media screen and (prefers-reduced-motion: no-preference){body.ltr .slideout:not(.so-mobile):not(.so-lp){transition:left linear 250ms;will-change:left}body.rtl .slideout:not(.so-mobile):not(.so-lp){transition:right linear 250ms;will-change:right}}.slideout>.pane-header{padding-left:var(--padding);padding-right:var(--padding);z-index:2}.slideout>.pane-header>.so-toolbar{display:flex;flex-direction:row;align-items:center;gap:var(--s);min-height:34px}.slideout>.pane-header>.so-toolbar>.pane-tabs{width:1px;flex:1}body.ltr .slideout>.pane-header>.so-toolbar>.pane-tabs{margin-right:0}body.rtl .slideout>.pane-header>.so-toolbar>.pane-tabs{margin-left:0}.slideout>.so-body{flex:1;margin:-24px var(--neg-padding) 0;overflow:hidden auto;position:relative}.slideout>.so-body.so-full-details,.slideout>.so-body>.so-sidebar{background-color:var(--gray-100) !important}.slideout>.so-body:not(.so-full-details){padding:24px var(--padding)}.slideout>.so-body>.so-sidebar,.slideout>.so-body.so-full-details>.so-content>.details{box-sizing:border-box;padding:0 var(--padding) var(--spacing)}.slideout>.so-body>.so-sidebar>.preview-thumb-container,.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container{margin:0 var(--neg-padding);height:auto;min-height:54px}.slideout>.so-body>.so-sidebar>.preview-thumb-container+.pane-header,.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container+.pane-header{border-radius:0}.slideout>.so-body>.so-sidebar .image-actions.is-mobile,.slideout>.so-body.so-full-details>.so-content>.details .image-actions.is-mobile{margin:calc(var(--spacing)/2) 0 var(--spacing)}.slideout>.so-body>.so-sidebar>.meta.read-only:first-child,.slideout>.so-body.so-full-details>.so-content>.details>.meta.read-only:first-child{margin-top:var(--padding)}.slideout>.so-body>.so-sidebar>.meta.warning,.slideout>.so-body.so-full-details>.so-content>.details>.meta.warning{box-shadow:none;border-bottom:1px solid var(--yellow-300)}.slideout>.so-body>.so-sidebar>.field>.input>.text.fullwidth,.slideout>.so-body.so-full-details>.so-content>.details>.field>.input>.text.fullwidth{border-radius:0}.slideout>.so-body>.so-sidebar .notes,.slideout>.so-body.so-full-details>.so-content>.details .notes{padding-top:var(--m);padding-bottom:var(--m)}.slideout>.so-body>.so-sidebar{position:absolute;top:0;background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);width:350px;height:100%;max-width:100%;overflow:hidden auto;z-index:1}.slideout>.so-body>.so-sidebar:focus{box-shadow:var(--focus-ring)}body.ltr .slideout>.so-body>.so-sidebar{transition:right linear 250ms}body.rtl .slideout>.so-body>.so-sidebar{transition:left linear 250ms}.slideout>.so-footer{position:relative;display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;margin:0 var(--neg-padding) -24px;padding:8px var(--padding);background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);background-color:var(--gray-050);z-index:3}.slideout>.so-footer:focus{box-shadow:var(--focus-ring)}.slideout>.so-footer>.so-extra{flex:0 0 100%;margin:0 var(--neg-padding);padding:0 var(--padding) 8px;border-bottom:1px solid var(--hairline-color)}@container (width > 700px){.slideout.has-sidebar .pane-header:not(.so-visible){display:none}.slideout.has-sidebar .sidebar-btn{display:none}.slideout.has-sidebar .so-body{display:flex;flex-direction:row;padding:0;overflow:hidden}.slideout.has-sidebar .so-body>.so-content{position:relative;z-index:2;padding:24px;width:calc(100% - 350px);height:100%;box-sizing:border-box;overflow:hidden auto}body.ltr .slideout.has-sidebar .so-body>.so-content{border-right:1px solid var(--gray-200)}body.rtl .slideout.has-sidebar .so-body>.so-content{border-left:1px solid var(--gray-200)}.slideout.has-sidebar .so-body>.so-sidebar{position:relative;display:block !important;top:auto;right:auto !important;left:auto !important;height:100%;box-shadow:none}.slideout>.so-footer>.so-extra{margin:0;padding:0;border:none;flex:auto 0 1}}.header,.hud-header,.footer,.hud-footer{position:relative;z-index:1;box-sizing:border-box}.header,.hud-header,.footer,.hud-footer{background-color:var(--gray-100)}.header,.hud-header{border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;padding:24px;box-shadow:inset 0 -1px 0 var(--hairline-color)}.header h1,.hud-header h1{margin:0}.footer,.hud-footer{border-radius:0 0 var(--large-border-radius) var(--large-border-radius);padding:var(--s) var(--pane-padding, var(--xl));box-shadow:inset 0 1px 0 var(--hairline-color)}.footer.flex>*,.hud-footer.flex>*{margin-bottom:0}.modal .body,.hud .main{padding:24px;overflow:hidden;box-sizing:border-box}.pane .header,.modal .body .header{margin:calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1) var(--pane-padding, 24px)}.pane .footer,.modal .body .footer{margin:var(--pane-padding, 24px) calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1)}.slideout-shade,.modal-shade,.hud-shade{z-index:100;position:fixed;top:0;left:0;width:100%;height:100%;display:none}.slideout-shade:not(.dark),.modal-shade:not(.dark){background-color:rgba(123,135,147,.35) !important}.slideout-shade.dark,.modal-shade.dark{background-color:rgba(31,41,51,.5) !important}.modal{position:fixed;overflow:hidden}.modal:not(.fitted):not(.fullscreen){width:66%;height:66%;min-width:600px;min-height:400px}.modal.fitted{width:auto;height:auto;min-width:0;min-height:0}.modal.fullscreen{width:100%;height:100%;border-radius:0}body.ltr .modal.alert .body{padding-left:76px}body.rtl .modal.alert .body{padding-right:76px}.modal.alert .body:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"alert\";font-size:40px;color:var(--light-text-color)}body.ltr .modal.alert .body:before{margin:-6px 0 0 -58px}body.rtl .modal.alert .body:before{margin:-6px -58px 0 0}body.ltr .modal.alert .body:before{float:left}body.rtl .modal.alert .body:before{float:right}body.ltr .modal.secure .body{padding-left:76px}body.rtl .modal.secure .body{padding-right:76px}.modal.secure .body:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"secure\";font-size:58px;color:var(--light-text-color)}body.ltr .modal.secure .body:before{margin:-14px 0 0 -56px}body.rtl .modal.secure .body:before{margin:-14px -56px 0 0}body.ltr .modal.secure .body:before{float:left}body.rtl .modal.secure .body:before{float:right}.modal .resizehandle{position:absolute;z-index:1;bottom:0;width:24px;height:24px;cursor:nwse-resize;padding:var(--xs)}body.ltr .modal .resizehandle{right:0}body.rtl .modal .resizehandle{left:0}.modal .resizehandle path{fill:var(--ui-control-color)}body.rtl .modal .resizehandle .ltr{display:none}body.ltr .modal .resizehandle .rtl{display:none}.hud{position:absolute;display:none;top:0}.hud.tooltip-hud{display:block}.hud.has-footer .tip-bottom{background-image:url(../images/hudtip_bottom_gray.png)}.hud .tip{position:absolute;z-index:101;background:no-repeat 0 0}.hud .tip-left{left:-15px;width:15px;height:30px;background-image:url(../images/hudtip_left.png)}.hud .tip-top{top:-15px;width:30px;height:15px;background-image:url(../images/hudtip_top.png)}.hud .tip-right{right:-15px;width:15px;height:30px;background-image:url(../images/hudtip_right.png)}.hud .tip-bottom{bottom:-15px;width:30px;height:15px;background-image:url(../images/hudtip_bottom.png)}.hud .hud-header,.hud .hud-footer{padding:var(--s) var(--xl)}.hud .body{overflow:hidden}.hud .body ::-webkit-scrollbar{appearance:none}.hud .body ::-webkit-scrollbar:vertical{width:11px}.hud .body ::-webkit-scrollbar:horizontal{height:11px}.hud .body ::-webkit-scrollbar-thumb{border-radius:8px;border:2px solid rgba(0,0,0,0);background-color:rgba(0,0,0,.5)}.hud .body ::-webkit-scrollbar-track{background-color:var(--gray-050)}.preview-thumb-container{position:relative;display:flex;flex-direction:row;align-items:center;height:190px;background-color:var(--gray-900);margin:0 var(--neg-padding) var(--spacing)}.preview-thumb-container.checkered img{background-color:var(--white);background-image:linear-gradient(45deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%);background-size:17px 17px;background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px}.preview-thumb-container.editable{cursor:pointer}.preview-thumb-container.loading:after{content:\"\";font-size:0;display:block;position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(31,41,51,.8)}.preview-thumb-container.loading .spinner{color:var(--white);z-index:1}#details .preview-thumb-container{border-radius:var(--large-border-radius);overflow:hidden}.preview-thumb-container .preview-thumb{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.preview-thumb-container .preview-thumb img{display:block;max-width:100%;max-height:190px}.image-actions.is-mobile{margin:calc(var(--spacing)/2*-1) var(--neg-padding) var(--spacing);display:grid;grid-template-columns:1fr 1fr}.button-fade .buttons{opacity:0;position:absolute;top:10px;margin:0;transition:opacity linear 100ms}body.ltr .button-fade .buttons{right:10px}body.rtl .button-fade .buttons{left:10px}.button-fade .buttons .btn{--ui-control-color: var(--white);--ui-control-hover-color: var(--white);--ui-control-active-color: var(--white);--interaction-background-color: var(--gray-700);background-color:var(--gray-600);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;--light-color: var(--white);--dark-color: var(--gray-800);--focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color)}.button-fade .buttons .btn:hover{background-color:var(--interaction-background-color) !important}.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed):focus,.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed).focus,.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed):hover{background-color:var(--interaction-background-color)}.button-fade:hover .buttons,.button-fade:focus-within .buttons{opacity:1}.elementselectormodal{--content-padding: 24px;padding-bottom:50px;user-select:none}.elementselectormodal>.header{padding-top:14px;padding-bottom:14px;text-align:center}.elementselectormodal>.header+.body{height:calc(100% - 48px) !important}.elementselectormodal .body{position:relative;height:100%}.elementselectormodal .body .spinner.big{position:absolute;top:50%;left:50%;margin:-24px 0 0 -24px}.elementselectormodal .body .content{height:calc(100% + 48px)}.elementselectormodal .body .content .sidebar{position:absolute;top:0;height:100%;overflow:auto;padding:var(--content-padding) 0}body.ltr .elementselectormodal .body .content .sidebar{margin-left:-249px}body.rtl .elementselectormodal .body .content .sidebar{margin-right:-249px}.elementselectormodal .body .content .main{margin:-24px;padding:var(--content-padding);height:100%;box-sizing:border-box;overflow:auto;position:relative}.elementselectormodal .body .content .main .elements.busy{min-height:calc(100% - 48px)}.elementselectormodal .body .content .main .elements .header{margin:0 0 var(--m)}.elementselectormodal .body .content .main .elements .tableview table tr th,.elementselectormodal .body .content .main .elements .tableview table tr td{cursor:default}.elementselectormodal .body .content .main .elements .tableview table tr .checkbox:before{box-shadow:none !important}.elementselectormodal .body .content .main .elements .structure .row{margin-top:1px}.elementselectormodal .footer{position:absolute;bottom:0;left:0;width:100%;margin:0;box-sizing:border-box}body.ltr .elementselectormodal .footer .spinner{float:right}body.rtl .elementselectormodal .footer .spinner{float:left}body.ltr .elementselectormodal .footer .spinner{margin-right:-24px}body.rtl .elementselectormodal .footer .spinner{margin-left:-24px}.elementselectormodal .main-header,.customize-sources-modal .main-header{display:flex;align-items:center;margin-bottom:var(--s)}.elementselectormodal .main-heading,.customize-sources-modal .main-heading{margin-bottom:0}.elementselectormodal .nav-toggle,.customize-sources-modal .nav-toggle{height:var(--touch-target-size);width:var(--touch-target-size);color:var(--ui-control-color)}body.ltr .elementselectormodal .nav-toggle,body.ltr .customize-sources-modal .nav-toggle{margin-left:4px}body.rtl .elementselectormodal .nav-toggle,body.rtl .customize-sources-modal .nav-toggle{margin-right:4px}.elementselectormodal .nav-toggle:hover,.customize-sources-modal .nav-toggle:hover{color:var(--gray-500)}.elementselectormodal .sidebar-header,.customize-sources-modal .sidebar-header{display:flex;justify-content:flex-end;padding:0 var(--s);margin-bottom:var(--s)}.elementselectormodal .nav-close,.customize-sources-modal .nav-close{height:var(--touch-target-size);width:var(--touch-target-size)}.element-hud-form .buttons{position:relative}.element-hud-form .buttons .spinner{position:absolute;top:0}body.ltr .element-hud-form .buttons .spinner{right:-24px}body.rtl .element-hud-form .buttons .spinner{left:-24px}body.ltr .activity-container:not(:last-child){margin-right:var(--s)}body.rtl .activity-container:not(:last-child){margin-left:var(--s)}.activity-container ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--xs)}.activity-container ul li .activity-btn{width:30px;height:30px;border-radius:50%;display:block}.activity-container ul li .activity-btn .elementthumb{position:relative;width:100%;height:100%;border-radius:50px;background:var(--gray-050);overflow:hidden;border:2px solid var(--white);box-shadow:0 1px 2px 1px rgba(31,41,51,.1)}.activity-container ul li .activity-btn .elementthumb img,.activity-container ul li .activity-btn .elementthumb svg{display:block;width:100%;height:100%}body.ltr .activity-container ul li:not(:last-child){margin-right:-10px}body.rtl .activity-container ul li:not(:last-child){margin-left:-10px}.element-index-view-menu{width:400px;max-width:calc(100% - 20px);padding:0 !important}.element-index-view-menu .meta{padding-top:var(--s);padding-bottom:var(--s)}.element-index-view-menu .table-columns-field{align-items:flex-start}.element-index-view-menu .table-columns-field .input{padding:13px 0}.element-index-view-menu .menu-footer{margin:0 !important;padding:var(--s) var(--xl) !important;background-color:var(--gray-050)}.element-index-view-menu-table-column{display:flex;align-items:start;align-content:stretch;margin-bottom:4px}.element-index-view-menu-table-column .icon.move{position:relative;z-index:1}body.ltr .element-index-view-menu-table-column .icon.move{margin-right:10px}body.rtl .element-index-view-menu-table-column .icon.move{margin-left:10px}.sort-field .input .flex .btngroup .btn{width:42px}.sort-field .input .flex .flex-grow{max-width:calc(100% - 85px - var(--s))}@media screen and (max-width: 350px){.sort-field .input .flex{flex-direction:column}.sort-field .input .flex>*{width:100%}.sort-field .input .flex .flex-grow{max-width:none}}.element-filter-hud.loading .body{padding:50px;display:flex;align-items:center;justify-content:center}.element-filter-hud .body,.element-filter-hud .main{overflow:visible}.address-cards{display:grid;gap:var(--m) var(--m);grid-template-columns:repeat(1, minmax(0, 1fr));grid-auto-rows:minmax(0, 1fr)}.so-content .address-cards{grid-template-columns:repeat(1, minmax(0, 1fr)) !important}.address-cards__add-btn{padding:1rem;min-height:8rem;height:auto;width:100%}.address-card.error{border:1px solid #cf1124}.address-card.error:hover{border-color:#cf1124}@media(min-width: 1024px){.address-cards{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 1280px){.address-cards{grid-template-columns:repeat(3, minmax(0, 1fr))}.so-content .address-cards{grid-template-columns:repeat(2, minmax(0, 1fr)) !important}}@media(min-width: 1536px){.address-cards{grid-template-columns:repeat(4, minmax(0, 1fr))}}.address-card{border:1px solid #eee;border-radius:.375rem;padding:1rem;min-height:4rem}.address-card:hover{border-color:#ddd;background-color:#fafafa;cursor:pointer}.address-card .address-card-header{display:flex;flex-wrap:nowrap;justify-content:space-between}.address-card .address-card-header-actions{display:flex;justify-content:flex-end}.address-card .address-card-label{background:#e6f1fe;color:#2563eb;padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;text-transform:uppercase;font-weight:500;margin-bottom:.75rem}.ltr .address-card .address-card-label{margin-right:.5rem}.rtl .address-card .address-card-label{margin-left:.5rem}.logoutwarningmodalshade,.loginmodalshade{z-index:1001}#logoutwarningmodal,#loginmodal,#elevatedsessionmodal,.prompt{width:500px}#logoutwarningmodal,#loginmodal{z-index:1001}.prompt{height:auto;min-height:auto}.deleteusermodal .content-summary{margin:-24px -24px 24px;padding:24px;background-color:var(--gray-050)}.deleteusermodal .options label{display:inline-block;line-height:30px}.deleteusermodal .elementselect{display:inline-block;vertical-align:middle}body.ltr .deleteusermodal .elementselect{margin-left:10px}body.rtl .deleteusermodal .elementselect{margin-right:10px}body.ltr .deleteusermodal .buttons .spinner{margin-right:-20px}body.rtl .deleteusermodal .buttons .spinner{margin-left:-20px}.deleteusermodal div.elements{list-style:none}.dropdownsettingsmodal{width:auto;height:auto;min-width:0;min-height:0;max-width:400px}.dropdownsettingsmodal .body{max-height:100%;overflow-y:auto}.previewmodal.zilch{padding:100px 0;display:flex;align-items:center;justify-content:center}.video-transcript{background-color:var(--gray-050);overflow-y:scroll;font-size:1rem;position:relative}body:not(.reduce-focus-visibility) .video-transcript:focus,body.reduce-focus-visibility .video-transcript:focus-visible{box-shadow:none;color:var(--white);background-color:var(--gray-800)}.video-transcript__inner{margin-left:auto;margin-right:auto;max-width:550px;padding:var(--xl)}.menu,.ui-datepicker,.ui-timepicker-list{z-index:100;border-radius:4px;padding:0 14px;overflow:auto;background:#fff;user-select:none;box-shadow:0 0 0 1px rgba(31,41,51,.1),0 5px 20px rgba(31,41,51,.25)}.ui-datepicker,.ui-timepicker-list{padding:0}.menu{display:none;position:absolute}.menu h6:first-child{margin-top:14px !important}body.ltr .menu ul.padded li a,body.ltr .menu ul.padded li .menu-option{padding-left:24px}body.rtl .menu ul.padded li a,body.rtl .menu ul.padded li .menu-option{padding-right:24px}.menu ul.padded li a[data-icon]:before,.menu ul.padded li a.icon:before,.menu ul.padded li a.sel:before,.menu ul.padded li .menu-option[data-icon]:before,.menu ul.padded li .menu-option.icon:before,.menu ul.padded li .menu-option.sel:before{font-size:14px;color:var(--ui-control-color)}body.ltr .menu ul.padded li a[data-icon]:before,body.ltr .menu ul.padded li a.icon:before,body.ltr .menu ul.padded li a.sel:before,body.ltr .menu ul.padded li .menu-option[data-icon]:before,body.ltr .menu ul.padded li .menu-option.icon:before,body.ltr .menu ul.padded li .menu-option.sel:before{float:left}body.rtl .menu ul.padded li a[data-icon]:before,body.rtl .menu ul.padded li a.icon:before,body.rtl .menu ul.padded li a.sel:before,body.rtl .menu ul.padded li .menu-option[data-icon]:before,body.rtl .menu ul.padded li .menu-option.icon:before,body.rtl .menu ul.padded li .menu-option.sel:before{float:right}body.ltr .menu ul.padded li a[data-icon]:before,body.ltr .menu ul.padded li a.icon:before,body.ltr .menu ul.padded li a.sel:before,body.ltr .menu ul.padded li .menu-option[data-icon]:before,body.ltr .menu ul.padded li .menu-option.icon:before,body.ltr .menu ul.padded li .menu-option.sel:before{margin:3px 0 0 -17px}body.rtl .menu ul.padded li a[data-icon]:before,body.rtl .menu ul.padded li a.icon:before,body.rtl .menu ul.padded li a.sel:before,body.rtl .menu ul.padded li .menu-option[data-icon]:before,body.rtl .menu ul.padded li .menu-option.icon:before,body.rtl .menu ul.padded li .menu-option.sel:before{margin:3px -17px 0 0}.menu ul.padded li a[data-icon].error:before,.menu ul.padded li a.icon.error:before,.menu ul.padded li a.sel.error:before,.menu ul.padded li .menu-option[data-icon].error:before,.menu ul.padded li .menu-option.icon.error:before,.menu ul.padded li .menu-option.sel.error:before{color:var(--error-color)}.menu ul.padded li a.sel:not([data-icon]):before,.menu ul.padded li .menu-option.sel:not([data-icon]):before{content:\"check\"}.menu ul li a,.menu ul li .menu-option{margin:0 -14px;padding:10px 14px;color:#3f4d5a;text-decoration:none;white-space:nowrap;font-size:14px;cursor:default;-webkit-appearance:none}.menu ul li a:not(.flex),.menu ul li .menu-option:not(.flex){display:table !important;box-sizing:border-box;width:calc(100% + 28px)}body.ltr .menu ul li a:not(.flex),body.ltr .menu ul li .menu-option:not(.flex){text-align:left}body.rtl .menu ul li a:not(.flex),body.rtl .menu ul li .menu-option:not(.flex){text-align:right}.menu ul li a.flex [data-icon],.menu ul li .menu-option.flex [data-icon]{margin-top:-2px}.menu ul li a.sel,.menu ul li .menu-option.sel{cursor:default}.menu ul li a .shortcut,.menu ul li .menu-option .shortcut{padding:0 4px;border-radius:var(--medium-border-radius);box-shadow:0 0 0 1px rgba(81,95,108,.25),0 1px 3px -1px rgba(81,95,108,.5)}body.ltr .menu ul li a .shortcut,body.ltr .menu ul li .menu-option .shortcut{float:right}body.rtl .menu ul li a .shortcut,body.rtl .menu ul li .menu-option .shortcut{float:left}body.ltr .menu ul li a .shortcut,body.ltr .menu ul li .menu-option .shortcut{margin-left:14px}body.rtl .menu ul li a .shortcut,body.rtl .menu ul li .menu-option .shortcut{margin-right:14px}.menu>.flex{margin-top:10px;margin-bottom:10px;position:relative}body.ltr .menu>.flex.padded{margin-left:-14px}body.rtl .menu>.flex.padded{margin-right:-14px}body.ltr .menu>.flex.padded{padding-left:24px}body.rtl .menu>.flex.padded{padding-right:24px}.menu>.flex.padded.sel:before{position:absolute;top:36px;content:\"check\";font-size:14px;color:var(--light-text-color)}body.ltr .menu>.flex.padded.sel:before{left:7px}body.rtl .menu>.flex.padded.sel:before{right:7px}.menu hr{margin:5px -14px}.menu .go:after{color:inherit}.menubtn span.icon,.menu span.icon{display:inline-block;margin-top:-1px;width:10px;text-align:center;font-size:14px;color:var(--ui-control-color)}body.ltr .menubtn span.icon,body.ltr .menu span.icon{margin-right:10px}body.rtl .menubtn span.icon,body.rtl .menu span.icon{margin-left:10px}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover{color:#fff;background-color:#606d7b;--text-color: var(--white);--light-text-color: var(--gray-100);--ui-control-color: var(--gray-050);--ui-control-hover-color: var(--gray-100);--ui-control-active-color: var(--gray-100)}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover span.icon,.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover:before,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover span.icon,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover:before{color:var(--menu-option-active-color)}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover.error,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover.error{color:var(--menu-option-active-color) !important}body.ltr .menu hr.padded,body.ltr .menu h6.padded{margin-left:10px}body.rtl .menu hr.padded,body.rtl .menu h6.padded{margin-right:10px}.menu--disclosure ul li>a:hover,.menu--disclosure ul li>.menu-option:hover{color:#3f4d5a;background-color:#f3f7fc}body:not(.reduce-focus-visibility) .menu--disclosure ul li>a:focus,body.reduce-focus-visibility .menu--disclosure ul li>a:focus-visible,body:not(.reduce-focus-visibility) .menu--disclosure ul li>.menu-option:focus,body.reduce-focus-visibility .menu--disclosure ul li>.menu-option:focus-visible{box-shadow:inset 0 0 0 3px hsla(var(--dark-focus-hsl), 0.7)}.tagselect .elements{display:inline}.tagselect .chip.small{clear:none}.tagselect .add{position:relative;z-index:1;display:inline-block;width:12em}body.ltr .tagselect .add{margin:7px 7px 0 0}body.rtl .tagselect .add{margin:7px 0 0 7px}body.ltr .tagselect .add .text{padding-right:30px}body.rtl .tagselect .add .text{padding-left:30px}.tagselect .add .spinner{position:absolute;top:0}body.ltr .tagselect .add .spinner{right:5px}body.rtl .tagselect .add .spinner{left:5px}body.ltr .tagselect.elementselect .chip,body.rtl .tagselect.elementselect .chip{float:none !important;display:inline-block}body.ltr .tagmenu ul li a{padding-left:26px}body.rtl .tagmenu ul li a{padding-right:26px}body.ltr .tagmenu ul li a:before{float:left}body.rtl .tagmenu ul li a:before{float:right}body.ltr .tagmenu ul li a:before{margin:3px 0 0 -18px}body.rtl .tagmenu ul li a:before{margin:3px -18px 0 0}.selectize-control.single .selectize-input:not(.no-arrow)::after{display:none}.shadow-box{border-radius:var(--large-border-radius);border:1px solid var(--gray-200);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}table.shadow-box,table.editable{border-collapse:separate;border-spacing:0}table.shadow-box thead tr:first-child th:first-child,table.shadow-box thead tr:first-child th:first-child.disabled:after,table.shadow-box thead tr:first-child td:first-child,table.shadow-box thead tr:first-child td:first-child.disabled:after,table.shadow-box tbody:first-child tr:first-child th:first-child,table.shadow-box tbody:first-child tr:first-child th:first-child.disabled:after,table.shadow-box tbody:first-child tr:first-child td:first-child,table.shadow-box tbody:first-child tr:first-child td:first-child.disabled:after,table.shadow-box caption+tbody tr:first-child th:first-child,table.shadow-box caption+tbody tr:first-child th:first-child.disabled:after,table.shadow-box caption+tbody tr:first-child td:first-child,table.shadow-box caption+tbody tr:first-child td:first-child.disabled:after,table.editable thead tr:first-child th:first-child,table.editable thead tr:first-child th:first-child.disabled:after,table.editable thead tr:first-child td:first-child,table.editable thead tr:first-child td:first-child.disabled:after,table.editable tbody:first-child tr:first-child th:first-child,table.editable tbody:first-child tr:first-child th:first-child.disabled:after,table.editable tbody:first-child tr:first-child td:first-child,table.editable tbody:first-child tr:first-child td:first-child.disabled:after,table.editable caption+tbody tr:first-child th:first-child,table.editable caption+tbody tr:first-child th:first-child.disabled:after,table.editable caption+tbody tr:first-child td:first-child,table.editable caption+tbody tr:first-child td:first-child.disabled:after{border-top-left-radius:var(--medium-border-radius)}table.shadow-box thead tr:first-child th:last-child,table.shadow-box thead tr:first-child th:last-child.disabled:after,table.shadow-box thead tr:first-child td:last-child,table.shadow-box thead tr:first-child td:last-child.disabled:after,table.shadow-box tbody:first-child tr:first-child th:last-child,table.shadow-box tbody:first-child tr:first-child th:last-child.disabled:after,table.shadow-box tbody:first-child tr:first-child td:last-child,table.shadow-box tbody:first-child tr:first-child td:last-child.disabled:after,table.shadow-box caption+tbody tr:first-child th:last-child,table.shadow-box caption+tbody tr:first-child th:last-child.disabled:after,table.shadow-box caption+tbody tr:first-child td:last-child,table.shadow-box caption+tbody tr:first-child td:last-child.disabled:after,table.editable thead tr:first-child th:last-child,table.editable thead tr:first-child th:last-child.disabled:after,table.editable thead tr:first-child td:last-child,table.editable thead tr:first-child td:last-child.disabled:after,table.editable tbody:first-child tr:first-child th:last-child,table.editable tbody:first-child tr:first-child th:last-child.disabled:after,table.editable tbody:first-child tr:first-child td:last-child,table.editable tbody:first-child tr:first-child td:last-child.disabled:after,table.editable caption+tbody tr:first-child th:last-child,table.editable caption+tbody tr:first-child th:last-child.disabled:after,table.editable caption+tbody tr:first-child td:last-child,table.editable caption+tbody tr:first-child td:last-child.disabled:after{border-top-right-radius:var(--medium-border-radius)}table.shadow-box thead:last-child tr:last-child th:first-child,table.shadow-box thead:last-child tr:last-child th:first-child.disabled:after,table.shadow-box thead:last-child tr:last-child td:first-child,table.shadow-box thead:last-child tr:last-child td:first-child.disabled:after,table.shadow-box tbody:last-child tr:last-child th:first-child,table.shadow-box tbody:last-child tr:last-child th:first-child.disabled:after,table.shadow-box tbody:last-child tr:last-child td:first-child,table.shadow-box tbody:last-child tr:last-child td:first-child.disabled:after,table.editable thead:last-child tr:last-child th:first-child,table.editable thead:last-child tr:last-child th:first-child.disabled:after,table.editable thead:last-child tr:last-child td:first-child,table.editable thead:last-child tr:last-child td:first-child.disabled:after,table.editable tbody:last-child tr:last-child th:first-child,table.editable tbody:last-child tr:last-child th:first-child.disabled:after,table.editable tbody:last-child tr:last-child td:first-child,table.editable tbody:last-child tr:last-child td:first-child.disabled:after{border-bottom-left-radius:calc(var(--large-border-radius) - 1px)}table.shadow-box thead:last-child tr:last-child th:last-child,table.shadow-box thead:last-child tr:last-child th:last-child.disabled:after,table.shadow-box thead:last-child tr:last-child td:last-child,table.shadow-box thead:last-child tr:last-child td:last-child.disabled:after,table.shadow-box tbody:last-child tr:last-child th:last-child,table.shadow-box tbody:last-child tr:last-child th:last-child.disabled:after,table.shadow-box tbody:last-child tr:last-child td:last-child,table.shadow-box tbody:last-child tr:last-child td:last-child.disabled:after,table.editable thead:last-child tr:last-child th:last-child,table.editable thead:last-child tr:last-child th:last-child.disabled:after,table.editable thead:last-child tr:last-child td:last-child,table.editable thead:last-child tr:last-child td:last-child.disabled:after,table.editable tbody:last-child tr:last-child th:last-child,table.editable tbody:last-child tr:last-child th:last-child.disabled:after,table.editable tbody:last-child tr:last-child td:last-child,table.editable tbody:last-child tr:last-child td:last-child.disabled:after{border-bottom-right-radius:calc(var(--large-border-radius) - 1px)}.text,.passwordwrapper,.border-box,.selectize.multiselect .selectize-input,.multiselect>select{border-radius:3px;border:1px solid rgba(96,125,159,.25);background-color:#fbfcfe;background-clip:padding-box}.text.focus,.passwordwrapper.focus,.border-box.focus,.selectize.multiselect .selectize-input.focus{box-shadow:var(--focus-ring)}body:not(.reduce-focus-visibility) .text:focus,body.reduce-focus-visibility .text:focus-visible,body:not(.reduce-focus-visibility) .passwordwrapper:focus,body.reduce-focus-visibility .passwordwrapper:focus-visible,body:not(.reduce-focus-visibility) .border-box:focus,body.reduce-focus-visibility .border-box:focus-visible,body:not(.reduce-focus-visibility) .selectize.multiselect .selectize-input:focus,body.reduce-focus-visibility .selectize.multiselect .selectize-input:focus-visible{box-shadow:var(--focus-ring)}input.text,textarea.text,.text>input,.text>textarea,table.editable textarea,.selectize.multiselect .selectize-input{font-size:14px;line-height:20px;color:var(--text-color);min-height:3px;box-sizing:border-box;appearance:none}.selectize.multiselect .selectize-input{line-height:18px}textarea.text.fullwidth{display:block}.multitext .multitextrow:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}body.ltr .multitext .multitextrow:first-child .text:first-child{border-top-left-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:first-child .text:first-child{border-top-right-radius:var(--medium-border-radius)}body.ltr .multitext .multitextrow:first-child .text:last-child{border-top-right-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:first-child .text:last-child{border-top-left-radius:var(--medium-border-radius)}body.ltr .multitext .multitextrow:last-child .text:first-child{border-bottom-left-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:last-child .text:first-child{border-bottom-right-radius:var(--medium-border-radius)}body.ltr .multitext .multitextrow:last-child .text:last-child{border-bottom-right-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:last-child .text:last-child{border-bottom-left-radius:var(--medium-border-radius)}.multitext .multitextrow:not(:first-child) .text{margin-top:-1px}.multitext .multitextrow .text{border-radius:0;float:left;box-sizing:border-box}body.ltr .multitext .multitextrow .text:not(:first-child){margin-left:-1px}body.rtl .multitext .multitextrow .text:not(:first-child){margin-right:-1px}.multitext .multitextrow .text:first-child:nth-last-child(1){width:100%}.multitext .multitextrow .text:first-child:nth-last-child(2){width:50%}.multitext .multitextrow .text:first-child:nth-last-child(2)~.text{width:calc(50% + 1px)}.multitext .multitextrow .text.error{position:relative;z-index:1}.multitext .multitextrow .text:focus,.multitext .multitextrow .selectize.multiselect .selectize-input.focus{position:relative;z-index:2}.chars-left{position:relative;color:var(--light-text-color)}body.ltr .chars-left{float:right}body.rtl .chars-left{float:left}body.ltr .chars-left{margin:-27px 7px 0 0}body.rtl .chars-left{margin:-27px 0 0 7px}.input.ltr>.chars-left{float:right !important;margin-right:7px !important}.input.rtl>.chars-left{float:left !important;margin-left:7px !important}.chars-left.negative-chars-left{color:var(--error-color)}.field,fieldset{position:relative;margin:24px 0}.flex>.field,.flex>fieldset{margin-top:0;margin-bottom:0}.field{min-inline-size:initial}.field>.status-badge{position:absolute;top:0;width:2px;height:100%;content:\"\";cursor:help}body.ltr .field>.status-badge{left:0}body.rtl .field>.status-badge{right:0}.field>.status-badge.modified{background-color:var(--blue-600)}.field>.status-badge.outdated{background-color:var(--pending-color)}.field>.heading{display:flex;flex-wrap:wrap;align-items:center;position:relative;margin-top:-5px;margin-bottom:5px}.field>.heading>label,.field>.heading>legend{font-weight:bold;color:var(--medium-dark-text-color)}.field>.heading>label code,.field>.heading>legend code{font-size:1em !important}body.ltr .field>.heading>label .info,body.ltr .field>.heading>legend .info{margin-left:5px}body.rtl .field>.heading>label .info,body.rtl .field>.heading>legend .info{margin-right:5px}.field>.heading .t9n-indicator{color:var(--light-text-color)}body.ltr .field>.heading .t9n-indicator{margin-left:7px}body.rtl .field>.heading .t9n-indicator{margin-right:7px}.field>.heading+.instructions{margin-top:-3px}.field>.heading>.instructions{width:100%}.field>.instructions{margin-bottom:5px}.field>.input{position:relative}.field>.input:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.field>.input+.instructions{margin:5px 0 0}.field>.notice,.field>.warning{margin:5px 0 0}.field>.instructions,.field>.heading>.instructions,.checkboxfield .instructions{color:var(--medium-text-color)}.field>.instructions img,.field>.instructions video,.field>.instructions embed,.field>.instructions iframe,.field>.heading>.instructions img,.field>.heading>.instructions video,.field>.heading>.instructions embed,.field>.heading>.instructions iframe,.checkboxfield .instructions img,.checkboxfield .instructions video,.checkboxfield .instructions embed,.checkboxfield .instructions iframe{max-width:100% !important}.field>.instructions ul,.field>.instructions ol,.field>.heading>.instructions ul,.field>.heading>.instructions ol,.checkboxfield .instructions ul,.checkboxfield .instructions ol{margin:1em 0}body.ltr .field>.instructions ul,body.ltr .field>.instructions ol,body.ltr .field>.heading>.instructions ul,body.ltr .field>.heading>.instructions ol,body.ltr .checkboxfield .instructions ul,body.ltr .checkboxfield .instructions ol{padding-left:2em}body.rtl .field>.instructions ul,body.rtl .field>.instructions ol,body.rtl .field>.heading>.instructions ul,body.rtl .field>.heading>.instructions ol,body.rtl .checkboxfield .instructions ul,body.rtl .checkboxfield .instructions ol{padding-right:2em}.field>.instructions ul li,.field>.heading>.instructions ul li,.checkboxfield .instructions ul li{list-style-type:disc}.field>.instructions li+li,.field>.heading>.instructions li+li,.checkboxfield .instructions li+li{margin-top:.25em}.expand-status-btn{width:30px;height:17px;padding:0;line-height:16px;border-radius:var(--small-border-radius);color:var(--text-color)}body.ltr .expand-status-btn{margin-left:5px}body.rtl .expand-status-btn{margin-right:5px}.expand-status-btn:before{margin:0}.nested-fields{margin:-24px;padding:24px 24px 0}.nested-fields.hidden{display:block;height:0}.nested-fields>.field:last-child{padding-bottom:24px}input.checkbox{opacity:0;position:absolute;width:var(--checkbox-size);height:var(--checkbox-size)}input.checkbox+label,div.checkbox{display:inline-block;clear:none;position:relative;line-height:16px;min-height:16px;cursor:pointer}body.ltr input.checkbox+label,body.ltr div.checkbox{padding-left:21px}body.rtl input.checkbox+label,body.rtl div.checkbox{padding-right:21px}input.checkbox+label,input.checkbox+label:before,div.checkbox,div.checkbox:before{border-radius:var(--small-border-radius)}input.checkbox+label:before,div.checkbox:before{display:block;position:absolute;top:0;width:var(--checkbox-size) !important;height:var(--checkbox-size);box-sizing:border-box;content:\"\";font-size:0;background-color:#fbfcfe;border:1px solid rgba(96,125,159,.4);background-clip:padding-box}body.ltr input.checkbox+label:before,body.ltr div.checkbox:before{left:0}body.rtl input.checkbox+label:before,body.rtl div.checkbox:before{right:0}body.ltr input.checkbox+label:empty,body.ltr div.checkbox:empty{padding-left:var(--checkbox-size)}body.rtl input.checkbox+label:empty,body.rtl div.checkbox:empty{padding-right:var(--checkbox-size)}input.checkbox+label:empty:after,div.checkbox:empty:after{content:\"\";font-size:0}input.checkbox+label .info,div.checkbox .info{height:16px}input.checkbox:disabled+label,.disabled div.checkbox{cursor:default}input.checkbox:disabled+label,div.checkbox.disabled:before,div.checkbox.disabled+label{opacity:.25 !important}input.checkbox:checked+label:before,div.checkbox.checked:before,.sel div.checkbox:before,input.checkbox:indeterminate+label:before,div.checkbox.indeterminate:before,.elementselectormodal .body .content .main .elements .disabled .checkbox:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);line-height:var(--checkbox-size);color:var(--gray-900)}input.checkbox:checked:not(:indeterminate)+label:before,div.checkbox.checked:not(.indeterminate):before,.sel div.checkbox:not(.indeterminate):before,.elementselectormodal .body .content .main .elements .disabled .checkbox:before{content:\"check\";font-size:15px}input.checkbox:indeterminate+label:before,div.checkbox.indeterminate:before{content:\"minus\";font-size:7px;text-align:center}body:not(.reduce-focus-visibility) input.checkbox:focus+label:before,body:not(.reduce-focus-visibility) :focus div.checkbox:before{box-shadow:var(--focus-ring)}body.reduce-focus-visibility input.checkbox:focus-visible+label:before,body.reduce-focus-visibility :focus-visible div.checkbox:before{box-shadow:var(--focus-ring)}.checkbox-icon{display:inline-flex;padding:3px;background-color:var(--enabled-color);color:var(--white);border-radius:var(--small-border-radius)}.checkbox-icon:before{--checkbox-size: 14px;--icon-opacity: 1;font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"check\";line-height:var(--checkbox-size);font-size:var(--checkbox-size)}body:not(.reduce-focus-visibility) .monaco-mouse-cursor-text:focus,body.reduce-focus-visibility .monaco-mouse-cursor-text:focus-visible{box-shadow:none !important}fieldset .checkboxfield{margin:5px 0}.checkboxfield .instructions,.checkboxfield .notice,.checkboxfield .warning{margin-top:2px}body.ltr .checkboxfield .instructions,body.ltr .checkboxfield .notice,body.ltr .checkboxfield .warning{padding-left:21px}body.rtl .checkboxfield .instructions,body.rtl .checkboxfield .notice,body.rtl .checkboxfield .warning{padding-right:21px}input.radio{opacity:0;position:absolute;width:var(--radio-size);height:var(--radio-size)}input.radio+label,div.radio{display:inline-block;clear:none;position:relative;line-height:1.7142857143;cursor:pointer}body.ltr input.radio+label,body.ltr div.radio{padding-left:21px}body.rtl input.radio+label,body.rtl div.radio{padding-right:21px}input.radio:disabled+label,.disabled div.radio{cursor:default}body.ltr input.radio+label:empty,body.ltr div.radio:empty{padding-left:var(--radio-size)}body.rtl input.radio+label:empty,body.rtl div.radio:empty{padding-right:var(--radio-size)}input.radio+label:before,input.radio+label:after,div.radio:before,div.radio:after{display:block;position:absolute;content:\"\";box-sizing:border-box;background-clip:padding-box;border-radius:100%}input.radio+label:before,div.radio:before{top:50%;left:0;transform:translateY(-50%);width:var(--radio-size);height:var(--radio-size);background-color:#fbfcfe;border:1px solid rgba(96,125,159,.4)}input.radio+label:after,div.radio:after{top:50%;left:4px;transform:translateY(-50%);width:calc(var(--radio-size) - 8px);height:calc(var(--radio-size) - 8px)}input.radio:disabled+label,div.radio.disabled:before,div.radio.disabled+label{opacity:.25}input.radio:checked+label:after,div.radio.checked:after,.sel div.radio:after{background:var(--gray-900)}body:not(.reduce-focus-visibility) input.radio:focus+label:before,body:not(.reduce-focus-visibility) :focus div.radio:before{box-shadow:var(--focus-ring)}body.reduce-focus-visibility input.radio:focus-visible+label:before,body.reduce-focus-visibility :focus-visible div.radio:before{box-shadow:var(--focus-ring)}.multiselect>select{color:var(--text-color);font-size:14px;appearance:none}body:not(.reduce-focus-visibility) .multiselect>select:focus,body.reduce-focus-visibility .multiselect>select:focus-visible{box-shadow:var(--focus-ring)}.multiselect>select option{padding:1px 8px}.text,.selectize.multiselect .selectize-input{padding:6px 9px}.text{background-color:var(--white)}.text:not(.small){box-sizing:border-box;min-height:2.125rem}.text.small{padding:3px}.text.readable{padding:16px 18px;font-size:16px;line-height:22px}.text.readable+.chars-left{margin-top:-23px}body.ltr .text.clearable{padding-right:var(--touch-target-size)}body.rtl .text.clearable{padding-left:var(--touch-target-size)}.text input{margin:0;padding:0;border:none;background-color:rgba(0,0,0,0)}td.errors .text,.input.errors>.text,.input.errors>.border-box,.input.errors>.passwordwrapper,.input.errors>.autosuggest-container .text,.text.error{border:1px solid var(--error-color) !important}.texticon{position:relative;cursor:text;min-width:130px}.texticon.icon:before{position:absolute;top:9px;color:var(--ui-control-color)}body.ltr .texticon.icon:before{left:9px}body.rtl .texticon.icon:before{right:9px}body.ltr .texticon.icon .text{padding-left:26px}body.rtl .texticon.icon .text{padding-right:26px}.texticon .texticon-icon{position:absolute;top:1.0625rem;transform:translateY(-50%);display:flex;justify-content:center;align-items:center}body.ltr .texticon .texticon-icon{left:9px}body.rtl .texticon .texticon-icon{right:9px}.texticon .clear-btn{position:absolute;top:calc((var(--touch-target-size) - 34px)/-2);width:var(--touch-target-size);height:var(--touch-target-size)}body.ltr .texticon .clear-btn{right:0}body.rtl .texticon .clear-btn{left:0}body.ltr .texticon.has-filter-btn .text{padding-right:26px}body.rtl .texticon.has-filter-btn .text{padding-left:26px}.texticon.has-filter-btn .filter-btn{position:absolute;top:1.0625rem;transform:translateY(-50%);padding:0 7px 4px;font-size:14px;line-height:22px;cursor:pointer;border-radius:13px}body.ltr .texticon.has-filter-btn .filter-btn{right:4px}body.rtl .texticon.has-filter-btn .filter-btn{left:4px}.texticon.has-filter-btn .filter-btn:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"filter\";color:var(--medium-text-color)}.texticon.has-filter-btn .filter-btn:hover{background-color:var(--gray-100)}.texticon.has-filter-btn .filter-btn:active,.texticon.has-filter-btn .filter-btn.active{background-color:var(--gray-350)}.texticon.has-filter-btn .filter-btn:active:before,.texticon.has-filter-btn .filter-btn.active:before{color:var(--white)}body.ltr .texticon.has-filter-btn .text{padding-left:1.625rem}body.rtl .texticon.has-filter-btn .text{padding-right:1.625rem}body.ltr .texticon.has-filter-btn .text.clearable{padding-right:calc(30px + var(--touch-target-size))}body.rtl .texticon.has-filter-btn .text.clearable{padding-left:calc(30px + var(--touch-target-size))}body.ltr .texticon.has-filter-btn .clear-btn{right:30px}body.rtl .texticon.has-filter-btn .clear-btn{left:30px}.texthint-container{position:relative;height:0}.texthint{position:absolute;top:-1px;width:100%;color:var(--light-text-color);cursor:text}.passwordwrapper{position:relative}.passwordwrapper .password{border:none;background:rgba(0,0,0,0);padding-right:4rem;box-shadow:none}.passwordwrapper .password-toggle{color:var(--link-color);position:absolute;top:0;bottom:0;cursor:pointer}body.ltr .passwordwrapper .password-toggle{right:9px}body.rtl .passwordwrapper .password-toggle{left:9px}.passwordwrapper .password-toggle:hover{text-decoration:underline}.datetimewrapper{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:5px}.clear-btn{display:flex;justify-content:center;align-items:center;width:24px;cursor:pointer;color:var(--ui-control-color);border:none;padding:0;background:rgba(0,0,0,0)}.clear-btn:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"remove\"}.clear-btn:hover{color:var(--ui-control-hover-color)}.clear-btn:active{color:var(--ui-control-active-color)}.close-btn{position:relative}.close-btn:before,.close-btn:after{position:absolute;content:\"\";top:50%;left:50%;height:15px;width:2px;background-color:var(--ui-control-color);opacity:var(--icon-opacity)}.close-btn:before{transform:translate(-50%, -50%) rotate(-45deg)}.close-btn:after{transform:translate(-50%, -50%) rotate(45deg)}.close-btn:hover:before,.close-btn:hover:after{background-color:var(--ui-control-hover-color)}.close-btn:active:before,.close-btn:active:after{background-color:var(--ui-control-active-color)}.datewrapper,.timewrapper{display:inline-block;position:relative}.datewrapper .text,.timewrapper .text{position:relative;z-index:1;width:100%}.datewrapper .text+div[data-icon],.timewrapper .text+div[data-icon]{display:none}.datewrapper .text:placeholder-shown+div[data-icon],.datewrapper .text.empty-value+div[data-icon],.timewrapper .text:placeholder-shown+div[data-icon],.timewrapper .text.empty-value+div[data-icon]{display:block;position:absolute;top:calc(50% - 12px);z-index:0;color:var(--light-text-color)}body.ltr .datewrapper .text:placeholder-shown+div[data-icon],body.ltr .datewrapper .text.empty-value+div[data-icon],body.ltr .timewrapper .text:placeholder-shown+div[data-icon],body.ltr .timewrapper .text.empty-value+div[data-icon]{left:14px}body.rtl .datewrapper .text:placeholder-shown+div[data-icon],body.rtl .datewrapper .text.empty-value+div[data-icon],body.rtl .timewrapper .text:placeholder-shown+div[data-icon],body.rtl .timewrapper .text.empty-value+div[data-icon]{right:14px}.datewrapper .text:placeholder-shown+div[data-icon],.datewrapper .text:placeholder-shown+div[data-icon]:before,.datewrapper .text.empty-value+div[data-icon],.datewrapper .text.empty-value+div[data-icon]:before,.timewrapper .text:placeholder-shown+div[data-icon],.timewrapper .text:placeholder-shown+div[data-icon]:before,.timewrapper .text.empty-value+div[data-icon],.timewrapper .text.empty-value+div[data-icon]:before{user-select:none;pointer-events:none;z-index:1}.datewrapper{width:8em}.timewrapper{width:7em}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:var(--gray-400)}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--gray-400)}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:var(--gray-400)}input:-moz-placeholder,textarea:-moz-placeholder{color:var(--gray-400)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--gray-400)}input::placeholder,textarea::placeholder{color:var(--gray-400)}::-ms-reveal,::-ms-clear{display:none}tr.indexingSession td{height:34px;padding:1px 10px}tr.indexingSession td.progress div.progressContainer{width:100%;display:flex;justify-content:space-between;align-items:center}tr.indexingSession td.progress div.progressContainer .progressbar{width:70%;position:relative;left:0;height:12px;z-index:1}tr.indexingSession td.progress div.progressContainer div.progressInfo{width:20%}.select:not(.selectize),.select:not(.selectize) select{position:relative;border-radius:5px;white-space:nowrap}.select:not(.selectize){max-width:100%;position:relative}:not(.flex)>.select:not(.selectize){display:inline-block}.select:not(.selectize):after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transform:rotate(45deg);position:absolute;z-index:1;top:calc(50% - 5px);user-select:none;pointer-events:none}body.ltr .select:not(.selectize):after{right:9px}body.rtl .select:not(.selectize):after{left:9px}.select:not(.selectize) select{display:block;position:relative;max-width:100%;border:none;font-size:14px;line-height:20px;color:#3f4d5a;background-color:#dfe5ec;appearance:none;white-space:pre}body.ltr .select:not(.selectize) select{padding:7px 22px 7px 10px}body.rtl .select:not(.selectize) select{padding:7px 10px 7px 22px}.select:not(.selectize) select::-ms-expand{display:none}.select:not(.selectize).fullwidth select{min-width:100%}.select:not(.selectize) select:hover{outline-color:rgba(0,0,0,0);background-color:#cfd8e2;box-shadow:var(--focus-ring)}body:not(.reduce-focus-visibility) .select:not(.selectize) select:focus,body.reduce-focus-visibility .select:not(.selectize) select:focus-visible{outline-color:rgba(0,0,0,0);background-color:#cfd8e2;box-shadow:var(--focus-ring)}.select:not(.selectize).small:after{top:9px}.select:not(.selectize).small select{padding-top:4px !important;padding-bottom:4px !important;font-size:11px}.selectize .selectize-input{display:block;border-color:inherit;box-shadow:none;background-color:rgba(0,0,0,0)}.selectize .selectize-input .item{max-width:100%}.selectize .selectize-input .item span{overflow:hidden;text-overflow:ellipsis}.selectize.select .selectize-input:after{display:none}body .selectize-dropdown{border:none;z-index:101}.selectize.select{height:34px}.selectize.select input::-webkit-input-placeholder,.selectize.select textarea::-webkit-input-placeholder{color:var(--gray-700)}.selectize.select input:-ms-input-placeholder,.selectize.select textarea:-ms-input-placeholder{color:var(--gray-700)}.selectize.select input::-ms-input-placeholder,.selectize.select textarea::-ms-input-placeholder{color:var(--gray-700)}.selectize.select input:-moz-placeholder,.selectize.select textarea:-moz-placeholder{color:var(--gray-700)}.selectize.select input::-moz-placeholder,.selectize.select textarea::-moz-placeholder{color:var(--gray-700)}.selectize.select input::placeholder,.selectize.select textarea::placeholder{color:var(--gray-700)}.selectize.select:not(.fullwidth){width:25em;max-width:100%}.datetimewrapper .selectize.select:not(.fullwidth){max-width:calc(100% - 29px)}.selectize.select .selectize-control{max-width:100%;position:relative}:not(.flex)>.selectize.select .selectize-control{display:inline-block}.selectize.select .selectize-control:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transform:rotate(45deg);position:absolute;z-index:1;top:calc(50% - 5px);user-select:none;pointer-events:none}body.ltr .selectize.select .selectize-control:after{right:9px}body.rtl .selectize.select .selectize-control:after{left:9px}.selectize.select .selectize-input{position:relative;border-radius:5px;white-space:nowrap}.selectize.select .selectize-input.focus{box-shadow:var(--focus-ring)}.selectize.select .selectize-input{display:block;position:relative;max-width:100%;border:none;font-size:14px;line-height:20px;color:#3f4d5a;background-color:#dfe5ec;appearance:none}body.ltr .selectize.select .selectize-input{padding:7px 22px 7px 10px}body.rtl .selectize.select .selectize-input{padding:7px 10px 7px 22px}.selectize.select .selectize-input::-ms-expand{display:none}.selectize.select .selectize-control,.selectize.select .selectize-input{width:100%}.selectize.multiselect .selectize-input{min-height:34px;padding-bottom:3px}.selectize.multiselect .selectize-input.focus{box-shadow:var(--focus-ring)}.selectize.multiselect .selectize-input>.item{display:inline-block;border-radius:3px;padding:3px 7px;font-size:12px;line-height:14px;color:#3f4d5a;background-color:#e4edf6;display:inline-flex;flex-direction:row;padding:3px 7px !important}.selectize.multiselect .selectize-input>.item.active{background-color:#cdd8e4}.selectize.multiselect .selectize-input>.item>.remove{position:static;border-left:none;padding:0;font-size:0;color:var(--ui-control-color)}body.ltr .selectize.multiselect .selectize-input>.item>.remove{margin:-1px -3px 0 3px}body.rtl .selectize.multiselect .selectize-input>.item>.remove{margin:-1px 3px 0 -3px}.selectize.multiselect .selectize-input>.item>.remove:hover{color:var(--ui-control-hover-color);background-color:rgba(0,0,0,0)}.selectize.multiselect .selectize-input>.item>.remove:before{font-size:14px;font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"remove\"}body .selectize-dropdown{margin-top:1px}body .selectize-dropdown [data-selectable],body .selectize-dropdown .optgroup-header{margin:0 -14px;padding:10px 14px;color:#3f4d5a;text-decoration:none;white-space:nowrap}body .selectize-dropdown .optgroup{padding-top:5px}body .selectize-dropdown .optgroup:not(:first-child){border-top:1px solid var(--hairline-color)}body .selectize-dropdown .optgroup .option{padding-left:24px}body .selectize-dropdown .optgroup-header{margin:14px 0 3px;font-size:11px;line-height:1.2;color:#606d7b;text-transform:uppercase;margin:0;padding:4px 0}body .selectize-dropdown .active:not(.selected){background-color:var(--gray-100)}body .selectize-dropdown .selected{color:#fff;background-color:#606d7b;cursor:default !important}body .selectize-dropdown .selected .light{color:inherit !important}body .selectize-dropdown-content{z-index:100;border-radius:4px;padding:0 14px;overflow:auto;background:#fff;user-select:none;box-shadow:0 0 0 1px rgba(31,41,51,.1),0 5px 20px rgba(31,41,51,.25);max-height:70vh}body .selectize-dropdown-content .option{min-height:18px}body .selectize-dropdown-content>div[data-value=new]:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"plus\";margin-right:5px}body .selectize-dropdown-content>div[data-value=new]:after{content:\"…\"}body.no-scroll .selectize-dropdown-content{max-height:200px}.ui-datepicker{position:fixed;top:-300px;-padding:10px;width:210px;height:242px;z-index:101 !important}body.ltr .ui-datepicker{margin-left:1px}body.rtl .ui-datepicker{margin-right:1px}.ui-datepicker-header{padding:8px 8px 4px}body.ltr .ui-datepicker-prev{float:left}body.rtl .ui-datepicker-prev{float:right}body.ltr .ui-datepicker-next{float:right}body.rtl .ui-datepicker-next{float:left}.ui-datepicker-prev span,.ui-datepicker-next span{display:none}.ui-datepicker-prev,.ui-datepicker-next{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.ui-datepicker-prev:hover:after,.ui-datepicker-next:hover:after{border-color:var(--link-color)}.ui-datepicker-prev:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8}body.ltr .ui-datepicker-prev:after{transform:rotate(135deg)}body.rtl .ui-datepicker-prev:after{transform:rotate(-45deg)}.ui-datepicker-next:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8}body.ltr .ui-datepicker-next:after{transform:rotate(-45deg)}body.rtl .ui-datepicker-next:after{transform:rotate(135deg)}.ui-datepicker-title{text-align:center}.ui-datepicker-calendar th,.ui-datepicker-calendar td{padding:2px !important}.ui-datepicker-calendar th span,.ui-datepicker-calendar td a{display:block;width:1.625rem;line-height:26px;text-align:center;color:var(--text-color)}.ui-datepicker-calendar th span{color:var(--medium-text-color);font-weight:normal}.ui-datepicker-calendar td a{border-radius:2px}.ui-datepicker-calendar td a:hover{background-color:var(--light-sel-color);text-decoration:none}.ui-datepicker-calendar td a.ui-state-active{background-color:var(--dark-sel-color);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;cursor:default}.ui-datepicker-calendar td.ui-datepicker-today a{border-radius:13px;box-shadow:inset 0 0 0 2px var(--light-sel-color)}.ui-timepicker-wrapper{z-index:101}.ui-timepicker-list{overflow-y:auto;width:calc(14px + 6em);height:210px;z-index:100}body.ltr .ui-timepicker-list{margin-left:1px}body.rtl .ui-timepicker-list{margin-right:1px}.ui-timepicker-list li{white-space:nowrap;cursor:pointer}body.ltr .ui-timepicker-list li{padding:2px 0 2px 14px}body.rtl .ui-timepicker-list li{padding:2px 14px 2px 0}.ui-timepicker-list li:hover{background-color:var(--light-sel-color)}.ui-timepicker-list li.ui-timepicker-selected{background-color:var(--dark-sel-color);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;cursor:default}.slide-picker{display:flex;height:15px;white-space:nowrap}.slide-picker a{border:1px solid var(--hairline-color);background-image:none;width:7px;height:13px;margin-left:0;display:inline-block;margin-top:1px;margin-bottom:1px;box-sizing:border-box}body.ltr .slide-picker a{border-left:none}body.rtl .slide-picker a{border-right:none}.slide-picker a:first-child{width:8px}body.ltr .slide-picker a:first-child{border-left:1px solid var(--gray-400) !important}body.rtl .slide-picker a:first-child{border-right:1px solid var(--gray-400) !important}.slide-picker:not(:hover) a.active,.slide-picker:hover a.active-hover{border-top-color:var(--gray-400);border-bottom-color:var(--gray-400);height:15px;margin-top:0;margin-bottom:0}body.ltr .slide-picker:not(:hover) a.active:first-child,body.ltr .slide-picker:hover a.active-hover:first-child{border-left:1px solid var(--gray-400)}body.rtl .slide-picker:not(:hover) a.active:first-child,body.rtl .slide-picker:hover a.active-hover:first-child{border-right:1px solid var(--gray-400)}body.ltr .slide-picker:not(:hover) a.active:first-child,body.ltr .slide-picker:hover a.active-hover:first-child{border-top-left-radius:var(--small-border-radius)}body.rtl .slide-picker:not(:hover) a.active:first-child,body.rtl .slide-picker:hover a.active-hover:first-child{border-top-right-radius:var(--small-border-radius)}body.ltr .slide-picker:not(:hover) a.active:first-child,body.ltr .slide-picker:hover a.active-hover:first-child{border-bottom-left-radius:var(--small-border-radius)}body.rtl .slide-picker:not(:hover) a.active:first-child,body.rtl .slide-picker:hover a.active-hover:first-child{border-bottom-right-radius:var(--small-border-radius)}body.ltr .slide-picker:not(:hover) a.last-active,body.ltr .slide-picker:hover a.last-active-hover{border-right:1px solid var(--gray-400)}body.rtl .slide-picker:not(:hover) a.last-active,body.rtl .slide-picker:hover a.last-active-hover{border-left:1px solid var(--gray-400)}body.ltr .slide-picker:not(:hover) a.last-active,body.ltr .slide-picker:hover a.last-active-hover{border-top-right-radius:var(--small-border-radius)}body.rtl .slide-picker:not(:hover) a.last-active,body.rtl .slide-picker:hover a.last-active-hover{border-top-left-radius:var(--small-border-radius)}body.ltr .slide-picker:not(:hover) a.last-active,body.ltr .slide-picker:hover a.last-active-hover{border-bottom-right-radius:var(--small-border-radius)}body.rtl .slide-picker:not(:hover) a.last-active,body.rtl .slide-picker:hover a.last-active-hover{border-bottom-left-radius:var(--small-border-radius)}.slide-picker:focus a.active{background-color:var(--light-sel-color)}ul.errors{margin-top:5px;list-style-type:square}body.ltr ul.errors{padding-left:20px}body.rtl ul.errors{padding-right:20px}ul.errors li{color:var(--error-color)}.message-container{position:absolute;z-index:100;top:0;width:100%;height:100%}body.ltr .message-container{left:0}body.rtl .message-container{right:0}.message-container.no-access{background-color:rgba(31,41,51,.5)}.message-container .pane{top:50%;margin-top:-33px !important;margin-left:auto;margin-right:auto;width:320px;box-shadow:0 25px 100px rgba(31,41,51,.5)}.autosuggest-container{position:relative}.autosuggest__results-container{position:absolute;z-index:2;width:100%;border-radius:var(--large-border-radius);background-color:var(--white);box-shadow:0 1px 5px -1px rgba(31,41,51,.2);box-sizing:border-box;padding:0 14px;text-align:left;font-family:system-ui,BlinkMacSystemFont,-apple-system,\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",sans-serif;font-size:1em !important}.autosuggest__results-container .autosuggest__results-before{margin:14px 0 3px;font-size:11px;line-height:1.2;color:#606d7b;text-transform:uppercase;margin-top:14px !important}.autosuggest__results-container .autosuggest__results-item{margin:0 -14px;padding:10px 14px;color:#3f4d5a;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.autosuggest__results-container .autosuggest__results-item:hover,.autosuggest__results-container .autosuggest__results-item.autosuggest__results-item--highlighted{color:#fff;background-color:#606d7b;cursor:pointer}.autosuggest__results-container .autosuggest__results-item:hover .light,.autosuggest__results-container .autosuggest__results-item.autosuggest__results-item--highlighted .light{color:#e4edf6 !important}.matrix>.buttons{margin-top:10px}.matrixblock{position:relative;margin-bottom:10px;padding:0 var(--m) var(--m);border-radius:var(--large-border-radius);border:1px solid var(--hairline-color);background-color:var(--gray-050)}.matrixblock.static{padding-top:14px}.matrixblock .flex-fields{--row-gap: var(--m) !important}.matrixblock>.titlebar{margin:0 -14px;width:calc(100% + 28px);box-sizing:border-box;border-radius:calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) 0 0;color:var(--light-text-color);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;cursor:default;user-select:none;position:relative;background-color:#ebf2fa}body.ltr .matrixblock>.titlebar{padding:5px 70px 5px 35px}body.rtl .matrixblock>.titlebar{padding:5px 35px 5px 70px}.matrixblock>.titlebar:after{display:block;content:\"\";position:absolute;bottom:-1px;left:14px;width:calc(100% - 28px);height:1px;background-color:var(--hairline-color)}.matrixblock>.titlebar>.blocktype{display:inline;color:var(--medium-text-color)}.matrixblock>.titlebar>.preview{display:inline;opacity:0;transition:opacity linear 100ms}body.ltr .matrixblock>.titlebar>.preview{margin-left:7px}body.rtl .matrixblock>.titlebar>.preview{margin-right:7px}.matrixblock>.titlebar>.preview span{opacity:.5}.matrixblock.disabled{opacity:1}body.ltr .matrixblock.disabled>.titlebar{padding-right:90px}body.rtl .matrixblock.disabled>.titlebar{padding-left:90px}.matrixblock.disabled>.actions>.status.off{display:block}.matrixblock.collapsed>.titlebar{border-radius:var(--titlebar-border-radius);border-bottom:none}.matrixblock.collapsed>.titlebar>.preview{opacity:1}.matrixblock>.checkbox{position:absolute;top:7px}body.ltr .matrixblock>.checkbox{left:14px}body.rtl .matrixblock>.checkbox{right:14px}.matrixblock>.actions{display:flex;align-items:center;position:absolute;top:5px;cursor:default}body.ltr .matrixblock>.actions{right:14px}body.rtl .matrixblock>.actions{left:14px}body.ltr .matrixblock>.actions>*{margin:0 0 0 5px}body.rtl .matrixblock>.actions>*{margin:0 5px 0 0}.matrixblock>.actions .settings{padding:0 8px;height:20px;color:var(--ui-control-color)}body.ltr .matrixblock>.actions .settings:before{margin-right:0 !important}body.rtl .matrixblock>.actions .settings:before{margin-left:0 !important}.matrixblock>.actions .settings:not(:hover):not(:active){background-color:rgba(0,0,0,0)}.matrixblock>.actions .move{margin-top:-4px !important}.matrixblock>.actions>.status.off{display:none}.matrixblock>.actions a:not([data-action]){padding:0;height:20px;text-align:center;color:var(--dark-hairline-color);transform:color linear 100ms}.matrixblock>.actions a:not([data-action]).settings:after{border-color:var(--dark-hairline-color);transform:border-color linear 100ms}body.ltr .matrixblock>.actions a:not([data-action]).settings:after{margin-left:3px}body.rtl .matrixblock>.actions a:not([data-action]).settings:after{margin-right:3px}.matrixblock>.actions a:not([data-action]):hover{color:var(--link-color)}.matrixblock>.actions a:not([data-action]):hover.settings:after{border-color:var(--link-color)}.matrixblock:not(.static)>.fields{padding-top:14px}.matrixblock>.fields>.flex-fields>.field:before{display:none}.matrixblock>.buttons{margin-top:0;height:30px}.add-category-form{margin-top:24px}.add-category-form .texticon{width:200px}body.ltr .add-category-form .texticon{float:left}body.rtl .add-category-form .texticon{float:right}body.ltr .add-category-form .texticon{margin-right:5px}body.rtl .add-category-form .texticon{margin-left:5px}body.ltr .add-category-form .texticon .text{padding-right:30px}body.rtl .add-category-form .texticon .text{padding-left:30px}.add-category-form .texticon .spinner{position:absolute;top:0}body.ltr .add-category-form .texticon .spinner{right:5px}body.rtl .add-category-form .texticon .spinner{left:5px}body.sitepicker #main-content{padding:30px;justify-content:center;align-items:center;text-align:center}body.sitepicker #content-container{max-width:400px}.sitepicker-group li:not(:first-child) a{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.sitepicker-group li:not(:first-child) a:not(:hover){border-top-color:rgba(0,0,0,0)}.sitepicker-group li:not(:last-child) a{border-bottom-left-radius:0;border-bottom-right-radius:0}.sitepicker-group li a{display:block;position:relative;text-align:left;width:100%;box-sizing:border-box;border:1px solid var(--hairline-color);border-radius:var(--medium-border-radius);font-size:16px;line-height:1.4}body.ltr .sitepicker-group li a{padding:9px 42px 9px 15px}body.rtl .sitepicker-group li a{padding:9px 15px 9px 42px}.sitepicker-group li a:after{font-size:14px;position:absolute;top:calc(50% - 7px);margin:0;padding:0}body.ltr .sitepicker-group li a:after{right:12px}body.rtl .sitepicker-group li a:after{left:12px}.sitepicker-group li a:hover{border-color:var(--link-color);text-decoration:none;z-index:1}.elementselectormodal .body .main{float:left \\9 ;width:445px \\9 }@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5),only screen and (min-resolution: 1.5dppx){.structure ul li{background-size:40px}body.ltr .structure ul li{background-image:url(../images/branch_2x.png)}body.rtl .structure ul li{background-image:url(../images/branch_rtl_2x.png)}.hud .tip-left{background-image:url(../images/hudtip_left_2x.png);background-size:15px 30px}.hud .tip-top{background-image:url(../images/hudtip_top_2x.png);background-size:30px 15px}.hud .tip-right{background-image:url(../images/hudtip_right_2x.png);background-size:15px 30px}.hud .tip-bottom{background-image:url(../images/hudtip_bottom_2x.png);background-size:30px 15px}.hud.has-footer .tip-bottom{background-image:url(../images/hudtip_bottom_gray_2x.png)}}:root{--xs: 4px;--s: 8px;--m: 14px;--l: 18px;--xl: 24px;--padding: var(--xl);--neg-padding: calc(var(--padding) * -1)}html{-webkit-text-size-adjust:100%;min-height:100vh}body{min-height:100vh}body.dragging *{cursor:move !important;cursor:grabbing !important}body :focus{outline-style:solid;outline-color:rgba(0,0,0,0);box-shadow:var(--focus-ring)}.reduce-focus-visibility :focus:not(:focus-visible){box-shadow:none}.reduce-focus-visibility :focus-visible{box-shadow:var(--focus-ring)}.skip-link{position:absolute;margin:5px;left:-10000px;top:0;width:1px;height:1px;overflow:hidden;z-index:101}.skip-link:focus{left:unset;width:auto;height:auto;background-color:var(--gray-100) !important}body.ltr .skip-link:focus{left:0}body.rtl .skip-link:focus{right:0}@media only screen and (min-width: 1200px){#global-skip-link{--light-color: var(--white);--dark-color: var(--gray-800);--focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color)}}#global-container{position:relative;display:flex;flex-direction:column;min-height:100vh}body.ltr #global-container{left:0}body.rtl #global-container{right:0}@media screen and (prefers-reduced-motion: no-preference){body.ltr #global-container{transition:left 250ms ease-out}body.rtl #global-container{transition:right 250ms ease-out}}#global-sidebar{--is-always-visible: true;position:fixed;z-index:100;display:flex;flex-direction:column;height:100vh;padding:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;--focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)), 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);background-color:var(--gray-800)}#global-sidebar a{color:var(--gray-100);text-decoration:none}#global-sidebar>a[href]:not(.sel):hover,#global-sidebar *:not(.has-subnav)>a[href]:not(.sel):hover{background-color:#29333d}#global-sidebar>a:not([href]),#global-sidebar *:not(.has-subnav)>a:not([href]){cursor:default;background-color:rgba(0,0,0,0)}#global-sidebar .light{color:var(--gray-400)}@media only screen and (max-width: 1199px){#global-sidebar{--is-always-visible: false}}#system-info{display:grid;grid-template-columns:30px auto;grid-gap:10px;height:50px;padding:0 10px;position:relative;flex:0 0 50px;flex-direction:row;align-items:center;background-color:#29333d}#system-info:after{display:none}#system-info:focus,#system-info:hover{background-color:#1f272e !important}#site-icon{height:30px}#site-icon img,#site-icon svg{display:block;width:30px;height:30px;border-radius:4px}#site-icon svg rect,#site-icon svg circle,#site-icon svg ellipse,#site-icon svg line,#site-icon svg polyline,#site-icon svg polygon,#site-icon svg path,#site-icon svg text{fill:var(--medium-text-color);stroke-width:0}#system-name h2,#system-name .h2{margin:0;width:100%;overflow:hidden;max-height:40px;position:relative;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}#system-name h2:after,#system-name .h2:after{display:block;content:\"\";font-size:0;position:absolute;top:0;width:var(--m);background-image:linear-gradient(to right, rgba(41, 51, 61, 0), #29333d)}body.ltr #system-name h2:after,body.ltr #system-name .h2:after{right:0}body.rtl #system-name h2:after,body.rtl #system-name .h2:after{left:0}#system-info:hover #system-name h2:after,#system-info:hover #system-name .h2:after{background-image:linear-gradient(to right, rgba(31, 39, 46, 0), #1f272e)}#job-icon{align-items:flex-start}#job-icon>span.icon{display:block;position:relative;width:16px;height:16px;margin-top:2px !important}#job-icon>span.icon>canvas{display:block;position:absolute;width:16px;height:16px}#job-icon>span.icon>canvas#job-icon-hover{opacity:0}#job-icon[href]:hover .icon>span.icon>canvas#job-icon-hover{opacity:1}#job-icon .progress-label{display:block;color:var(--gray-300);font-size:11px;line-height:1.5}#nav{flex:1;margin:22px 0 0;padding-bottom:var(--xl);overflow:visible}body.has-debug-toolbar #nav{padding-bottom:calc(42px + var(--xl))}#nav li:not(.has-subnav)>a.sel{color:var(--gray-800);background-color:var(--gray-100) !important;opacity:1}#nav li:not(.has-subnav)>a.sel .icon{opacity:1}#nav li a{position:relative;padding-left:var(--m);padding-right:var(--m)}#nav li a:focus{z-index:1}#nav li a.menubtn{line-height:26px}#nav li a.external:after{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"external\"}body.ltr #nav li a.external:after{margin-left:5px}body.rtl #nav li a.external:after{margin-right:5px}#nav li a .label,#nav li a .label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#nav li a .badge{background-color:var(--gray-200);color:var(--gray-800)}body.ltr #nav li a .badge{margin-right:0}body.rtl #nav li a .badge{margin-left:0}#nav li ul{display:block;margin-bottom:10px}#nav li ul li a{font-size:12px}body.ltr #nav li ul li a{padding:3px var(--m) 3px 42px !important}body.rtl #nav li ul li a{padding:3px 42px 3px var(--m) !important}#nav li ul li a:not(.active){color:var(--gray-200)}#global-footer{display:flex;flex-direction:column;align-items:center;padding:var(--m) var(--m) var(--xl);gap:var(--m)}body.has-debug-toolbar #global-footer{padding-bottom:calc(var(--xl) + 42px)}#global-footer a{white-space:nowrap}#app-info{display:flex;flex-direction:row;justify-content:center;gap:var(--m)}#trial-info{padding:16px var(--xl);border-radius:var(--large-border-radius);background-color:#dbe5f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 0 1px #bdcbdb,0 2px 12px rgba(205,216,228,.5);text-align:center}#app-version{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--gray-600);text-align:center;gap:var(--s)}#app-version a{color:var(--gray-600);text-decoration:underline}#app-version a.go:hover:after{color:var(--gray-600)}#edition-logo{position:relative;top:-1px;user-select:none;border:1px solid var(--gray-600);border-radius:3px;display:inline-flex;box-sizing:content-box;font-size:11px;padding:6px 7px;line-height:8px;font-weight:600;letter-spacing:1.7px;padding-right:5px;text-transform:uppercase}#devmode{flex:0 0 4px;width:100%;min-height:4px;background:url(../images/dev-mode.svg) repeat-x 21px 0;cursor:help}#page-container{display:flex;flex-direction:column;flex-grow:1}body.ltr #page-container{padding-left:226px}body.rtl #page-container{padding-right:226px}#alerts{position:relative;background-color:var(--red-050);border-left:6px solid var(--error-color);color:var(--error-color)}#alerts>li{padding:10px 24px;box-shadow:inset 0 -1px 0 0 var(--red-100)}#alerts>li a.btn,#alerts>li a.go{display:inline-flex;align-items:center}#alerts>li a:not(.btn){color:var(--error-color);text-decoration:underline}#alerts>li a:not(.btn).go{text-decoration:none;white-space:nowrap;border:1px solid rgba(220,38,38,.5);border-radius:var(--medium-border-radius);padding:4px 5px;margin:0 2px}#alerts>li a:not(.btn).go:after{color:var(--error-color);font-size:15px;margin-top:1px}#alerts>li a:not(.btn).go:hover{border-color:var(--error-color)}#global-header{width:100%;margin-bottom:var(--m);background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);background:var(--gray-050)}#global-header:focus{box-shadow:var(--focus-ring)}#global-header .flex{align-items:center}#global-header .btn{--ui-control-color: var(--gray-400);--ui-control-hover-color: var(--gray-500);--ui-control-active-color: var(--gray-600)}.nav-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:50px;line-height:26px;color:currentColor;text-align:center}body.ltr .nav-toggle{margin-left:-10px}body.rtl .nav-toggle{margin-right:-10px}.nav-toggle:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"menu\";font-size:16px;line-height:0}.nav-toggle:hover{color:var(--gray-400)}#crumbs{display:flex;flex-direction:row;align-items:center;font-size:13px;margin:0 !important}#crumbs.empty{display:none}#crumbs a,#crumbs button{color:var(--light-text-color);transition:color linear 100ms}#crumbs a:hover,#crumbs button:hover{color:var(--link-color);text-decoration:none}#crumbs nav{margin:0}.breadcrumb-list{display:flex;flex-direction:row;align-items:stretch;flex-wrap:wrap}.breadcrumb-list li{display:inline-flex;align-items:center}.breadcrumb-list li a,.breadcrumb-list li button{padding:15px 0}.breadcrumb-list li button{cursor:pointer}.breadcrumb-list li:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid var(--medium-hairline-color);border-width:0 2px 2px 0;opacity:.8}body.ltr .breadcrumb-list li:after{margin:0 8px 0 7px}body.rtl .breadcrumb-list li:after{margin:0 7px 0 8px}body.ltr .breadcrumb-list li:after{transform:rotate(-45deg)}body.rtl .breadcrumb-list li:after{transform:rotate(135deg)}.breadcrumb-list .menu--disclosure li{display:block}.breadcrumb-list .menu--disclosure li::after{content:none}li.breadcrumb-toggle-wrapper::after{content:none}#account-menu ul li a{max-width:calc(100% + 28px) !important}#announcements-btn{width:30px;height:30px;padding-left:0;padding-right:0;width:40px;position:relative}#announcements-btn:not(:hover):not(:active):not(.active){background-color:rgba(0,0,0,0)}#announcements-btn:not(:active):not(.active):hover{background-color:rgba(154,165,177,.15)}#announcements-btn.unread:after{content:\"\";display:block;position:absolute;top:3px;width:7px;height:7px;border-radius:4px;background-color:var(--blue-600)}body.ltr #announcements-btn.unread:after{right:7px}body.rtl #announcements-btn.unread:after{left:7px}#announcements-btn svg{width:22px;height:22px}#announcements-btn svg rect,#announcements-btn svg circle,#announcements-btn svg ellipse,#announcements-btn svg line,#announcements-btn svg polyline,#announcements-btn svg polygon,#announcements-btn svg path,#announcements-btn svg text{fill:var(--ui-control-color);stroke-width:0}#announcements-btn:hover svg rect,#announcements-btn:hover svg circle,#announcements-btn:hover svg ellipse,#announcements-btn:hover svg line,#announcements-btn:hover svg polyline,#announcements-btn:hover svg polygon,#announcements-btn:hover svg path,#announcements-btn:hover svg text,#announcements-btn:active svg rect,#announcements-btn:active svg circle,#announcements-btn:active svg ellipse,#announcements-btn:active svg line,#announcements-btn:active svg polyline,#announcements-btn:active svg polygon,#announcements-btn:active svg path,#announcements-btn:active svg text,#announcements-btn.active svg rect,#announcements-btn.active svg circle,#announcements-btn.active svg ellipse,#announcements-btn.active svg line,#announcements-btn.active svg polyline,#announcements-btn.active svg polygon,#announcements-btn.active svg path,#announcements-btn.active svg text{fill:var(--ui-control-active-color);stroke-width:0}#announcements{max-width:350px}#announcements .announcement:not(:first-child){margin-top:20px}#announcements .announcement .announcement-label-container{margin-top:-3px;display:flex;align-items:center;margin-bottom:3px}#announcements .announcement .announcement-label-container .announcement-icon svg{display:block;width:15px;height:15px}#announcements .announcement .announcement-label-container .announcement-label{margin-left:5px;font-size:12px;color:var(--light-text-color)}#announcements .announcement.unread .announcement__heading:after{content:\"\";display:block;position:absolute;top:7px;width:7px;height:7px;border-radius:4px;background-color:var(--blue-600)}body.ltr #announcements .announcement.unread .announcement__heading:after{left:-13px}body.rtl #announcements .announcement.unread .announcement__heading:after{right:-13px}#announcements .announcement p{margin:0}#announcements .announcement__header{display:grid}#announcements .announcement__heading{position:relative;margin:0 0 3px;order:1}#user-info{display:flex;flex-direction:row;align-items:center;padding-top:5px;padding-bottom:5px;height:100%;background-color:rgba(0,0,0,0);border-radius:0}body.ltr #user-info{padding-right:25px}body.rtl #user-info{padding-left:25px}#user-info:after{border-color:var(--ui-control-color);transition:border-color linear 100ms}#user-info:hover:after{border-color:var(--ui-control-hover-color)}#user-info[aria-expanded=true]:after{border-color:var(--ui-control-active-color)}.header-photo{padding:5px 0}.header-photo img,.header-photo svg{display:block;width:30px;height:30px;max-width:none;border-radius:50%;box-shadow:0 0 0 1px rgba(31,41,51,.05),0 0 0 rgba(31,41,51,0);transition:box-shadow linear 150ms}#user-info:hover .header-photo img,#user-info:hover .header-photo svg{box-shadow:0 0 0 1px rgba(31,41,51,.05),0 2px 10px -2px rgba(31,41,51,.3)}#main-container{position:relative;flex-grow:1}#notifications{position:fixed;bottom:8px;width:calc(100% - 16px);z-index:101}body.ltr #notifications{left:8px}body.rtl #notifications{right:8px}body.has-debug-toolbar #notifications{bottom:50px}@media only screen and (min-width: 974px){#notifications{width:350px}}#notifications .notification{display:flex;position:relative;background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);padding:10px 14px;border-radius:var(--large-border-radius);box-shadow:0 0 0 1px rgba(19,26,32,.15),0 2px 12px rgba(19,26,32,.15);--color: var(--notice-color)}#notifications .notification:focus{box-shadow:var(--focus-ring)}#notifications .notification[data-type=success]{--color: var(--success-color)}#notifications .notification[data-type=error]{--color: var(--error-color)}#notifications .notification+.notification{margin-top:12px}#notifications .notification .notification-icon{width:18px;margin-top:-2px;font-size:18px;color:var(--color)}body.ltr #notifications .notification .notification-icon{margin-right:10px}body.rtl #notifications .notification .notification-icon{margin-left:10px}#notifications .notification .notification-body{display:flex;flex:1}#notifications .notification .notification-body .notification-message{font-weight:bold;word-break:normal;overflow-wrap:anywhere}#notifications .notification .notification-body .notification-details{margin-top:var(--xs)}#notifications .notification .notification-body .notification-details .chip{border:1px solid rgba(51,64,77,.1)}#notifications .notification .notification-close-btn{position:relative;top:-2px}body.ltr #notifications .notification .notification-close-btn{margin-left:10px}body.rtl #notifications .notification .notification-close-btn{margin-right:10px}#header-container{margin-bottom:var(--m)}#crumbs,#header{padding-left:var(--padding);padding-right:var(--padding)}@media only screen and (min-width: 1200px){#primary-nav-toggle{display:none}}#global-header .flex,#header .flex{max-width:100%}#global-header .flex.flex-nowrap,#header .flex.flex-nowrap{min-width:0}#header{display:flex;align-items:flex-start;align-content:stretch;flex-wrap:nowrap;justify-content:space-between;gap:var(--s);padding-top:var(--s);padding-bottom:var(--s);position:relative;z-index:2;width:calc(100vw - 226px);box-sizing:border-box;background-color:rgba(154,165,177,0);box-shadow:0 1px 0 rgba(51,64,77,0);transition:background-color linear 100ms,box-shadow linear 100ms}body.fixed-header #header{position:fixed;z-index:12;top:0;background-color:var(--gray-100);box-shadow:inset 0 -1px 0 rgba(63,77,90,.1)}@supports(backdrop-filter: blur(10px)){#header{transition:background-color linear 100ms,box-shadow linear 100ms,backdrop-filter linear 100ms}body.fixed-header #header{background-color:rgba(228,237,246,.75);backdrop-filter:blur(10px)}}#header h1{line-height:34px;margin-top:0;margin-bottom:0;min-width:0}#header .buttons,#header .btngroup{margin-top:0}@media only screen and (min-width: 974px){#page-title.has-toolbar{min-width:calc(226px - var(--xl) - var(--s)) !important}}#toolbar{flex:1;align-items:flex-start;justify-content:space-between}#toolbar .icon:before,#toolbar .texticon:before,#toolbar .menubtn:after,#toolbar [data-icon]:before,#toolbar [data-icon-after]:after{color:currentColor;opacity:.8}#toolbar .text{border-radius:var(--large-border-radius)}#toolbar .text::-webkit-input-placeholder{color:var(--light-text-color)}#toolbar .text:-ms-input-placeholder{color:var(--light-text-color)}#toolbar .text::-ms-input-placeholder{color:var(--light-text-color)}#toolbar .text:-moz-placeholder{color:var(--light-text-color)}#toolbar .text::-moz-placeholder{color:var(--light-text-color)}#toolbar .text::placeholder{color:var(--light-text-color)}#toolbar .text:not(:focus){background-clip:border-box}@media only screen and (max-width: 400px){#action-buttons .btngroup .btn:first-child{flex-basis:100%}}@media only screen and (max-width: 973px){#action-buttons{margin-top:10px}}#main-content{display:flex;flex-direction:row;align-items:flex-start;width:calc(100vw - 226px);padding:0 var(--padding) 48px;box-sizing:border-box}#main-content>.grid:only-child{flex:1}#sidebar-toggle-container{display:none}#sidebar-container{flex:0 0 226px;width:226px;box-sizing:border-box}@media only screen and (min-width: 1200px){body.ltr #sidebar-container{margin-left:calc(var(--xl)*-1)}body.rtl #sidebar-container{margin-right:calc(var(--xl)*-1)}}#sidebar{position:relative;box-sizing:border-box;padding:0 31px var(--m);width:226px;background-color:rgba(0,0,0,0)}#sidebar.fixed{position:fixed}#sidebar nav{margin-left:-31px;margin-right:-31px}#sidebar nav li a{position:relative}#sidebar nav li a:focus{z-index:1}#sidebar nav li a:not(.sel):hover{background-color:var(--gray-200)}#content-container{flex:1}#main-content:not(.has-sidebar):not(.has-details) #content-container{width:100%;max-width:100%}#main-content.has-sidebar #content-container{width:calc(100% - 202px);max-width:calc(100% - 202px)}#main-content.has-details #content-container{width:calc(100% - 350px - var(--m));max-width:calc(100% - 350px - var(--m))}#content-container #main-content.has-sidebar.has-details{width:calc(100% - 226px - 350px - 38px);max-width:calc(100% - 226px - 350px - 38px)}#content-heading{margin-top:var(--xl) !important}@media only screen and (min-width: 974px){#content-heading{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}}.content-pane{background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);border-radius:var(--large-border-radius);position:relative;background-clip:padding-box;padding:var(--xl) var(--padding);word-wrap:break-word}.content-pane:focus{box-shadow:var(--focus-ring)}.content-pane>hr{margin-left:calc(var(--xl)*-1);margin-right:calc(var(--xl)*-1)}#footer{position:sticky;bottom:0;z-index:1;margin:calc(var(--xl) + 1px) calc(var(--padding)*-1 + 2px) calc(var(--xl)*-1 + 2px);padding:var(--s) var(--padding);background-color:var(--gray-050);border-radius:var(--small-border-radius);box-sizing:border-box;min-height:50px}#footer:empty{display:none}#footer.stuck{border-radius:0}@supports(backdrop-filter: blur(10px)){#footer.stuck{background-color:rgba(228,237,246,.75);backdrop-filter:blur(10px)}}.has-debug-toolbar #footer{transition:padding linear 100ms}.has-debug-toolbar #footer.stuck{padding-bottom:52px}#footer>*,#footer .flex>*{margin-bottom:0}#details-container{flex:0 0 388px;width:388px;box-sizing:border-box}body.ltr #details-container{margin-right:calc(var(--xl)*-1)}body.rtl #details-container{margin-left:calc(var(--xl)*-1)}#details{box-sizing:border-box;width:388px;z-index:1}body.ltr #details{padding-right:var(--xl)}body.rtl #details{padding-left:var(--xl)}body.ltr #details{padding-left:var(--m)}body.rtl #details{padding-right:var(--m)}#details.fixed{position:fixed}#details .details{padding-bottom:calc(var(--xl) + 11.5em)}#details .details .meta{border-radius:var(--large-border-radius)}#details .details .meta:not(.read-only):not(.warning){background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5)}#details .details .meta:not(.read-only):not(.warning):focus{box-shadow:var(--focus-ring)}#details .details .meta.read-only{color:var(--medium-text-color);background-color:rgba(0,0,0,0) !important}#details .details .meta>.field:first-child,#details .details .meta>.data:first-child{border-top-right-radius:var(--large-border-radius)}#details .details .meta>.field:first-child,#details .details .meta>.field:first-child>.status-badge,#details .details .meta>.data:first-child,#details .details .meta>.data:first-child>.status-badge{border-top-left-radius:var(--large-border-radius)}#details .details .meta>.field:last-child,#details .details .meta>.data:last-child{border-bottom-right-radius:var(--large-border-radius)}#details .details .meta>.field:last-child,#details .details .meta>.field:last-child>.status-badge,#details .details .meta>.data:last-child,#details .details .meta>.data:last-child>.status-badge{border-bottom-left-radius:var(--large-border-radius)}#details .details>.field>.input>.text.fullwidth{background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5)}#details .details>.field>.input>.text.fullwidth:focus{box-shadow:var(--focus-ring)}#details .details .notes{border-radius:var(--large-border-radius);padding-top:var(--m);padding-bottom:var(--m)}@media only screen and (max-width: 1199px){#global-container{width:calc(100vw + 226px)}body.ltr #global-container{left:-226px}body.rtl #global-container{right:-226px}body.ltr.showing-nav #global-container{left:0}body.rtl.showing-nav #global-container{right:0}#crumbs{display:flex !important}#header{width:100vw}#main-content{width:100vw}}@media only screen and (max-width: 973px){#header{display:block}#header .flex:not(#toolbar){margin-top:10px}#toolbar{flex-wrap:wrap !important}#toolbar>*{margin-top:10px !important}body.fixed-header #header .flex:first-child{margin-top:0}#main-content{display:block}#sidebar-toggle-container{display:block;margin-bottom:var(--m)}#sidebar-toggle:after{top:0;transform:rotate(-45deg)}body.rtl #sidebar-toggle:after{transform:rotate(135deg)}body.showing-sidebar #sidebar-toggle{background-color:#acbed2 !important}body.showing-sidebar #sidebar-toggle:after{transform:rotate(45deg)}#content-container{min-height:0 !important}#sidebar-container,#details-container{width:auto !important}#sidebar,#details{position:static !important;overflow-y:visible !important;max-height:none !important;width:auto}#sidebar{margin-bottom:var(--m)}body:not(.showing-sidebar) #sidebar{display:none}body.ltr #details-container{margin-right:0}body.rtl #details-container{margin-left:0}#content-container{width:auto !important;max-width:none !important}#details{padding:0 !important;margin-top:var(--m)}#details .details{margin-bottom:auto}}@media only screen and (max-width: 767px){:root{--padding: var(--s);--neg-padding: calc(var(--s) * -1)}#tabs ul li a{padding-left:var(--m);padding-right:var(--m)}body.ltr #tabs ul li+li{margin-left:-7px}body.rtl #tabs ul li+li{margin-right:-7px}.card-grid{display:flex !important;flex-direction:column}}body.ltr #settingsmenu ul li a{padding-left:46px}body.rtl #settingsmenu ul li a{padding-right:46px}#settingsmenu ul li a:before{font-size:15px}body.ltr #settingsmenu ul li a:before{margin:1px 0 0 -22px}body.rtl #settingsmenu ul li a:before{margin:1px -22px 0 0}#settingsmenu ul li a img{width:16px;height:16px;position:absolute;margin-left:-23px;margin-top:1px}.grid{position:relative;min-height:1px}.grid:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.grid>.item{display:none;box-sizing:border-box}.sidebar{width:226px;box-sizing:border-box;font-size:13px}.sidebar:not(.drag-helper){padding:var(--m) 0;background-color:var(--gray-050)}.sidebar .heading{position:relative;margin:0 var(--xl)}.sidebar .heading:not(:first-child){margin-top:var(--m)}.sidebar .heading>span{display:inline-block;position:relative;z-index:1;padding:0 5px;margin:0 -5px;text-transform:uppercase;color:var(--medium-text-color);font-size:11px;font-weight:bold}.sidebar .heading>ul{margin:2px calc(var(--xl)*-1)}.sidebar nav{padding:0 var(--s)}body.ltr .sidebar nav>ul>li:not(.heading)>a,body.ltr .sidebar nav>ul>li.heading>ul>li>a{padding-left:24px}body.rtl .sidebar nav>ul>li:not(.heading)>a,body.rtl .sidebar nav>ul>li.heading>ul>li>a{padding-right:24px}body.ltr .sidebar nav>ul>li:not(.heading)>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>.toggle{left:calc(var(--m) * 0)}body.rtl .sidebar nav>ul>li:not(.heading)>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>.toggle{right:calc(var(--m) * 0)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a{padding-left:38px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a{padding-right:38px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle{left:calc(var(--m) * 1)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle{right:calc(var(--m) * 1)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a{padding-left:52px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a{padding-right:52px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m) * 2)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m) * 2)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:66px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:66px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m) * 3)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m) * 3)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:80px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:80px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m) * 4)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m) * 4)}.sidebar nav li{position:relative}.sidebar nav li:not(.has-subnav)>a:not(.sel):hover{text-decoration:none;background-color:var(--gray-100)}.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.active-drop-target{cursor:default;background-color:var(--gray-500) !important}.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.sel+.toggle,.sidebar nav li:not(.has-subnav)>a.active-drop-target,.sidebar nav li:not(.has-subnav)>a.active-drop-target+.toggle{color:var(--white)}.sidebar nav li:not(.has-subnav)>a.sel{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.sidebar nav li a{position:relative;margin-bottom:1px;display:flex;flex-direction:row;align-items:center;padding:7px var(--xl);min-height:var(--xl);box-sizing:border-box;color:var(--text-color);user-select:none;border-radius:var(--large-border-radius);word-break:break-word}.sidebar nav li a .status{flex-shrink:1}.sidebar nav li a .icon{flex-shrink:1;width:1.125rem;height:1.125rem;word-break:normal;transition:margin-left linear 150ms,margin-right linear 150ms;opacity:.85}body.ltr .sidebar nav li a .icon{margin-right:10px}body.rtl .sidebar nav li a .icon{margin-left:10px}.sidebar nav li a .icon.icon-mask svg rect,.sidebar nav li a .icon.icon-mask svg circle,.sidebar nav li a .icon.icon-mask svg ellipse,.sidebar nav li a .icon.icon-mask svg line,.sidebar nav li a .icon.icon-mask svg polyline,.sidebar nav li a .icon.icon-mask svg polygon,.sidebar nav li a .icon.icon-mask svg path,.sidebar nav li a .icon.icon-mask svg text{fill:currentColor;stroke-width:0}.sidebar nav li a .icon.icon-mask span[data-icon]{color:currentColor}.sidebar nav li a .icon svg{width:16px;height:16px}.sidebar nav li a .icon span[data-icon]{font-size:16px}.sidebar nav li a .icon span[data-icon]::before{display:block}.sidebar nav li a .label{flex:1}.sidebar nav li a .badge{flex-shrink:1;padding:0 6px;font-size:11px;line-height:16px;border-radius:var(--s);background-color:var(--medium-text-color);color:var(--white)}body.ltr .sidebar nav li a .badge{margin:0 -4px 0 10px}body.rtl .sidebar nav li a .badge{margin:0 10px 0 -4px}.sidebar nav li .toggle{position:absolute;z-index:1;height:34px;top:0;width:var(--xl);display:flex;align-items:center;justify-content:center}.sidebar nav li ul{display:none}.sidebar nav li.heading>ul,.sidebar nav li.expanded>ul{display:block}.error-summary{margin-bottom:var(--l);padding:var(--l) var(--xl) var(--xl);box-sizing:border-box;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);border-radius:var(--large-border-radius);background-color:var(--gray-050)}.error-summary .notification-icon{color:var(--error-color);margin:-2px 6px 0 0;float:left}.error-summary h2{margin-top:var(--xs)}.error-summary>ul.errors li,.error-summary>ul.errors li a{color:var(--text-color)}.error-summary>ul.errors li em,.error-summary>ul.errors li a em{font-weight:600}.error-summary>ul.errors li:hover,.error-summary>ul.errors li a:hover{color:var(--link-color)}body.ltr .content.has-sidebar:not(.hiding-sidebar){margin-left:226px}body.rtl .content.has-sidebar:not(.hiding-sidebar){margin-right:226px}#content-notice{margin:0 calc(var(--xl)*-1);padding:0 var(--xl)}#content-notice:not(:last-child){padding-bottom:var(--s);border-bottom:1px solid var(--hairline-color);margin-bottom:var(--s)}#content :not(.meta)>.flex-fields,#content>.flex-fields,.so-content .flex-fields,.draghelper .flex-fields{--row-gap: var(--xl);display:flex;flex-wrap:wrap;align-content:flex-start;margin:0 calc(var(--row-gap)*-1) calc(var(--row-gap)*-1);width:calc(100% + var(--row-gap)*2)}#content :not(.meta)>.flex-fields>*,#content>.flex-fields>*,.so-content .flex-fields>*,.draghelper .flex-fields>*{margin:0 0 var(--row-gap) !important;padding:0 var(--row-gap);box-sizing:border-box}#content :not(.meta)>.flex-fields>h2,#content>.flex-fields>h2,.so-content .flex-fields>h2,.draghelper .flex-fields>h2{flex:4 0 100%}#content :not(.meta)>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),#content>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.so-content .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.draghelper .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))){padding-top:var(--xl);border-top:1px solid var(--hairline-color)}#content :not(.meta)>.flex-fields>hr,#content :not(.meta)>.flex-fields>.line-break,#content>.flex-fields>hr,#content>.flex-fields>.line-break,.so-content .flex-fields>hr,.so-content .flex-fields>.line-break,.draghelper .flex-fields>hr,.draghelper .flex-fields>.line-break{flex:4 0 100%}#content :not(.meta)>.flex-fields>.line-break:not(:first-child),#content>.flex-fields>.line-break:not(:first-child),.so-content .flex-fields>.line-break:not(:first-child),.draghelper .flex-fields>.line-break:not(:first-child){margin-bottom:0 !important}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break),#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child,#content>.flex-fields>:not(h2):not(hr):not(.line-break),#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child,.so-content .flex-fields>:not(h2):not(hr):not(.line-break),.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break),.draghelper .flex-fields>:not(h2):not(hr):not(.line-break):last-child{position:relative;width:100%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,#content>.flex-fields>:not(h2):not(hr):not(.line-break):before,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{position:absolute;top:0;width:1px;height:100%;content:\"\";background-color:rgba(205,216,228,.5)}body.ltr #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.ltr #content>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr #content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.ltr .so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr .so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.ltr .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{left:-1px}body.rtl #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.rtl #content>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl #content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.rtl .so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl .so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.rtl .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{right:-1px}@media only screen and (min-width: 1536px){#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25{width:25%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-75,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-75,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-75,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-75,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-75,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-75{width:75%}}@media only screen and (min-width: 600px)and (max-width: 1535px){#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}@media only screen and (min-width: 1200px){.so-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.so-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}.lp-editor-container,.lp-preview-container{position:fixed;top:0;height:100%;background-color:var(--white);z-index:100}.lp-editor-container>header,.lp-preview-container>header{padding:8px 24px;background-color:var(--gray-100);box-shadow:0 1px 0 rgba(63,77,90,.2);box-sizing:border-box;position:relative;z-index:1}@supports(backdrop-filter: blur(10px)){.lp-editor-container>header,.lp-preview-container>header{position:absolute;z-index:2;top:0;left:0;width:100%;background-color:rgba(228,237,246,.75);backdrop-filter:blur(10px)}.lp-editor-container>header+.lp-editor,.lp-preview-container>header+.lp-editor{padding-top:78px}}.lp-editor-container>header .btn,.lp-editor-container>header .spinner,.lp-editor-container>header .checkmark-icon,.lp-preview-container>header .btn,.lp-preview-container>header .spinner,.lp-preview-container>header .checkmark-icon{margin-bottom:0}.lp-editor-container{display:flex;flex-direction:column}.lp-editor-container .lp-editor{flex:1;padding:24px;overflow:auto;box-sizing:border-box}.lp-editor-container .lp-editor>.field:last-child{margin-bottom:24px !important}body.ltr .lp-editor-container .lp-editor>.field>.status-badge{left:-24px}body.rtl .lp-editor-container .lp-editor>.field>.status-badge{right:-24px}body.ltr .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{left:calc(var(--m)*-1)}body.rtl .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{right:calc(var(--m)*-1)}.lp-editor-container .lp-draghandle{position:absolute;z-index:101;top:0;width:4px;height:100%;cursor:col-resize}body.ltr .lp-editor-container .lp-draghandle{right:-2px}body.rtl .lp-editor-container .lp-draghandle{left:-2px}.lp-preview-container{display:flex;flex-direction:column;box-shadow:-1px 0 0 rgba(63,77,90,.2)}.lp-preview-container.dragging:after{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";font-size:0}.lp-preview-container .lp-preview-header{display:flex}@supports not (backdrop-filter: blur(10px)){.lp-preview-container .lp-preview-header{background-color:rgba(228,237,246,.75)}}.lp-preview-container .lp-preview-header .buttons{margin:0}body.ltr .lp-preview-container .lp-preview-header .buttons .btn+.btn{margin-left:7px}body.rtl .lp-preview-container .lp-preview-header .buttons .btn+.btn{margin-right:7px}.lp-preview-container .lp-preview-header+.lp-iframe-container{padding-top:0}@supports(backdrop-filter: blur(10px)){.lp-preview-container .lp-preview-header+.lp-iframe-container{padding-top:50px}}.lp-preview-container .lp-preview-header .lp-device-type .btn::before{width:27px;height:22px;display:block;content:\"\";background-size:contain;background-repeat:no-repeat;background-position:center;transition-duration:.3s}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--phone::before{background-image:url(../images/preview/icon-phone.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--tablet::before{background-image:url(../images/preview/icon-tablet.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--desktop::before{background-image:url(../images/preview/icon-desktop.svg)}.lp-preview-container .lp-device-type__label::before{width:27px;height:22px;display:block;content:\"\";background-size:contain;background-repeat:no-repeat;background-position:center;transition-duration:.3s}.lp-preview-container .lp-device-type__label.lp-device-type__label--phone::before{background-image:url(../images/preview/icon-phone.svg)}.lp-preview-container .lp-device-type__label.lp-device-type__label--tablet::before{background-image:url(../images/preview/icon-tablet.svg)}.lp-preview-container .lp-device-type__label.lp-device-type__label--desktop::before{background-image:url(../images/preview/icon-desktop.svg)}.lp-preview-container .lp-preview-container__bumper-link{top:unset;bottom:0}.lp-preview-container .lp-device-mask{display:none}.lp-preview-container .lp-iframe-container{flex:1;overflow:auto}.lp-preview-container .lp-iframe-container .lp-preview{display:block;width:100%;min-height:100%}.lp-preview-container .lp-iframe-container:not(.lp-iframe-container--has-device-preview) .lp-device-preview-container{width:auto !important;height:100% !important;transform:none !important;margin:0 !important}.lp-preview-container .lp-iframe-container--has-device-preview{flex:none;padding-top:0 !important;position:relative;top:0;height:calc(100% - 50px);width:100%;background-color:var(--gray-100)}@supports(backdrop-filter: blur(10px)){.lp-preview-container .lp-iframe-container--has-device-preview{top:50px}}.lp-preview-container .lp-iframe-container--has-device-preview .lp-device-preview-container{position:absolute;top:50%;left:50%;z-index:2;overflow:auto;opacity:1;transition:opacity .3s}.lp-preview-container .lp-iframe-container--has-device-preview .lp-device-mask{display:block;position:absolute;top:50%;left:50%;z-index:1;background-image:url(../images/preview/chrome-phone-top.svg),url(../images/preview/chrome-phone-bottom.svg);background-position:top center,bottom center;background-repeat:no-repeat;background-size:contain;background-color:#fff;box-shadow:0 0 58px rgba(6,67,117,.3);border-radius:18px}.lp-preview-container .lp-iframe-container--has-device-preview.lp-iframe-container--tablet .lp-device-mask{background-image:url(../images/preview/chrome-tablet-top.svg),url(../images/preview/chrome-tablet-bottom.svg)}@media screen and (prefers-reduced-motion: no-preference){.lp-preview-container .lp-iframe-container--rotating .lp-device-mask{transition-duration:.3s;transition-property:transform}.lp-preview-container .lp-iframe-container--rotating .lp-device-preview-container{opacity:0;transition:opacity 0s}}.layoutdesigner{display:flex;align-items:stretch;position:relative;border-radius:3px;border:1px solid rgba(96,125,159,.25);background-color:#fbfcfe;background-clip:padding-box;overflow:hidden;box-shadow:none;min-height:500px}body.ltr .layoutdesigner{padding-right:241px}body.rtl .layoutdesigner{padding-left:241px}.errors>.layoutdesigner{border:1px solid var(--error-color) !important}.layoutdesigner .fld-workspace{flex:1;background-color:var(--gray-050);background-image:linear-gradient(to right, hsl(212deg, 50%, 95%) 1px, transparent 0px),linear-gradient(to bottom, hsl(212deg, 50%, 95%) 1px, transparent 1px);background-size:24px 24px;background-position:-1px -1px;box-shadow:inset 0 1px 3px -1px #acbed2}body.ltr .layoutdesigner .fld-workspace{border-radius:var(--small-border-radius) 0 0 var(--small-border-radius)}body.rtl .layoutdesigner .fld-workspace{border-radius:0 var(--small-border-radius) var(--small-border-radius) 0}body.ltr .layoutdesigner .fld-workspace{padding:24px 0 24px 24px}body.rtl .layoutdesigner .fld-workspace{padding:24px 24px 24px 0}.layoutdesigner .fld-workspace .fld-tabs{display:flex;align-items:flex-start;flex-wrap:wrap}.layoutdesigner .fld-sidebar{position:absolute;top:0;height:100%;width:241px;padding:14px;overflow:auto;box-sizing:border-box}body.ltr .layoutdesigner .fld-sidebar{right:0}body.rtl .layoutdesigner .fld-sidebar{left:0}.layoutdesigner .fld-sidebar .btngroup{margin-bottom:14px}.layoutdesigner .fld-sidebar .fld-field-library .fld-field-group{margin-top:14px}.layoutdesigner .fld-sidebar .fld-field-library .fld-field-group h6{margin-bottom:7px}.layoutdesigner .fld-sidebar .filtered{display:none}.layoutdesigner .fld-new-tab-btn:active{background-color:var(--gray-050)}.fld-sidebar,.fld-tab .tabs .tab,.fld-tab .fld-tabcontent,.fld-new-tab-btn,.fld-new-tab-btn:hover{background-color:var(--white);box-shadow:0 0 0 1px rgba(31,41,51,.1),0 2px 5px -2px rgba(31,41,51,.2)}body.ltr .fld-tab .settings,body.ltr .fld-element .settings,body.ltr .fld-element .slide-picker{margin-left:7px}body.rtl .fld-tab .settings,body.rtl .fld-element .settings,body.rtl .fld-element .slide-picker{margin-right:7px}.fld-tab .settings:before,.fld-element .settings:before{margin-top:-2px;font-size:16px;opacity:.5}.fld-tab .settings:hover:before,.fld-tab .settings.active:before,.fld-element .settings:hover:before,.fld-element .settings.active:before{opacity:1}.fld-tab{width:264px;box-sizing:border-box}body.ltr .fld-tab{padding:0 25px 24px 0}body.rtl .fld-tab{padding:0 0 24px 25px}.fld-tab .tabs{margin:-10px -12px 0;padding:10px 12px 0;overflow:hidden;display:flex}.fld-tab .tabs .tab{display:flex;max-width:calc(100% - 10px);box-sizing:border-box;padding:8px 14px;border-radius:var(--medium-border-radius) var(--medium-border-radius) 0 0}body:not(.dragging) .fld-tab .tabs .tab.draggable{cursor:move;cursor:grab}.fld-tab .tabs .tab span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fld-tab .fld-tabcontent{padding:14px}body.ltr .fld-tab .fld-tabcontent{border-radius:0 var(--medium-border-radius) var(--medium-border-radius) var(--medium-border-radius)}body.rtl .fld-tab .fld-tabcontent{border-radius:var(--medium-border-radius) 0 var(--medium-border-radius) var(--medium-border-radius)}.fld-tab.fld-insertion .tabs .tab,.fld-tab.fld-insertion .fld-tabcontent{margin:-2px;border:2px dashed var(--hairline-color);box-shadow:none;background-color:var(--gray-050);background-image:linear-gradient(to right, hsl(212deg, 50%, 95%) 1px, transparent 0px),linear-gradient(to bottom, hsl(212deg, 50%, 95%) 1px, transparent 1px);background-size:24px 24px}.fld-tab.fld-insertion .tabs .tab{background-position:-1px -1px}.fld-tab.fld-insertion .fld-tabcontent{background-position:-1px -13px}.fld-tab-caboose{min-height:24px}.fld-indicator{display:inline-flex;font-size:11px;color:var(--uicontrol-color)}body.ltr .fld-indicator{margin-left:4px}body.rtl .fld-indicator{margin-right:4px}body.ltr .fld-indicator+.fld-indicator{margin-left:2px}body.rtl .fld-indicator+.fld-indicator{margin-right:2px}.fld-element{position:relative;display:flex;align-items:center;padding:7px 10px;box-shadow:inset 0 0 0 1px var(--hairline-color);border-radius:var(--medium-border-radius);background-color:var(--white)}body:not(.dragging) .fld-element{cursor:move;cursor:grab}.fld-element+.fld-element{margin-top:7px}.fld-element.fld-insertion{box-sizing:border-box;border:2px dashed var(--hairline-color);border-radius:var(--medium-border-radius);background:none;box-shadow:none}.fld-element.draghelper{box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.fld-element.fld-field{color:var(--medium-text-color);background-color:var(--gray-100)}.fld-element.fld-field:not(.draghelper){box-shadow:none}.fld-element.fld-field .fld-field-hidden:not(.hidden){margin-top:-3px}body.ltr .fld-element.fld-field .fld-field-hidden:not(.hidden){margin-right:5px}body.rtl .fld-element.fld-field .fld-field-hidden:not(.hidden){margin-left:5px}.fld-element.fld-field .fld-field-hidden:not(.hidden):before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"shuteye\"}.fld-element.fld-field .field-name .fld-element-label{margin-bottom:2px}.fld-element .fld-element-icon{text-align:center}body.ltr .fld-element .fld-element-icon{margin-right:5px}body.rtl .fld-element .fld-element-icon{margin-left:5px}.fld-element .fld-element-icon,.fld-element .fld-element-icon svg{width:16px;height:16px}.fld-element .fld-element-icon svg rect,.fld-element .fld-element-icon svg circle,.fld-element .fld-element-icon svg ellipse,.fld-element .fld-element-icon svg line,.fld-element .fld-element-icon svg polyline,.fld-element .fld-element-icon svg polygon,.fld-element .fld-element-icon svg path,.fld-element .fld-element-icon svg text{fill:var(--ui-control-color);stroke-width:0}.fld-element .field-name{flex:1;overflow:hidden}.fld-element .field-name .fld-element-label,.fld-element .field-name .fld-attribute{flex:1;display:flex;align-items:center}.fld-element .field-name .fld-element-label h4,.fld-element .field-name .fld-attribute .smalltext{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fld-element .field-name .fld-element-label h4{font-weight:normal;color:var(--text-color);margin:0}.fld-hr,.fld-br{display:flex;justify-content:center;padding:9px 10px}.fld-hr:before,.fld-br:before{position:absolute;display:block;top:calc(50% - 2px);left:10px;width:calc(100% - 20px);height:4px;content:\"\";font-size:0;border-radius:2px}.fld-hr .smalltext,.fld-br .smalltext{position:relative;background-color:var(--gray-100);border-radius:8px;padding:1px 7px}.fld-hr:before{background-color:var(--gray-100)}.fld-br:before{background-image:repeating-linear-gradient(to right, var(--gray-100), var(--gray-100) 5.2631578947%, transparent 5.2631578947%, transparent 10.5263157895%, var(--gray-100) 10.5263157895%)}.fld-element-settings-body{flex:1;margin:-24px var(--neg-padding) 0;padding:24px var(--padding);overflow:hidden auto;position:relative}.fld-element-settings-footer{position:relative;display:flex;flex-direction:row;margin:0 var(--neg-padding) -24px;padding:var(--padding);background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);background-color:var(--gray-050);z-index:3}.fld-element-settings-footer:focus{box-shadow:var(--focus-ring)}.fld-element-settings-footer>.ee-site-select{flex:1}body.ltr .fld-element-settings-footer>.btn{margin-left:5px}body.rtl .fld-element-settings-footer>.btn{margin-right:5px}body.ltr .fld-element-settings-footer>.spinner{margin:0 var(--neg-padding) 0 0}body.rtl .fld-element-settings-footer>.spinner{margin:0 0 0 var(--neg-padding)}html.noscroll,html.noscroll body{overflow:hidden;height:100%}.modal.imageeditor{background-color:var(--gray-900);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;--focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)), 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);opacity:0;user-select:none}.modal.imageeditor.modal{border-radius:0}.modal.imageeditor.modal .body:after{display:none}.modal.imageeditor .btn:not(.submit):not(.noborder){background-color:var(--gray-600);color:var(--white)}.modal.imageeditor .btn:not(.submit):not(.noborder):hover{background-color:var(--gray-700)}.modal.imageeditor .btn:not(.submit):not(.noborder).active{background-color:var(--gray-800)}.modal.imageeditor .icon::before{width:24px;height:24px;margin-top:-4px;margin-left:-3px;display:inline-block;content:\"\"}.modal.imageeditor .icon.rotate-left::before{background-image:url(../images/image-editor/rotate-left.svg)}.modal.imageeditor .icon.rotate-right::before{background-image:url(../images/image-editor/rotate-right.svg)}.modal.imageeditor .icon.flip-vertical::before{background-image:url(../images/image-editor/flip-vertical.svg)}.modal.imageeditor .icon.flip-horizontal::before{background-image:url(../images/image-editor/flip-horizontal.svg)}.modal.imageeditor .icon.constraint::before{background-image:url(../images/image-editor/unconstrained.svg)}.modal.imageeditor .icon.focal-point::before{background-image:url(../images/image-editor/focal-point.svg)}.modal.imageeditor .body{display:flex;padding:0}.modal.imageeditor input{color:var(--text-color)}.modal.imageeditor .body .tabs{border-right:1px solid var(--gray-1000)}.modal.imageeditor .body .tabs ul{width:100px;flex-direction:column;align-items:stretch}.modal.imageeditor .body .tabs ul li{position:relative;padding:14px;text-align:center;border-bottom:1px solid var(--gray-1000);cursor:pointer}.modal.imageeditor .body .tabs ul li::before{position:absolute;top:0;content:\"\";width:0;height:100%;background-color:currentColor}body.ltr .modal.imageeditor .body .tabs ul li::before{left:0}body.rtl .modal.imageeditor .body .tabs ul li::before{right:0}.modal.imageeditor .body .tabs ul li.selected{background-color:#151c23}.modal.imageeditor .body .tabs ul li.selected::before{width:2px}.modal.imageeditor .body .tabs ul li i{background-repeat:no-repeat;background-position:top center;display:block;height:24px}.modal.imageeditor .body .tabs ul li[data-view=rotate] i{background-image:url(../images/image-editor/rotate-left.svg)}.modal.imageeditor .body .tabs ul li[data-view=crop] i{background-image:url(../images/image-editor/crop.svg)}.modal.imageeditor .body .tabs ul li[data-view=filters] i{background-image:url(../images/image-editor/filters.svg)}.modal.imageeditor .body .tabs ul li:hover{background-color:#1b242c}.modal.imageeditor .body .tabs ul li:hover{cursor:pointer}.modal.imageeditor .body .views{padding:24px;overflow:auto}.modal.imageeditor .body .views .btngroup{margin-bottom:24px}.modal.imageeditor .body .views .filters ul{width:100px}.modal.imageeditor .body .views .filters ul li{text-align:center;margin-right:14px;margin-bottom:14px}.modal.imageeditor .body .views .filters ul li:last-child{margin-right:0}.modal.imageeditor .body .views .filters ul li img{border:3px solid rgba(0,0,0,0);border-radius:4px}.modal.imageeditor .body .views .filters ul li span{display:block}.modal.imageeditor .body .views .filters ul li:hover{cursor:pointer}.modal.imageeditor .body .views .filters ul li.selected img{border-color:var(--white)}.modal.imageeditor .body .image-container{flex-grow:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.modal.imageeditor .body .image-container .image{text-align:center;flex-grow:1;position:relative;margin:14px}.modal.imageeditor .body .image-container .image canvas{position:absolute;top:0;left:0}.modal.imageeditor .body .image-container .image-tools{text-align:center}.modal.imageeditor .body .image-container .image-tools .straightening{max-width:400px;min-height:3.75rem;display:block;margin:0 auto;overflow:hidden}.modal.imageeditor .footer{position:absolute;background-color:rgba(0,0,0,0);bottom:0;left:0;width:100%;border-top:1px solid #000}body.has-debug-toolbar .modal.imageeditor .footer{padding-bottom:50px}.modal.imageeditor .body .views .crop fieldset .heading{display:none}.modal.imageeditor .body .views .crop .custom-constraint-spacer{padding:0 var(--xs)}.modal.imageeditor .body .views .crop .constraint-group{display:grid;grid-gap:var(--xs)}body.ltr .modal.imageeditor .body .views .crop .custom{padding-left:21px}body.rtl .modal.imageeditor .body .views .crop .custom{padding-right:21px}.modal.imageeditor .body .views .crop .orientation{display:flex;align-items:center;justify-content:center}.modal.imageeditor .body .views .crop .orientation input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:center center;background-repeat:no-repeat;margin:0 4px;cursor:pointer}.modal.imageeditor .body .views .crop .orientation input[value=landscape]{width:30px;height:20px;background-image:url(../images/image-editor/orientation-landscape-unchecked.svg)}.modal.imageeditor .body .views .crop .orientation input[value=landscape]:checked{background-image:url(../images/image-editor/orientation-landscape-checked.svg)}.modal.imageeditor .body .views .crop .orientation input[value=portrait]{width:20px;height:30px;background-image:url(../images/image-editor/orientation-portrait-unchecked.svg)}.modal.imageeditor .body .views .crop .orientation input[value=portrait]:checked{background-image:url(../images/image-editor/orientation-portrait-checked.svg)}.modal.imageeditor.vertical .body .views .crop>.btngroup:first-child{justify-content:center}.modal.imageeditor:not(.vertical) .body .views .crop .constraint.custom{margin-top:var(--xs)}.vertical.imageeditor .body{flex-direction:column}.vertical.imageeditor .body .image-container{flex-basis:30vh;flex-shrink:0}.vertical.imageeditor .body .constraint-group{grid-template-columns:1fr 1fr}.vertical.imageeditor .body .tabs ul{display:flex;flex-direction:row;width:100%;border-top:1px solid #000;border-bottom:1px solid #000}.vertical.imageeditor .body .tabs ul li{flex-grow:1;border:0;border-right:1px solid #000;padding:10px 7px}.vertical.imageeditor .body .tabs ul li::before{top:unset;top:0;width:100%;height:0}.vertical.imageeditor .body .tabs ul li.selected::before{width:100%;height:2px}.vertical.imageeditor .body .views{width:auto}.vertical.imageeditor .body .views .rotate{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:-14px}.vertical.imageeditor .body .views .rotate .btngroup{margin:0 7px 14px}.vertical.imageeditor .body .views .filters ul{width:auto;height:109px;overflow:auto;white-space:nowrap;margin:0 -24px;margin-bottom:-24px;padding:24px;text-align:center}.vertical.imageeditor .body .views .filters ul li{display:inline-block;margin-bottom:0}.slide-rule{position:relative;padding:10px 0}.slide-rule:focus{box-shadow:none}body:not(.reduce-focus-visibility) .slide-rule:focus .cursor::after,body.reduce-focus-visibility .slide-rule:focus-visible .cursor::after{box-shadow:var(--focus-ring)}.slide-rule .cursor::after{content:\"\";width:1.25rem;height:3.125rem;position:absolute;top:-15px;left:50%;transform:translateX(-50%)}.slide-rule .cursor{position:absolute;margin-left:-0.25rem;margin-top:4px;left:50%;z-index:1;width:0;height:0;border-left:0.3125rem solid rgba(0,0,0,0);border-right:0.3125rem solid rgba(0,0,0,0);border-top:0.3125rem solid #63a6e1}.slide-rule .graduations{white-space:nowrap;height:40px;position:relative}.slide-rule .graduations ul{position:relative;float:left}.slide-rule .graduations ul li{display:inline-block;font-size:8px;position:relative;width:10px}.slide-rule .graduations ul li:not(.main-graduation){left:1px}.slide-rule .graduations ul li.main-graduation:before{border-left-width:3px}.slide-rule .graduations ul li.main-graduation .label{display:block;cursor:default}.slide-rule .graduations ul li.selected:before{border-left-color:#63a6e1}.slide-rule .graduations ul li:before{content:\"\";position:absolute;border-left:1px solid var(--white);height:10px;top:0px;left:0}.slide-rule .graduations ul li .label{width:20px;position:absolute;top:10px;left:-9px;display:none;text-align:center}.slide-rule .value{display:none;position:absolute;bottom:0;left:50%;z-index:1;box-sizing:border-box;padding:5px;width:50px;margin-left:-25px;background:var(--gray-600)}.slide-rule .overlay{z-index:2;position:absolute;top:0;right:0;bottom:1px;left:0;background-image:linear-gradient(to right, var(--gray-900) 0%, rgba(31, 41, 51, 0) 15%, rgba(31, 41, 51, 0) 85%, var(--gray-900) 100%)}.menu.dark{background-color:var(--gray-600);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.menu.dark ul li a{color:var(--white) !important}.menu.dark ul li a:not(.sel):not(.disabled):hover{background-color:var(--gray-700)}_:-ms-lang(x),.elements .tableview td.checkbox-cell input.checkbox+label,.elements .tableview td.checkbox-cell div.checkbox{top:16px}_:-ms-lang(x),input.checkbox+label:empty,div:empty.checkbox{display:block}.yii-debug-toolbar__title a{display:block !important}","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n:root {\n --white: #fff;\n --black: #000;\n\n --gray-050-hsl: 212, 60%, 97%;\n --gray-100-hsl: 212, 50%, 93%;\n --gray-200-hsl: 212, 30%, 85%;\n --gray-300-hsl: 211, 13%, 65%;\n --gray-350-hsl: 211, 11%, 59%;\n --gray-400-hsl: 210, 10%, 53%;\n --gray-500-hsl: 211, 12%, 43%;\n --gray-550-hsl: 210, 13%, 40%;\n --gray-600-hsl: 209, 14%, 37%;\n --gray-700-hsl: 209, 18%, 30%;\n --gray-800-hsl: 209, 20%, 25%;\n --gray-900-hsl: 210, 24%, 16%;\n --gray-1000-hsl: 210, 24%, 10%;\n\n --gray-050: hsl(var(--gray-050-hsl));\n --gray-100: hsl(var(--gray-100-hsl));\n --gray-200: hsl(var(--gray-200-hsl));\n --gray-300: hsl(var(--gray-300-hsl));\n --gray-350: hsl(var(--gray-350-hsl));\n --gray-400: hsl(var(--gray-400-hsl));\n --gray-500: hsl(var(--gray-500-hsl));\n --gray-550: hsl(var(--gray-550-hsl));\n --gray-600: hsl(var(--gray-600-hsl));\n --gray-700: hsl(var(--gray-700-hsl));\n --gray-800: hsl(var(--gray-800-hsl));\n --gray-900: hsl(var(--gray-900-hsl));\n --gray-1000: hsl(var(--gray-1000-hsl));\n\n --red-050: #fef2f2;\n --red-100: #fee2e2;\n --red-200: #fecaca;\n --red-300: #fca5a5;\n --red-400: #f87171;\n --red-500: #ef4444;\n --red-600: #dc2626;\n --red-700: #b91c1c;\n --red-800: #991b1b;\n --red-900: #7f1d1d;\n --red-950: #450a0a;\n\n --orange-050: #fff7ed;\n --orange-100: #ffedd5;\n --orange-200: #fed7aa;\n --orange-300: #fdba74;\n --orange-400: #fb923c;\n --orange-500: #f97316;\n --orange-600: #ea580c;\n --orange-700: #c2410c;\n --orange-800: #9a3412;\n --orange-900: #7c2d12;\n --orange-950: #431407;\n\n --amber-050: #fffbeb;\n --amber-100: #fef3c7;\n --amber-200: #fde68a;\n --amber-300: #fcd34d;\n --amber-400: #fbbf24;\n --amber-500: #f59e0b;\n --amber-600: #d97706;\n --amber-700: #b45309;\n --amber-800: #92400e;\n --amber-900: #78350f;\n --amber-950: #451a03;\n\n --yellow-050: #fefce8;\n --yellow-100: #fef9c3;\n --yellow-200: #fef08a;\n --yellow-300: #fde047;\n --yellow-400: #facc15;\n --yellow-500: #eab308;\n --yellow-600: #ca8a04;\n --yellow-700: #a16207;\n --yellow-750: #93580b;\n --yellow-800: #854d0e;\n --yellow-900: #713f12;\n --yellow-950: #422006;\n\n --lime-050: #f7fee7;\n --lime-100: #ecfccb;\n --lime-200: #d9f99d;\n --lime-300: #bef264;\n --lime-400: #a3e635;\n --lime-500: #84cc16;\n --lime-600: #65a30d;\n --lime-700: #4d7c0f;\n --lime-800: #3f6212;\n --lime-900: #365314;\n --lime-950: #1a2e05;\n\n --green-050: #f0fdf4;\n --green-100: #dcfce7;\n --green-200: #bbf7d0;\n --green-300: #86efac;\n --green-400: #4ade80;\n --green-500: #22c55e;\n --green-600: #16a34a;\n --green-700: #15803d;\n --green-800: #166534;\n --green-900: #14532d;\n --green-950: #052e16;\n\n --emerald-050: #ecfdf5;\n --emerald-100: #d1fae5;\n --emerald-200: #a7f3d0;\n --emerald-300: #6ee7b7;\n --emerald-400: #34d399;\n --emerald-500: #10b981;\n --emerald-600: #059669;\n --emerald-700: #047857;\n --emerald-800: #065f46;\n --emerald-900: #064e3b;\n --emerald-950: #022c22;\n\n --teal-050: #f0fdfa;\n --teal-100: #ccfbf1;\n --teal-200: #99f6e4;\n --teal-300: #5eead4;\n --teal-400: #2dd4bf;\n --teal-500: #14b8a6;\n --teal-550: #11a697;\n --teal-600: #0d9488;\n --teal-700: #0f766e;\n --teal-800: #115e59;\n --teal-900: #134e4a;\n --teal-950: #042f2e;\n\n --cyan-050: #ecfeff;\n --cyan-100: #cffafe;\n --cyan-200: #a5f3fc;\n --cyan-300: #67e8f9;\n --cyan-400: #22d3ee;\n --cyan-500: #06b6d4;\n --cyan-600: #0891b2;\n --cyan-700: #0e7490;\n --cyan-800: #155e75;\n --cyan-900: #164e63;\n --cyan-950: #083344;\n\n --sky-050: #f0f9ff;\n --sky-100: #e0f2fe;\n --sky-200: #bae6fd;\n --sky-300: #7dd3fc;\n --sky-400: #38bdf8;\n --sky-500: #0ea5e9;\n --sky-600: #0284c7;\n --sky-700: #0369a1;\n --sky-800: #075985;\n --sky-900: #0c4a6e;\n --sky-950: #082f49;\n\n --blue-050: #eff6ff;\n --blue-100: #dbeafe;\n --blue-200: #bfdbfe;\n --blue-300: #93c5fd;\n --blue-400: #60a5fa;\n --blue-500: #3b82f6;\n --blue-600: #2563eb;\n --blue-700: #1d4ed8;\n --blue-800: #1e40af;\n --blue-900: #1e3a8a;\n --blue-950: #172554;\n\n --indigo-050: #eef2ff;\n --indigo-100: #e0e7ff;\n --indigo-200: #c7d2fe;\n --indigo-300: #a5b4fc;\n --indigo-400: #818cf8;\n --indigo-500: #6366f1;\n --indigo-600: #4f46e5;\n --indigo-700: #4338ca;\n --indigo-800: #3730a3;\n --indigo-900: #312e81;\n --indigo-950: #1e1b4b;\n\n --violet-050: #f5f3ff;\n --violet-100: #ede9fe;\n --violet-200: #ddd6fe;\n --violet-300: #c4b5fd;\n --violet-400: #a78bfa;\n --violet-500: #8b5cf6;\n --violet-600: #7c3aed;\n --violet-700: #6d28d9;\n --violet-800: #5b21b6;\n --violet-900: #4c1d95;\n --violet-950: #2e1065;\n\n --purple-050: #faf5ff;\n --purple-100: #f3e8ff;\n --purple-200: #e9d5ff;\n --purple-300: #d8b4fe;\n --purple-400: #c084fc;\n --purple-500: #a855f7;\n --purple-600: #9333ea;\n --purple-700: #7e22ce;\n --purple-800: #6b21a8;\n --purple-900: #581c87;\n --purple-950: #3b0764;\n\n --fuchsia-050: #fdf4ff;\n --fuchsia-100: #fae8ff;\n --fuchsia-200: #f5d0fe;\n --fuchsia-300: #f0abfc;\n --fuchsia-400: #e879f9;\n --fuchsia-500: #d946ef;\n --fuchsia-600: #c026d3;\n --fuchsia-700: #a21caf;\n --fuchsia-800: #86198f;\n --fuchsia-900: #701a75;\n --fuchsia-950: #4a044e;\n\n --pink-050: #fdf2f8;\n --pink-100: #fce7f3;\n --pink-200: #fbcfe8;\n --pink-300: #f9a8d4;\n --pink-400: #f472b6;\n --pink-500: #ec4899;\n --pink-600: #db2777;\n --pink-700: #be185d;\n --pink-800: #9d174d;\n --pink-900: #831843;\n --pink-950: #500724;\n\n --rose-050: #fff1f2;\n --rose-100: #ffe4e6;\n --rose-200: #fecdd3;\n --rose-300: #fda4af;\n --rose-400: #fb7185;\n --rose-500: #f43f5e;\n --rose-600: #e11d48;\n --rose-700: #be123c;\n --rose-800: #9f1239;\n --rose-900: #881337;\n --rose-950: #4c0519;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n:root {\n --bg-color: $grey100;\n --bg-color-hsl: #{hue($grey100)}, #{saturation($grey100)},\n #{lightness($grey100)};\n\n // submit button colors\n --primary-color: var(--red-500);\n --secondary-color: var(--gray-500);\n\n --input-color: hsl(212, 25%, 50%);\n\n // text colors\n --text-color: var(--gray-700);\n --medium-dark-text-color: var(--gray-550);\n --medium-text-color: var(--gray-550);\n --light-text-color: var(--gray-500);\n --link-color: #1f5fea;\n\n // font styles\n --font-weight-bold: 700;\n\n // menu colors\n --menu-option-color: var(--text-color);\n --menu-option-active-color: var(--white);\n --menu-option-active-background-color: var(--dark-sel-color);\n\n // hairline colors\n --hairline-color: #{transparentize(hsl(209, 20%, 25%), 0.9)};\n --medium-hairline-color: #{transparentize(hsl(209, 14%, 37%), 0.75)};\n --dark-hairline-color: #{transparentize(hsl(210, 10%, 53%), 0.5)};\n\n // focus colors\n --light-focus-color: var(--blue-300);\n --medium-focus-color: var(--blue-500);\n --dark-focus-color: #0f74b1;\n\n // focus rings\n --light-focus-ring: 0 0 0 1px #5ed0fa,\n 0 0 0 3px #{transparentize(#5ed0fa, 0.3)};\n --medium-focus-ring: 0 0 0 1px #2bb0ed,\n 0 0 0 3px #{transparentize(#2bb0ed, 0.3)};\n --dark-focus-ring: 0 0 0 1px #0f74b1,\n 0 0 0 3px #{transparentize(#0f74b1, 0.3)};\n\n // selection colors\n --light-sel-color: var(--gray-200);\n --dark-sel-color: var(--gray-500);\n\n // alert/notice colors\n --error-color: #d81e23;\n --warning-color: var(--yellow-800);\n --success-color: var(--teal-700);\n --notice-color: var(--blue-800);\n\n // status colors\n --enabled-color: var(--teal-550);\n --pending-color: var(--yellow-700);\n --disabled-color: var(--red-600);\n\n // misc colors\n --indicator-border-color: var(--yellow-700);\n --indicator-icon-color: var(--yellow-700);\n\n // UI element styles\n --small-border-radius: 3px;\n --medium-border-radius: 4px;\n --large-border-radius: 5px;\n\n --menu-border-radius: var(--medium-border-radius);\n --checkbox-size: 16px;\n --radio-size: 16px;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n@mixin striped-bg($size, $color: $grey100) {\n // h/t https://css-tricks.com/stripes-css/\n $halfSize: $size * 0.5;\n body.ltr & {\n background: repeating-linear-gradient(\n 135deg,\n var(--white),\n var(--white) $halfSize,\n $color $halfSize,\n $color $size\n );\n }\n body.rtl & {\n background: repeating-linear-gradient(\n 45deg,\n var(--white),\n var(--white) $halfSize,\n $color $halfSize,\n $color $size\n );\n }\n}\n\n@font-face {\n font-family: 'Craft';\n src: url('../fonts/Craft.woff') format('woff'),\n url('../fonts/Craft.ttf') format('truetype'),\n url('../fonts/Craft.svg#Craft') format('svg');\n font-weight: normal;\n font-style: normal;\n}\n\n/* ----------------------------------------\n/* Basic stuff\n/* ----------------------------------------*/\n\n:root {\n --ui-control-color: var(--gray-550);\n --ui-control-hover-color: var(--gray-600);\n --ui-control-active-color: var(--gray-700);\n --ui-control-bg-color: #{transparentize($inputColor, 0.75)};\n --ui-control-hover-bg-color: #{transparentize($inputColor, 0.7)};\n --ui-control-active-bg-color: #{transparentize($inputColor, 0.5)};\n --ui-control-border-radius: var(--large-border-radius);\n --ui-control-height: calc((34rem / 16)); // 1rem == 16px\n --icon-opacity: 0.8;\n --light-focus-hsl: #{hue($lightFocusColor)}, #{saturation($lightFocusColor)},\n #{lightness($lightFocusColor)};\n --medium-focus-hsl: #{hue($mediumFocusColor)},\n #{saturation($mediumFocusColor)}, #{lightness($mediumFocusColor)};\n --dark-focus-hsl: #{hue($darkFocusColor)}, #{saturation($darkFocusColor)},\n #{lightness($darkFocusColor)};\n --focus-ring: 0 0 0 1px hsl(var(--dark-focus-hsl)),\n 0 0 0 3px hsla(var(--dark-focus-hsl), 0.8);\n --inner-focus-ring: inset 0 0 0 1px hsl(var(--dark-focus-hsl)),\n inset 0 0 0 3px hsla(var(--dark-focus-hsl), 0.7);\n --touch-target-size: 24px; /* Minimum recommended touch target size */\n --elements-busy-top-position: calc(50% - var(--size, 20px) / 2);\n --lh: 1.42em;\n}\n\nbody,\nhtml {\n box-shadow: var(--light-focus-ring);\n background-color: var(--gray-100);\n}\n\nhtml.noscroll,\nhtml.noscroll body {\n overflow: hidden;\n}\n\nbody {\n width: 100vw;\n overflow-x: hidden;\n @include fontSize(14);\n line-height: var(--lh);\n color: var(--text-color);\n -webkit-font-smoothing: subpixel-antialiased;\n}\n\nbody.rtl {\n direction: rtl;\n}\n\nbody,\ninput,\nselect,\ntextarea {\n @include sans-serif-font;\n}\n\n.first,\nh1:first-child,\nh2:first-child,\nh3:first-child,\nh4:first-child,\nh5:first-child,\nh6:first-child,\np:first-child,\nblockquote:first-child,\nhr:first-child,\n.pane:first-child,\n.grid:first-child,\nfieldset:first-child,\n.field:first-child,\n.toolbar:first-child,\n.buttons:first-child,\n.condition-container:first-child {\n margin-top: 0 !important;\n}\n\n.last,\nh1:last-child,\nh2:last-child,\nh3:last-child,\nh4:last-child,\nh5:last-child,\nh6:last-child,\np:last-child,\nblockquote:last-child,\n.pane:last-child,\n.grid:last-child,\n.meta:last-child,\nfieldset:last-child,\n.field:last-child,\n.toolbar:last-child,\n.buttons:last-child,\n.condition-container:last-child {\n margin-bottom: 0 !important;\n}\n\n.no-scroll {\n overflow: hidden !important;\n}\n\n.draghelper {\n box-sizing: border-box;\n list-style-type: none;\n}\n\n.offset-drag-helper {\n transition: margin linear 200ms, padding linear 200ms;\n}\n\nbody.dragging.ltr .offset-drag-helper {\n margin: -50px 0 0 -50px;\n padding: 60px 0 0 60px;\n}\n\nbody.dragging.rtl .offset-drag-helper {\n margin: -50px -50px 0 0;\n padding: 60px 60px 0 0;\n}\n\nimg {\n max-width: 100%;\n}\n\n.text,\ntable.editable textarea {\n body.rtl .ltr & {\n text-align: left !important;\n direction: ltr !important;\n }\n\n body.ltr .rtl & {\n text-align: right !important;\n direction: rtl !important;\n }\n}\n\n/* icons */\n.icon:before,\n.menu ul.padded li a.sel:before,\n.menu .flex.padded.sel:before,\n.texticon:before,\n#help:before,\n.secure:before,\n.insecure:before,\n.go:after,\n.required:after,\n.preview-btn:before,\n.view-btn:before,\n[data-icon]:before,\n[data-icon-after]:after {\n @include icon;\n}\n\n.badge-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 17px;\n height: 17px;\n box-sizing: border-box;\n border: 1px solid var(--indicator-border-color);\n border-radius: var(--small-border-radius);\n color: var(--indicator-icon-color);\n font-size: 9px;\n}\n\n.secure:before,\n.insecure:before {\n margin-top: -3px;\n font-size: 14px;\n}\n\n[data-icon]:before {\n content: attr(data-icon);\n}\n\n[data-icon-after]:after {\n content: attr(data-icon-after);\n}\n\nbody.rtl [data-icon='list']:before,\nbody.rtl [data-icon-after='list']:after {\n content: 'listrtl';\n}\n\nbody.rtl [data-icon='structure']:before,\nbody.rtl [data-icon-after='structure']:after {\n content: 'structurertl';\n}\n\n.icon.secure:before {\n content: 'secure';\n}\n\n.icon.insecure:before {\n content: 'insecure';\n}\n\n.icon.add:before {\n content: 'plus';\n}\n\n.icon.edit:before {\n content: 'edit';\n}\n\n.icon.settings:before {\n content: 'settings';\n}\n\n.icon.search:before {\n content: 'search';\n}\n\n.icon.expand:before {\n content: 'expand';\n}\n\n.icon.collapse:before {\n content: 'collapse';\n}\n\n.help:before {\n content: 'help';\n color: var(--pink-400);\n}\n\n.preview-btn,\n.view-btn {\n &:before {\n @include margin-right(var(--xs));\n }\n}\n\n.preview-btn:before {\n margin-top: -2px;\n content: 'view';\n}\n\n.view-btn:before {\n body.ltr & {\n content: 'share';\n }\n body.rtl & {\n content: 'shareleft';\n }\n}\n\n/* headings */\nh1,\n.h1 {\n margin-bottom: 24px;\n font-size: 18px;\n font-weight: bold;\n line-height: 1.2;\n}\n\nh2,\n.h2 {\n margin: 14px 0;\n font-size: 16px;\n font-weight: bold;\n line-height: 1.2;\n}\n\nh3,\n.h3 {\n margin: 14px 0;\n font-weight: bold;\n line-height: 1.2;\n}\n\nh4,\n.h4 {\n margin: 14px 0;\n font-weight: bold;\n line-height: 1.2;\n color: var(--medium-text-color);\n}\n\nh5,\n.h5 {\n margin: 14px 0 3px;\n line-height: 1.2;\n color: var(--medium-text-color);\n}\n\nh6,\n.h6 {\n @include h6-styles;\n}\n\nh1[data-icon]:before {\n @include margin(-8px, 10px, 0, 0);\n}\n\nh2[data-icon]:before {\n @include margin(-4px, 6px, 0, 0);\n font-size: 19px;\n}\n\n/* horizontal rule */\nhr {\n margin: 24px 0;\n border: none;\n border-top: 1px solid var(--hairline-color);\n height: 0;\n color: transparent;\n}\n\n.pane hr {\n margin: 24px -24px;\n}\n\n/* paragraphs */\np {\n margin: 1em 0;\n}\n\nh5 + p {\n margin-top: 0;\n}\n\nsup {\n vertical-align: super;\n font-size: smaller;\n}\n\nsub {\n vertical-align: sub;\n font-size: smaller;\n}\n\n.indent {\n @include margin-left(14px);\n}\n\n/* lists */\n.bullets {\n @include padding-left(40px);\n list-style-type: square;\n}\n\nol {\n @include padding-left(40px);\n list-style-type: decimal;\n}\n\n/* code */\ncode,\n.code,\n.code input,\n.code textarea {\n @include fixed-width-font;\n\n &.smalltext {\n font-size: 0.8em !important;\n }\n}\n\npre code {\n display: block;\n overflow-x: auto;\n}\n\n/* links */\na {\n color: var(--link-color);\n cursor: pointer;\n\n &[aria-current] {\n cursor: default;\n }\n\n body.underline-links &,\n &:hover {\n text-decoration: underline;\n }\n}\n\na:not([href]) {\n color: inherit;\n cursor: inherit;\n\n body.underline-links &,\n &:hover {\n text-decoration: none;\n }\n}\n\na.iconlink {\n &:before {\n width: 16px;\n @include margin-right(var(--xs));\n }\n}\n\na.sel,\nli.sel a {\n cursor: default !important;\n text-decoration: none;\n}\n\n.go:after {\n font-size: 11px;\n margin-top: -1px;\n @include padding-left(4px);\n color: var(--link-color);\n opacity: 0.9;\n body.ltr & {\n content: 'circlerarr';\n }\n body.rtl & {\n content: 'circlelarr';\n }\n}\n\na [data-icon='external'] {\n @include margin-left(var(--xs));\n}\n\nbutton {\n cursor: pointer;\n}\n\n/* revision button */\n.context-btn.disabled {\n opacity: 1;\n color: var(--medium-dark-text-color);\n background-color: transparentize($grey200, 0.5) !important;\n}\n\n/* status icons */\n.checkmark-icon,\n.alert-icon {\n padding: 5px;\n margin-bottom: 0 !important;\n line-height: 10px;\n border-radius: 20px;\n cursor: pointer;\n\n &:before {\n @include icon;\n }\n}\n\n.checkmark-icon {\n p & {\n display: inline-block;\n }\n\n background-color: var(--gray-200);\n\n &:before {\n content: 'check';\n color: var(--success-color);\n }\n}\n\n.alert-icon {\n background-color: var(--gray-200);\n\n &:before {\n content: 'alert';\n color: var(--error-color);\n }\n}\n\n.menu.revision-menu {\n padding: 10px 24px;\n\n hr {\n margin: 10px -24px;\n }\n\n ul {\n li {\n &.sel {\n margin: 0 -14px;\n padding: 0 14px;\n background: var(--gray-050);\n border-radius: var(--large-border-radius);\n\n .edited-desc {\n display: flex;\n align-items: center;\n @include margin-left(10px);\n border-top: 1px solid var(--hairline-color);\n padding: 10px 0;\n color: var(--light-text-color);\n white-space: normal;\n\n p {\n margin: 0;\n }\n\n .btn {\n @include margin-left(14px);\n }\n }\n }\n\n a {\n padding-top: 7px;\n border-radius: var(--large-border-radius);\n }\n }\n }\n\n .extralight {\n margin-top: 2px;\n }\n}\n\n.revision-status-hud {\n max-width: 400px;\n\n .http-error {\n border-radius: var(--medium-border-radius);\n border: 1px solid var(--hairline-color);\n color: var(--light-text-color);\n background-color: var(--gray-050);\n padding: 7px 14px;\n }\n}\n\n.draft-notice {\n display: flex;\n align-items: center;\n align-content: stretch;\n justify-content: center;\n gap: var(--s);\n color: var(--blue-800);\n\n #content-notice & {\n display: inline-flex;\n justify-content: flex-start;\n }\n\n .so-notice > & {\n @include margin(\n calc(var(--s) * -1),\n 0,\n calc(var(--s) * -1),\n calc(var(--xl) * -1)\n );\n @include padding(var(--s), 0, var(--s), var(--xl));\n @include border-bottom-left-radius(var(--large-border-radius));\n\n body.ltr & {\n background-image: linear-gradient(\n to bottom right,\n transparentize($blue600, 0.8),\n transparentize($blue600, 1) 50%\n );\n }\n body.rtl & {\n background-image: linear-gradient(\n to left,\n transparentize($blue600, 0.8),\n transparentize($blue600, 1)\n );\n }\n }\n\n p {\n flex: 1;\n margin: 0;\n }\n\n .draft-icon {\n position: relative;\n flex-shrink: 0;\n width: 34px;\n height: 34px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 100%;\n border: 2px solid transparentize($blue800, 0.8);\n box-sizing: border-box;\n box-shadow: 0 1px 1px 1px var(--white);\n\n &:before {\n position: relative;\n left: 1px;\n color: var(--blue-800) !important;\n font-size: 18px;\n }\n\n &:after {\n content: '';\n font-size: 0;\n position: absolute;\n top: -2px;\n left: -2px;\n right: -2px;\n bottom: -2px;\n border-radius: 100%;\n box-shadow: inset 0 2px 0 transparentize($blue900, 0.8);\n }\n }\n\n .discard-changes-btn {\n @include margin-left(var(--xs));\n background-color: transparent !important;\n color: var(--blue-800) !important;\n border: 2px solid var(--blue-600);\n\n &:hover,\n &:focus {\n border-color: darken($blue600, 5%);\n }\n\n &:active {\n border-color: darken($blue600, 10%);\n }\n }\n}\n\n/* toggles */\nbutton.toggle {\n appearance: none;\n color: inherit;\n background: none;\n border: none;\n padding: 0;\n}\n\n.toggle:before,\na.fieldtoggle:before {\n @include angle(right);\n transition: transform linear 100ms;\n}\n\n.toggle.expanded:before,\na.fieldtoggle.expanded:before,\n.sidebar nav li.expanded > .toggle:before,\n.structure li:not(.collapsed) > .row > .toggle:before {\n transform: rotate(45deg) !important;\n}\n\na.fieldtoggle {\n display: block;\n position: relative;\n margin: 14px 0;\n @include padding-left(12px);\n color: var(--text-color);\n text-decoration: none;\n}\n\na.fieldtoggle:before {\n display: block;\n position: absolute;\n top: 7px;\n @include left(-1px);\n}\n\n/* emphasis */\nem,\ni {\n font-style: italic;\n}\nul.errors em {\n font-style: normal;\n}\n\nstrong,\nb,\ni em {\n font-weight: bold;\n}\n\n/* readable blocks */\n.readable {\n @include readable;\n}\n\n/* text styles */\n.leftalign {\n @include alignleft;\n}\n\n.topalign {\n vertical-align: top;\n}\n\n.rightalign {\n @include alignright;\n}\n\n.centeralign {\n text-align: center !important;\n}\n\n.nowrap {\n white-space: nowrap;\n}\n\n.break-word {\n word-wrap: break-word;\n}\n\n.light {\n color: var(--medium-text-color) !important;\n font-weight: normal;\n}\n\n.extralight {\n color: var(--light-text-color) !important;\n}\n\n.smalltext {\n font-size: 12px;\n line-height: 1.2;\n}\n\n.largetext {\n font-size: 16px;\n line-height: 1.2;\n}\n\n.zilch {\n padding: 100px 0;\n text-align: center;\n font-size: 20px;\n line-height: 24px;\n color: var(--light-text-color);\n\n &.small {\n padding: 24px 0;\n font-size: 16px;\n }\n}\n\ninput.checkbox + label.smalltext {\n padding-top: 2px;\n}\n\n.required:after {\n content: 'asterisk';\n @include margin(-2px, 0, 0, 5px);\n font-size: 7px;\n color: var(--error-color);\n}\n\n.scrollpane {\n overflow: auto;\n}\n\n.left {\n @include floatleft;\n}\n\n.right {\n @include floatright;\n}\n\nth,\ntd {\n @include alignleft;\n vertical-align: middle;\n}\n\nbody.ltr table[dir='rtl'] {\n th,\n td {\n text-align: right;\n }\n}\nbody.rtl table[dir='ltr'] {\n th,\n td {\n text-align: left;\n }\n}\n\nth.right,\ntd.right {\n float: none;\n @include alignright;\n}\n\n.clear {\n display: block;\n clear: both;\n height: 0;\n}\n\n.fullwidth {\n width: 100%;\n}\n\n.token {\n @include token-styles;\n}\n\n.token[data-name='*'] {\n position: relative;\n width: 10px;\n}\n\n.token[data-name='*'] span {\n opacity: 0;\n}\n\n.token[data-name='*']:before {\n @include icon;\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n font-size: 9px;\n line-height: 17px;\n content: 'asterisk';\n text-indent: 0;\n}\n\n.token:focus {\n @include active-token-styles;\n}\n\n// Override .token for Prism\n.highlight {\n .token {\n display: inline;\n border: none;\n border-radius: 0;\n padding: 0;\n font-size: inherit;\n line-height: inherit;\n text-shadow: none;\n background: transparent;\n box-shadow: none;\n }\n}\n\n.pane.highlight {\n pre[class*='language-'] {\n overflow: visible;\n\n & > code.diff-highlight .token:not(.prefix) {\n margin: 0 -24px;\n padding: 0 24px;\n }\n }\n}\n\n.success {\n color: var(--success-color) !important;\n}\n\n.notice,\n.warning {\n &.with-icon,\n .icon {\n &:before {\n @include margin(-2px, 2px, 0, 0);\n @include icon;\n width: 1em;\n }\n }\n\n &.has-icon {\n display: flex;\n flex-wrap: nowrap;\n align-items: flex-start;\n\n .icon {\n flex-shrink: 1;\n }\n }\n}\n\n.notice {\n color: var(--notice-color) !important;\n a {\n text-decoration: underline;\n }\n\n &.with-icon,\n .icon {\n &:before {\n content: 'lightbulb';\n }\n }\n}\n\n.warning {\n color: var(--warning-color) !important;\n\n &.with-icon,\n .icon {\n &:before {\n content: 'alert';\n }\n }\n}\n\n.error {\n color: var(--error-color) !important;\n}\n\n.icon.move:not(.disabled) {\n cursor: move;\n}\n\n.icon.move:before {\n content: 'move';\n color: var(--ui-control-color);\n}\n\n.icon.move:not(.disabled):hover:before {\n color: var(--link-color);\n}\n\n.icon.delete {\n display: inline-block;\n line-height: inherit;\n\n &:before {\n content: 'remove';\n color: var(--ui-control-color);\n }\n\n &:not(.disabled) {\n cursor: pointer;\n\n &:hover:before {\n color: var(--disabled-color);\n }\n\n &:active:before {\n color: var(--red-800);\n }\n }\n}\n\n.hidden {\n display: none !important;\n}\n\n// Visually hide without hiding from screen readers\n.visually-hidden {\n @include visually-hidden;\n}\n\n.invisible {\n visibility: hidden;\n}\n\n.clearafter:after {\n @include clearafter;\n}\n\n.info {\n vertical-align: bottom;\n display: inline-block;\n width: 1em;\n height: 1.375em;\n text-align: center;\n cursor: pointer;\n overflow: hidden;\n\n &:before {\n @include icon;\n vertical-align: baseline;\n width: 100%;\n line-height: 1.375;\n color: var(--ui-control-color);\n }\n\n &:not(.warning) {\n &:before {\n content: 'info';\n }\n &:hover:before {\n color: var(--link-color);\n }\n }\n\n &.warning {\n &:before {\n content: 'alert';\n }\n &:hover:before {\n color: var(--warning-color);\n }\n }\n}\n\n.info-hud {\n table {\n max-width: 280px;\n table-layout: auto;\n }\n\n td {\n word-wrap: break-word;\n width: 100%;\n }\n}\n\n@media (max-width: 450px) {\n .info-hud {\n table {\n table-layout: fixed;\n width: 100%;\n }\n }\n}\n\n/* ----------------------------------------\n/* Content\n/* ----------------------------------------*/\n\n.content {\n position: relative;\n}\n\n.content:after {\n @include clearafter;\n}\n\n.customize-sources-modal {\n @include padding-left(200px);\n overflow: visible !important;\n\n & > .cs-sidebar {\n position: absolute;\n top: 0;\n @include left(0);\n margin: 0;\n padding: 10px 0;\n border: none;\n width: 200px;\n height: calc(100% - 50px);\n box-sizing: border-box;\n background-color: var(--gray-050);\n overflow: auto;\n box-shadow: inset -1px 0 0 var(--hairline-color);\n @include border-top-left-radius(var(--large-border-radius));\n\n & > .btn {\n @include margin(10px, 0, 0, 14px);\n display: block;\n width: calc(100% - 28px);\n }\n }\n\n &.sidebar-hidden {\n @include padding-left(0);\n\n & > .cs-sidebar {\n display: none;\n }\n }\n\n & > .source-settings {\n position: relative;\n height: calc(100% - 50px);\n box-sizing: border-box;\n padding: 24px;\n overflow: auto;\n }\n\n & > .footer {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n }\n}\n\n.customize-sources-item {\n --selected-item-color: var(--white);\n display: flex;\n width: calc(100% - 1px);\n box-sizing: border-box;\n align-items: center;\n position: relative;\n margin-top: -1px;\n background-color: var(--gray-100);\n border: solid var(--hairline-color);\n border-width: 1px 0;\n user-select: none;\n cursor: default;\n\n & + .customize-sources-item {\n &.heading {\n margin-top: 10px;\n }\n\n &:not(.heading) {\n border-top: 1px solid var(--hairline-color);\n }\n }\n\n &.sel {\n @include light-focus-ring;\n --ui-control-color: var(--selected-item-color);\n background-color: var(--dark-sel-color);\n color: var(--selected-item-color);\n z-index: 1;\n }\n\n .label {\n flex: 1;\n }\n\n &.heading {\n .label {\n text-transform: uppercase;\n color: var(--light-text-color);\n font-size: 12px;\n font-weight: bold;\n }\n\n &.sel .label {\n color: var(--selected-item-color);\n }\n }\n}\n\n.customize-sources-item__move {\n position: absolute;\n top: 50%;\n @include right(0);\n transform: translate(-50%, -50%);\n justify-content: center;\n align-items: center;\n\n &.icon {\n display: flex;\n text-decoration: none;\n }\n}\n\n.customize-sources-item__btn {\n padding: 8px 14px;\n @include padding-right(30px);\n margin: 3px;\n}\n\n.checkbox-select-item {\n display: flex;\n align-items: flex-start;\n align-content: stretch;\n margin-bottom: 4px;\n\n .move {\n margin-top: -3px;\n @include margin-right(10px);\n position: relative;\n z-index: 1;\n }\n}\n\nul.path {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n flex-wrap: wrap;\n\n li {\n display: inline-flex;\n align-items: center;\n\n &:not(:last-child):after {\n @include margin(0, 5px, 0, 2px);\n @include angle(right, var(--light-text-color), 1px);\n }\n }\n}\n\n/* ----------------------------------------\n/* Icon lists\n/* ----------------------------------------*/\n\nul.icons {\n margin-top: 20px;\n display: flex;\n flex-wrap: wrap;\n\n li {\n margin: 0 4px 10px 0;\n\n a {\n display: block;\n position: relative;\n padding: 60px 5px 10px;\n width: 110px;\n text-align: center;\n color: var(--text-color);\n border-radius: 4px;\n border: 1px solid var(--white);\n\n &:before {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n font-size: 40px;\n line-height: 60px;\n }\n\n .icon {\n img,\n svg {\n width: 40px;\n height: 40px;\n position: absolute;\n top: 12px;\n left: calc(50% - 20px);\n }\n\n &.icon-mask svg {\n @include svg-mask(var(--text-color));\n }\n }\n\n &:hover {\n text-decoration: none;\n background-color: var(--gray-050);\n border-color: var(--gray-100);\n\n .icon.icon-mask svg {\n @include svg-mask(var(--link-color));\n }\n }\n }\n }\n}\n\n@media only screen and (max-width: 380px) {\n ul.icons li a {\n width: 96px;\n }\n}\n\n@media only screen and (max-width: 320px) {\n ul.icons li a {\n width: 75px;\n }\n}\n\n/* ----------------------------------------\n/* Buttons\n/* ----------------------------------------*/\n\n.toolbar {\n position: relative;\n margin-bottom: var(--s);\n min-height: 34px;\n\n &.flex,\n .flex {\n align-items: flex-start;\n }\n\n .text {\n border-radius: var(--large-border-radius) !important;\n }\n}\n\n.flex {\n display: flex;\n align-items: center;\n align-content: stretch;\n gap: var(--s);\n\n &:not(.flex-nowrap) {\n flex-wrap: wrap;\n }\n\n & > * {\n &.label {\n white-space: nowrap;\n }\n }\n\n .centeralign & {\n justify-content: center;\n }\n}\n\n.inline-flex {\n display: inline-flex;\n align-items: center;\n align-content: stretch;\n gap: var(--s);\n}\n\n.gap-xs {\n gap: var(--xs);\n}\n\n.gap-s {\n gap: var(--s);\n}\n\n.gap-m {\n gap: var(--m);\n}\n\n.gap-l {\n gap: var(--l);\n}\n\n.gap-xl {\n gap: var(--xl);\n}\n\n.flex-grow {\n flex: 1;\n max-width: 100%;\n}\n\n.flex-justify {\n justify-content: space-between;\n}\n\n.flex-justify-start {\n justify-content: flex-start;\n}\n\n.flex-justify-end {\n justify-content: flex-end;\n}\n\n.flex-justify-center {\n justify-content: center;\n}\n\n.flex-start {\n align-items: flex-start;\n}\n\n.flex-end {\n align-items: flex-end;\n}\n\n.flex-center {\n align-items: center;\n}\n\n.flex-stretch {\n align-items: stretch;\n}\n\n.spacer {\n width: 14px;\n}\n\n.buttons {\n display: flex;\n gap: 7px;\n position: relative;\n margin: 24px 0;\n align-items: center;\n\n .hud-footer > &,\n .footer > & {\n margin: 0;\n }\n}\n\n.btn {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--ui-control-border-radius);\n padding: 7px 14px;\n border: none;\n text-align: center;\n white-space: nowrap;\n user-select: none;\n box-sizing: border-box;\n appearance: none;\n color: currentColor;\n font-size: inherit;\n background-color: var(--ui-control-bg-color);\n\n &:not([aria-current]) {\n cursor: pointer;\n }\n\n &.chromeless {\n background-color: transparent;\n height: auto;\n padding: 0;\n\n &:hover,\n &:active,\n &:focus {\n background-color: transparent;\n }\n\n &:hover,\n &:active {\n text-decoration: underline;\n }\n }\n\n &.wrap {\n height: auto;\n min-height: 34px;\n white-space: initial;\n text-align: left;\n }\n\n &:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not(\n [aria-current]\n ) {\n &:focus,\n &.focus,\n &:hover {\n --ui-control-bg-color: var(--ui-control-hover-bg-color);\n }\n\n &:active,\n &.active {\n --ui-control-bg-color: var(--ui-control-active-bg-color);\n }\n }\n\n &[type='color'] {\n padding: 6px !important;\n width: 36px;\n }\n\n &.active,\n &.loading {\n cursor: default;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n &[data-icon]:not(:empty):not(.btn-empty):before,\n &.icon:not(:empty):not(.btn-empty):before,\n &.menubtn[data-icon]:empty:before,\n &.menubtn[data-icon].btn-empty:before,\n &.menubtn.icon:empty:before,\n &.menubtn.icon.btn-empty:before {\n @include margin-right(5px);\n }\n\n &:not(.loading) .spinner {\n display: none;\n }\n\n &.loading {\n &:before,\n &:after,\n .label {\n visibility: hidden;\n }\n }\n\n div.checkbox {\n margin-top: 2px;\n }\n\n [data-icon] {\n margin-top: -2px;\n @include margin-right(4px);\n\n &.light:before {\n color: var(--gray-300);\n }\n }\n}\n\n.disabled {\n opacity: 0.25;\n pointer-events: none;\n user-select: none;\n}\n\n.btn,\n.spinner {\n height: var(--ui-control-height);\n}\n\n.btn[data-icon-after]:not(:empty):not(.btn-empty):after,\n.menu-toggle:not(:empty):not(.btn-empty):after,\n.menubtn:not(:empty):not(.btn-empty):after,\n.menubtn.icon:after {\n @include margin-left(6px);\n}\n\n.btn[data-icon]:before,\n.btn[data-icon-after]:after,\n.btn.icon:before {\n position: relative;\n}\n\n.btn.small[data-icon]:before,\n.btn.small[data-icon-after]:after,\n.btn.icon.small:before {\n font-size: 10px;\n}\n\n/* button groups */\n.btngroup {\n position: relative;\n z-index: 1;\n display: flex;\n white-space: nowrap;\n align-items: center;\n border-radius: var(--large-border-radius);\n\n &.fullwidth .btn {\n flex: 1;\n }\n\n &.disabled .btn {\n cursor: default;\n }\n\n .btn {\n &:focus {\n z-index: 1;\n }\n\n &:not(.dashed):not(:last-child):not(.btngroup-btn-last) {\n @include margin-right(1px);\n }\n\n body.ltr & {\n &:not(:first-child):not(.btngroup-btn-first) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n &:not(:last-child):not(.btngroup-btn-last) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n body.rtl & {\n &:not(:first-child):not(.btngroup-btn-first) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &:not(:last-child):not(.btngroup-btn-last) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n }\n }\n}\n\n.btngroup--exclusive {\n .btn[aria-pressed='true']:not(.disabled):not(.loading):not(.dashed):not(\n [aria-disabled]\n ) {\n background-color: var(--gray-500);\n color: var(--white);\n }\n}\n\n.copytext {\n position: relative;\n z-index: 1;\n display: flex;\n white-space: nowrap;\n align-items: center;\n\n body.ltr & {\n .text {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n min-width: 0;\n }\n .btn {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n }\n\n body.rtl & {\n .text {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n .btn {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n}\n\n.copytextbtn {\n display: inline-flex;\n flex-wrap: nowrap;\n align-items: center;\n border: 1px solid var(--hairline-color);\n border-radius: var(--small-border-radius);\n padding: 0 9px;\n cursor: pointer;\n color: var(--medium-text-color);\n\n .copytextbtn__icon {\n padding: 0;\n width: 13px;\n background: none;\n margin-top: -3px;\n @include margin-left(5px);\n color: var(--light-text-color);\n }\n\n &:hover,\n &:focus {\n border-color: var(--medium-hairline-color);\n color: var(--text-color);\n\n .copytextbtn__value {\n color: var(--text-color);\n }\n }\n\n &.small {\n padding: 0 5px;\n\n .copytextbtn__value {\n font-size: calc(11rem / 16);\n }\n }\n}\n\n/* menu buttons */\n.menu-toggle,\n.menubtn {\n display: inline-flex;\n align-items: center;\n user-select: none;\n\n &:after {\n @include angle;\n position: relative;\n }\n\n &.btn {\n &:after {\n top: -1px;\n }\n\n &:not(.disabled):not(.inactive) {\n &:active,\n &.active {\n &:after {\n border-color: var(--ui-control-active-color);\n }\n }\n }\n\n &.submit {\n &:after {\n border-color: var(--white) !important;\n opacity: 0.8;\n }\n\n &:not(.disabled):not(.inactive) {\n &:hover,\n &.hover,\n &:active,\n &.active {\n &:after {\n opacity: 1;\n }\n }\n }\n }\n }\n\n &:not(.btn):not(.icon) {\n height: 17px;\n &:after {\n top: -2px;\n border-color: var(--link-color);\n }\n }\n\n &:empty,\n &.btn-empty {\n @include padding-left(8px);\n @include padding-right(8px);\n }\n}\n\n@keyframes rotator {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n\n to {\n -webkit-transform: rotate(1turn);\n transform: rotate(1turn);\n }\n}\n\n/* spinner */\n.spinner {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--size, 24px);\n height: var(--size, 34px);\n\n &:before {\n display: block;\n content: '';\n font-size: 0;\n animation: rotator 0.7s linear infinite;\n box-sizing: border-box;\n width: var(--size, 20px);\n height: var(--size, 20px);\n object-fit: scale-down;\n border-radius: 50%;\n border: 2px solid transparent;\n border-right-color: currentColor;\n border-bottom-color: currentColor;\n opacity: 0.8;\n }\n\n &.small {\n --size: 12px;\n }\n\n &.big {\n --size: 48px;\n }\n\n &.spinner-absolute {\n position: absolute;\n width: var(--size, 20px);\n height: var(--size, 20px);\n top: var(--elements-busy-top-position);\n left: calc(50% - var(--size, 20px) / 2);\n }\n}\n\n.btn + .spinner {\n @include margin-left(7px);\n}\n\n.buttons .btn + .spinner,\n.buttons .btngroup + .spinner {\n @include margin-left(0);\n}\n\n.buttons.right .btn + .spinner {\n @include margin-right(var(--neg-padding));\n}\n\n/* small buttons */\n.btngroup.small .btn,\n.btn.small {\n padding: 0 7px !important;\n font-size: 12px;\n line-height: 22px;\n}\n\n.btngroup.small,\n.btngroup.small input.btn,\n.btn.small,\n.btn.small + .spinner {\n height: 22px;\n}\n\n/* big buttons */\n.btngroup.big .btn,\n.btn.big {\n padding: 0 14px;\n font-size: 14px;\n line-height: 36px;\n}\n\n.btn.big[data-icon]:before,\n.preview-btn:before,\n.view-btn:before {\n @include margin-left(-2px);\n}\n\n.btngroup.big,\n.btngroup.big input.btn,\n.btn.big,\n.btn.big + .spinner {\n height: 36px;\n}\n\n/* special buttons */\n.btn {\n &.submit,\n &.secondary {\n color: var(--white) !important;\n --ui-control-active-color: var(--white);\n @include light-on-dark-text;\n }\n\n &.submit {\n background-color: var(--primary-color) !important;\n\n &:not(.disabled):not(.inactive):not(.loading) {\n &:hover,\n &.hover,\n &:focus {\n background-color: darken($primaryColor, 5%) !important;\n }\n\n &:active,\n &.active {\n background-color: darken($primaryColor, 10%) !important;\n }\n }\n }\n\n &.caution {\n background-color: var(--red-050) !important;\n color: var(--error-color);\n\n &:hover,\n &.hover,\n &:focus {\n background-color: darken($red050, 5%) !important;\n }\n\n &:active,\n &.active {\n background-color: var(--red-100) !important;\n }\n }\n}\n\n.secondary-buttons .btn.submit,\n.btn.secondary {\n background-color: var(--secondary-color) !important;\n}\n\n.secondary-buttons\n .btn.submit:not(.disabled):not(.inactive):not(.loading):hover,\n.secondary-buttons\n .btn.submit:not(.disabled):not(.inactive):not(.loading).hover,\n.secondary-buttons\n .btn.submit:not(.disabled):not(.inactive):not(.loading):focus,\n.btn.secondary:not(.disabled):not(.inactive):not(.loading):hover,\n.btn.secondary:not(.disabled):not(.inactive):not(.loading).hover,\n.btn.secondary:not(.disabled):not(.inactive):not(.loading):focus {\n background-color: darken($secondaryColor, 5%) !important;\n}\n\n.secondary-buttons\n .btn.submit:not(.disabled):not(.inactive):not(.loading):active,\n.secondary-buttons\n .btn.submit:not(.disabled):not(.inactive):not(.loading).active,\n.btn.secondary:not(.disabled):not(.inactive):not(.loading):active,\n.btn.secondary:not(.disabled):not(.inactive):not(.loading).active {\n background-color: darken($secondaryColor, 10%) !important;\n}\n\ndiv.btn.submit {\n position: relative;\n overflow: hidden;\n}\n\ndiv.btn.submit input {\n position: absolute;\n left: 100%;\n}\n\n/* dashed buttons */\n.btn.dashed {\n border: 1px dashed var(--medium-hairline-color);\n background-color: transparent;\n\n .btngroup &:not(:last-child):not(.btngroup-btn-last) {\n @include border-right(1px solid transparent);\n @include margin-right(-1px);\n }\n\n &:focus {\n background-color: transparentize($grey200, 0.9);\n border-color: transparent;\n\n .reduce-focus-visibility &:not(:focus-visible) {\n border: 1px dashed var(--medium-hairline-color);\n }\n }\n\n &:not(.disabled) {\n &:active,\n &.active {\n background-color: transparentize($grey200, 0.75);\n }\n }\n}\n\n/* chevron buttons */\n.chevron-btns {\n display: flex;\n justify-content: flex-start;\n\n .btn {\n position: relative;\n padding: 0;\n border-radius: 0;\n background-color: transparent;\n\n &.current-step,\n &.active-drop-target {\n color: var(--white);\n --text-color: var(--white);\n --ui-control-color: var(--white);\n --ui-control-bg-color: var(--gray-500);\n --ui-control-hover-bg-color: #{darken($grey500, 5%)};\n --ui-control-active-bg-color: #{darken($grey500, 10%)};\n }\n\n &.current-step {\n @include light-on-dark-text;\n @include light-focus-ring;\n }\n\n &:focus {\n z-index: 1;\n box-shadow: none;\n\n .label {\n z-index: 1;\n box-shadow: var(--focus-ring);\n }\n\n .reduce-focus-visibility &:not(:focus-visible) .label {\n box-shadow: none;\n }\n }\n\n .reduce-focus-visibility &:focus-visible .label {\n box-shadow: var(--focus-ring);\n }\n\n &:not(.has-action-menu) {\n @include padding-right(calc(var(--ui-control-height) / 2));\n @include margin-right(2.8px);\n\n &:not(.current-step[data-disclosure-trigger]) .btn-body {\n @include padding-right(5px);\n }\n }\n\n &.current-step[data-disclosure-trigger] .btn-body {\n @include padding-left(8px);\n\n .label {\n padding: 3px;\n\n &:after {\n @include angle;\n position: relative;\n }\n }\n }\n\n .btn-body {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: var(--ui-control-height);\n background-color: var(--ui-control-bg-color);\n\n [data-icon] {\n --ui-control-height: calc((13rem / 16)); // 1rem == 16px\n text-align: center;\n @include margin-right(0);\n }\n }\n\n .label {\n display: inline-flex;\n align-items: center;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &.has-action-menu .btn-body {\n @include padding-right(1px);\n @include margin-right(0);\n }\n\n .chevron-right,\n .chevron-left {\n position: absolute;\n top: 0;\n height: 100%;\n width: calc(var(--ui-control-height) / 2);\n }\n\n .chevron-left {\n @include left(0);\n border-top: calc(var(--ui-control-height) / 2) solid\n var(--ui-control-bg-color);\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n bottom: 0;\n @include right(0);\n border-bottom: calc(var(--ui-control-height) / 2) solid\n var(--ui-control-bg-color);\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n }\n }\n\n .chevron-right {\n @include right(0);\n border-top: calc(var(--ui-control-height) / 2) solid transparent;\n border-bottom: calc(var(--ui-control-height) / 2) solid transparent;\n @include border-left(\n calc(var(--ui-control-height) / 2) solid var(--ui-control-bg-color)\n );\n }\n }\n\n ol {\n position: relative;\n @include padding-left(0);\n list-style-type: none;\n display: flex;\n\n li {\n &.first-step .btn {\n .btn-body {\n @include padding-left(14px);\n @include border-radius(\n var(--ui-control-border-radius),\n 0,\n 0,\n var(--ui-control-border-radius)\n );\n }\n\n .chevron-left {\n display: none;\n }\n }\n\n &:not(.first-step) .btn {\n @include margin-left(calc(-1 * (var(--ui-control-height) / 2)));\n @include padding-left(calc(var(--ui-control-height) / 2));\n\n .btn-body {\n @include padding-left(7px);\n }\n }\n }\n }\n}\n\n/* color inputs */\n.color-input-container {\n position: relative;\n\n .color-hex-indicator {\n position: absolute;\n top: 0;\n @include left(7px);\n width: 1em;\n line-height: 34px;\n text-align: center;\n user-select: none;\n }\n}\n\n.color-input {\n @include fixed-width-font;\n @include padding-left(calc(7px + 1em));\n}\n\n.color {\n display: inline-block;\n position: relative;\n vertical-align: middle;\n width: 34px;\n height: 34px;\n border-radius: 17px;\n padding: 0;\n\n &:not(.static) {\n cursor: pointer;\n }\n\n &:not(.small) {\n @include checkered-bg(17px);\n }\n\n &.small {\n width: 16px;\n height: 16px;\n @include checkered-bg(8px);\n }\n\n .color-preview {\n position: absolute;\n top: 0;\n @include left(0);\n width: 100%;\n height: 100%;\n border-radius: 17px;\n box-shadow: inset 0 0 0 1px transparentize($black, 0.85);\n\n &:focus-within {\n @include input-focused-styles;\n }\n\n & > .color-preview-input {\n position: absolute;\n @include left(0);\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n border: none;\n opacity: 0;\n }\n }\n}\n\n.colorhex {\n display: inline-block;\n margin-left: 5px;\n vertical-align: middle;\n color: var(--medium-text-color);\n}\n\n/* lightswitch */\n.lightswitch-outer-container {\n display: flex;\n\n .lightswitch-inner-container {\n border: 1px solid var(--hairline-color);\n border-radius: var(--small-border-radius);\n display: flex;\n align-items: center;\n max-width: 100%;\n padding-left: 7px;\n padding-right: 7px;\n\n span {\n flex-grow: 1;\n padding: 7px 0;\n color: var(--medium-text-color);\n cursor: default;\n overflow: auto;\n overflow-wrap: break-word;\n hyphens: auto;\n\n &[data-toggle='on'] {\n @include margin-left(7px);\n }\n\n &[data-toggle='off'] {\n @include margin-right(7px);\n text-align: right;\n\n body.rtl & {\n text-align: left;\n }\n }\n }\n }\n}\n\n.lightswitch {\n display: block;\n position: relative;\n border: none !important;\n overflow: hidden;\n cursor: pointer;\n user-select: none;\n background-image: linear-gradient(to right, var(--gray-400), var(--gray-400));\n transition: background-image linear 100ms;\n\n &.on {\n background-image: linear-gradient(\n to right,\n var(--enabled-color),\n var(--enabled-color)\n );\n }\n\n &.indeterminate {\n background-image: linear-gradient(\n to right,\n var(--enabled-color),\n var(--gray-300)\n );\n }\n\n .lightswitch-container {\n position: relative;\n height: 100%;\n\n .handle {\n position: absolute;\n top: 1px;\n background-color: var(--white);\n }\n }\n\n &:not(.small) {\n border-radius: 11px;\n min-width: 34px;\n width: 34px;\n height: 22px;\n\n .lightswitch-container {\n @include margin-left(-12px);\n width: 46px;\n\n .handle {\n border-radius: 10px;\n width: 20px;\n height: 20px;\n left: calc(50% - 10px);\n }\n }\n }\n\n &.small {\n border-radius: 9px;\n width: 28px;\n height: 18px;\n\n .lightswitch-container {\n @include margin-left(-10px);\n width: 38px;\n\n .handle {\n border-radius: 8px;\n width: 16px;\n height: 16px;\n left: calc(50% - 8px);\n }\n }\n }\n\n table & {\n display: inline-block;\n margin-bottom: -5px;\n }\n\n &.on {\n .lightswitch-container {\n @include margin-left(0);\n }\n }\n\n &.indeterminate {\n &:not(.small) {\n .lightswitch-container {\n @include margin-left(0.5 * -12px);\n }\n }\n &.small {\n .lightswitch-container {\n @include margin-left(0.5 * -10px);\n }\n }\n }\n}\n\n/* pagination */\n.pagination {\n table.data + & {\n margin-top: 24px;\n }\n\n .page-link {\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--medium-border-radius);\n\n &:after {\n position: relative;\n transition: border-color linear 100ms;\n }\n\n &.prev-page:after {\n @include angle(left, var(--light-text-color));\n @include right(-1px);\n }\n\n &.next-page:after {\n @include angle(right, var(--light-text-color));\n @include left(-1px);\n }\n\n &:not(.disabled) {\n transition: box-shadow linear 100ms;\n box-shadow: inset 0 0 0 1px var(--hairline-color);\n cursor: pointer;\n\n &:hover {\n text-decoration: none;\n box-shadow: inset 0 0 0 1px var(--link-color);\n\n &:after {\n border-color: var(--link-color);\n }\n }\n\n @include focus-styles {\n box-shadow: inset 0 0 0 1px var(--hairline-color), var(--focus-ring);\n }\n }\n\n &.disabled {\n opacity: 1;\n &:after {\n border-color: var(--hairline-color);\n }\n }\n }\n}\n\n/* action buttons */\n.actions {\n @include floatright;\n}\n\n.actions > li {\n @include floatleft;\n}\n\n.actions > li + li {\n @include margin-left(10px);\n}\n\nh1 + .actions {\n margin-top: -100px;\n}\n\nh2 + .actions {\n margin-top: -54px;\n}\n\n/* ----------------------------------------\n/* Tables\n/* ----------------------------------------*/\n\n.tablepane {\n margin: calc(var(--pane-padding, 22px) * -1)\n calc(var(--pane-padding, 22px) * -1)\n calc(var(--pane-padding, 24px) * -1 + var(--pane-padding, var(--m)));\n overflow-x: auto;\n\n table.data {\n th,\n td {\n &:first-child {\n @include padding-left(24px);\n }\n }\n }\n}\n\ntable {\n &.fixed-layout {\n table-layout: fixed;\n }\n\n th.thin,\n td.thin {\n width: 0.01% !important;\n white-space: nowrap;\n }\n\n thead {\n th {\n font-weight: bold;\n @include alignleft;\n vertical-align: top;\n }\n }\n\n // plain tables\n &:not(.data) {\n th,\n td {\n padding-top: 7px;\n padding-bottom: 7px;\n\n &:not(:first-child) {\n padding-left: 12px;\n }\n &:not(:last-child) {\n padding-right: 12px;\n }\n }\n }\n\n // data tables\n &.data {\n th,\n td {\n position: relative;\n padding-left: 12px;\n padding-right: 12px;\n box-sizing: border-box;\n\n &.checkbox-cell {\n width: var(--checkbox-size) !important;\n min-width: var(--checkbox-size);\n box-sizing: content-box;\n position: relative;\n\n input.checkbox + label,\n div.checkbox {\n position: absolute;\n top: calc(50% - 8px);\n }\n }\n }\n\n th {\n font-weight: bold;\n }\n\n thead:first-child,\n tbody:first-child,\n tfoot:first-child,\n caption + thead,\n caption + tbody,\n caption + tfoot {\n tr:first-child {\n th,\n td {\n &:first-child {\n @include border-top-left-radius(\n var(--border-radius, var(--small-border-radius))\n );\n @include border-bottom-left-radius(\n var(--border-radius, var(--small-border-radius))\n );\n }\n &:last-child {\n @include border-top-right-radius(\n var(--border-radius, var(--small-border-radius))\n );\n @include border-bottom-right-radius(\n var(--border-radius, var(--small-border-radius))\n );\n }\n }\n }\n }\n\n thead {\n th,\n td {\n width: auto;\n background-color: var(--gray-050);\n cursor: default;\n }\n\n th:not(.orderable),\n td {\n padding-top: var(--pane-padding, var(--m));\n padding-bottom: var(--pane-padding, var(--m));\n }\n\n th {\n white-space: nowrap;\n vertical-align: middle;\n\n &.orderable {\n position: relative;\n padding: 0 !important;\n\n body:not(.dragging) &:not(.ordered):hover {\n background-color: var(--gray-100);\n }\n\n &.ordered {\n background-color: var(--light-sel-color);\n\n &:not(.loading) {\n button:after {\n @include angle(up);\n position: absolute;\n @include right(var(--m));\n top: calc(50% - 3px);\n }\n\n &.desc button:after {\n transform: rotate(45deg);\n }\n }\n }\n\n button {\n position: relative;\n @include padding-right(35px);\n font: inherit;\n width: 100%;\n padding: var(--pane-padding, var(--m)) var(--m);\n @include alignleft;\n\n &:focus {\n z-index: 1;\n }\n }\n }\n\n &:not(.loading) {\n .spinner {\n display: none;\n }\n }\n\n .spinner {\n position: absolute;\n top: calc(50% - 6px);\n @include right(8px);\n --size: 12px;\n }\n }\n }\n\n tbody {\n tr {\n --hover-bg-color: var(--gray-050);\n --selected-bg-color: var(--dark-sel-color);\n\n &:not(.disabled) {\n &:hover {\n th,\n td {\n background-color: var(--hover-bg-color);\n }\n }\n\n &:focus {\n position: relative;\n z-index: 1;\n }\n\n &.sel,\n &.active-drop-target {\n --text-color: var(--white);\n --medium-dark-text-color: var(--white);\n --medium-text-color: var(--white);\n --light-text-color: var(--white);\n --link-color: var(--white);\n --ui-control-color: var(--white);\n @include custom-color-focus-ring(hsl(var(--light-focus-hsl)));\n\n th,\n td {\n color: var(--white);\n background-color: var(--selected-bg-color);\n }\n }\n }\n }\n\n th,\n td {\n padding-top: 7px;\n padding-bottom: 7px;\n background-clip: padding-box;\n }\n\n td {\n &.timestamp {\n @include alignright;\n vertical-align: bottom;\n white-space: nowrap;\n color: var(--light-text-color);\n }\n }\n }\n\n thead + tbody tr,\n tr + tr {\n th,\n td {\n border-top: 1px solid transparent;\n }\n }\n\n tr.sel:not(.draggee) + tr.sel:not(.draggee) {\n th,\n td {\n border-top-color: var(--gray-300);\n }\n }\n }\n\n // collapsable data tables for small screens\n // based on Aaron Gustafson's technique: http://blog.easy-designs.net/archives/2013/02/02/responsive-tables/\n &.collapsed {\n width: auto;\n\n &,\n tbody,\n tbody tr,\n tbody th,\n tbody td {\n display: block;\n border: none;\n padding: 0;\n @include alignleft;\n width: auto !important;\n white-space: normal;\n }\n\n thead {\n display: none;\n }\n\n tbody {\n tr {\n padding: 6px 0;\n border-bottom: 1px dotted var(--hairline-color);\n\n &:after {\n @include clearafter;\n }\n }\n\n th,\n td {\n padding: 2px 0 !important;\n }\n\n td {\n &:empty {\n display: none;\n }\n }\n\n [data-title] {\n @include margin-right(0);\n\n &:before {\n margin-right: 5px;\n content: attr(data-title) ':';\n font-weight: bold;\n }\n\n form {\n display: inline-block;\n }\n }\n }\n }\n}\n\n.datatablesorthelper,\n.editabletablesorthelper {\n background-color: var(--white);\n @include shadow;\n}\n\n.datatablesorthelper,\n.datatablesorthelper .chip,\n.datatablesorthelper a {\n cursor: move !important;\n}\n\n.datatablesorthelper tr:first-child th,\n.datatablesorthelper tr:first-child td {\n border-top: none !important;\n}\n\n.datatablesorthelper tr:last-child th,\n.datatablesorthelper tr:last-child td {\n border-bottom: none !important;\n}\n\n/* chips */\n.chip {\n position: relative;\n display: flex;\n align-items: center;\n cursor: default;\n user-select: none;\n font-weight: normal;\n padding: var(--xs) var(--s);\n max-width: 100%;\n gap: var(--xs);\n border-radius: var(--large-border-radius);\n background-color: var(--gray-050);\n\n &.small {\n flex-direction: row;\n height: 34px;\n --thumb-size: 30px;\n\n & > .thumb {\n margin: calc(var(--xs) * -1 + 2px) calc(var(--s) * -1 + 2px);\n @include margin-right(2px);\n }\n }\n\n &.large {\n flex-direction: column;\n --thumb-size: 120px;\n min-width: calc(var(--s) * 2 + var(--thumb-size));\n\n .chip-content {\n width: 100%;\n }\n }\n\n .chip-content {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--s);\n\n .status {\n margin: 0;\n }\n }\n\n &.sel,\n li.sel &,\n li.active-drop-target & {\n --text-color: var(--white);\n --medium-dark-text-color: var(--white);\n --medium-text-color: var(--white);\n --light-text-color: var(--white);\n --link-color: var(--white);\n --ui-control-color: var(--white);\n @include custom-color-focus-ring(hsl(var(--light-focus-hsl)));\n color: var(--white);\n background-color: var(--dark-sel-color) !important;\n }\n\n &.sel,\n .sel & {\n cursor: default;\n\n .thumb {\n filter: brightness(0.85);\n\n img {\n box-shadow: 0 0 0 1px transparentize($darkSelColor, 0.9),\n 0 6px 4px -4px transparentize($darkSelColor, 0.8);\n }\n }\n }\n\n .offset-drag-helper & {\n background-color: var(--gray-050);\n @include shadow;\n }\n\n & > .thumb {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--thumb-size);\n height: var(--thumb-size);\n\n &.rounded {\n img,\n svg {\n border: var(--xs) solid transparent;\n border-radius: 50%;\n }\n }\n\n &.checkered img {\n @include checkered-bg(8px);\n }\n\n img,\n svg {\n display: block;\n flex-shrink: 0;\n border-radius: var(--small-border-radius);\n max-width: 100%;\n max-height: 100%;\n }\n }\n}\n\n.inline-chips {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--xs);\n\n .chip {\n margin: 0 !important;\n }\n}\n\n/** cards */\n.card {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: stretch;\n padding: var(--m);\n gap: var(--l);\n border-radius: var(--large-border-radius);\n background-color: var(--gray-050);\n cursor: default;\n user-select: none;\n color: var(--medium-text-color);\n\n &:after {\n border-radius: var(--large-border-radius);\n }\n\n &.sel,\n li.sel & {\n --text-color: var(--white);\n --medium-dark-text-color: var(--white);\n --medium-text-color: var(--white);\n --light-text-color: var(--white);\n --link-color: var(--white);\n --ui-control-color: var(--white);\n @include custom-color-focus-ring(hsl(var(--light-focus-hsl)));\n color: var(--white);\n background-color: var(--dark-sel-color) !important;\n\n & > .thumb {\n background-color: var(--dark-sel-color) !important;\n filter: brightness(0.85);\n }\n }\n\n & > .thumb {\n position: relative;\n display: flex;\n align-items: stretch;\n margin: calc(var(--m) * -1);\n @include margin-right(0);\n width: 120px;\n min-width: 120px; // needed for flex\n min-height: calc(var(--m) * 2 + var(--lh) * 3 + var(--xs));\n background-color: var(--gray-100);\n overflow: hidden;\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n bottom: 0;\n @include shadow();\n width: 10px;\n\n body.ltr & {\n right: -10px;\n }\n\n body.rtl & {\n left: -10px;\n }\n }\n\n &,\n &:after {\n @include border-radius(\n var(--large-border-radius),\n 0,\n 0,\n var(--large-border-radius)\n );\n }\n\n img,\n svg {\n width: 100%;\n max-height: 120px;\n object-fit: cover;\n }\n }\n\n .card-content,\n .card-content .card-body {\n display: flex;\n flex-direction: column;\n gap: var(--xs);\n flex: 1;\n }\n\n .card-content {\n flex: 1 0 0 !important;\n overflow: hidden;\n position: relative;\n --focus-ring: var(--inner-focus-ring);\n\n .card-heading {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 5px;\n\n .status {\n margin: 0;\n flex: 0 0 10px;\n }\n\n .label {\n font-weight: 600;\n }\n }\n\n .card-body {\n &:empty {\n display: none;\n }\n\n & > * {\n --max-lines: 2;\n margin: 0;\n max-height: calc(var(--lh) * var(--max-lines));\n overflow: hidden;\n text-wrap: pretty;\n }\n }\n }\n\n & > .card-actions-container {\n display: flex;\n align-items: flex-start !important;\n position: relative;\n }\n}\n\n.card-grid {\n display: grid !important;\n gap: var(--s) !important;\n grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));\n\n & > li {\n border-radius: var(--large-border-radius);\n height: 100%;\n\n & > .card {\n margin: 0 !important;\n height: 100%;\n }\n }\n}\n\n.chip,\n.card {\n // prevent double focus ring (chip/card already gets it)\n .checkbox:before {\n box-shadow: none !important;\n }\n\n .label {\n display: flex;\n align-items: center;\n gap: var(--xs);\n overflow: hidden;\n\n .label-link {\n flex: 1 1 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .draft-label {\n display: inline-block;\n @include margin(-1px, 0, -1px, 7px);\n padding: 1px 5px;\n font-weight: normal;\n text-decoration: none !important;\n color: var(--medium-text-color);\n background: var(--gray-100);\n border-radius: var(--large-border-radius);\n }\n\n .segment:after {\n display: inline-flex !important;\n position: relative;\n top: -2px;\n @include margin(0, 5px, 0, 2px);\n @include angle(right, var(--light-text-color), 1px);\n\n .sel & {\n @include angle(right, var(--white), 1px);\n }\n }\n }\n\n & > .chip-content > .chip-actions,\n & > .card-actions-container > .card-actions {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--s);\n min-height: var(--lh);\n\n &:empty {\n display: none;\n }\n\n & > .status {\n margin: 0;\n }\n\n & > .move,\n & > .menubtn {\n @include touch-target;\n margin: 0 -4px;\n }\n\n .settings {\n color: var(--ui-control-color);\n\n &:before {\n @include margin-right(0 !important);\n }\n\n &:not(:hover):not(:active) {\n background-color: transparent;\n }\n }\n\n .move {\n margin-top: -2px !important;\n }\n }\n\n &.error .label .label-link {\n color: var(--error-color);\n }\n}\n\n$checkboxPadding: $checkboxSize + 4;\n\n.element-index {\n .source-path {\n background-color: var(--gray-050);\n border-radius: 3px;\n --ui-control-bg-color: var(--light-sel-color);\n --ui-control-hover-bg-color: #{darken($lightSelColor, 5%)};\n --ui-control-active-bg-color: #{darken($lightSelColor, 10%)};\n\n .chevron-btns {\n display: inline-flex;\n position: relative;\n background: $white;\n --ui-control-height: calc((30rem / 16)); // 1rem == 16px\n\n &:before {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n width: 0;\n height: 0;\n @include right(0);\n border-top: calc(var(--ui-control-height) / 2) solid $grey050;\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n }\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: calc(var(--ui-control-height) / 2);\n @include right(0);\n border-bottom: calc(var(--ui-control-height) / 2) solid $grey050;\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n }\n\n .btn {\n --ui-control-border-radius: 3px;\n }\n }\n\n .btn.settings {\n box-shadow: 0 0 0 2px var(--white);\n }\n }\n\n &.main {\n .source-path {\n margin: -22px calc(var(--padding) * -1 + 2px) 24px;\n }\n }\n\n .elementselectormodal & {\n .source-path {\n margin-bottom: 2px;\n }\n }\n\n &.pane {\n .toolbar {\n position: relative;\n z-index: 2;\n margin: calc(var(--pane-padding) * -1) calc(var(--pane-padding) * -1)\n var(--pane-padding) !important;\n border-radius: calc(var(--large-border-radius) - 1px)\n calc(var(--large-border-radius) - 1px) 0 0;\n padding: var(--pane-padding);\n box-shadow: 0 1px 0 var(--hairline-color);\n background-color: var(--gray-050);\n }\n\n .header {\n padding-top: var(--pane-padding);\n padding-bottom: var(--pane-padding);\n background-color: transparent;\n border-bottom: 1px solid var(--hairline-color);\n }\n\n .elements {\n --border-radius: 0;\n\n .tableview table.data thead {\n th,\n td {\n border-bottom: 1px solid var(--hairline-color);\n &:not(.ordered) {\n background-color: transparent;\n }\n }\n }\n }\n\n .footer {\n border-radius: 0 0 calc(var(--large-border-radius) - 1px)\n calc(var(--large-border-radius) - 1px) !important;\n box-shadow: none;\n border-top: 1px solid var(--hairline-color);\n background: transparent;\n }\n }\n}\n\n.elements {\n position: relative;\n\n &:not(.busy) {\n .update-spinner {\n display: none;\n }\n }\n\n &.busy {\n min-height: 72px;\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n z-index: 100;\n top: 0;\n left: calc(var(--pane-padding, 24px) * -1);\n width: calc(100% + var(--pane-padding, 24px) + var(--pane-padding, 24px));\n height: 100%;\n background: transparentize($white, 0.25);\n border-radius: var(--large-border-radius);\n }\n\n .update-spinner {\n z-index: 101;\n }\n }\n\n .header {\n margin: calc(var(--xl) * -1 + 2px) calc(var(--padding) * -1 + 2px) var(--xl);\n padding: var(--s);\n background-color: var(--gray-050);\n box-shadow: none;\n border-radius: var(--border-radius, var(--small-border-radius));\n\n &:after {\n content: '';\n }\n\n .selectallcontainer {\n display: flex;\n align-items: center;\n gap: 5px;\n cursor: default;\n }\n }\n\n .tableview tr.draggee th,\n .tableview tr.draggee td,\n .thumbsview li.draggee {\n opacity: 0.25;\n }\n\n // table views\n .tableview {\n th {\n .move,\n .toggle {\n display: flex;\n position: absolute;\n justify-content: center;\n align-items: center;\n top: 50%;\n transform: translateY(-50%);\n @include margin-left(calc(var(--touch-target-size) * -1));\n width: var(--touch-target-size);\n height: var(--touch-target-size);\n }\n\n .move {\n font-size: 11px;\n text-decoration: none;\n }\n\n .toggle {\n text-align: center;\n padding: 4px;\n border-radius: 50%;\n }\n\n .move + .toggle {\n @include margin-left(calc(var(--touch-target-size) * -2));\n }\n\n .enabled-label {\n margin-left: var(--xs);\n }\n }\n\n .chip {\n background-color: transparent;\n }\n }\n\n // thumbs views\n .thumbsview {\n display: grid;\n gap: var(--xs);\n grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n\n li {\n position: relative;\n @include margin(0, 1px, 1px, 0);\n max-width: 226px;\n border-radius: var(--large-border-radius);\n\n &:hover {\n .chip {\n background-color: var(--gray-050);\n }\n }\n\n &.sel {\n a {\n cursor: pointer !important;\n\n &:hover {\n text-decoration: underline;\n }\n }\n }\n }\n }\n}\n\n.export-form {\n position: relative;\n .spinner {\n position: absolute;\n bottom: 0;\n @include right(-24px);\n }\n}\n\n/* structures */\n.structure {\n position: relative;\n z-index: 1;\n\n li {\n @include padding-left(8px);\n\n &.collapsed > ul {\n display: none;\n }\n\n .row:hover > .icon,\n &.draghelper > .row .move,\n .add.active {\n opacity: 1;\n }\n\n &.draghelper {\n & > .row {\n .add {\n opacity: 0;\n }\n\n .move:before {\n color: var(--link-color);\n }\n }\n }\n\n &.draginsertion {\n position: relative;\n @include margin(-1px, 0, -1px, 8px);\n @include padding-left(0);\n height: 2px;\n background-color: var(--link-color) !important;\n @include border-left(none);\n border-radius: 1px;\n }\n\n .toggle {\n position: relative;\n z-index: 1;\n @include floatleft;\n @include margin(10px, -8px, 0, -12px);\n padding: 4px;\n }\n\n .row:after {\n @include clearafter;\n }\n\n .move,\n .add {\n @include margin(5px, 5px, 0, 0);\n opacity: 0;\n transition: opacity linear 100ms;\n }\n\n .add {\n padding: 0 5px;\n\n &:before {\n content: 'downangle';\n color: var(--dark-hairline-color);\n }\n\n &:not(.disabled):hover:before,\n &.active:before {\n color: var(--link-color);\n }\n }\n\n .checkbox {\n @include floatleft;\n @include margin(7px, 0, 0, 7px);\n }\n }\n\n ul {\n @include margin-left(-3px);\n\n li {\n @include padding-left(38px);\n background-repeat: no-repeat;\n\n body.ltr & {\n background-image: url(../images/branch.png);\n background-position: 0 0;\n }\n\n body.rtl & {\n background-image: url(../images/branch_rtl.png);\n background-position: 100% 0;\n }\n\n &:not(:last-child):not(.last) {\n @include padding-left(37px);\n @include border-left(1px solid var(--gray-200));\n\n body.ltr & {\n background-position: -1px 0;\n }\n\n body.rtl & {\n background-position: calc(100% + 1px) 0;\n }\n }\n\n &.draginsertion {\n @include margin-left(38px);\n }\n }\n }\n\n .row {\n &.draghover {\n .chip {\n z-index: 2;\n border-radius: 15px;\n box-shadow: inset 0 0 0 2px var(--link-color);\n }\n }\n\n &.droptarget {\n border-radius: 5px;\n box-shadow: inset 0 0 0 2px var(--link-color);\n }\n }\n}\n\n/* element select fields */\n.elementselect {\n position: relative;\n min-height: 34px;\n\n .elements {\n display: flex;\n align-items: flex-start;\n gap: var(--xs);\n\n &:not(.inline-chips) {\n flex-direction: column;\n }\n\n li {\n max-width: 100%;\n }\n }\n\n .chip:not(:first-child),\n .card:not(:first-child) {\n margin-top: var(--s);\n }\n\n .flex,\n .btn {\n clear: both;\n }\n\n .chip {\n z-index: 1;\n }\n\n .flex {\n padding-top: 7px;\n }\n\n .structure ul {\n @include margin-left(12px);\n\n li {\n background-position: 0 2px !important;\n\n .chip {\n margin: 0;\n }\n }\n }\n}\n\n/* editable tables */\ntable.editable {\n border-radius: var(--large-border-radius);\n border: 1px solid var(--gray-200);\n\n th,\n td.heading,\n td.action {\n color: var(--medium-text-color);\n font-weight: normal;\n background-color: var(--gray-050);\n }\n\n thead,\n tbody {\n tr {\n th {\n padding: 6px 10px;\n }\n }\n }\n\n thead {\n tr {\n th {\n border-bottom: 1px solid var(--hairline-color);\n\n &.has-info {\n @include padding-right(calc(15px + 1em));\n }\n\n span.info {\n position: absolute;\n margin-left: 5px;\n }\n }\n }\n }\n\n tbody {\n tr {\n &:not(:first-child) {\n th,\n td {\n border-top: 1px solid var(--hairline-color);\n }\n }\n\n &:last-child {\n td:first-child {\n @include border-bottom-left-radius(var(--large-border-radius));\n\n textarea,\n input.text {\n @include border-bottom-left-radius(\n calc(var(--large-border-radius) - 1px)\n );\n }\n }\n }\n\n td:not(:first-child),\n th ~ td:not(.hidden) ~ td {\n @include border-left(1px solid var(--hairline-color));\n }\n\n th {\n // Set a dark border-left for the first that follows a , if there is one.\n // This is a ridiculous CSS hack since there's no operator/pseudo-class that mimics jQuery's next(selector) function.\n // If there was it could have been as simple as: th ??? td:not(.hidden) { dark left border }\n // kudos to Mark Huot for coming up with it!\n & ~ td:not(:first-child) {\n @include border-left(1px solid #dbdddf);\n }\n }\n\n td {\n vertical-align: top;\n text-align: center;\n background-color: var(--white);\n padding: 4px 10px;\n\n &.focus {\n position: relative;\n box-shadow: inset 0 0 0 1px var(--hairline-color);\n }\n\n &.textual {\n padding: 0;\n\n textarea {\n resize: none;\n }\n\n pre {\n @include alignleft;\n white-space: pre-wrap;\n }\n }\n\n &.lightswitch-cell {\n padding-top: 9px;\n padding-bottom: 9px;\n\n .lightswitch {\n display: block;\n margin: 0 auto;\n }\n }\n\n &.checkbox-cell {\n padding-top: 10px;\n padding-bottom: 10px;\n\n .checkbox-wrapper {\n display: block;\n margin: -2px auto 0;\n width: 16px;\n height: 16px;\n }\n }\n\n &.error {\n box-shadow: inset 0 0 0 1px var(--error-color);\n }\n\n &.disabled {\n position: relative;\n opacity: 1;\n\n &:after {\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: transparentize($grey050, 0.25);\n user-select: none;\n }\n }\n\n &.action {\n padding: 4px 7px;\n\n & + td.action {\n @include border-left(none);\n @include padding-left(0);\n }\n }\n\n .flex > * {\n margin-bottom: 0;\n }\n }\n }\n\n textarea,\n textarea.text,\n input.text,\n pre {\n display: block;\n width: 100%;\n border: none;\n box-shadow: none;\n border-radius: 0;\n padding: 7px 10px;\n background-color: transparent;\n overflow: hidden;\n transition: none;\n box-sizing: border-box;\n }\n\n .color-container {\n display: block;\n position: relative;\n\n & > .color,\n .color-input {\n margin-bottom: 0;\n }\n\n & > .color {\n position: absolute;\n top: 10px;\n @include left(10px);\n z-index: 1;\n }\n\n .color-hex-indicator {\n @include left(32px);\n }\n\n .color-input {\n @include padding-left(calc(32px + 1em));\n }\n }\n\n .datewrapper,\n .timewrapper {\n display: block;\n width: calc(100% - 29px);\n\n .text + div[data-icon] {\n top: 6px;\n @include left(10px);\n }\n }\n }\n\n &:not(.static) {\n td.textual {\n cursor: text;\n }\n }\n\n & + .btn.add {\n display: block;\n width: 100%;\n }\n\n &:not(.hidden) + .btn.add {\n border-top-width: 0;\n border-radius: 0 0 var(--medium-border-radius) var(--medium-border-radius);\n }\n}\n\n.border-box,\n.shadow-box {\n & + .buttons {\n margin-top: 7px;\n }\n}\n\n/* ----------------------------------------\n/* Nav\n/* ----------------------------------------*/\n\nul.tree,\n.tree ul {\n @include margin-left(20px);\n}\n\n.tree li .toggle {\n @include margin(7px, 0, 0, -15px);\n}\n\n/* status icons */\n.status {\n display: inline-block;\n position: relative;\n @include margin-right(10px);\n width: 10px;\n height: 10px;\n border: 1px solid transparent;\n border-radius: 100%;\n box-sizing: border-box;\n background-clip: border-box;\n\n body.use-shapes & {\n &.all {\n rotate: 45deg;\n background-image: linear-gradient(30deg, #184cef, #e5422b);\n }\n\n &.pending {\n background-color: transparent;\n border-style: solid;\n border-width: 0 5px 10px 5px;\n border-color: transparent transparent var(--pending-color) transparent;\n border-radius: 1px;\n }\n\n &.all,\n &.off,\n &.suspended,\n &.expired {\n border-radius: 2px;\n transform: scale(90%);\n }\n }\n}\n\n.status:not(.on):not(.live):not(.active):not(.enabled):not(.all):not(\n .pending\n ):not(.off):not(.suspended):not(.expired):not(.yellow):not(.orange):not(\n .red\n ):not(.pink):not(.purple):not(.blue):not(.green):not(.turquoise):not(\n .light\n ):not(.grey):not(.black) {\n border-color: var(--ui-control-color);\n}\n\n.green,\n.status.on,\n.status.live,\n.status.active,\n.status.enabled {\n background-color: var(--enabled-color);\n}\n\n.status.all {\n background-image: linear-gradient(60deg, #184cef, #e5422b);\n background-origin: border-box;\n}\n\n.orange,\n.status.pending {\n background-color: var(--pending-color);\n}\n\n.red,\n.status.off,\n.status.suspended,\n.status.expired {\n background-color: var(--disabled-color);\n}\n\n.yellow {\n background-color: var(--yellow-300);\n}\n\n.pink {\n background-color: var(--pink-400);\n}\n\n.purple {\n background-color: #9b59b6;\n}\n\n.blue {\n background-color: var(--blue-600);\n}\n\n.turquoise {\n background-color: var(--teal-300);\n}\n\n.status.light {\n background-color: var(--gray-100);\n}\n\n.grey {\n background-color: var(--gray-300);\n}\n\n.black {\n background-color: var(--gray-800);\n}\n\n.status.white,\n.status.disabled {\n opacity: 1;\n}\n\n/* ----------------------------------------\n/* Condition builders\n/* ----------------------------------------*/\n\n.condition-container {\n margin: 24px 0;\n}\n\n.condition:not(:empty) + .condition-footer .btn.add {\n}\n\n.condition-rule,\n.condition-footer {\n padding: 7px;\n}\n\n.condition-footer {\n border: 1px dashed var(--medium-hairline-color);\n border-radius: var(--large-border-radius);\n\n .condition:not(:empty) + & {\n border-top-width: 0;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n\n .spinner:not(.loading) {\n display: none;\n }\n}\n\n.condition-rule {\n margin: 0;\n border: 1px solid var(--hairline-color);\n background-color: var(--gray-050);\n\n &:first-child {\n border-top-left-radius: var(--large-border-radius);\n border-top-right-radius: var(--large-border-radius);\n }\n\n & + .condition-rule {\n border-top-width: 0;\n }\n\n & > .rule-move,\n & > .rule-actions {\n margin-top: 5px;\n }\n\n & > .rule-body {\n .lightswitch {\n margin-top: 6px;\n display: block;\n }\n\n .selectize {\n min-width: 100px;\n }\n\n .text.fullwidth {\n min-width: 100px;\n max-width: 100%;\n }\n }\n}\n\n/* ----------------------------------------\n/* Progress bar\n/* ----------------------------------------*/\n\n.progressbar {\n border-radius: 6px;\n border: 2px solid var(--gray-700);\n padding: 2px;\n position: absolute;\n left: 20%;\n width: 60%;\n z-index: 1000;\n}\n\n.progressbar-inner {\n border-radius: 2px;\n height: 4px;\n background-color: var(--gray-700);\n}\n\n.progressbar:not(.pending) .progressbar-inner {\n width: 0;\n transition: width linear 100ms;\n}\n\n.progressbar.pending .progressbar-inner {\n @include striped-bg(17.6776695297px, var(--gray-700)); // sqrt(25^2 / 2);\n body.ltr & {\n animation-name: pendingprogress-ltr;\n }\n body.rtl & {\n animation-name: pendingprogress-rtl;\n }\n animation-timing-function: linear;\n animation-duration: 250ms;\n animation-iteration-count: infinite;\n}\n\n@keyframes pendingprogress-ltr {\n from {\n background-position: 0;\n }\n to {\n background-position: 25px;\n }\n}\n\n@keyframes pendingprogress-rtl {\n from {\n background-position: 0;\n }\n to {\n background-position: -25px;\n }\n}\n\n.elementselect .progress-shade {\n background-color: transparentize($white, 0.2);\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n @include left(0);\n display: none;\n}\n\n.elementselect.uploading {\n position: relative;\n}\n\n.elementselect.uploading .progress-shade {\n display: block;\n z-index: 2;\n}\n\n// Plugin installers\n\n.missing-component {\n padding: 7px 10px !important;\n max-width: 400px;\n background-color: var(--gray-050) !important;\n\n .error {\n margin: 0;\n }\n\n .install-plugin {\n margin: 7px 0 -7px;\n border-top: 1px solid var(--hairline-color);\n position: relative;\n @include padding(10px, 0, 10px, 40px);\n\n .icon {\n width: 32px;\n height: 32px;\n position: absolute;\n top: calc(50% - 16px);\n @include left(0);\n\n img,\n svg {\n width: 100%;\n height: 100%;\n }\n }\n\n h3 {\n flex: 1;\n margin: 8px 0 !important;\n }\n\n .btn {\n margin: 0;\n }\n }\n}\n\n/* ----------------------------------------\n/* Panes, Modals and HUDs\n/* ----------------------------------------*/\n\n.pane {\n --pane-padding: var(--xl);\n --border: 1px solid var(--hairline-color);\n @include pane;\n position: relative;\n margin: 14px 0;\n padding: var(--pane-padding);\n border-radius: var(--large-border-radius);\n word-wrap: break-word;\n box-sizing: border-box;\n\n .pane &,\n #content & {\n background-color: var(--gray-050);\n border: 1px solid var(--hairline-color);\n box-shadow: none;\n }\n\n &.dashed {\n background-color: transparent !important;\n box-shadow: none;\n border: 1px dashed var(--medium-hairline-color) !important;\n }\n\n &.hairline {\n background-color: transparent !important;\n box-shadow: none;\n border: 1px solid #{transparentize($inputColor, 0.75)} !important;\n }\n\n &.padding-xs {\n --pane-padding: var(--xs);\n }\n &.padding-s {\n --pane-padding: var(--s);\n }\n &.padding-m {\n --pane-padding: var(--m);\n }\n &.padding-l {\n --pane-padding: var(--l);\n }\n\n &.loading {\n min-height: 200px;\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n left: -24px;\n width: calc(100% + #{24 + 24}px);\n height: 100%;\n }\n }\n}\n\n.pane-header {\n margin: calc(var(--xl) * -1) var(--neg-padding) var(--xl);\n padding: var(--s) var(--xl);\n min-height: 50px;\n box-sizing: border-box;\n box-shadow: inset 0 -1px 0 0 transparentize($grey300, 0.75);\n border-radius: var(--large-border-radius) var(--large-border-radius) 0 0;\n background-color: var(--gray-050);\n\n .header-btn {\n margin: 2px 0;\n @include header-btn;\n }\n\n .spinner {\n margin: 0 !important;\n }\n}\n\n.pane-tabs {\n display: flex;\n flex-direction: row;\n align-items: center;\n margin: calc(var(--s) * -1) calc(var(--padding) * -1);\n\n &:first-child {\n border-radius: var(--large-border-radius) var(--large-border-radius) 0 0;\n overflow: hidden;\n }\n\n [role='tablist'] {\n flex: 1;\n display: flex;\n flex-direction: row;\n overflow-x: auto;\n scrollbar-width: none;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n &.scrollable {\n body.ltr & {\n mask-image: linear-gradient(\n to left,\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0, 1) 24px\n );\n }\n body.rtl & {\n mask-image: linear-gradient(\n to right,\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0, 1) 24px\n );\n }\n }\n\n [role='tab'] {\n --tab-label-color: var(--light-text-color);\n\n &.error {\n --highlight-color: var(--error-color) !important;\n --tab-label-color: var(--error-color) !important;\n }\n\n &,\n .tab-label {\n border-radius: 2px 2px 0 0;\n }\n\n .tab-label {\n display: flex;\n flex-direction: row;\n align-items: center;\n position: relative;\n padding: 0 var(--padding);\n white-space: nowrap;\n color: var(--tab-label-color);\n height: 50px;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n @include focus-styles {\n box-shadow: none;\n\n .tab-label {\n box-shadow: var(--inner-focus-ring);\n }\n }\n\n &:not(.sel) {\n &:hover {\n background-color: transparentize($grey300, 0.85);\n }\n }\n\n &.sel {\n --highlight-color: var(--gray-500);\n --tab-label-color: var(--text-color);\n position: relative;\n z-index: 1;\n cursor: default;\n box-shadow: inset 0 2px 0 var(--highlight-color),\n 0 0 0 1px $hairlineColor, 0 2px 12px transparentize($grey200, 0.5);\n background-color: var(--white);\n }\n\n span[data-icon] {\n @include margin-left(4px);\n }\n }\n }\n\n &:first-child {\n [role='tablist'] {\n [role='tab'] {\n &:first-child {\n &,\n .tab-label {\n @include border-top-left-radius(var(--large-border-radius));\n }\n }\n }\n }\n }\n\n .menubtn {\n margin: 0 var(--xl);\n\n &.error {\n span[data-icon] {\n margin-right: 2px;\n }\n }\n }\n}\n\n/* detail sidebars */\n.details {\n --spacing: var(--l);\n padding: 0 var(--padding) var(--spacing);\n\n .meta,\n .field,\n hr {\n margin-left: var(--neg-padding);\n margin-right: var(--neg-padding);\n }\n\n .meta {\n margin-bottom: var(--spacing);\n\n &:not(.read-only) {\n background-color: var(--gray-050) !important;\n }\n\n &.read-only {\n color: var(--medium-text-color);\n\n & > .data {\n align-items: baseline;\n min-height: auto;\n\n & > .heading,\n & > .value {\n padding: 6px 0;\n }\n\n &:first-child {\n & > .heading,\n & > .value {\n padding-top: 0;\n }\n }\n\n &:last-child {\n & > .heading,\n & > .value {\n padding-bottom: 0;\n }\n }\n }\n }\n\n &.warning {\n padding-top: var(--m);\n padding-bottom: var(--m);\n color: var(--text-color) !important;\n background-color: var(--yellow-050) !important;\n box-shadow: 0 0 0 1px var(--yellow-300),\n 0 2px 12px transparentize($grey200, 0.5);\n\n p {\n margin-bottom: 5px;\n }\n\n .btn {\n background-color: var(--yellow-300);\n\n &:hover,\n &:focus {\n background-color: darken($yellow300, 10%);\n }\n\n &:active {\n background-color: darken($yellow300, 15%);\n }\n }\n }\n\n & > .field,\n & > .data {\n margin: 0 var(--neg-padding) !important;\n\n & > .heading > label,\n & > .heading {\n color: var(--gray-600);\n }\n }\n\n & > .field > .status-badge {\n @include left(0);\n }\n\n .text::placeholder,\n .datewrapper .text + div[data-icon],\n .timewrapper .text + div[data-icon] {\n color: var(--gray-500);\n }\n\n .ui-datepicker {\n @include margin(0, 0, 0, -8px);\n }\n }\n\n hr {\n margin: var(--spacing) 0;\n border-top-color: var(--hairline-color);\n }\n\n @include placeholder-styles(var(--gray-500));\n\n .text {\n background-color: transparent !important;\n resize: none;\n }\n\n & > .field > .heading > label,\n & > fieldset > legend {\n margin-top: 0;\n font-weight: normal;\n color: var(--gray-600);\n }\n\n & > fieldset {\n margin: 0 0 var(--spacing);\n\n & > legend {\n margin-bottom: 5px;\n }\n }\n\n & > .field {\n margin: 0 0 var(--spacing);\n\n & > .heading {\n margin-top: 0;\n }\n\n & > .input > .text.fullwidth {\n margin: 0 var(--neg-padding);\n padding-left: var(--padding);\n padding-right: var(--padding);\n border: none;\n background-color: var(--gray-050) !important;\n width: calc(100% + var(--padding) + var(--padding));\n }\n }\n\n & > .text {\n border-radius: var(--large-border-radius);\n margin-bottom: var(--spacing);\n\n &:not(:focus) {\n border-color: transparentize($inputColor, 0.6);\n }\n }\n}\n\n/* meta panes */\n$min2ColWidth: 400px;\n\n.meta {\n padding: 0 var(--padding);\n overflow: visible;\n\n &,\n & > .flex-fields {\n & > .field,\n & > .data {\n display: flex;\n min-height: 50px;\n box-sizing: border-box;\n flex-wrap: wrap; // for error lists\n justify-content: space-between;\n align-items: center;\n margin: 0 var(--neg-padding) !important;\n padding: 0 var(--padding);\n transition: padding-left linear 100ms, padding-right linear 100ms;\n\n &.nested {\n @include padding-left(38px);\n }\n\n &.add {\n background-color: darken($grey050, 2%);\n\n &:before {\n position: absolute;\n @include left(0);\n width: 31px;\n @include alignright;\n @include icon;\n content: 'plus';\n color: var(--light-text-color);\n }\n\n .input {\n width: 100%;\n }\n }\n\n & > .heading {\n margin: 0;\n\n @media screen and (min-width: $min2ColWidth) {\n flex: 0 0 104px;\n @include margin-right(var(--s));\n line-height: 18px;\n }\n }\n\n &.lightswitch-field > .heading {\n flex: 1;\n }\n\n & > .input {\n .flex {\n flex-wrap: nowrap;\n\n & > * {\n margin-bottom: 0;\n }\n }\n }\n }\n\n & > .field > .heading {\n padding-top: var(--s);\n\n @media screen and (min-width: $min2ColWidth) {\n padding: 14px 0;\n }\n\n & > .copytextbtn {\n display: none;\n }\n }\n\n & > .data > .heading {\n padding: var(--s) 0;\n }\n\n & > .field > .heading > label,\n & > .data > .heading {\n color: var(--medium-text-color);\n }\n\n & > .field > .input,\n & > .data > .value {\n padding: var(--s) 0;\n width: 100%;\n\n @media screen and (min-width: $min2ColWidth) {\n width: calc(100% - 112px);\n }\n }\n\n & > .data > .value {\n display: flex;\n align-items: center;\n\n & > [data-icon='draft'] {\n margin-top: -2px;\n @include margin-right(8px);\n }\n }\n\n & > .field.lightswitch-field > .input {\n flex: 0;\n width: auto;\n }\n\n & > .field {\n &.has-errors {\n border: 1px solid var(--error-color) !important;\n\n &:first-child {\n border-top-left-radius: var(--large-border-radius);\n border-top-right-radius: var(--large-border-radius);\n }\n\n &:last-child {\n border-bottom-left-radius: var(--large-border-radius);\n border-bottom-right-radius: var(--large-border-radius);\n }\n\n & + .field {\n border-top: none !important;\n }\n }\n\n & > .heading {\n & > label,\n & > legend {\n font-weight: normal;\n }\n }\n\n & > .input {\n &,\n & > .flex,\n & > .flex > .textwrapper,\n & > .datewrapper,\n & > .timewrapper,\n & > .datetimewrapper > .datewrapper,\n & > .datetimewrapper > .timewrapper {\n & > .text {\n display: block;\n margin: calc(var(--s) * -1) 0;\n padding: 14px 0;\n border-radius: 0;\n background-color: transparent;\n border: none !important;\n }\n }\n\n & > .datewrapper,\n & > .timewrapper,\n & > .datetimewrapper > .datewrapper,\n & > .datetimewrapper > .timewrapper {\n background-color: transparent;\n .text + div[data-icon] {\n @include left(0);\n }\n }\n\n & > .datetimewrapper {\n gap: 0;\n\n & > .datewrapper {\n width: 55%;\n }\n\n & > .timewrapper {\n width: 45%;\n }\n\n & > .clear-btn {\n @include margin-right(-24px);\n }\n }\n\n & > .datewrapper,\n & > .timewrapper {\n display: block;\n width: 100%;\n }\n }\n\n & > ul.errors {\n margin: 0;\n padding: 0 0 6px;\n width: 100%;\n list-style-type: none;\n }\n\n & > .clear-btn {\n @include margin-right(var(--neg-padding));\n }\n }\n }\n\n & > .field:not(:first-child):not(.first-child),\n & > .flex-fields + .field:not(.first-child) {\n border-top: 1px solid var(--hairline-color);\n }\n\n & > .flex-fields {\n h2,\n blockquote.note {\n margin: 0 -24px !important;\n padding: 14px 24px;\n background-color: darken($grey050, 2%);\n }\n\n blockquote.note {\n border-radius: 0;\n border: none;\n }\n\n hr {\n margin: 0 -24px;\n }\n }\n}\n\n.meta > .field > .input > .select {\n display: block;\n margin: calc(var(--s) * -1) 0;\n width: 100%;\n border-radius: 0;\n box-shadow: none;\n background-color: transparent;\n\n &:after {\n @include right(0);\n }\n\n & + .spinner {\n position: absolute;\n top: calc(50% - 17px);\n @include right(-24px);\n }\n\n select {\n @include padding(var(--s), 12px, var(--s), 0);\n width: 100%;\n background-color: transparent;\n }\n}\n\n.body {\n position: relative;\n}\n\n.slideout-container,\n.slideout,\n.modal,\n.hud {\n z-index: 100;\n box-sizing: border-box;\n}\n\n.modal,\n.hud {\n @include modal;\n}\n\n.slideout-shade {\n opacity: 0;\n transition: opacity linear 250ms;\n\n &.so-visible {\n opacity: 1;\n }\n}\n\n.slideout-container {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n height: -webkit-fill-available; // h/t https://twitter.com/AllThingsSmitty/status/1254151507412496384\n pointer-events: none;\n\n &.so-lp {\n position: absolute;\n top: var(--m);\n left: var(--m);\n width: calc(100% - var(--m) * 2);\n height: calc(100vh - var(--m) * 2);\n }\n\n body.has-debug-toolbar & {\n height: calc(100vh - 42px);\n }\n}\n\n.slideout {\n position: absolute;\n background-color: var(--white);\n box-shadow: 0 0 0 1px transparentize($grey400, 0.75),\n 0 25px 100px transparentize($grey900, 0.5) !important;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n padding: 24px var(--padding);\n pointer-events: all;\n container-type: inline-size;\n\n &.so-mobile,\n &.so-lp {\n width: 100% !important;\n height: 100% !important;\n left: 0;\n transition: top linear 250ms;\n will-change: top;\n }\n\n &.so-mobile {\n --padding: 14px;\n --neg-padding: -14px;\n }\n\n &:not(.so-mobile) {\n border-radius: var(--large-border-radius);\n }\n\n &:not(.so-mobile):not(.so-lp) {\n top: 8px;\n width: calc(50% - 8px);\n height: calc(100% - 16px);\n\n @media screen and (prefers-reduced-motion: no-preference) {\n body.ltr & {\n transition: left linear 250ms;\n will-change: left;\n }\n\n body.rtl & {\n transition: right linear 250ms;\n will-change: right;\n }\n }\n }\n\n & > .pane-header {\n padding-left: var(--padding);\n padding-right: var(--padding);\n z-index: 2;\n\n & > .so-toolbar {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--s);\n min-height: calc(50px - 16px);\n\n & > .pane-tabs {\n width: 1px; // give other elements in the header plenty of room before the tabs take up whatever's left\n flex: 1;\n @include margin-right(0);\n }\n }\n }\n\n & > .so-body {\n flex: 1;\n margin: -24px var(--neg-padding) 0;\n overflow: hidden auto;\n position: relative;\n\n &.so-full-details,\n & > .so-sidebar {\n background-color: var(--gray-100) !important;\n }\n\n &:not(.so-full-details) {\n padding: 24px var(--padding);\n }\n\n & > .so-sidebar,\n &.so-full-details > .so-content > .details {\n box-sizing: border-box;\n padding: 0 var(--padding) var(--spacing);\n\n & > .preview-thumb-container {\n margin: 0 var(--neg-padding);\n height: auto;\n min-height: 54px; // make room for the Preview / Edit buttons\n\n & + .pane-header {\n border-radius: 0;\n }\n }\n\n .image-actions {\n &.is-mobile {\n margin: calc(var(--spacing) / 2) 0 var(--spacing);\n }\n }\n\n & > .meta.read-only:first-child {\n margin-top: var(--padding);\n }\n\n & > .meta.warning {\n box-shadow: none;\n border-bottom: 1px solid var(--yellow-300);\n }\n\n & > .field {\n & > .input > .text.fullwidth {\n border-radius: 0;\n }\n }\n\n .notes {\n padding-top: var(--m);\n padding-bottom: var(--m);\n }\n }\n\n & > .so-sidebar {\n position: absolute;\n top: 0;\n @include pane();\n width: 350px;\n height: 100%;\n max-width: 100%;\n overflow: hidden auto;\n z-index: 1;\n\n body.ltr & {\n transition: right linear 250ms;\n }\n body.rtl & {\n transition: left linear 250ms;\n }\n }\n }\n\n & > .so-footer {\n position: relative;\n display: flex;\n gap: 8px;\n justify-content: space-between;\n flex-wrap: wrap;\n margin: 0 var(--neg-padding) -24px;\n padding: 8px var(--padding);\n @include pane;\n background-color: var(--gray-050);\n z-index: 3;\n\n & > .so-extra {\n flex: 0 0 100%;\n margin: 0 var(--neg-padding);\n padding: 0 var(--padding) 8px;\n border-bottom: 1px solid var(--hairline-color);\n }\n }\n}\n\n@container (width > 700px) {\n .slideout {\n &.has-sidebar {\n .pane-header:not(.so-visible) {\n display: none;\n }\n\n .sidebar-btn {\n display: none;\n }\n\n .so-body {\n display: flex;\n flex-direction: row;\n padding: 0;\n overflow: hidden;\n\n & > .so-content {\n position: relative;\n z-index: 2;\n padding: 24px;\n width: calc(100% - 350px);\n height: 100%;\n box-sizing: border-box;\n @include border-right(1px solid var(--gray-200));\n overflow: hidden auto;\n }\n\n & > .so-sidebar {\n position: relative;\n display: block !important;\n top: auto;\n right: auto !important;\n left: auto !important;\n height: 100%;\n box-shadow: none;\n }\n }\n }\n\n & > .so-footer {\n & > .so-extra {\n margin: 0;\n padding: 0;\n border: none;\n flex: auto 0 1;\n }\n }\n }\n}\n\n.header,\n.hud-header,\n.footer,\n.hud-footer {\n position: relative;\n z-index: 1;\n box-sizing: border-box;\n}\n\n.header,\n.hud-header,\n.footer,\n.hud-footer {\n background-color: var(--gray-100);\n}\n\n.header,\n.hud-header {\n border-radius: var(--large-border-radius) var(--large-border-radius) 0 0;\n padding: 24px;\n box-shadow: inset 0 -1px 0 var(--hairline-color);\n\n h1 {\n margin: 0;\n }\n}\n\n.footer,\n.hud-footer {\n border-radius: 0 0 var(--large-border-radius) var(--large-border-radius);\n padding: var(--s) var(--pane-padding, var(--xl));\n box-shadow: inset 0 1px 0 var(--hairline-color);\n\n &.flex {\n & > * {\n margin-bottom: 0;\n }\n }\n}\n\n.modal .body,\n.hud .main {\n padding: 24px;\n overflow: hidden;\n box-sizing: border-box;\n}\n\n.pane,\n.modal .body {\n .header {\n margin: calc(var(--pane-padding, 24px) * -1)\n calc(var(--pane-padding, 24px) * -1) var(--pane-padding, 24px);\n }\n\n .footer {\n margin: var(--pane-padding, 24px) calc(var(--pane-padding, 24px) * -1)\n calc(var(--pane-padding, 24px) * -1);\n }\n}\n\n.slideout-shade,\n.modal-shade,\n.hud-shade {\n z-index: 100;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: none;\n}\n\n.slideout-shade,\n.modal-shade {\n &:not(.dark) {\n background-color: transparentize($grey400, 0.65) !important;\n }\n\n &.dark {\n background-color: transparentize($grey900, 0.5) !important;\n }\n}\n\n.modal {\n position: fixed;\n overflow: hidden;\n\n &:not(.fitted):not(.fullscreen) {\n width: 66%;\n height: 66%;\n min-width: 600px;\n min-height: 400px;\n }\n\n &.fitted {\n width: auto;\n height: auto;\n min-width: 0;\n min-height: 0;\n }\n\n &.fullscreen {\n width: 100%;\n height: 100%;\n border-radius: 0;\n }\n\n &.alert .body {\n @include padding-left(76px);\n\n &:before {\n @include icon;\n @include margin(-6px, 0, 0, -58px);\n @include floatleft;\n content: 'alert';\n font-size: 40px;\n color: var(--light-text-color);\n }\n }\n\n &.secure .body {\n @include padding-left(76px);\n\n &:before {\n @include icon;\n @include margin(-14px, 0, 0, -56px);\n @include floatleft;\n content: 'secure';\n font-size: 58px;\n color: var(--light-text-color);\n }\n }\n\n .resizehandle {\n position: absolute;\n z-index: 1;\n bottom: 0;\n @include right(0);\n width: 24px;\n height: 24px;\n cursor: nwse-resize;\n padding: var(--xs);\n\n path {\n fill: var(--ui-control-color);\n }\n\n body.rtl & {\n .ltr {\n display: none;\n }\n }\n\n body.ltr & {\n .rtl {\n display: none;\n }\n }\n }\n}\n\n.hud {\n position: absolute;\n display: none;\n top: 0;\n\n &.tooltip-hud {\n display: block;\n }\n\n &.has-footer .tip-bottom {\n background-image: url(../images/hudtip_bottom_gray.png);\n }\n\n .tip {\n position: absolute;\n z-index: 101;\n background: no-repeat 0 0;\n }\n\n .tip-left {\n left: -15px;\n width: 15px;\n height: 30px;\n background-image: url(../images/hudtip_left.png);\n }\n\n .tip-top {\n top: -15px;\n width: 30px;\n height: 15px;\n background-image: url(../images/hudtip_top.png);\n }\n\n .tip-right {\n right: -15px;\n width: 15px;\n height: 30px;\n background-image: url(../images/hudtip_right.png);\n }\n\n .tip-bottom {\n bottom: -15px;\n width: 30px;\n height: 15px;\n background-image: url(../images/hudtip_bottom.png);\n }\n}\n\n.hud .hud-header,\n.hud .hud-footer {\n padding: var(--s) var(--xl);\n}\n\n.hud .body {\n overflow: hidden;\n\n ::-webkit-scrollbar {\n appearance: none;\n\n &:vertical {\n width: 11px;\n }\n\n &:horizontal {\n height: 11px;\n }\n }\n\n ::-webkit-scrollbar-thumb {\n border-radius: 8px;\n border: 2px solid transparent;\n background-color: transparentize($black, 0.5);\n }\n\n ::-webkit-scrollbar-track {\n background-color: var(--gray-050);\n }\n}\n\n/* inline asset previews */\n\n.preview-thumb-container {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 190px;\n background-color: var(--gray-900);\n margin: 0 var(--neg-padding) var(--spacing);\n\n &.checkered img {\n background-color: var(--white);\n @include checkered-bg(17px);\n }\n\n &.editable {\n cursor: pointer;\n }\n\n &.loading {\n &:after {\n content: '';\n font-size: 0;\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n background-color: transparentize($grey900, 0.2);\n }\n\n .spinner {\n color: var(--white);\n z-index: 1;\n }\n }\n\n #details & {\n border-radius: var(--large-border-radius);\n overflow: hidden;\n }\n\n .preview-thumb {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n height: 100%;\n\n img {\n display: block;\n max-width: 100%;\n max-height: 190px;\n }\n }\n}\n\n.image-actions {\n &.is-mobile {\n margin: calc((var(--spacing) / 2) * -1) var(--neg-padding) var(--spacing);\n display: grid;\n grid-template-columns: 1fr 1fr;\n }\n}\n\n.button-fade {\n .buttons {\n opacity: 0;\n position: absolute;\n top: 10px;\n @include right(10px);\n margin: 0;\n transition: opacity linear 100ms;\n\n .btn {\n --ui-control-color: var(--white);\n --ui-control-hover-color: var(--white);\n --ui-control-active-color: var(--white);\n --interaction-background-color: var(--gray-700);\n background-color: var(--gray-600);\n color: var(--white);\n @include light-on-dark-text;\n @include two-color-focus-ring($light-button: false);\n\n &:hover {\n background-color: var(--interaction-background-color) !important;\n }\n\n &:not(.disabled):not(.loading):not(.dashed) {\n &:focus,\n &.focus,\n &:hover {\n background-color: var(--interaction-background-color);\n }\n }\n }\n }\n\n &:hover,\n &:focus-within {\n .buttons {\n opacity: 1;\n }\n }\n}\n\n/* element selector modals */\n.elementselectormodal {\n --content-padding: 24px;\n padding-bottom: 50px;\n user-select: none;\n\n & > .header {\n padding-top: 14px;\n padding-bottom: 14px;\n text-align: center;\n\n & + .body {\n height: calc(100% - 48px) !important;\n }\n }\n\n .body {\n position: relative;\n height: 100%;\n\n .spinner.big {\n position: absolute;\n top: 50%;\n left: 50%;\n margin: -24px 0 0 -24px;\n }\n\n .content {\n height: calc(100% + 48px);\n\n .sidebar {\n position: absolute;\n top: 0;\n @include margin-left(-249px);\n height: 100%;\n overflow: auto;\n padding: var(--content-padding) 0;\n }\n\n .main {\n margin: -24px;\n padding: var(--content-padding);\n height: 100%;\n box-sizing: border-box;\n overflow: auto;\n position: relative;\n\n .elements {\n &.busy {\n min-height: calc(100% - 48px);\n }\n\n .header {\n margin: 0 0 var(--m);\n }\n\n .tableview table {\n tr {\n th,\n td {\n cursor: default;\n }\n\n // prevent double focus ring (the row already gets it)\n .checkbox:before {\n box-shadow: none !important;\n }\n }\n }\n\n .structure .row {\n margin-top: 1px;\n }\n }\n }\n }\n }\n\n .footer {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n margin: 0;\n box-sizing: border-box;\n\n .spinner {\n @include floatright;\n @include margin-right(-24px);\n }\n }\n}\n\n/* element selector modals & customize sources modal */\n.elementselectormodal,\n.customize-sources-modal {\n .main-header {\n display: flex;\n align-items: center;\n margin-bottom: var(--s);\n }\n\n .main-heading {\n margin-bottom: 0;\n }\n\n .nav-toggle {\n @include margin-left(4px);\n @include touch-target;\n color: var(--ui-control-color);\n\n &:hover {\n color: var(--gray-500);\n }\n }\n\n .sidebar-header {\n display: flex;\n justify-content: flex-end;\n padding: 0 var(--s);\n margin-bottom: var(--s);\n }\n\n .nav-close {\n @include touch-target;\n }\n}\n\n/* element editing HUD */\n.element-hud-form {\n .buttons {\n position: relative;\n\n .spinner {\n position: absolute;\n top: 0;\n @include right(-24px);\n }\n }\n}\n\n/* recent activity container */\n.activity-container {\n &:not(:last-child) {\n @include margin-right(var(--s));\n }\n\n ul {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: var(--xs);\n\n li {\n .activity-btn {\n width: 30px;\n height: 30px;\n border-radius: 50%;\n display: block;\n\n .elementthumb {\n position: relative;\n width: 100%;\n height: 100%;\n border-radius: 50px;\n background: var(--gray-050);\n overflow: hidden;\n border: 2px solid var(--white);\n box-shadow: 0 1px 2px 1px transparentize($grey900, 0.9);\n\n img,\n svg {\n display: block;\n width: 100%;\n height: 100%;\n }\n }\n }\n\n &:not(:last-child) {\n @include margin-right(-10px);\n }\n }\n }\n}\n\n/* element index view menu */\n.element-index-view-menu {\n width: 400px;\n max-width: calc(100% - 20px);\n padding: 0 !important;\n\n .meta {\n padding-top: var(--s);\n padding-bottom: var(--s);\n }\n\n .table-columns-field {\n align-items: flex-start;\n\n .input {\n padding: 13px 0;\n }\n }\n\n .menu-footer {\n margin: 0 !important;\n padding: var(--s) var(--xl) !important;\n background-color: var(--gray-050);\n }\n}\n\n.element-index-view-menu-table-column {\n display: flex;\n align-items: start;\n align-content: stretch;\n margin-bottom: 4px;\n\n .icon.move {\n @include margin-right(10px);\n position: relative;\n z-index: 1;\n }\n}\n\n/* sort fields */\n.sort-field {\n .input {\n .flex {\n .btngroup {\n .btn {\n width: 42px;\n }\n }\n\n .flex-grow {\n max-width: calc(100% - 85px - var(--s));\n }\n\n @media screen and (max-width: 350px) {\n flex-direction: column;\n\n & > * {\n width: 100%;\n }\n\n .flex-grow {\n max-width: none;\n }\n }\n }\n }\n}\n\n/* element filter HUD */\n.element-filter-hud {\n &.loading .body {\n padding: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .body,\n .main {\n overflow: visible;\n }\n}\n\n/* Address Cards */\n.address-cards {\n display: grid;\n gap: var(--m) var(--m);\n grid-template-columns: repeat(1, minmax(0, 1fr));\n grid-auto-rows: minmax(0, 1fr);\n\n .so-content & {\n grid-template-columns: repeat(1, minmax(0, 1fr)) !important;\n }\n}\n\n.address-cards__add-btn {\n padding: 1rem;\n min-height: 8rem;\n height: auto;\n width: 100%;\n}\n\n.address-card.error {\n border: 1px solid #cf1124;\n}\n\n.address-card.error:hover {\n border-color: #cf1124;\n}\n\n@media (min-width: 1024px) {\n .address-cards {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n\n@media (min-width: 1280px) {\n .address-cards {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n\n .so-content & {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n }\n }\n}\n\n@media (min-width: 1536px) {\n .address-cards {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n}\n\n.address-card {\n border: 1px solid #eee;\n border-radius: 0.375rem;\n padding: 1rem;\n min-height: 4rem;\n}\n\n.address-card:hover {\n border-color: #ddd;\n background-color: #fafafa;\n cursor: pointer;\n}\n\n.address-card .address-card-header {\n display: flex;\n flex-wrap: nowrap;\n justify-content: space-between;\n}\n\n.address-card .address-card-header-actions {\n display: flex;\n justify-content: flex-end;\n}\n\n.address-card .address-card-label {\n background: #e6f1fe;\n color: #2563eb;\n padding: 0.125rem 0.5rem;\n border-radius: 0.25rem;\n font-size: 0.75rem;\n text-transform: uppercase;\n font-weight: 500;\n margin-bottom: 0.75rem;\n\n .ltr & {\n margin-right: 0.5rem;\n }\n\n .rtl & {\n margin-left: 0.5rem;\n }\n}\n\n/* logout warning/login/elevated session modals */\n.logoutwarningmodalshade,\n.loginmodalshade {\n z-index: 1001;\n}\n\n#logoutwarningmodal,\n#loginmodal,\n#elevatedsessionmodal,\n.prompt {\n width: 500px;\n}\n\n#logoutwarningmodal,\n#loginmodal {\n z-index: 1001;\n}\n\n.prompt {\n height: auto;\n min-height: auto;\n}\n\n/* delete user modal */\n.deleteusermodal {\n .content-summary {\n margin: -24px -24px 24px;\n padding: 24px;\n background-color: var(--gray-050);\n }\n\n .options {\n label {\n display: inline-block;\n line-height: 30px;\n }\n }\n\n .elementselect {\n @include margin-left(10px);\n display: inline-block;\n vertical-align: middle;\n }\n\n .buttons {\n .spinner {\n @include margin-right(-20px);\n }\n }\n\n div.elements {\n list-style: none;\n }\n}\n\n.dropdownsettingsmodal {\n width: auto;\n height: auto;\n min-width: 0;\n min-height: 0;\n max-width: 400px;\n\n .body {\n max-height: 100%;\n overflow-y: auto;\n }\n}\n\n.previewmodal {\n &.zilch {\n padding: 100px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n\n/* ----------------------------------------\n/* Alternative Text\n/* ----------------------------------------*/\n.video-transcript {\n background-color: var(--gray-050);\n overflow-y: scroll;\n font-size: 1rem;\n position: relative;\n\n @include focus-styles {\n // Unset default\n box-shadow: none;\n color: var(--white);\n background-color: var(--gray-800);\n }\n}\n\n.video-transcript__inner {\n margin-left: auto;\n margin-right: auto;\n max-width: 550px;\n padding: var(--xl);\n}\n\n/* ----------------------------------------\n/* Menus\n/* ----------------------------------------*/\n\n.menu,\n.ui-datepicker,\n.ui-timepicker-list {\n @include menu-styles;\n}\n\n.ui-datepicker,\n.ui-timepicker-list {\n padding: 0;\n}\n\n.menu {\n display: none;\n position: absolute;\n\n h6 {\n &:first-child {\n margin-top: 14px !important;\n }\n }\n\n ul {\n &.padded {\n li {\n a,\n .menu-option {\n @include padding-left(24px);\n\n &[data-icon],\n &.icon,\n &.sel {\n &:before {\n @include floatleft;\n @include margin(3px, 0, 0, -17px);\n font-size: 14px;\n color: var(--ui-control-color);\n }\n\n &.error:before {\n color: var(--error-color);\n }\n }\n\n &.sel:not([data-icon]):before {\n content: 'check';\n }\n }\n }\n }\n\n li {\n a,\n .menu-option {\n @include menu-option-styles;\n font-size: 14px;\n cursor: default;\n -webkit-appearance: none;\n\n &:not(.flex) {\n display: table !important;\n box-sizing: border-box;\n width: calc(100% + 28px);\n @include alignleft;\n }\n\n &.flex {\n [data-icon] {\n margin-top: -2px;\n }\n }\n\n &.sel {\n cursor: default;\n }\n\n .shortcut {\n @include floatright;\n @include margin-left(14px);\n padding: 0 4px;\n border-radius: var(--medium-border-radius);\n box-shadow: 0 0 0 1px transparentize($grey600, 0.75),\n 0 1px 3px -1px transparentize($grey600, 0.5);\n }\n }\n }\n }\n\n & > .flex {\n margin-top: 10px;\n margin-bottom: 10px;\n position: relative;\n\n &.padded {\n @include margin-left(-14px);\n @include padding-left(24px);\n\n &.sel {\n &:before {\n position: absolute;\n top: 36px;\n @include left(7px);\n content: 'check';\n font-size: 14px;\n color: var(--light-text-color);\n }\n }\n }\n }\n\n hr {\n margin: 5px -14px;\n }\n\n .go:after {\n color: inherit;\n }\n}\n\n.menubtn,\n.menu {\n span.icon {\n display: inline-block;\n margin-top: -1px;\n width: 10px;\n @include margin-right(10px);\n text-align: center;\n font-size: 14px;\n color: var(--ui-control-color);\n }\n}\n\n.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,\n.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover {\n @include menu-option-active-styles;\n --text-color: var(--white);\n --light-text-color: var(--gray-100);\n --ui-control-color: var(--gray-050);\n --ui-control-hover-color: var(--gray-100);\n --ui-control-active-color: var(--gray-100);\n\n span.icon,\n &:before {\n color: var(--menu-option-active-color);\n }\n\n &.error {\n color: var(--menu-option-active-color) !important;\n }\n}\n\n.menu {\n hr.padded,\n h6.padded {\n @include margin-left(10px);\n }\n}\n\n.menu--disclosure ul li {\n & > a,\n & > .menu-option {\n &:hover {\n @include disclosure-link-hover-styles;\n }\n\n @include focus-styles {\n box-shadow: inset 0 0 0 3px hsla(var(--dark-focus-hsl), 0.7);\n }\n }\n}\n\n/* tag select fields */\n.tagselect {\n .elements {\n display: inline;\n }\n\n .chip.small {\n clear: none;\n }\n\n .add {\n position: relative;\n z-index: 1;\n @include margin(7px, 7px, 0, 0);\n display: inline-block;\n width: 12em;\n\n .text {\n @include padding-right(30px);\n }\n\n .spinner {\n position: absolute;\n top: 0;\n @include right(5px);\n }\n }\n\n // todo: why are body.ltr and body.rtl needed here?\n body.ltr &,\n body.rtl & {\n &.elementselect .chip {\n float: none !important;\n display: inline-block;\n }\n }\n}\n\n.tagmenu {\n ul {\n li {\n a {\n @include padding-left(26px);\n\n &:before {\n @include floatleft;\n @include margin(3px, 0, 0, -18px);\n }\n }\n }\n }\n}\n\n/* selectize */\n.selectize-control.single .selectize-input:not(.no-arrow)::after {\n display: none;\n}\n\n/* ----------------------------------------\n/* Fields\n/* ----------------------------------------*/\n\n.shadow-box {\n border-radius: var(--large-border-radius);\n border: 1px solid var(--gray-200);\n @include shadow;\n}\n\ntable.shadow-box,\ntable.editable {\n border-collapse: separate;\n border-spacing: 0;\n\n thead,\n tbody:first-child,\n caption + tbody {\n tr:first-child {\n th:first-child,\n td:first-child {\n &,\n &.disabled:after {\n border-top-left-radius: var(--medium-border-radius);\n }\n }\n th:last-child,\n td:last-child {\n &,\n &.disabled:after {\n border-top-right-radius: var(--medium-border-radius);\n }\n }\n }\n }\n thead:last-child,\n tbody:last-child {\n tr:last-child {\n th:first-child,\n td:first-child {\n &,\n &.disabled:after {\n border-bottom-left-radius: calc(var(--large-border-radius) - 1px);\n }\n }\n th:last-child,\n td:last-child {\n &,\n &.disabled:after {\n border-bottom-right-radius: calc(var(--large-border-radius) - 1px);\n }\n }\n }\n }\n}\n\n.text,\n.passwordwrapper,\n.border-box,\n.selectize.multiselect .selectize-input,\n.multiselect > select {\n @include input-styles;\n}\n\n.text,\n.passwordwrapper,\n.border-box,\n.selectize.multiselect .selectize-input {\n &.focus {\n @include input-focused-styles;\n }\n\n @include focus-styles {\n @include input-focused-styles;\n }\n}\n\ninput.text,\ntextarea.text,\n.text > input,\n.text > textarea,\ntable.editable textarea,\n.selectize.multiselect .selectize-input {\n font-size: 14px;\n line-height: 20px;\n color: var(--text-color);\n min-height: 3px;\n box-sizing: border-box;\n appearance: none;\n}\n\n.selectize.multiselect .selectize-input {\n line-height: 18px;\n}\n\ntextarea.text.fullwidth {\n display: block;\n}\n\n.multitext .multitextrow {\n &:after {\n @include clearafter;\n }\n\n &:first-child .text {\n &:first-child {\n @include border-top-left-radius(var(--medium-border-radius));\n }\n\n &:last-child {\n @include border-top-right-radius(var(--medium-border-radius));\n }\n }\n\n &:last-child .text {\n &:first-child {\n @include border-bottom-left-radius(var(--medium-border-radius));\n }\n\n &:last-child {\n @include border-bottom-right-radius(var(--medium-border-radius));\n }\n }\n\n &:not(:first-child) .text {\n margin-top: -1px;\n }\n\n .text {\n border-radius: 0;\n float: left;\n box-sizing: border-box;\n\n &:not(:first-child) {\n @include margin-left(-1px);\n }\n\n &:first-child {\n &:nth-last-child(1) {\n width: 100%;\n }\n\n &:nth-last-child(2) {\n width: 50%;\n }\n\n &:nth-last-child(2) ~ .text {\n width: calc(50% + 1px);\n }\n }\n\n &.error {\n position: relative;\n z-index: 1;\n }\n }\n\n .text:focus,\n .selectize.multiselect .selectize-input.focus {\n position: relative;\n z-index: 2;\n }\n}\n\n.chars-left {\n position: relative;\n @include floatright;\n @include margin(-27px, 7px, 0, 0);\n color: var(--light-text-color);\n\n .input.ltr > & {\n float: right !important;\n margin-right: 7px !important;\n }\n\n .input.rtl > & {\n float: left !important;\n margin-left: 7px !important;\n }\n\n &.negative-chars-left {\n color: var(--error-color);\n }\n}\n\n.field,\nfieldset {\n position: relative;\n margin: 24px 0;\n\n .flex > & {\n margin-top: 0;\n margin-bottom: 0;\n }\n}\n\n.field {\n min-inline-size: initial;\n\n & > .status-badge {\n position: absolute;\n top: 0;\n @include left(0);\n width: 2px;\n height: 100%;\n content: '';\n cursor: help;\n\n &.modified {\n background-color: var(--blue-600);\n }\n\n &.outdated {\n background-color: var(--pending-color);\n }\n }\n\n & > .heading {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n position: relative;\n margin-top: -5px;\n margin-bottom: 5px;\n\n & > label,\n & > legend {\n font-weight: bold;\n color: var(--medium-dark-text-color);\n\n code {\n font-size: 1em !important;\n }\n\n .info {\n @include margin-left(5px);\n }\n }\n\n .t9n-indicator {\n @include margin-left(7px);\n color: var(--light-text-color);\n }\n\n & + .instructions {\n margin-top: -3px;\n }\n\n // BC\n & > .instructions {\n width: 100%;\n }\n }\n\n & > .instructions {\n margin-bottom: 5px;\n }\n\n & > .input {\n position: relative;\n\n &:after {\n @include clearafter;\n }\n\n & + .instructions {\n margin: 5px 0 0;\n }\n }\n\n & > .notice,\n & > .warning {\n margin: 5px 0 0;\n }\n}\n\n.field > .instructions,\n// BC\n.field > .heading > .instructions,\n.checkboxfield .instructions {\n color: var(--medium-text-color);\n\n img,\n video,\n embed,\n iframe {\n max-width: 100% !important;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n}\n\n.expand-status-btn {\n @include margin-left(5px);\n width: 30px;\n height: 17px;\n padding: 0;\n line-height: 16px;\n border-radius: var(--small-border-radius);\n color: var(--text-color);\n\n &:before {\n margin: 0;\n }\n}\n\n/* toggles and nested fields */\n.nested-fields {\n margin: -24px;\n padding: 24px 24px 0;\n\n &.hidden {\n display: block;\n height: 0;\n }\n\n & > .field:last-child {\n padding-bottom: 24px;\n }\n}\n\n/* checkbox */\ninput.checkbox {\n opacity: 0;\n position: absolute;\n width: var(--checkbox-size);\n height: var(--checkbox-size);\n}\n\ninput.checkbox + label,\ndiv.checkbox {\n display: inline-block;\n clear: none;\n position: relative;\n @include padding-left($checkboxSize + 5);\n line-height: 16px;\n min-height: 16px;\n cursor: pointer;\n\n &,\n &:before {\n // set the border radius on the container too, for (some) focus rings\n border-radius: var(--small-border-radius);\n }\n\n &:before {\n display: block;\n position: absolute;\n @include left(0);\n top: 0;\n width: var(--checkbox-size) !important;\n height: var(--checkbox-size);\n box-sizing: border-box;\n content: '';\n font-size: 0;\n background-color: hsl(212, 50%, 99%);\n border: 1px solid transparentize($inputColor, 0.6);\n background-clip: padding-box;\n }\n\n &:empty {\n @include padding-left(var(--checkbox-size));\n\n &:after {\n content: '';\n font-size: 0;\n }\n }\n\n .info {\n height: 16px;\n }\n}\n\ninput.checkbox:disabled + label,\n.disabled div.checkbox {\n cursor: default;\n}\n\ninput.checkbox:disabled + label,\ndiv.checkbox.disabled:before,\ndiv.checkbox.disabled + label {\n opacity: 0.25 !important;\n}\n\ninput.checkbox:checked + label:before,\ndiv.checkbox.checked:before,\n.sel div.checkbox:before,\ninput.checkbox:indeterminate + label:before,\ndiv.checkbox.indeterminate:before,\n.elementselectormodal\n .body\n .content\n .main\n .elements\n .disabled\n .checkbox:before {\n @include icon;\n line-height: var(--checkbox-size);\n color: var(--gray-900);\n}\n\ninput.checkbox:checked:not(:indeterminate) + label:before,\ndiv.checkbox.checked:not(.indeterminate):before,\n.sel div.checkbox:not(.indeterminate):before,\n.elementselectormodal\n .body\n .content\n .main\n .elements\n .disabled\n .checkbox:before {\n content: 'check';\n font-size: 15px;\n}\n\ninput.checkbox:indeterminate + label:before,\ndiv.checkbox.indeterminate:before {\n content: 'minus';\n font-size: 7px;\n text-align: center;\n}\n\nbody:not(.reduce-focus-visibility) {\n input.checkbox:focus + label:before,\n :focus div.checkbox:before {\n @include input-focused-styles;\n }\n}\n\nbody.reduce-focus-visibility {\n input.checkbox:focus-visible + label:before,\n :focus-visible div.checkbox:before {\n @include input-focused-styles;\n }\n}\n\n.checkbox-icon {\n display: inline-flex;\n padding: 3px;\n background-color: var(--enabled-color);\n color: var(--white);\n border-radius: var(--small-border-radius);\n\n &:before {\n --checkbox-size: 14px;\n --icon-opacity: 1;\n @include icon;\n content: 'check';\n line-height: var(--checkbox-size);\n font-size: var(--checkbox-size);\n }\n}\n\n.monaco-mouse-cursor-text {\n @include focus-styles {\n box-shadow: none !important;\n }\n}\n\nfieldset {\n .checkboxfield {\n margin: 5px 0;\n }\n}\n\n.checkboxfield {\n .instructions,\n .notice,\n .warning {\n margin-top: 2px;\n @include padding-left($checkboxSize + 5);\n }\n}\n\n/* radio */\ninput.radio {\n opacity: 0;\n position: absolute;\n width: var(--radio-size);\n height: var(--radio-size);\n}\n\ninput.radio + label,\ndiv.radio {\n display: inline-block;\n clear: none;\n position: relative;\n @include padding-left($radioSize + 5);\n line-height: calc(24 / 14);\n cursor: pointer;\n}\n\ninput.radio:disabled + label,\n.disabled div.radio {\n cursor: default;\n}\n\ninput.radio + label:empty,\ndiv.radio:empty {\n @include padding-left(var(--radio-size));\n}\n\n/* fixes a RTL bug */\ninput.radio + label:before,\ninput.radio + label:after,\ndiv.radio:before,\ndiv.radio:after {\n display: block;\n position: absolute;\n content: '';\n box-sizing: border-box;\n background-clip: padding-box;\n border-radius: 100%;\n}\n\ninput.radio + label:before,\ndiv.radio:before {\n top: 50%;\n left: 0;\n transform: translateY(-50%);\n width: var(--radio-size);\n height: var(--radio-size);\n background-color: hsl(212, 50%, 99%);\n border: 1px solid transparentize($inputColor, 0.6);\n}\n\ninput.radio + label:after,\ndiv.radio:after {\n top: calc(50%);\n left: 4px;\n transform: translateY(-50%);\n width: calc(var(--radio-size) - 8px);\n height: calc(var(--radio-size) - 8px);\n}\n\ninput.radio:disabled + label,\ndiv.radio.disabled:before,\ndiv.radio.disabled + label {\n opacity: 0.25;\n}\n\ninput.radio:checked + label:after,\ndiv.radio.checked:after,\n.sel div.radio:after {\n background: var(--gray-900);\n}\n\nbody:not(.reduce-focus-visibility) {\n input.radio:focus + label:before,\n :focus div.radio:before {\n @include input-focused-styles;\n }\n}\n\nbody.reduce-focus-visibility {\n input.radio:focus-visible + label:before,\n :focus-visible div.radio:before {\n @include input-focused-styles;\n }\n}\n\n/* multiselect */\n.multiselect > select {\n color: var(--text-color);\n font-size: 14px;\n appearance: none;\n\n @include focus-styles {\n @include input-focused-styles;\n }\n\n option {\n padding: 1px 8px;\n }\n}\n\n.text,\n.selectize.multiselect .selectize-input {\n padding: 6px 9px;\n}\n\n.text {\n background-color: var(--white);\n\n &:not(.small) {\n box-sizing: border-box;\n min-height: calc(34rem / 16);\n }\n\n &.small {\n padding: 3px;\n }\n\n &.readable {\n padding: 16px 18px;\n font-size: 16px;\n line-height: 22px;\n\n & + .chars-left {\n margin-top: -23px;\n }\n }\n\n &.clearable {\n @include padding-right(var(--touch-target-size));\n }\n\n input {\n margin: 0;\n padding: 0;\n border: none;\n background-color: transparent;\n }\n}\n\ntd.errors .text,\n.input.errors > .text,\n.input.errors > .border-box,\n.input.errors > .passwordwrapper,\n.input.errors > .autosuggest-container .text,\n.text.error {\n border: 1px solid var(--error-color) !important;\n}\n\n.texticon {\n position: relative;\n cursor: text;\n min-width: 130px;\n\n &.icon {\n &:before {\n position: absolute;\n top: 9px;\n @include left(9px);\n color: var(--ui-control-color);\n }\n\n .text {\n @include padding-left(26px);\n }\n }\n\n .texticon-icon {\n position: absolute;\n top: calc((34rem / 16) / 2);\n transform: translateY(-50%);\n display: flex;\n justify-content: center;\n align-items: center;\n @include left(9px);\n }\n\n .clear-btn {\n position: absolute;\n top: calc(\n (var(--touch-target-size) - 34px) / -2\n ); /* Responds to min-height of text input */\n @include right(0);\n width: var(--touch-target-size);\n height: var(--touch-target-size);\n }\n\n &.has-filter-btn {\n .text {\n @include padding-right(26px);\n }\n\n .filter-btn {\n position: absolute;\n top: calc((34rem / 16) / 2);\n transform: translateY(-50%);\n @include right(4px);\n padding: 0 7px 4px;\n font-size: 14px;\n line-height: 22px;\n cursor: pointer;\n border-radius: 13px;\n\n &:before {\n @include icon;\n content: 'filter';\n color: var(--medium-text-color);\n }\n\n &:hover {\n background-color: var(--gray-100);\n }\n\n &:active,\n &.active {\n background-color: var(--gray-350);\n\n &:before {\n color: var(--white);\n }\n }\n }\n\n .text {\n @include padding-left(calc(26rem / 16));\n\n &.clearable {\n @include padding-right(calc(30px + var(--touch-target-size)));\n }\n }\n\n .clear-btn {\n @include right(30px);\n }\n }\n}\n\n.texthint-container {\n position: relative;\n height: 0;\n}\n\n.texthint {\n position: absolute;\n top: -1px;\n width: 100%;\n color: var(--light-text-color);\n cursor: text;\n}\n\n.passwordwrapper {\n position: relative;\n\n .password {\n border: none;\n background: transparent;\n padding-right: 4rem;\n box-shadow: none;\n }\n\n .password-toggle {\n color: var(--link-color);\n position: absolute;\n top: 0;\n @include right(9px);\n bottom: 0;\n cursor: pointer;\n\n &:hover {\n text-decoration: underline;\n }\n }\n}\n\n.datetimewrapper {\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n align-items: center;\n gap: 5px;\n}\n\n.clear-btn {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 24px;\n cursor: pointer;\n color: var(--ui-control-color);\n border: none;\n padding: 0;\n background: transparent;\n\n &:before {\n @include icon;\n content: 'remove';\n }\n\n &:hover {\n color: var(--ui-control-hover-color);\n }\n\n &:active {\n color: var(--ui-control-active-color);\n }\n}\n\n.close-btn {\n position: relative;\n\n &:before,\n &:after {\n position: absolute;\n content: '';\n top: 50%;\n left: 50%;\n height: 15px;\n width: 2px;\n background-color: var(--ui-control-color);\n opacity: var(--icon-opacity);\n }\n\n &:before {\n transform: translate(-50%, -50%) rotate(-45deg);\n }\n\n &:after {\n transform: translate(-50%, -50%) rotate(45deg);\n }\n\n &:hover {\n &:before,\n &:after {\n background-color: var(--ui-control-hover-color);\n }\n }\n\n &:active {\n &:before,\n &:after {\n background-color: var(--ui-control-active-color);\n }\n }\n}\n\n.datewrapper,\n.timewrapper {\n display: inline-block;\n position: relative;\n\n .text {\n position: relative;\n z-index: 1;\n width: 100%;\n\n & + div[data-icon] {\n display: none;\n }\n\n &:placeholder-shown,\n &.empty-value {\n & + div[data-icon] {\n display: block;\n position: absolute;\n top: calc(50% - 12px);\n @include left(14px);\n z-index: 0;\n color: var(--light-text-color);\n\n &,\n &:before {\n user-select: none;\n pointer-events: none;\n z-index: 1;\n }\n }\n }\n }\n}\n\n.datewrapper {\n width: 8em;\n}\n\n.timewrapper {\n width: 7em;\n}\n\n@include placeholder-styles(var(--gray-400));\n\n/* Kill IE's special text features */\n::-ms-reveal,\n::-ms-clear {\n display: none;\n}\n\n/* Asset indexing related */\ntr.indexingSession td {\n height: 34px;\n padding: 1px 10px;\n}\n\ntr.indexingSession td.progress div.progressContainer {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\ntr.indexingSession td.progress div.progressContainer .progressbar {\n width: 70%;\n position: relative;\n left: 0;\n height: 12px;\n z-index: 1;\n}\n\ntr.indexingSession td.progress div.progressContainer div.progressInfo {\n width: 20%;\n}\n\n// Selects\n.select:not(.selectize),\n.select:not(.selectize) select {\n @include select-styles;\n}\n\n.select:not(.selectize) {\n @include select-container-styles;\n}\n\n.select:not(.selectize):after {\n @include select-arrow-styles;\n}\n\n.select:not(.selectize) select {\n @include select-input-styles;\n white-space: pre;\n}\n\n.select:not(.selectize).fullwidth select {\n @include select-input-fullwidth-styles;\n}\n\n.select:not(.selectize) select {\n &:hover {\n @include select-input-focused-styles;\n }\n\n @include focus-styles {\n @include select-input-focused-styles;\n }\n}\n\n.select:not(.selectize).small:after {\n top: 9px;\n}\n\n.select:not(.selectize).small select {\n padding-top: 4px !important;\n padding-bottom: 4px !important;\n font-size: 11px;\n}\n\n/* selectize reset */\n.selectize .selectize-input {\n display: block;\n border-color: inherit;\n box-shadow: none;\n background-color: transparent;\n\n .item {\n max-width: 100%;\n\n span {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n}\n\n.selectize.select .selectize-input:after {\n display: none;\n}\n\nbody .selectize-dropdown {\n border: none;\n z-index: 101;\n}\n\n/* single select styles */\n.selectize.select {\n @include placeholder-styles(var(--gray-700));\n height: 34px;\n\n &:not(.fullwidth) {\n width: 25em;\n max-width: 100%;\n }\n}\n\n.datetimewrapper .selectize.select:not(.fullwidth) {\n max-width: calc(100% - 29px);\n}\n\n.selectize.select .selectize-control {\n @include select-container-styles;\n\n &:after {\n @include select-arrow-styles;\n }\n}\n\n.selectize.select .selectize-input {\n @include select-styles;\n\n &.focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n.selectize.select .selectize-input {\n @include select-input-styles;\n}\n\n.selectize.select .selectize-control,\n.selectize.select .selectize-input {\n width: 100%;\n}\n\n/* multi select styles */\n.selectize.multiselect .selectize-input {\n min-height: 34px;\n padding-bottom: 3px;\n\n &.focus {\n @include input-focused-styles;\n }\n\n & > .item {\n @include token-styles;\n display: inline-flex;\n flex-direction: row;\n padding: 3px 7px !important;\n\n &.active {\n @include active-token-styles;\n }\n\n & > .remove {\n position: static;\n @include margin(-1px, -3px, 0, 3px);\n border-left: none;\n padding: 0;\n font-size: 0;\n color: var(--ui-control-color);\n\n &:hover {\n color: var(--ui-control-hover-color);\n background-color: transparent;\n }\n\n &:before {\n font-size: 14px;\n @include icon;\n content: 'remove';\n }\n }\n }\n}\n\n/* menu styles */\nbody {\n .selectize-dropdown {\n margin-top: 1px;\n\n [data-selectable],\n .optgroup-header {\n @include menu-option-styles;\n }\n\n .optgroup {\n &:not(:first-child) {\n border-top: 1px solid var(--hairline-color);\n }\n padding-top: 5px;\n\n .option {\n padding-left: 24px;\n }\n }\n\n .optgroup-header {\n @include h6-styles;\n margin: 0;\n padding: 4px 0;\n }\n\n .active:not(.selected) {\n background-color: var(--gray-100);\n }\n\n .selected {\n @include menu-option-active-styles;\n cursor: default !important;\n\n .light {\n color: inherit !important;\n }\n }\n }\n\n .selectize-dropdown-content {\n @include menu-styles;\n max-height: 70vh;\n\n .option {\n min-height: 18px;\n }\n\n & > div[data-value='new'] {\n &:before {\n @include icon;\n content: 'plus';\n margin-right: 5px;\n }\n\n &:after {\n content: '…';\n }\n }\n }\n\n &.no-scroll .selectize-dropdown-content {\n max-height: 200px; // default for selectize\n }\n}\n\n/* datepicker */\n.ui-datepicker {\n position: fixed;\n top: -300px;\n @include margin-left(1px);\n -padding: 10px;\n width: 210px;\n height: 242px;\n z-index: 101 !important;\n}\n\n.ui-datepicker-header {\n padding: 8px 8px 4px;\n}\n\n.ui-datepicker-prev {\n @include floatleft;\n}\n\n.ui-datepicker-next {\n @include floatright;\n}\n\n.ui-datepicker-prev span,\n.ui-datepicker-next span {\n display: none;\n}\n\n.ui-datepicker-prev,\n.ui-datepicker-next {\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:hover:after {\n border-color: var(--link-color);\n }\n}\n\n.ui-datepicker-prev:after {\n @include angle(left);\n}\n\n.ui-datepicker-next:after {\n @include angle(right);\n}\n\n.ui-datepicker-title {\n text-align: center;\n}\n\n.ui-datepicker-calendar th,\n.ui-datepicker-calendar td {\n padding: 2px !important;\n}\n\n.ui-datepicker-calendar th span,\n.ui-datepicker-calendar td a {\n display: block;\n width: toRem(26);\n line-height: 26px;\n text-align: center;\n color: var(--text-color);\n}\n\n.ui-datepicker-calendar th span {\n color: var(--medium-text-color);\n font-weight: normal;\n}\n\n.ui-datepicker-calendar td a {\n border-radius: 2px;\n}\n\n.ui-datepicker-calendar td a:hover {\n background-color: var(--light-sel-color);\n text-decoration: none;\n}\n\n.ui-datepicker-calendar td a.ui-state-active {\n background-color: var(--dark-sel-color);\n color: var(--white);\n @include light-on-dark-text;\n cursor: default;\n}\n\n.ui-datepicker-calendar td.ui-datepicker-today a {\n border-radius: 13px;\n box-shadow: inset 0 0 0 2px var(--light-sel-color);\n}\n\n/* timepicker */\n.ui-timepicker-wrapper {\n z-index: 101;\n}\n\n.ui-timepicker-list {\n @include margin-left(1px);\n overflow-y: auto;\n width: calc(14px + 6em);\n height: 210px;\n z-index: 100;\n}\n\n.ui-timepicker-list li {\n @include padding(2px, 0, 2px, 14px);\n white-space: nowrap;\n cursor: pointer;\n}\n\n.ui-timepicker-list li:hover {\n background-color: var(--light-sel-color);\n}\n\n.ui-timepicker-list li.ui-timepicker-selected {\n background-color: var(--dark-sel-color);\n color: var(--white);\n @include light-on-dark-text;\n cursor: default;\n}\n\n/* slide picker */\n.slide-picker {\n display: flex;\n height: 15px;\n white-space: nowrap;\n\n a {\n border: 1px solid var(--hairline-color);\n @include border-left(none);\n background-image: none;\n width: 7px;\n height: 13px;\n margin-left: 0;\n display: inline-block;\n margin-top: 1px;\n margin-bottom: 1px;\n box-sizing: border-box;\n\n &:first-child {\n width: 8px;\n @include border-left(1px solid var(--gray-400) !important);\n }\n }\n\n &:not(:hover) a.active,\n &:hover a.active-hover {\n border-top-color: var(--gray-400);\n border-bottom-color: var(--gray-400);\n height: 15px;\n margin-top: 0;\n margin-bottom: 0;\n\n &:first-child {\n @include border-left(1px solid var(--gray-400));\n @include border-top-left-radius(var(--small-border-radius));\n @include border-bottom-left-radius(var(--small-border-radius));\n }\n }\n\n &:not(:hover) a.last-active,\n &:hover a.last-active-hover {\n @include border-right(1px solid var(--gray-400));\n @include border-top-right-radius(var(--small-border-radius));\n @include border-bottom-right-radius(var(--small-border-radius));\n }\n\n &:focus {\n a.active {\n background-color: var(--light-sel-color);\n }\n }\n}\n\n/* errors */\nul.errors {\n margin-top: 5px;\n list-style-type: square;\n @include padding-left(20px);\n}\n\nul.errors li {\n color: var(--error-color);\n}\n\n/* message pages */\n.message-container {\n position: absolute;\n z-index: 100;\n top: 0;\n @include left(0);\n width: 100%;\n height: 100%;\n\n &.no-access {\n background-color: transparentize($grey900, 0.5);\n }\n\n .pane {\n top: 50%;\n margin-top: -33px !important;\n margin-left: auto;\n margin-right: auto;\n width: 320px;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n }\n}\n\n/* auto-suggest */\n.autosuggest-container {\n position: relative;\n}\n\n.autosuggest__results-container {\n position: absolute;\n z-index: 2;\n width: 100%;\n border-radius: var(--large-border-radius);\n background-color: var(--white);\n @include shadow;\n box-sizing: border-box;\n padding: 0 14px;\n text-align: left;\n @include sans-serif-font;\n font-size: 1em !important;\n\n .autosuggest__results-before {\n @include h6-styles;\n margin-top: 14px !important;\n }\n\n .autosuggest__results-item {\n @include menu-option-styles;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:hover,\n &.autosuggest__results-item--highlighted {\n @include menu-option-active-styles;\n cursor: pointer;\n\n .light {\n color: $grey100 !important;\n }\n }\n }\n}\n\n/* ----------------------------------------\n/* Matrix\n/* ----------------------------------------*/\n\n/* Matrix fields */\n.matrix {\n & > .buttons {\n margin-top: 10px;\n }\n}\n\n$titlebarBorderRadius: calc(var(--large-border-radius) - 1px);\n\n.matrixblock {\n position: relative;\n margin-bottom: 10px;\n padding: 0 var(--m) var(--m);\n border-radius: var(--large-border-radius);\n border: 1px solid var(--hairline-color);\n background-color: var(--gray-050);\n\n &.static {\n padding-top: 14px;\n }\n\n .flex-fields {\n --row-gap: var(--m) !important;\n }\n\n & > .titlebar {\n margin: 0 -14px;\n width: calc(100% + 28px);\n box-sizing: border-box;\n border-radius: $titlebarBorderRadius $titlebarBorderRadius 0 0;\n @include padding(5px, 70px, 5px, 35px);\n color: var(--light-text-color);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n word-wrap: normal;\n cursor: default;\n user-select: none;\n position: relative;\n background-color: darken($grey050, 2%);\n\n &:after {\n display: block;\n content: '';\n position: absolute;\n bottom: -1px;\n left: 14px;\n width: calc(100% - 28px);\n height: 1px;\n background-color: var(--hairline-color);\n }\n\n & > .blocktype {\n display: inline;\n color: var(--medium-text-color);\n }\n\n & > .preview {\n @include margin-left(7px);\n display: inline;\n opacity: 0;\n transition: opacity linear 100ms;\n\n span {\n opacity: 0.5;\n }\n }\n }\n\n &.disabled {\n opacity: 1;\n\n & > .titlebar {\n @include padding-right(90px);\n }\n\n & > .actions {\n & > .status {\n &.off {\n display: block;\n }\n }\n }\n }\n\n &.collapsed {\n & > .titlebar {\n border-radius: var(--titlebar-border-radius);\n border-bottom: none;\n\n & > .preview {\n opacity: 1;\n }\n }\n }\n\n & > .checkbox {\n position: absolute;\n top: 7px;\n @include left(14px);\n }\n\n & > .actions {\n display: flex;\n align-items: center;\n position: absolute;\n top: 5px;\n @include right(14px);\n cursor: default;\n\n & > * {\n @include margin(0, 0, 0, 5px);\n }\n\n .settings {\n padding: 0 8px;\n height: 20px;\n color: var(--ui-control-color);\n\n &:before {\n @include margin-right(0 !important);\n }\n\n &:not(:hover):not(:active) {\n background-color: transparent;\n }\n }\n\n .move {\n margin-top: -4px !important;\n }\n\n & > .status {\n &.off {\n display: none;\n }\n }\n\n a:not([data-action]) {\n padding: 0;\n height: 20px;\n text-align: center;\n color: var(--dark-hairline-color);\n transform: color linear 100ms;\n\n &.settings:after {\n @include margin-left(3px);\n border-color: var(--dark-hairline-color);\n transform: border-color linear 100ms;\n }\n\n &:hover {\n color: var(--link-color);\n\n &.settings:after {\n border-color: var(--link-color);\n }\n }\n }\n }\n\n &:not(.static) {\n & > .fields {\n padding-top: 14px;\n }\n }\n\n & > .fields > .flex-fields > .field {\n &:before {\n display: none;\n }\n }\n\n & > .buttons {\n margin-top: 0;\n height: 30px;\n }\n}\n\n/* categories */\n.add-category-form {\n margin-top: 24px;\n}\n\n.add-category-form .texticon {\n width: 200px;\n @include floatleft;\n @include margin-right(5px);\n}\n\n.add-category-form .texticon .text {\n @include padding-right(30px);\n}\n\n.add-category-form .texticon .spinner {\n position: absolute;\n top: 0;\n @include right(5px);\n}\n\n/* site pickers */\nbody.sitepicker {\n #main-content {\n padding: 30px;\n justify-content: center;\n align-items: center;\n text-align: center;\n }\n\n #content-container {\n max-width: 400px;\n }\n}\n\n.sitepicker-group {\n li {\n &:not(:first-child) {\n a {\n margin-top: -1px;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n\n &:not(:hover) {\n border-top-color: transparent;\n }\n }\n }\n\n &:not(:last-child) {\n a {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n a {\n display: block;\n position: relative;\n text-align: left;\n width: 100%;\n box-sizing: border-box;\n border: 1px solid var(--hairline-color);\n border-radius: var(--medium-border-radius);\n @include padding(9px, 42px, 9px, 15px);\n font-size: 16px;\n line-height: 1.4;\n\n &:after {\n font-size: 14px;\n position: absolute;\n top: calc(50% - 7px);\n @include right(12px);\n margin: 0;\n padding: 0;\n }\n\n &:hover {\n border-color: var(--link-color);\n text-decoration: none;\n z-index: 1;\n }\n }\n }\n}\n\n/* ----------------------------------------\n/* IE hacks\n/* ----------------------------------------*/\n\n/* Fix layout of modal element selectors for IE8 */\n.elementselectormodal .body .main {\n float: left \\9;\n width: 445px \\9;\n}\n\n/* ----------------------------------------\n/* Retina graphics\n/* ----------------------------------------*/\n\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5),\n only screen and (-moz-min-device-pixel-ratio: 1.5),\n only screen and (-o-min-device-pixel-ratio: 3/2),\n only screen and (min-device-pixel-ratio: 1.5),\n only screen and (min-resolution: 1.5dppx) {\n .structure ul li {\n background-size: 40px;\n body.ltr & {\n background-image: url(../images/branch_2x.png);\n }\n body.rtl & {\n background-image: url(../images/branch_rtl_2x.png);\n }\n }\n\n .hud .tip-left {\n background-image: url(../images/hudtip_left_2x.png);\n background-size: 15px 30px;\n }\n .hud .tip-top {\n background-image: url(../images/hudtip_top_2x.png);\n background-size: 30px 15px;\n }\n .hud .tip-right {\n background-image: url(../images/hudtip_right_2x.png);\n background-size: 15px 30px;\n }\n .hud .tip-bottom {\n background-image: url(../images/hudtip_bottom_2x.png);\n background-size: 30px 15px;\n }\n .hud.has-footer .tip-bottom {\n background-image: url(../images/hudtip_bottom_gray_2x.png);\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($values...) {\n $max: length($values);\n $remValues: '';\n\n @for $i from 1 through $max {\n $remValues: #{$remValues + calc(nth($values, $i) / 16)}rem;\n\n @if $i < $max {\n $remValues: #{$remValues + ' '};\n }\n }\n\n @return $remValues;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &:focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5) !important;\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n input::-webkit-input-placeholder,\n textarea::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder,\n textarea:-ms-input-placeholder {\n color: $color;\n }\n\n input::-ms-input-placeholder,\n textarea::-ms-input-placeholder {\n color: $color;\n }\n\n input:-moz-placeholder,\n textarea:-moz-placeholder {\n color: $color;\n }\n\n input::-moz-placeholder,\n textarea::-moz-placeholder {\n color: $color;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\n .h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $linkColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\n\n@mixin checkered-bg($size) {\n // h/t https://gist.github.com/dfrankland/f6fed3e3ccc42e3de482b324126f9542\n $halfSize: $size * 0.5;\n background-image: linear-gradient(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position: 0 0, $halfSize 0, $halfSize -#{$halfSize}, 0 $halfSize;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n:root {\n --xs: 4px;\n --s: 8px;\n --m: 14px;\n --l: 18px;\n --xl: 24px;\n --padding: var(--xl);\n --neg-padding: calc(var(--padding) * -1);\n}\n\n$sidebarWidth: 226px;\n$sidebarZIndex: 100;\n$detailsWidth: 350px;\n$minFullUiWidth: 1200px;\n$minXlUiWidth: 1536px;\n$minDesktopWidth: 600px;\n$minHorizontalUiWidth: $minFullUiWidth - $sidebarWidth;\n\n// Colors\n$badgeBackgroundColor: var(--gray-200);\n$badgeColor: var(--gray-800);\n\nhtml {\n -webkit-text-size-adjust: 100%;\n min-height: 100vh;\n}\n\nbody {\n min-height: 100vh;\n\n &.dragging * {\n cursor: move !important;\n cursor: grabbing !important;\n }\n\n :focus {\n outline-style: solid;\n outline-color: transparent;\n box-shadow: var(--focus-ring);\n }\n}\n\n.reduce-focus-visibility {\n :focus:not(:focus-visible) {\n box-shadow: none;\n }\n\n :focus-visible {\n box-shadow: var(--focus-ring);\n }\n}\n\n.skip-link {\n position: absolute;\n margin: 5px;\n left: -10000px;\n top: 0;\n width: 1px;\n height: 1px;\n overflow: hidden;\n z-index: $sidebarZIndex + 1;\n\n &:focus {\n left: unset;\n @include left(0);\n width: auto;\n height: auto;\n background-color: var(--gray-100) !important;\n }\n}\n\n#global-skip-link {\n @media only screen and (min-width: $minFullUiWidth) {\n @include two-color-focus-ring;\n }\n}\n\n#global-container {\n position: relative;\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n @include left(0);\n\n @media screen and (prefers-reduced-motion: no-preference) {\n body.ltr & {\n transition: left 250ms ease-out;\n }\n\n body.rtl & {\n transition: right 250ms ease-out;\n }\n }\n}\n\n/* global sidebar */\n$sidebarLinkStaticColor: var(--gray-100);\n$sidebarLinkSecondaryColor: var(--gray-200);\n\n#global-sidebar {\n --is-always-visible: true;\n position: fixed;\n z-index: $sidebarZIndex;\n display: flex;\n flex-direction: column;\n height: 100vh;\n padding: 0;\n overflow-y: auto;\n overflow-x: hidden;\n -webkit-overflow-scrolling: touch;\n @include light-on-dark-text;\n @include light-focus-ring;\n background-color: var(--gray-800);\n\n a {\n color: $sidebarLinkStaticColor;\n text-decoration: none;\n }\n\n & > a,\n *:not(.has-subnav) > a {\n &[href] {\n &:not(.sel):hover {\n background-color: darken($grey800, 5%);\n }\n }\n\n &:not([href]) {\n cursor: default;\n background-color: transparent;\n }\n }\n\n .light {\n color: var(--gray-400);\n }\n\n @media only screen and (max-width: $minFullUiWidth - 1px) {\n --is-always-visible: false;\n }\n}\n\n$systemInfoBgColor: darken($grey800, 5%);\n$systemInfoHoverBgColor: darken($grey800, 10%);\n\n#system-info {\n display: grid;\n grid-template-columns: 30px auto;\n grid-gap: 10px;\n height: 50px;\n padding: 0 10px;\n position: relative;\n flex: 0 0 50px;\n flex-direction: row;\n align-items: center;\n background-color: $systemInfoBgColor;\n\n &:after {\n display: none;\n }\n\n &:focus,\n &:hover {\n background-color: $systemInfoHoverBgColor !important;\n }\n}\n\n#site-icon {\n height: 30px;\n\n img,\n svg {\n display: block;\n width: 30px;\n height: 30px;\n border-radius: 4px;\n }\n\n svg {\n @include svg-mask(var(--medium-text-color));\n }\n}\n\n#system-name {\n h2,\n .h2 {\n margin: 0;\n width: 100%;\n overflow: hidden;\n max-height: 40px;\n position: relative;\n\n // Multi-line text overflow ellipsis\n // (https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp)\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n @include right(0);\n width: var(--m);\n background-image: linear-gradient(\n to right,\n transparentize($systemInfoBgColor, 1),\n $systemInfoBgColor\n );\n\n #system-info:hover & {\n background-image: linear-gradient(\n to right,\n transparentize($systemInfoHoverBgColor, 1),\n $systemInfoHoverBgColor\n );\n }\n }\n }\n}\n\n#job-icon {\n align-items: flex-start;\n\n & > span.icon {\n display: block;\n position: relative;\n width: 16px;\n height: 16px;\n margin-top: 2px !important;\n\n & > canvas {\n display: block;\n position: absolute;\n width: 16px;\n height: 16px;\n\n &#job-icon-hover {\n opacity: 0;\n }\n }\n }\n\n &[href]:hover {\n .icon > span.icon > canvas#job-icon-hover {\n opacity: 1;\n }\n }\n\n .progress-label {\n display: block;\n color: var(--gray-300);\n font-size: 11px;\n line-height: 1.5;\n }\n}\n\n#nav {\n flex: 1;\n margin: 22px 0 0;\n padding-bottom: var(--xl);\n overflow: visible;\n\n body.has-debug-toolbar & {\n padding-bottom: calc(42px + var(--xl));\n }\n\n li {\n &:not(.has-subnav) > a.sel {\n color: var(--gray-800);\n background-color: var(--gray-100) !important;\n opacity: 1;\n\n .icon {\n opacity: 1;\n }\n }\n\n a {\n position: relative;\n padding-left: var(--m);\n padding-right: var(--m);\n\n &:focus {\n z-index: 1;\n }\n\n &.menubtn {\n line-height: 26px;\n }\n\n &.external:after {\n @include margin-left(5px);\n @include icon;\n content: 'external';\n }\n\n .label {\n &,\n & span {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n\n .badge {\n @include margin-right(0);\n background-color: $badgeBackgroundColor;\n color: $badgeColor;\n }\n }\n\n ul {\n display: block;\n margin-bottom: 10px;\n\n li a {\n @include padding(3px, var(--m), 3px, 42px, !important);\n font-size: 12px;\n\n &:not(.active) {\n color: $sidebarLinkSecondaryColor;\n }\n }\n }\n }\n}\n\n#global-footer {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: var(--m) var(--m) var(--xl);\n gap: var(--m);\n\n body.has-debug-toolbar & {\n padding-bottom: calc(var(--xl) + 42px);\n }\n\n a {\n white-space: nowrap;\n }\n}\n\n#app-info {\n display: flex;\n flex-direction: row;\n justify-content: center;\n gap: var(--m);\n}\n\n#trial-info {\n padding: 16px var(--xl);\n border-radius: var(--large-border-radius);\n background-color: hsl(212, 40%, 90%);\n box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),\n 0 0 0 1px hsl(212, 30%, 80%), 0 2px 12px transparentize($grey200, 0.5);\n text-align: center;\n}\n\n#app-version {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n color: var(--gray-600);\n text-align: center;\n gap: var(--s);\n\n a {\n color: var(--gray-600);\n text-decoration: underline;\n\n &.go:hover:after {\n color: var(--gray-600);\n }\n }\n}\n\n#edition-logo {\n position: relative;\n top: -1px;\n user-select: none;\n border: 1px solid var(--gray-600);\n border-radius: 3px;\n display: inline-flex;\n box-sizing: content-box;\n font-size: 11px;\n padding: 6px 7px;\n line-height: 8px;\n font-weight: 600;\n letter-spacing: 1.7px;\n padding-right: 5px;\n text-transform: uppercase;\n}\n\n#devmode {\n flex: 0 0 4px;\n width: 100%;\n min-height: 4px; // fixes Windows scaling bug (https://github.com/craftcms/cms/issues/3259)\n background: url(../images/dev-mode.svg) repeat-x 21px 0;\n cursor: help;\n}\n\n#page-container {\n @include padding-left($sidebarWidth);\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n}\n\n#alerts {\n position: relative; // to keep it above #global-header's shadow\n background-color: var(--red-050);\n border-left: 6px solid var(--error-color);\n color: var(--error-color);\n\n & > li {\n padding: 10px 24px;\n box-shadow: inset 0 -1px 0 0 var(--red-100);\n\n a.btn,\n a.go {\n display: inline-flex;\n align-items: center;\n }\n\n a:not(.btn) {\n color: var(--error-color);\n text-decoration: underline;\n\n &.go {\n text-decoration: none;\n white-space: nowrap;\n border: 1px solid transparentize($errorColor, 0.5);\n border-radius: var(--medium-border-radius);\n padding: 4px 5px;\n margin: 0 2px;\n\n &:after {\n color: var(--error-color);\n font-size: 15px;\n margin-top: 1px;\n }\n\n &:hover {\n border-color: var(--error-color);\n }\n }\n }\n }\n}\n\n#global-header {\n width: 100%;\n margin-bottom: var(--m);\n @include pane;\n background: var(--gray-050);\n\n .flex {\n align-items: center;\n }\n\n .btn {\n --ui-control-color: var(--gray-400);\n --ui-control-hover-color: var(--gray-500);\n --ui-control-active-color: var(--gray-600);\n }\n}\n\n.nav-toggle {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 36px;\n height: 50px;\n line-height: 26px;\n color: currentColor;\n text-align: center;\n @include margin-left(-10px);\n\n &:before {\n @include icon;\n content: 'menu';\n font-size: 16px;\n line-height: 0;\n }\n\n &:hover {\n color: var(--gray-400);\n }\n}\n\n#crumbs {\n display: flex;\n flex-direction: row;\n align-items: center;\n font-size: 13px;\n margin: 0 !important;\n\n &.empty {\n display: none;\n }\n\n a,\n button {\n color: var(--light-text-color);\n transition: color linear 100ms;\n\n &:hover {\n color: var(--link-color);\n text-decoration: none;\n }\n }\n\n nav {\n margin: 0;\n }\n}\n\n.breadcrumb-list {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n flex-wrap: wrap;\n\n li {\n display: inline-flex;\n align-items: center;\n\n a,\n button {\n padding: 15px 0;\n }\n\n button {\n cursor: pointer;\n }\n\n &:after {\n @include margin(0, 8px, 0, 7px);\n @include angle(right, var(--medium-hairline-color));\n }\n }\n\n & .menu--disclosure {\n li {\n display: block;\n\n &::after {\n content: none;\n }\n }\n }\n}\n\nli.breadcrumb-toggle-wrapper {\n &::after {\n content: none;\n }\n}\n\n#account-menu {\n ul {\n li {\n a {\n max-width: calc(100% + 28px) !important;\n }\n }\n }\n}\n\n#announcements-btn {\n @include header-btn;\n width: 40px;\n position: relative;\n\n &.unread:after {\n content: '';\n display: block;\n position: absolute;\n top: 3px;\n @include right(7px);\n width: 7px;\n height: 7px;\n border-radius: 4px;\n background-color: var(--blue-600);\n }\n\n svg {\n width: 22px;\n height: 22px;\n @include svg-mask(var(--ui-control-color));\n }\n\n &:hover,\n &:active,\n &.active {\n svg {\n @include svg-mask(var(--ui-control-active-color));\n }\n }\n}\n\n#announcements {\n max-width: 350px;\n\n .announcement {\n &:not(:first-child) {\n margin-top: 20px;\n }\n\n .announcement-label-container {\n margin-top: -3px;\n display: flex;\n align-items: center;\n margin-bottom: 3px;\n\n .announcement-icon svg {\n display: block;\n width: 15px;\n height: 15px;\n }\n\n .announcement-label {\n margin-left: 5px;\n font-size: 12px;\n color: var(--light-text-color);\n }\n }\n\n &.unread .announcement__heading:after {\n content: '';\n display: block;\n position: absolute;\n top: 7px;\n @include left(-13px);\n width: 7px;\n height: 7px;\n border-radius: 4px;\n background-color: var(--blue-600);\n }\n\n p {\n margin: 0;\n }\n }\n\n .announcement__header {\n display: grid;\n }\n\n .announcement__heading {\n position: relative;\n margin: 0 0 3px;\n order: 1;\n }\n}\n\n#user-info {\n display: flex;\n flex-direction: row;\n align-items: center;\n @include padding-right(25px);\n padding-top: 5px;\n padding-bottom: 5px;\n height: 100%;\n background-color: transparent;\n border-radius: 0;\n\n &:after {\n border-color: var(--ui-control-color);\n transition: border-color linear 100ms;\n }\n\n &:hover:after {\n border-color: var(--ui-control-hover-color);\n }\n\n &[aria-expanded='true']:after {\n border-color: var(--ui-control-active-color);\n }\n}\n\n.header-photo {\n padding: 5px 0;\n\n img,\n svg {\n display: block;\n width: 30px;\n height: 30px;\n max-width: none;\n border-radius: 50%;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.95),\n 0 0 0 transparentize($grey900, 1);\n transition: box-shadow linear 150ms;\n\n #user-info:hover & {\n box-shadow: 0 0 0 1px transparentize($grey900, 0.95),\n 0 2px 10px -2px transparentize($grey900, 0.7);\n }\n }\n}\n\n/* main container */\n\n#main-container {\n position: relative;\n flex-grow: 1;\n}\n\n#notifications {\n position: fixed;\n bottom: 8px;\n @include left(8px);\n width: calc(100% - 16px);\n z-index: 101;\n\n body.has-debug-toolbar & {\n bottom: 50px;\n }\n\n @media only screen and (min-width: $minHorizontalUiWidth) {\n width: 350px;\n }\n\n .notification {\n display: flex;\n position: relative;\n @include pane;\n padding: 10px 14px;\n border-radius: var(--large-border-radius);\n box-shadow: 0 0 0 1px transparentize($grey1000, 0.85),\n 0 2px 12px transparentize($grey1000, 0.85);\n --color: var(--notice-color);\n\n &[data-type='success'] {\n --color: var(--success-color);\n }\n\n &[data-type='error'] {\n --color: var(--error-color);\n }\n\n & + .notification {\n margin-top: 12px;\n }\n\n .notification-icon {\n width: 18px;\n margin-top: -2px;\n @include margin-right(10px);\n font-size: 18px;\n color: var(--color);\n }\n\n .notification-body {\n display: flex;\n flex: 1;\n\n .notification-message {\n font-weight: bold;\n word-break: normal;\n overflow-wrap: anywhere;\n }\n\n .notification-details {\n margin-top: var(--xs);\n\n .chip {\n border: 1px solid $hairlineColor;\n }\n }\n }\n\n .notification-close-btn {\n position: relative;\n top: -2px;\n @include margin-left(10px);\n }\n }\n}\n\n#header-container {\n margin-bottom: var(--m);\n}\n\n#crumbs,\n#header {\n padding-left: var(--padding);\n padding-right: var(--padding);\n}\n\n#primary-nav-toggle {\n @media only screen and (min-width: $minFullUiWidth) {\n display: none;\n }\n}\n\n#global-header,\n#header {\n .flex {\n max-width: 100%;\n\n &.flex-nowrap {\n min-width: 0;\n }\n }\n}\n\n#header {\n display: flex;\n align-items: flex-start;\n align-content: stretch;\n flex-wrap: nowrap;\n justify-content: space-between;\n gap: var(--s);\n padding-top: var(--s);\n padding-bottom: var(--s);\n position: relative;\n z-index: 2;\n width: calc(100vw - #{$sidebarWidth});\n box-sizing: border-box;\n background-color: transparentize($grey300, 1);\n box-shadow: 0 1px 0 transparentize($grey800, 1);\n transition: background-color linear 100ms, box-shadow linear 100ms;\n\n body.fixed-header & {\n position: fixed;\n z-index: 12;\n top: 0;\n background-color: var(--gray-100);\n box-shadow: inset 0 -1px 0 transparentize($grey700, 0.9);\n }\n\n @supports (backdrop-filter: blur(10px)) {\n & {\n transition: background-color linear 100ms, box-shadow linear 100ms,\n backdrop-filter linear 100ms;\n\n body.fixed-header & {\n background-color: transparentize($grey100, 0.25);\n backdrop-filter: blur(10px);\n }\n }\n }\n\n h1 {\n line-height: 34px;\n margin-top: 0;\n margin-bottom: 0;\n min-width: 0;\n }\n\n .buttons,\n .btngroup {\n margin-top: 0;\n }\n}\n\n#page-title {\n &.has-toolbar {\n @media only screen and (min-width: $minHorizontalUiWidth) {\n min-width: calc(#{$sidebarWidth} - var(--xl) - var(--s)) !important;\n }\n }\n}\n\n#toolbar {\n flex: 1;\n align-items: flex-start;\n justify-content: space-between;\n\n .icon:before,\n .texticon:before,\n .menubtn:after,\n [data-icon]:before,\n [data-icon-after]:after {\n color: currentColor;\n opacity: 0.8;\n }\n\n .text {\n border-radius: var(--large-border-radius);\n\n &::-webkit-input-placeholder {\n color: var(--light-text-color);\n }\n\n &:-ms-input-placeholder {\n color: var(--light-text-color);\n }\n\n &::-ms-input-placeholder {\n color: var(--light-text-color);\n }\n\n &:-moz-placeholder {\n color: var(--light-text-color);\n }\n\n &::-moz-placeholder {\n color: var(--light-text-color);\n }\n\n &::placeholder {\n color: var(--light-text-color);\n }\n\n &:not(:focus) {\n background-clip: border-box;\n }\n }\n}\n\n#action-buttons {\n @media only screen and (max-width: 400px) {\n .btngroup .btn:first-child {\n flex-basis: 100%;\n }\n }\n\n @media only screen and (max-width: $minHorizontalUiWidth - 1px) {\n margin-top: 10px;\n }\n}\n\n#main-content {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n width: calc(100vw - #{$sidebarWidth});\n padding: 0 var(--padding) 48px;\n box-sizing: border-box;\n\n // for the Dashboard and any other full-page grids:\n & > .grid:only-child {\n flex: 1;\n }\n}\n\n#sidebar-toggle-container {\n display: none;\n}\n\n#sidebar-container {\n flex: 0 0 $sidebarWidth;\n width: $sidebarWidth;\n box-sizing: border-box;\n\n @media only screen and (min-width: $minFullUiWidth) {\n @include margin-left(calc(var(--xl) * -1));\n }\n}\n\n#sidebar {\n position: relative;\n box-sizing: border-box;\n padding: 0 31px var(--m);\n width: $sidebarWidth;\n background-color: transparent;\n\n &.fixed {\n position: fixed;\n }\n\n nav {\n margin-left: -31px;\n margin-right: -31px;\n\n li {\n a {\n position: relative;\n\n &:focus {\n z-index: 1;\n }\n\n &:not(.sel) {\n &:hover {\n background-color: var(--gray-200);\n }\n }\n }\n }\n }\n}\n\n#content-container {\n flex: 1;\n\n #main-content:not(.has-sidebar):not(.has-details) & {\n width: 100%;\n max-width: 100%;\n }\n\n #main-content.has-sidebar & {\n width: calc(100% - #{$sidebarWidth - 24});\n max-width: calc(100% - #{$sidebarWidth - 24});\n }\n\n #main-content.has-details & {\n width: calc(100% - #{$detailsWidth} - var(--m));\n max-width: calc(100% - #{$detailsWidth} - var(--m));\n }\n\n #main-content.has-sidebar.has-details {\n width: calc(100% - #{$sidebarWidth} - #{$detailsWidth} - 38px);\n max-width: calc(100% - #{$sidebarWidth} - #{$detailsWidth} - 38px);\n }\n}\n\n#content-heading {\n margin-top: var(--xl) !important;\n\n @media only screen and (min-width: $minHorizontalUiWidth) {\n @include visually-hidden;\n }\n}\n\n.content-pane {\n @include pane;\n border-radius: var(--large-border-radius);\n position: relative;\n background-clip: padding-box;\n padding: var(--xl) var(--padding);\n word-wrap: break-word;\n\n & > hr {\n margin-left: calc(var(--xl) * -1);\n margin-right: calc(var(--xl) * -1);\n }\n}\n\n#footer {\n position: sticky;\n bottom: 0;\n z-index: 1;\n margin: calc(var(--xl) + 1px) calc(var(--padding) * -1 + 2px)\n calc(var(--xl) * -1 + 2px);\n padding: var(--s) var(--padding);\n background-color: var(--gray-050);\n border-radius: var(--small-border-radius);\n box-sizing: border-box;\n min-height: 50px;\n\n &:empty {\n display: none;\n }\n\n &.stuck {\n border-radius: 0;\n\n @supports (backdrop-filter: blur(10px)) {\n & {\n background-color: transparentize($grey100, 0.25);\n backdrop-filter: blur(10px);\n }\n }\n }\n\n .has-debug-toolbar & {\n transition: padding linear 100ms;\n\n &.stuck {\n padding-bottom: 52px;\n }\n }\n\n & > *,\n .flex > * {\n margin-bottom: 0;\n }\n}\n\n#details-container {\n flex: 0 0 #{$detailsWidth + 38};\n width: $detailsWidth + 38;\n @include margin-right(calc(var(--xl) * -1));\n box-sizing: border-box;\n}\n\n#details {\n box-sizing: border-box;\n @include padding-right(var(--xl));\n @include padding-left(var(--m));\n width: $detailsWidth + 38;\n z-index: 1;\n\n &.fixed {\n position: fixed;\n }\n\n .details {\n padding-bottom: calc(var(--xl) + 11.5em);\n\n .meta {\n border-radius: var(--large-border-radius);\n\n &:not(.read-only):not(.warning) {\n @include pane;\n }\n\n &.read-only {\n color: var(--medium-text-color);\n background-color: transparent !important;\n }\n\n & > .field,\n & > .data {\n &:first-child {\n &,\n & > .status-badge {\n border-top-left-radius: var(--large-border-radius);\n }\n\n border-top-right-radius: var(--large-border-radius);\n }\n\n &:last-child {\n &,\n & > .status-badge {\n border-bottom-left-radius: var(--large-border-radius);\n }\n\n border-bottom-right-radius: var(--large-border-radius);\n }\n }\n }\n\n & > .field {\n & > .input > .text.fullwidth {\n @include pane;\n }\n }\n\n .notes {\n border-radius: var(--large-border-radius);\n padding-top: var(--m);\n padding-bottom: var(--m);\n }\n }\n}\n\n// Hide the sidebar at < 1200\n@media only screen and (max-width: $minFullUiWidth - 1px) {\n #global-container {\n @include left(-$sidebarWidth);\n width: calc(100vw + #{$sidebarWidth});\n\n body.ltr.showing-nav & {\n left: 0;\n }\n\n body.rtl.showing-nav & {\n right: 0;\n }\n }\n\n #crumbs {\n display: flex !important;\n }\n\n #header {\n width: 100vw;\n }\n\n #main-content {\n width: 100vw;\n }\n}\n\n// Rearrange #main-content to flow vertically at < 999\n@media only screen and (max-width: $minHorizontalUiWidth - 1px) {\n #header {\n display: block;\n\n .flex:not(#toolbar) {\n margin-top: 10px;\n }\n }\n\n #toolbar {\n flex-wrap: wrap !important;\n\n & > * {\n margin-top: 10px !important;\n }\n }\n\n body.fixed-header #header .flex:first-child {\n margin-top: 0;\n }\n\n #main-content {\n display: block;\n }\n\n #sidebar-toggle-container {\n display: block;\n margin-bottom: var(--m);\n }\n\n #sidebar-toggle {\n &:after {\n top: 0;\n transform: rotate(-45deg);\n\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n\n body.showing-sidebar & {\n background-color: darken($grey200, 10%) !important;\n\n &:after {\n transform: rotate(45deg);\n }\n }\n }\n\n #content-container {\n min-height: 0 !important;\n }\n\n #sidebar-container,\n #details-container {\n width: auto !important;\n }\n\n #sidebar,\n #details {\n position: static !important;\n overflow-y: visible !important;\n max-height: none !important;\n width: auto;\n }\n\n #sidebar {\n margin-bottom: var(--m);\n\n body:not(.showing-sidebar) & {\n display: none;\n }\n }\n\n #details-container {\n @include margin-right(0);\n }\n\n #content-container {\n width: auto !important;\n max-width: none !important;\n }\n\n #details {\n padding: 0 !important;\n margin-top: var(--m);\n\n .details {\n margin-bottom: auto;\n }\n }\n}\n\n// Tighten up the padding at < 768\n@media only screen and (max-width: 767px) {\n :root {\n --padding: var(--s);\n --neg-padding: calc(var(--s) * -1);\n }\n\n #tabs ul li {\n a {\n padding-left: var(--m);\n padding-right: var(--m);\n }\n\n & + li {\n @include margin-left(-7px);\n }\n }\n\n .card-grid {\n display: flex !important;\n flex-direction: column;\n }\n}\n\n@media print {\n}\n\n#settingsmenu ul li a {\n @include padding-left(46px);\n\n &:before {\n @include margin(1px, 0, 0, -22px);\n font-size: 15px;\n }\n\n img {\n width: 16px;\n height: 16px;\n position: absolute;\n margin-left: -23px;\n margin-top: 1px;\n }\n}\n\n/* grids */\n.grid {\n position: relative;\n min-height: 1px; // Required for Grid.js to run\n\n &:after {\n @include clearafter;\n }\n\n & > .item {\n display: none;\n box-sizing: border-box;\n }\n}\n\n/* Sidebar */\n.sidebar {\n width: $sidebarWidth;\n box-sizing: border-box;\n font-size: 13px;\n\n &:not(.drag-helper) {\n padding: var(--m) 0;\n background-color: var(--gray-050);\n }\n\n .heading {\n position: relative;\n margin: 0 var(--xl);\n\n &:not(:first-child) {\n margin-top: var(--m);\n }\n\n & > span {\n display: inline-block;\n position: relative;\n z-index: 1;\n padding: 0 5px;\n margin: 0 -5px;\n text-transform: uppercase;\n color: var(--medium-text-color);\n font-size: 11px;\n font-weight: bold;\n }\n\n & > ul {\n margin: 2px calc(var(--xl) * -1);\n }\n }\n\n @mixin nav-level($level) {\n & > a {\n @include padding-left(24px + 14 * $level);\n }\n\n & > .toggle {\n @include left(calc(var(--m) * #{$level}));\n }\n }\n\n nav {\n padding: 0 var(--s);\n\n & > ul {\n & > li:not(.heading),\n & > li.heading > ul > li {\n @include nav-level(0);\n\n & > ul.nested > li {\n @include nav-level(1);\n\n & > ul.nested > li {\n @include nav-level(2);\n\n & > ul.nested > li {\n @include nav-level(3);\n\n & > ul.nested > li {\n @include nav-level(4);\n }\n }\n }\n }\n }\n }\n\n li {\n position: relative;\n\n &:not(.has-subnav) > a {\n &:not(.sel):hover {\n text-decoration: none;\n background-color: var(--gray-100);\n }\n\n &.sel,\n &.active-drop-target {\n cursor: default;\n background-color: var(--gray-500) !important;\n\n &,\n & + .toggle {\n color: var(--white);\n }\n }\n\n &.sel {\n @include light-on-dark-text;\n }\n }\n\n a {\n position: relative;\n margin-bottom: 1px;\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 7px var(--xl);\n min-height: var(--xl);\n box-sizing: border-box;\n color: var(--text-color);\n user-select: none;\n border-radius: var(--large-border-radius);\n word-break: break-word;\n\n .status {\n flex-shrink: 1;\n }\n\n .icon {\n @include margin-right(10px);\n flex-shrink: 1;\n width: toRem(18);\n height: toRem(18);\n word-break: normal;\n transition: margin-left linear 150ms, margin-right linear 150ms;\n opacity: 0.85;\n\n &.icon-mask {\n svg {\n @include svg-mask(currentColor);\n }\n\n span[data-icon] {\n color: currentColor;\n }\n }\n\n svg {\n width: 16px;\n height: 16px;\n }\n\n span[data-icon] {\n font-size: 16px;\n\n &::before {\n display: block;\n }\n }\n }\n\n .label {\n flex: 1;\n }\n\n .badge {\n @include margin(0, -4px, 0, 10px);\n flex-shrink: 1;\n padding: 0 6px;\n font-size: 11px;\n line-height: 16px;\n border-radius: var(--s);\n background-color: var(--medium-text-color);\n color: var(--white);\n }\n }\n\n .toggle {\n position: absolute;\n z-index: 1;\n height: 34px;\n top: 0;\n width: var(--xl);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n ul {\n display: none;\n }\n\n &.heading,\n &.expanded {\n & > ul {\n display: block;\n }\n }\n }\n }\n}\n\n.error-summary {\n margin-bottom: var(--l);\n padding: var(--l) var(--xl) var(--xl);\n box-sizing: border-box;\n box-shadow: 0 0 0 1px #cdd8e4, 0 2px 12px rgba(205, 216, 228, 0.5);\n border-radius: var(--large-border-radius);\n background-color: var(--gray-050);\n\n .notification-icon {\n color: var(--error-color);\n margin: -2px 6px 0 0;\n float: left;\n }\n\n h2 {\n margin-top: var(--xs);\n }\n\n & > ul.errors li,\n & > ul.errors li a {\n color: var(--text-color);\n\n em {\n font-weight: 600;\n }\n\n &:hover {\n color: var(--link-color);\n }\n }\n}\n\n.content.has-sidebar:not(.hiding-sidebar) {\n @include margin-left($sidebarWidth);\n}\n\n#content-notice {\n margin: 0 calc(var(--xl) * -1);\n padding: 0 var(--xl);\n\n &:not(:last-child) {\n padding-bottom: var(--s);\n border-bottom: 1px solid var(--hairline-color);\n margin-bottom: var(--s);\n }\n}\n\n/* flexbox field layouts */\n#content :not(.meta) > .flex-fields,\n#content > .flex-fields,\n.so-content .flex-fields,\n.draghelper .flex-fields {\n --row-gap: var(--xl);\n display: flex;\n flex-wrap: wrap;\n align-content: flex-start;\n margin: 0 calc(var(--row-gap) * -1) calc(var(--row-gap) * -1);\n width: calc(100% + var(--row-gap) * 2);\n\n & > * {\n margin: 0 0 var(--row-gap) !important;\n padding: 0 var(--row-gap);\n box-sizing: border-box;\n }\n\n & > h2 {\n flex: 4 0 100%;\n\n &:not(:nth-child(-n + 1 of :not(.hidden))) {\n padding-top: var(--xl);\n border-top: 1px solid var(--hairline-color);\n }\n }\n\n & > hr,\n & > .line-break {\n flex: 4 0 100%;\n }\n\n & > .line-break:not(:first-child) {\n margin-bottom: 0 !important;\n }\n\n & > :not(h2):not(hr):not(.line-break) {\n &,\n &:last-child {\n position: relative;\n width: 100%;\n\n &:before {\n position: absolute;\n top: 0;\n @include left(-1px);\n width: 1px;\n height: 100%;\n content: '';\n // same BG color as the hairline around the content pane’s 1px shadow\n background-color: transparentize($grey200, 0.5);\n }\n }\n }\n}\n\n#content :not(.meta) > .flex-fields,\n#content > .flex-fields,\n.draghelper.drag-in-content .flex-fields {\n & > :not(h2):not(hr):not(.line-break) {\n &,\n &:last-child {\n // 4 cols for >= 1536px\n @media only screen and (min-width: $minXlUiWidth) {\n &.width-25 {\n width: 25%;\n }\n &.width-50 {\n width: 50%;\n }\n &.width-75 {\n width: 75%;\n }\n }\n\n // 2 cols for 600 - 1535px\n @media only screen and (min-width: $minDesktopWidth) and (max-width: $minXlUiWidth - 1px) {\n &.width-25,\n &.width-50 {\n width: 50%;\n }\n }\n }\n }\n}\n\n.so-content .flex-fields,\n.draghelper.drag-in-slideout .flex-fields {\n & > :not(h2):not(hr):not(.line-break) {\n &,\n &:last-child {\n // 2 cols for >= 1200\n @media only screen and (min-width: $minDesktopWidth * 2) {\n &.width-25,\n &.width-50 {\n width: 50%;\n }\n }\n }\n }\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n.lp-editor-container,\n.lp-preview-container {\n position: fixed;\n top: 0;\n height: 100%;\n background-color: var(--white);\n z-index: 100;\n\n & > header {\n padding: 8px 24px;\n background-color: var(--gray-100);\n box-shadow: 0 1px 0 transparentize($grey700, 0.8);\n box-sizing: border-box;\n position: relative;\n z-index: 1;\n\n @supports (backdrop-filter: blur(10px)) {\n & {\n position: absolute;\n z-index: 2;\n top: 0;\n left: 0;\n width: 100%;\n background-color: transparentize($grey100, 0.25);\n backdrop-filter: blur(10px);\n\n & + .lp-editor {\n padding-top: #{10 + 34 + 10 + 24}px;\n }\n }\n }\n\n .btn,\n .spinner,\n .checkmark-icon {\n margin-bottom: 0;\n }\n }\n}\n\n.lp-editor-container {\n display: flex;\n flex-direction: column;\n\n .lp-editor {\n flex: 1;\n padding: 24px;\n overflow: auto;\n box-sizing: border-box;\n\n & > .field {\n &:last-child {\n margin-bottom: 24px !important;\n }\n\n & > .status-badge {\n @include left(-24px);\n }\n }\n\n .matrixblock > .fields > .flex-fields > .field > .status-badge {\n @include left(calc(var(--m) * -1));\n }\n }\n\n .lp-draghandle {\n position: absolute;\n z-index: 101;\n top: 0;\n @include right(-2px);\n width: 4px;\n height: 100%;\n cursor: col-resize;\n }\n}\n\n.lp-preview-container {\n display: flex;\n flex-direction: column;\n box-shadow: -1px 0 0 transparentize($grey700, 0.8);\n\n &.dragging:after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: '';\n font-size: 0;\n }\n\n .lp-preview-header {\n display: flex;\n\n @supports (not (backdrop-filter: blur(10px))) {\n background-color: transparentize($grey100, 0.25);\n }\n\n .buttons {\n margin: 0;\n\n .btn + .btn {\n @include margin-left(7px);\n }\n }\n\n & + .lp-iframe-container {\n padding-top: 0;\n\n @supports (backdrop-filter: blur(10px)) {\n padding-top: 50px;\n }\n }\n\n .lp-device-type {\n .btn {\n &::before {\n width: 27px;\n height: 22px;\n display: block;\n content: '';\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n transition-duration: 0.3s;\n }\n\n // SVGs\n &.lp-device-type-btn--phone::before {\n background-image: url(../images/preview/icon-phone.svg);\n }\n &.lp-device-type-btn--tablet::before {\n background-image: url(../images/preview/icon-tablet.svg);\n }\n &.lp-device-type-btn--desktop::before {\n background-image: url(../images/preview/icon-desktop.svg);\n }\n }\n }\n }\n\n .lp-device-type__label {\n &::before {\n width: 27px;\n height: 22px;\n display: block;\n content: '';\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n transition-duration: 0.3s;\n }\n\n // SVGs\n &.lp-device-type__label--phone::before {\n background-image: url(../images/preview/icon-phone.svg);\n }\n &.lp-device-type__label--tablet::before {\n background-image: url(../images/preview/icon-tablet.svg);\n }\n &.lp-device-type__label--desktop::before {\n background-image: url(../images/preview/icon-desktop.svg);\n }\n }\n\n .lp-preview-container__bumper-link {\n top: unset;\n bottom: 0;\n }\n\n .lp-device-mask {\n display: none;\n }\n\n .lp-iframe-container {\n flex: 1;\n overflow: auto;\n\n .lp-preview {\n display: block;\n width: 100%;\n min-height: 100%;\n }\n\n &:not(.lp-iframe-container--has-device-preview) {\n // Preview container\n .lp-device-preview-container {\n width: auto !important;\n height: 100% !important;\n transform: none !important;\n margin: 0 !important;\n }\n }\n\n &--has-device-preview {\n flex: none;\n padding-top: 0 !important;\n position: relative;\n top: 0;\n height: calc(100% - 50px);\n width: 100%;\n background-color: var(--gray-100);\n\n @supports (backdrop-filter: blur(10px)) {\n top: 50px;\n }\n\n // Preview container\n .lp-device-preview-container {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 2;\n overflow: auto;\n opacity: 1;\n transition: opacity 0.3s;\n }\n\n // Device mask\n .lp-device-mask {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 1;\n background-image: url(../images/preview/chrome-phone-top.svg),\n url(../images/preview/chrome-phone-bottom.svg);\n background-position: top center, bottom center;\n background-repeat: no-repeat;\n background-size: contain;\n background-color: #fff;\n box-shadow: 0 0 58px rgba(6, 67, 117, 0.3);\n border-radius: 18px;\n }\n\n // Tablet\n &.lp-iframe-container--tablet {\n .lp-device-mask {\n background-image: url(../images/preview/chrome-tablet-top.svg),\n url(../images/preview/chrome-tablet-bottom.svg);\n }\n }\n }\n\n // Animate rotations\n @media screen and (prefers-reduced-motion: no-preference) {\n &--rotating {\n .lp-device-mask {\n transition-duration: 0.3s;\n transition-property: transform;\n }\n .lp-device-preview-container {\n opacity: 0;\n transition: opacity 0s;\n }\n }\n }\n }\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n$base: 24px;\n$tabPadding: 14px;\n$tabWidth: $base * 10;\n$gridColor: hsl(212, 50%, 95%);\n\n@mixin workspaceBg {\n background-color: var(--gray-050);\n background-image: linear-gradient(to right, $gridColor 1px, transparent 0px),\n linear-gradient(to bottom, $gridColor 1px, transparent 1px);\n background-size: $base $base;\n}\n\n.layoutdesigner {\n display: flex;\n align-items: stretch;\n position: relative;\n @include input-styles;\n overflow: hidden;\n box-shadow: none;\n @include padding-right($tabWidth + 1);\n min-height: 500px;\n\n .errors > & {\n border: 1px solid var(--error-color) !important;\n }\n\n .fld-workspace {\n flex: 1;\n @include border-radius(\n var(--small-border-radius),\n 0,\n 0,\n var(--small-border-radius)\n );\n @include padding($base, 0, $base, $base);\n @include workspaceBg;\n background-position: -1px -1px;\n box-shadow: inset 0 1px 3px -1px darken($grey200, 10%);\n\n .fld-tabs {\n display: flex;\n align-items: flex-start;\n flex-wrap: wrap;\n }\n }\n\n .fld-sidebar {\n position: absolute;\n top: 0;\n @include right(0);\n height: 100%;\n width: $tabWidth + 1;\n padding: $tabPadding;\n overflow: auto;\n box-sizing: border-box;\n\n .btngroup {\n margin-bottom: $tabPadding;\n }\n\n .fld-field-library {\n .fld-field-group {\n margin-top: $tabPadding;\n\n h6 {\n margin-bottom: 7px;\n }\n }\n }\n\n .filtered {\n display: none;\n }\n }\n\n .fld-new-tab-btn:active {\n background-color: var(--gray-050);\n }\n}\n\n.fld-sidebar,\n.fld-tab .tabs .tab,\n.fld-tab .fld-tabcontent,\n.fld-new-tab-btn,\n.fld-new-tab-btn:hover {\n background-color: var(--white);\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 2px 5px -2px transparentize($grey900, 0.8);\n}\n\n.fld-tab .settings,\n.fld-element .settings,\n.fld-element .slide-picker {\n @include margin-left(7px);\n}\n\n.fld-tab .settings:before,\n.fld-element .settings:before {\n margin-top: -2px;\n font-size: 16px;\n opacity: 0.5;\n}\n\n.fld-tab .settings:hover:before,\n.fld-tab .settings.active:before,\n.fld-element .settings:hover:before,\n.fld-element .settings.active:before {\n opacity: 1;\n}\n\n.fld-tab {\n width: $tabWidth + $base;\n @include padding(0, $base + 1, $base, 0);\n box-sizing: border-box;\n\n .tabs {\n margin: -10px -12px 0;\n padding: 10px 12px 0;\n overflow: hidden;\n display: flex;\n\n .tab {\n display: flex;\n max-width: calc(100% - 10px);\n box-sizing: border-box;\n padding: 8px $tabPadding;\n border-radius: var(--medium-border-radius) var(--medium-border-radius) 0 0;\n\n body:not(.dragging) &.draggable {\n cursor: move;\n cursor: grab;\n }\n\n span {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n }\n\n .fld-tabcontent {\n padding: $tabPadding;\n @include border-radius(\n 0,\n var(--medium-border-radius),\n var(--medium-border-radius),\n var(--medium-border-radius)\n );\n }\n\n &.fld-insertion {\n .tabs .tab,\n .fld-tabcontent {\n margin: -2px;\n border: 2px dashed var(--hairline-color);\n box-shadow: none;\n @include workspaceBg;\n }\n .tabs .tab {\n background-position: -1px -1px;\n }\n .fld-tabcontent {\n background-position: -1px -13px;\n }\n }\n}\n\n.fld-tab-caboose {\n min-height: 24px;\n}\n\n.fld-indicator {\n display: inline-flex;\n font-size: 11px;\n color: var(--uicontrol-color);\n @include margin-left(4px);\n\n & + .fld-indicator {\n @include margin-left(2px);\n }\n}\n\n.fld-element {\n position: relative;\n display: flex;\n align-items: center;\n padding: 7px 10px;\n box-shadow: inset 0 0 0 1px var(--hairline-color);\n border-radius: var(--medium-border-radius);\n background-color: var(--white);\n\n body:not(.dragging) & {\n cursor: move;\n cursor: grab;\n }\n\n & + .fld-element {\n margin-top: 7px;\n }\n\n &.fld-insertion {\n box-sizing: border-box;\n border: 2px dashed var(--hairline-color);\n border-radius: var(--medium-border-radius);\n background: none;\n box-shadow: none;\n }\n\n &.draghelper {\n @include shadow;\n }\n\n &.fld-field {\n color: var(--medium-text-color);\n background-color: var(--gray-100);\n\n &:not(.draghelper) {\n box-shadow: none;\n }\n\n .fld-field-hidden:not(.hidden) {\n margin-top: -3px;\n @include margin-right(5px);\n\n &:before {\n @include icon;\n content: 'shuteye';\n }\n }\n\n .field-name {\n .fld-element-label {\n margin-bottom: 2px;\n }\n }\n }\n\n .fld-element-icon {\n @include margin-right(5px);\n text-align: center;\n\n &,\n svg {\n width: 16px;\n height: 16px;\n }\n\n svg {\n @include svg-mask(var(--ui-control-color));\n }\n }\n\n .field-name {\n flex: 1;\n overflow: hidden;\n\n .fld-element-label,\n .fld-attribute {\n flex: 1;\n display: flex;\n align-items: center;\n }\n\n .fld-element-label h4,\n .fld-attribute .smalltext {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .fld-element-label h4 {\n font-weight: normal;\n color: var(--text-color);\n margin: 0;\n }\n }\n}\n\n.fld-hr,\n.fld-br {\n display: flex;\n justify-content: center;\n padding: 9px 10px;\n\n &:before {\n position: absolute;\n display: block;\n top: calc(50% - 2px);\n left: 10px;\n width: calc(100% - 20px);\n height: 4px;\n content: '';\n font-size: 0;\n border-radius: 2px;\n }\n\n .smalltext {\n position: relative;\n background-color: var(--gray-100);\n border-radius: 8px;\n padding: 1px 7px;\n }\n}\n\n.fld-hr:before {\n background-color: var(--gray-100);\n}\n\n.fld-br:before {\n background-image: repeating-linear-gradient(\n to right,\n var(--gray-100),\n var(--gray-100) calc(100% / 19),\n transparent calc(100% / 19),\n transparent calc(100% / 9.5),\n var(--gray-100) calc(100% / 9.5)\n );\n}\n\n.fld-element-settings-body {\n flex: 1;\n margin: -24px var(--neg-padding) 0;\n padding: 24px var(--padding);\n overflow: hidden auto;\n position: relative;\n}\n\n.fld-element-settings-footer {\n position: relative;\n display: flex;\n flex-direction: row;\n margin: 0 var(--neg-padding) -24px;\n padding: var(--padding);\n @include pane;\n background-color: var(--gray-050);\n z-index: 3;\n\n & > .ee-site-select {\n flex: 1;\n }\n\n & > .btn {\n @include margin-left(5px);\n }\n\n & > .spinner {\n @include margin(0, var(--neg-padding), 0, 0);\n }\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n/* No Scroll */\nhtml.noscroll,\nhtml.noscroll body {\n overflow: hidden;\n height: 100%;\n}\n\n/* Image Editor */\n\n.modal.imageeditor {\n background-color: var(--gray-900);\n color: var(--white);\n @include light-on-dark-text;\n @include light-focus-ring;\n opacity: 0;\n user-select: none;\n}\n\n.modal.imageeditor.modal {\n border-radius: 0;\n}\n\n.modal.imageeditor.modal .body:after {\n display: none;\n}\n\n.modal.imageeditor .btn:not(.submit):not(.noborder) {\n background-color: var(--gray-600);\n color: var(--white);\n}\n\n.modal.imageeditor .btn:not(.submit):not(.noborder):hover {\n background-color: var(--gray-700);\n}\n\n.modal.imageeditor .btn:not(.submit):not(.noborder).active {\n background-color: var(--gray-800);\n}\n\n.modal.imageeditor .icon::before {\n width: 24px;\n height: 24px;\n margin-top: -4px;\n margin-left: -3px;\n display: inline-block;\n content: '';\n}\n\n.modal.imageeditor .icon.rotate-left::before {\n background-image: url(../images/image-editor/rotate-left.svg);\n}\n\n.modal.imageeditor .icon.rotate-right::before {\n background-image: url(../images/image-editor/rotate-right.svg);\n}\n\n.modal.imageeditor .icon.flip-vertical::before {\n background-image: url(../images/image-editor/flip-vertical.svg);\n}\n\n.modal.imageeditor .icon.flip-horizontal::before {\n background-image: url(../images/image-editor/flip-horizontal.svg);\n}\n\n.modal.imageeditor .icon.constraint::before {\n background-image: url(../images/image-editor/unconstrained.svg);\n}\n\n.modal.imageeditor .icon.focal-point::before {\n background-image: url(../images/image-editor/focal-point.svg);\n}\n\n.modal.imageeditor .body {\n display: flex;\n padding: 0;\n}\n\n.modal.imageeditor input {\n color: var(--text-color);\n}\n\n.modal.imageeditor .body .tabs {\n border-right: 1px solid var(--gray-1000);\n}\n\n.modal.imageeditor .body .tabs ul {\n width: 100px;\n flex-direction: column;\n align-items: stretch;\n}\n\n.modal.imageeditor .body .tabs ul li {\n position: relative;\n padding: 14px;\n text-align: center;\n border-bottom: 1px solid var(--gray-1000);\n cursor: pointer;\n\n &::before {\n position: absolute;\n top: 0;\n @include left(0);\n content: '';\n width: 0;\n height: 100%;\n background-color: currentColor;\n }\n\n &.selected {\n background-color: darken($grey900, 5%);\n\n &::before {\n width: 2px;\n }\n }\n}\n\n.modal.imageeditor .body .tabs ul li i {\n background-repeat: no-repeat;\n background-position: top center;\n display: block;\n height: 24px;\n}\n\n.modal.imageeditor .body .tabs ul li[data-view='rotate'] i {\n background-image: url(../images/image-editor/rotate-left.svg);\n}\n\n.modal.imageeditor .body .tabs ul li[data-view='crop'] i {\n background-image: url(../images/image-editor/crop.svg);\n}\n\n.modal.imageeditor .body .tabs ul li[data-view='filters'] i {\n background-image: url(../images/image-editor/filters.svg);\n}\n\n.modal.imageeditor .body .tabs ul li:hover {\n background-color: darken($grey900, 2%);\n}\n\n.modal.imageeditor .body .tabs ul li:hover {\n cursor: pointer;\n}\n\n.modal.imageeditor .body .views {\n padding: 24px;\n overflow: auto;\n}\n\n.modal.imageeditor .body .views .btngroup {\n margin-bottom: 24px;\n}\n\n.modal.imageeditor .body .views .filters ul {\n width: 100px;\n}\n\n.modal.imageeditor .body .views .filters ul li {\n text-align: center;\n margin-right: 14px;\n margin-bottom: 14px;\n}\n\n.modal.imageeditor .body .views .filters ul li:last-child {\n margin-right: 0;\n}\n\n.modal.imageeditor .body .views .filters ul li img {\n border: 3px solid transparent;\n border-radius: 4px;\n}\n\n.modal.imageeditor .body .views .filters ul li span {\n display: block;\n}\n\n.modal.imageeditor .body .views .filters ul li:hover {\n cursor: pointer;\n}\n\n.modal.imageeditor .body .views .filters ul li.selected img {\n border-color: var(--white);\n}\n\n.modal.imageeditor .body .image-container {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n position: relative;\n overflow: hidden;\n}\n\n.modal.imageeditor .body .image-container .image {\n text-align: center;\n flex-grow: 1;\n position: relative;\n margin: 14px;\n}\n\n.modal.imageeditor .body .image-container .image canvas {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.modal.imageeditor .body .image-container .image-tools {\n text-align: center;\n}\n\n.modal.imageeditor .body .image-container .image-tools .straightening {\n max-width: 400px;\n min-height: toRem(60);\n display: block;\n margin: 0 auto;\n overflow: hidden;\n}\n\n.modal.imageeditor .footer {\n position: absolute;\n background-color: transparent;\n bottom: 0;\n left: 0;\n width: 100%;\n border-top: 1px solid #000;\n\n body.has-debug-toolbar & {\n padding-bottom: calc(8px + 42px);\n }\n}\n\n.modal.imageeditor .body .views .crop {\n fieldset .heading {\n display: none;\n }\n\n .custom-constraint-spacer {\n padding: 0 var(--xs);\n }\n\n .constraint-group {\n display: grid;\n grid-gap: var(--xs);\n }\n\n .custom {\n @include padding-left($radioSize + 5);\n }\n\n .orientation {\n display: flex;\n align-items: center;\n justify-content: center;\n\n input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background-position: center center;\n background-repeat: no-repeat;\n margin: 0 4px;\n cursor: pointer;\n\n &[value='landscape'] {\n width: 30px;\n height: 20px;\n background-image: url(../images/image-editor/orientation-landscape-unchecked.svg);\n\n &:checked {\n background-image: url(../images/image-editor/orientation-landscape-checked.svg);\n }\n }\n\n &[value='portrait'] {\n width: 20px;\n height: 30px;\n background-image: url(../images/image-editor/orientation-portrait-unchecked.svg);\n\n &:checked {\n background-image: url(../images/image-editor/orientation-portrait-checked.svg);\n }\n }\n }\n }\n}\n\n.modal.imageeditor.vertical .body .views .crop {\n & > .btngroup:first-child {\n justify-content: center;\n }\n}\n\n.modal.imageeditor:not(.vertical) .body .views .crop {\n .constraint.custom {\n margin-top: var(--xs);\n }\n}\n\n/* Vertical */\n\n.vertical.imageeditor .body {\n flex-direction: column;\n\n .image-container {\n flex-basis: 30vh;\n flex-shrink: 0;\n }\n\n .constraint-group {\n grid-template-columns: 1fr 1fr;\n }\n}\n\n.vertical.imageeditor .body .tabs ul {\n display: flex;\n flex-direction: row;\n width: 100%;\n border-top: 1px solid #000;\n border-bottom: 1px solid #000;\n}\n\n.vertical.imageeditor .body .tabs ul li {\n flex-grow: 1;\n border: 0;\n border-right: 1px solid #000;\n padding: 10px 7px;\n\n &::before {\n top: unset;\n top: 0;\n width: 100%;\n height: 0;\n }\n\n &.selected::before {\n width: 100%;\n height: 2px;\n }\n}\n\n.vertical.imageeditor .body .views {\n width: auto;\n}\n\n.vertical.imageeditor .body .views .rotate {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: -14px;\n}\n\n.vertical.imageeditor .body .views .rotate .btngroup {\n margin: 0 7px 14px;\n}\n\n.vertical.imageeditor .body .views .filters ul {\n width: auto;\n height: 109px;\n overflow: auto;\n white-space: nowrap;\n margin: 0 -24px;\n margin-bottom: -24px;\n padding: 24px;\n text-align: center;\n}\n\n.vertical.imageeditor .body .views .filters ul li {\n display: inline-block;\n margin-bottom: 0;\n}\n\n/* Slide Rule */\n\n.slide-rule {\n position: relative;\n padding: 10px 0;\n\n &:focus {\n box-shadow: none;\n }\n\n @include focus-styles {\n .cursor::after {\n box-shadow: var(--focus-ring);\n }\n }\n\n .cursor {\n &::after {\n content: '';\n width: toRem(20);\n height: toRem(50);\n position: absolute;\n top: -15px;\n left: 50%;\n transform: translateX(-50%);\n }\n }\n}\n\n.slide-rule .cursor {\n position: absolute;\n margin-left: toRem(-4);\n margin-top: 4px;\n left: 50%;\n z-index: 1;\n width: 0;\n height: 0;\n border-left: toRem(5) solid transparent;\n border-right: toRem(5) solid transparent;\n border-top: toRem(5) solid #63a6e1;\n}\n\n.slide-rule .graduations {\n white-space: nowrap;\n height: 40px;\n position: relative;\n}\n\n.slide-rule .graduations ul {\n position: relative;\n float: left;\n}\n\n.slide-rule .graduations ul li {\n display: inline-block;\n font-size: 8px;\n position: relative;\n width: 10px;\n}\n\n.slide-rule .graduations ul li:not(.main-graduation) {\n left: 1px;\n}\n\n.slide-rule .graduations ul li.main-graduation:before {\n border-left-width: 3px;\n}\n\n.slide-rule .graduations ul li.main-graduation .label {\n display: block;\n cursor: default;\n}\n\n.slide-rule .graduations ul li.selected:before {\n border-left-color: #63a6e1;\n}\n\n.slide-rule .graduations ul li:before {\n content: '';\n position: absolute;\n border-left: 1px solid var(--white);\n height: 10px;\n top: 0px;\n left: 0;\n}\n\n.slide-rule .graduations ul li .label {\n width: 20px;\n position: absolute;\n top: 10px;\n left: -9px;\n display: none;\n text-align: center;\n}\n\n.slide-rule .value {\n display: none;\n position: absolute;\n bottom: 0;\n left: 50%;\n z-index: 1;\n box-sizing: border-box;\n padding: 5px;\n width: 50px;\n margin-left: -25px;\n background: var(--gray-600);\n}\n\n.slide-rule .overlay {\n z-index: 2;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 1px;\n left: 0;\n background-image: linear-gradient(\n to right,\n var(--gray-900) 0%,\n transparentize($grey900, 1) 15%,\n transparentize($grey900, 1) 85%,\n var(--gray-900) 100%\n );\n}\n\n/* Misc */\n\n.menu.dark {\n background-color: var(--gray-600);\n @include light-on-dark-text;\n\n ul {\n li {\n a {\n color: var(--white) !important;\n\n &:not(.sel):not(.disabled):hover {\n background-color: var(--gray-700);\n }\n }\n }\n }\n}\n","_:-ms-lang(x),\n.elements .tableview td.checkbox-cell input.checkbox + label,\n.elements .tableview td.checkbox-cell div.checkbox {\n top: 16px;\n}\n\n_:-ms-lang(x),\ninput.checkbox + label:empty,\ndiv:empty.checkbox {\n display: block;\n}\n","@charset \"UTF-8\";\n\n@import '@craftcms/sass/mixins';\n\n.cp-chart {\n margin: 0;\n height: 100%;\n position: relative;\n}\n\n.cp-chart svg {\n width: 100%;\n height: 100%;\n}\n\n.cp-chart .axis path,\n.cp-chart .axis line {\n fill: none;\n stroke: var(--hairline-color);\n shape-rendering: crispEdges;\n}\n\n.cp-chart .ticks-axis path,\n.cp-chart .ticks-axis line {\n fill: none;\n stroke: none;\n shape-rendering: crispEdges;\n}\n\n.cp-chart .ticks-axis g.tick text {\n fill: var(--black);\n font-size: 11px;\n}\n\n.cp-chart .axis text {\n fill: RGBA(0, 0, 0, 0.6);\n}\n\n.cp-chart .grid-line .tick {\n stroke: RGBA(0, 0, 0, 0.08);\n stroke-opacity: 0.7;\n shape-rendering: crispEdges;\n}\n\n.cp-chart .grid-line .tick line {\n stroke: RGBA(0, 0, 0, 0.08);\n stroke-opacity: 0.7;\n shape-rendering: crispEdges;\n}\n\n.cp-chart .grid-line path {\n stroke-width: 0;\n}\n\n.tooltip {\n border-radius: 3px;\n padding: 7px 10px;\n background: transparentize($white, 0.1);\n position: absolute;\n z-index: 1000000;\n @include shadow;\n user-select: none;\n pointer-events: none;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/src/web/assets/cp/src/css/_main.scss b/src/web/assets/cp/src/css/_main.scss index 75c87ec8398..786a895db9f 100644 --- a/src/web/assets/cp/src/css/_main.scss +++ b/src/web/assets/cp/src/css/_main.scss @@ -5699,6 +5699,10 @@ $min2ColWidth: 400px; @include margin-right(-20px); } } + + div.elements { + list-style: none; + } } .dropdownsettingsmodal { From bbc3aa56b32fe6fd106aa0127a2b45054858909f Mon Sep 17 00:00:00 2001 From: Iwona Just Date: Wed, 18 Oct 2023 14:20:38 +0100 Subject: [PATCH 23/40] tweak --- src/elements/db/EntryQuery.php | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/src/elements/db/EntryQuery.php b/src/elements/db/EntryQuery.php index 30ac03ac39b..7d1d65afaab 100644 --- a/src/elements/db/EntryQuery.php +++ b/src/elements/db/EntryQuery.php @@ -832,6 +832,11 @@ public function typeId(mixed $value): static */ public function authorId(mixed $value): static { + // we always need the entry id + // to be able to join with entries_authors table when populating + // in the _processAuthors() method + $this->addSelect('id'); + $this->authorId = $value; return $this; } @@ -869,6 +874,11 @@ public function authorId(mixed $value): static */ public function authorsIds(mixed $values): self { + // we always need the entry id + // to be able to join with entries_authors table when populating + // in the _processAuthors() method + $this->addSelect('id'); + if (!is_array($values)) { $values = ArrayHelper::toArray($values); } From 40ca339120d0229320ebc9754ce9ce0ff6461a70 Mon Sep 17 00:00:00 2001 From: brandonkelly Date: Fri, 29 Dec 2023 23:00:28 -0800 Subject: [PATCH 24/40] Bump the schema version --- src/config/app.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/config/app.php b/src/config/app.php index 33aac60e4d3..e5923b1eb4e 100644 --- a/src/config/app.php +++ b/src/config/app.php @@ -4,7 +4,7 @@ 'id' => 'CraftCMS', 'name' => 'Craft CMS', 'version' => '5.0.0-alpha.3', - 'schemaVersion' => '5.0.0.13', + 'schemaVersion' => '5.0.0.14', 'minVersionRequired' => '4.4.0', 'basePath' => dirname(__DIR__), // Defines the @app alias 'runtimePath' => '@storage/runtime', // Defines the @runtime alias From 423e3fcb31e23c91dbf10db77d2cb736e56afa64 Mon Sep 17 00:00:00 2001 From: brandonkelly Date: Sun, 31 Dec 2023 13:57:19 -0800 Subject: [PATCH 25/40] Changed some code --- src/controllers/EntriesController.php | 12 +- src/elements/Entry.php | 376 ++++++++---------- src/elements/User.php | 2 +- src/elements/db/ElementQuery.php | 5 +- src/elements/db/EntryQuery.php | 203 ++++------ src/elements/db/UserQuery.php | 33 ++ src/gql/arguments/elements/Entry.php | 5 - src/gql/arguments/mutations/Entry.php | 8 +- src/gql/interfaces/elements/Entry.php | 12 +- src/migrations/Install.php | 17 +- ...01_115859_create_entries_authors_table.php | 40 +- ...107_112121_add_max_authors_to_sections.php | 2 - src/translations/en/app.php | 3 +- tests/fixtures/data/entries.php | 2 +- tests/unit/elements/db/EntryQueryTest.php | 6 +- tests/unit/gql/TypeResolverTest.php | 4 +- 16 files changed, 323 insertions(+), 407 deletions(-) diff --git a/src/controllers/EntriesController.php b/src/controllers/EntriesController.php index 9d6807185ea..fd1a445fd7a 100644 --- a/src/controllers/EntriesController.php +++ b/src/controllers/EntriesController.php @@ -95,7 +95,7 @@ public function actionCreate(?string $section = null): ?Response $entry = Craft::createObject(Entry::class); $entry->siteId = $site->id; $entry->sectionId = $section->id; - $entry->authorsIds = $this->request->getQueryParam('authorsIds', $user->id); + $entry->setAuthorIds($this->request->getQueryParam('authorIds', $user->id)); // Type if (($typeHandle = $this->request->getParam('type')) !== null) { @@ -239,7 +239,7 @@ public function actionSaveEntry(bool $duplicate = false): ?Response if ( $entry->id && !$duplicate && - !in_array($currentUser->id, $entry->authorsIds) && + !in_array($currentUser->id, $entry->getAuthorIds()) && $section->type !== Section::TYPE_SINGLE && $entry->enabled ) { @@ -466,8 +466,12 @@ private function _populateEntryModel(Entry $entry): void $entry->setFieldValuesFromRequest($fieldsLocation); // Authors - $authorsIds = $this->request->getBodyParam('authors', ($entry->authorsIds ?: [static::currentUser()->id])); - $entry->_authorsIds = $authorsIds; + $authorIdsParam = $this->request->getBodyParam('authors'); + if ($authorIdsParam !== null) { + $entry->setAuthorIds($authorIdsParam); + } elseif (!$entry->id) { + $entry->setAuthor(static::currentUser()); + } // Parent if (($parentId = $this->request->getBodyParam('parentId')) !== null) { diff --git a/src/elements/Entry.php b/src/elements/Entry.php index 3e39599cab1..6f17f0eceeb 100644 --- a/src/elements/Entry.php +++ b/src/elements/Entry.php @@ -15,7 +15,6 @@ use craft\base\NestedElementTrait; use craft\behaviors\DraftBehavior; use craft\controllers\ElementIndexesController; -use craft\db\Command; use craft\db\Connection; use craft\db\FixedOrderExpression; use craft\db\Query; @@ -31,6 +30,7 @@ use craft\elements\conditions\entries\EntryCondition; use craft\elements\conditions\entries\SectionConditionRule; use craft\elements\conditions\entries\TypeConditionRule; +use craft\elements\db\EagerLoadPlan; use craft\elements\db\ElementQuery; use craft\elements\db\ElementQueryInterface; use craft\elements\db\EntryQuery; @@ -66,14 +66,14 @@ * Entry represents an entry element. * * @property int $typeId the entry type’s ID - * @property int|null $authorId the entry author’s ID * @property EntryType $type the entry type * @property Section|null $section the entry’s section + * @property User|null $author the primary entry author + * @property User[] $authors the entry authors + * @property int|null $authorId The primary entry author’s ID + * @property int[] $authorIds the entry authors’ IDs * @author Pixel & Tonic, Inc. * @since 3.0.0 - * - * @property array|null $authorsIds the entry authors' IDs - * @since 5.0.0 */ class Entry extends Element implements NestedElementInterface, ExpirableElementInterface { @@ -627,56 +627,32 @@ protected static function defineDefaultTableAttributes(string $source): array */ public static function eagerLoadingMap(array $sourceElements, string $handle): array|null|false { - if ($handle === 'author') { - /** @phpstan-ignore-next-line */ - $sourceElementsWithAuthors = array_filter($sourceElements, function(self $entry) { - return $entry->getAuthorId() !== null; - }); + switch ($handle) { + case 'author': + case 'authors': + $map = []; + + /** @var self[] $sourceElements */ + foreach ($sourceElements as $entry) { + foreach ($entry->getAuthorIds() as $authorId) { + $map[] = [ + 'source' => $entry->id, + 'target' => $authorId, + ]; + } + } - /** @phpstan-ignore-next-line */ - $map = array_map(function(self $entry) { return [ - 'source' => $entry->id, - 'target' => $entry->getAuthorId(), + 'elementType' => User::class, + 'map' => $map, + 'criteria' => [ + 'status' => null, + ], ]; - }, $sourceElementsWithAuthors); - - return [ - 'elementType' => User::class, - 'map' => $map, - 'criteria' => [ - 'status' => null, - ], - ]; - } - - if ($handle === 'authors') { - /** @phpstan-ignore-next-line */ - $sourceElementsWithAuthors = array_filter($sourceElements, function(self $entry) { - return $entry->getAuthorsIds() !== null; - }); - $map = []; - foreach ($sourceElementsWithAuthors as $sourceElementWithAuthors) { - $map += array_map(function($authorId) use ($sourceElementWithAuthors) { - return [ - 'source' => $sourceElementWithAuthors->id, - 'target' => $authorId, - ]; - /** @phpstan-ignore-next-line */ - }, $sourceElementWithAuthors->getAuthorsIds()); - } - - return [ - 'elementType' => User::class, - 'map' => $map, - 'criteria' => [ - 'status' => null, - ], - ]; + default: + return parent::eagerLoadingMap($sourceElements, $handle); } - - return parent::eagerLoadingMap($sourceElements, $handle); } /** @@ -769,18 +745,24 @@ protected static function prepElementQueryForTableAttribute(ElementQueryInterfac public bool $deletedWithEntryType = false; /** - * @var int[]|null Authors IDs - * @see getAuthorsIds() - * @see setAuthorsIds() + * @var int[] Entry author IDs + * @see getAuthorIds() + * @see setAuthorIds() + */ + private array $_authorIds; + + /** + * @var int[] Original entry author IDs + * @see setAuthorIds() */ - public ?array $_authorsIds = null; + private array $_oldAuthorIds; /** - * @var User[]|false|null + * @var User[]|null Entry authors * @see getAuthors() * @see setAuthors() */ - private array|false|null $_authors = null; + private ?array $_authors = null; /** * @var int|null Type ID @@ -811,7 +793,8 @@ public function attributes(): array $names = array_flip(parent::attributes()); unset($names['deletedWithEntryType']); unset($names['saveOwnership']); - $names['authorsIds'] = true; + $names['authorId'] = true; + $names['authorIds'] = true; $names['typeId'] = true; return array_keys($names); } @@ -822,6 +805,7 @@ public function attributes(): array public function extraFields(): array { $names = parent::extraFields(); + $names[] = 'author'; $names[] = 'authors'; $names[] = 'section'; $names[] = 'type'; @@ -834,6 +818,9 @@ public function extraFields(): array public function attributeLabels(): array { return array_merge(parent::attributeLabels(), [ + 'authorIds' => Craft::t('app', '{max, plural, =1{Author} other {Authors}}', [ + 'max' => $this->getSection()?->maxAuthors ?? 1, + ]), 'postDate' => Craft::t('app', 'Post Date'), 'expiryDate' => Craft::t('app', 'Expiry Date'), ]); @@ -846,7 +833,7 @@ protected function defineRules(): array { $rules = parent::defineRules(); $rules[] = [['sectionId', 'fieldId', 'ownerId', 'primaryOwnerId', 'typeId', 'sortOrder'], 'number', 'integerOnly' => true]; - $rules[] = [['authorsIds'], 'each', 'rule' => ['number', 'integerOnly' => true]]; + $rules[] = [['authorIds'], 'each', 'rule' => ['number', 'integerOnly' => true]]; $rules[] = [ ['sectionId'], 'required', @@ -859,17 +846,16 @@ protected function defineRules(): array }]; $rules[] = [['postDate', 'expiryDate'], DateTimeValidator::class]; - if (isset($this->sectionId)) { - $sectionMaxAuthors = $this->section->maxAuthors; + $section = $this->getSection(); + if ($section && $section->type !== Section::TYPE_SINGLE) { + $rules[] = [['authorIds'], 'required', 'on' => self::SCENARIO_LIVE]; $rules[] = [ - ['authorsIds'], + ['authorIds'], ArrayValidator::class, - 'max' => $sectionMaxAuthors, - 'tooMany' => Craft::t( - 'app', - "Maximum {num, number} {num, plural, =1{author} other{authors}} allowed.", - ['num' => $sectionMaxAuthors] - ), + 'max' => $section->maxAuthors, + 'tooMany' => Craft::t('app', '{num, plural, =1{Only one author is} other{Up to {num, number} authors are}} allowed.', [ + 'num' => $section->maxAuthors, + ]), ]; } @@ -1386,70 +1372,84 @@ public function getType(): EntryType } /** - * Returns the entry author ID. + * Returns the entry author’s ID. * * @return int|null * @since 4.0.0 */ public function getAuthorId(): ?int { - return $this->_authorsIds[0] ?? null; + return $this->getAuthorIds()[0] ?? null; } /** - * Sets the entry author ID. + * Sets the entry author’s ID. * - * @param int|int[]|string|null $authorId + * @param int|array{0:int}|string|null $authorId * @since 4.0.0 */ public function setAuthorId(array|int|string|null $authorId): void { - $this->setAuthorsIds($authorId); + $authorId = $this->normalizeAuthorIds($authorId)[0] ?? null; + $this->setAuthorIds($authorId); } /** - * Returns the entry authors IDs. + * Returns the primary entry authors’ IDs. * - * @return int[]|null - * @since 4.0.0 + * @return int[] + * @since 5.0.0 */ - public function getAuthorsIds(): ?array + public function getAuthorIds(): array { - return $this->_authorsIds; + if (!isset($this->_authorIds)) { + $this->_authorIds = array_map(fn(User $author) => $author->id, $this->getAuthors()); + } + + return $this->_authorIds; } /** - * Sets the entry authors IDs. + * Sets the entry authors’ IDs. * - * @param User[]|int[]|string|int|null $authorsIds - * @since 4.0.0 + * @param User[]|int[]|string|int|null $authorIds + * @since 5.0.0 */ - public function setAuthorsIds(array|string|int|null $authorsIds): void + public function setAuthorIds(array|string|int|null $authorIds): void { - // make sure we're working with an array - if (!is_array($authorsIds)) { - $authorsIds = ArrayHelper::toArray($authorsIds); - } + $authorIds = $this->normalizeAuthorIds($authorIds); - $ids = array_map(function($authorId) { - if ($authorId == '') { - return null; - } - if (is_string($authorId)) { - return (int)$authorId; + if (isset($this->_authorIds)) { + if ($authorIds === $this->_authorIds) { + return; } - if ($authorId instanceof User) { - return $authorId->id; + + if (!isset($this->_oldAuthorIds)) { + // remember the old IDs so we know if this has been modified + $this->_oldAuthorIds = $this->_authorIds; } - return $authorId; - }, $authorsIds); + } - $this->_authorsIds = array_values(array_filter($ids)); + $this->_authorIds = $authorIds; $this->_authors = null; } + private function normalizeAuthorIds(array|string|int|null $authorIds): array + { + if ($authorIds === '' || $authorIds === null) { + return []; + } + + // make sure we're working with an array + if (!is_array($authorIds)) { + $authorIds = ArrayHelper::toArray($authorIds); + } + + return array_map(fn($id) => (int)$id, $authorIds); + } + /** - * Returns the entry’s author. + * Returns the entry author. * * --- * ```php @@ -1464,22 +1464,21 @@ public function setAuthorsIds(array|string|int|null $authorsIds): void */ public function getAuthor(): ?User { - $this->getAuthors(); - return $this->_authors[0] ?? null; + return $this->getAuthors()[0] ?? null; } /** - * Sets the entry’s author + * Sets the entry author. * * @param User|null $author */ public function setAuthor(?User $author = null): void { - $this->setAuthors([$author]); + $this->setAuthors($author ? [$author] : []); } /** - * Returns the entry’s authors. + * Returns the entry authors. * * --- * ```php @@ -1491,46 +1490,47 @@ public function setAuthor(?User $author = null): void * {% endfor %} * ``` * - * @return User[]|null - * @throws InvalidConfigException if [[authorId]] is set but invalid + * @return User[] + * @since 5.0.0 */ - public function getAuthors(): ?array + public function getAuthors(): array { if (!isset($this->_authors)) { - if (!$this->getAuthorsIds()) { - return null; + if (isset($this->_authorIds)) { + $authors = User::find() + ->id($this->_authorIds) + ->fixedOrder() + ->status(null) + ->all(); + } else { + $authors = User::find() + ->authorOf($this) + ->status(null) + ->innerJoin(['entries_authors' => Table::ENTRIES_AUTHORS], [ + 'and', + ['entries_authors.entryId' => $this->id], + '[[entries_authors.authorId]] = [[users.id]]', + ]) + ->orderBy(['entries_authors.sortOrder' => SORT_ASC]) + ->all(); } - foreach ($this->getAuthorsIds() as $authorId) { - if (($author = Craft::$app->getUsers()->getUserById($authorId)) !== null) { - $this->_authors[] = $author; - } - } + $this->setAuthors($authors); } - return $this->_authors ?: null; + return $this->_authors; } /** - * Sets the entry’s authors. + * Sets the entry authors. * - * @param User[]|int[]|null $authors + * @param User[] $authors + * @since 5.0.0 */ - public function setAuthors(?array $authors = null): void + public function setAuthors(array $authors): void { - $mappedAuthors = []; - if ($authors !== null) { - // make sure any IDs are converted into users - $mappedAuthors = array_map(function($author) { - if (is_int($author)) { - return Craft::$app->getUsers()->getUserById($author); - } - return $author; - }, $authors); - } - - $this->_authors = array_values(array_filter($mappedAuthors)); - $this->setAuthorsIds(array_column($this->_authors, null, 'id')); + $this->_authors = $authors; + $this->_authorIds = array_map(fn(User $author) => $author->id, $authors); } /** @@ -1631,7 +1631,7 @@ public function canView(User $user): bool return ( $section->type === Section::TYPE_SINGLE || - in_array($user->id, $this->getAuthorsIds(), true) || + in_array($user->id, $this->getAuthorIds(), true) || $user->can("viewPeerEntries:$section->uid") ); } @@ -1672,7 +1672,7 @@ public function canSave(User $user): bool return ( $section->type === Section::TYPE_SINGLE || - in_array($user->id, $this->getAuthorsIds(), true) || + in_array($user->id, $this->getAuthorIds(), true) || $user->can("savePeerEntries:$section->uid") ); } @@ -1731,7 +1731,7 @@ public function canDelete(User $user): bool } return ( - in_array($user->id, $this->getAuthorsIds(), true) || + in_array($user->id, $this->getAuthorIds(), true) || $user->can("deletePeerEntries:$section->uid") ); } @@ -1818,6 +1818,22 @@ public function getGqlTypeName(): string return self::gqlTypeName($this->getType()); } + /** + * @inheritdoc + */ + public function setEagerLoadedElements(string $handle, array $elements, EagerLoadPlan $plan): void + { + switch ($plan->handle) { + case 'author': + case 'authors': + /** @var User[] $elements */ + $this->setAuthors($elements); + break; + default: + parent::setEagerLoadedElements($handle, $elements, $plan); + } + } + // Indexes, etc. // ------------------------------------------------------------------------- @@ -1957,9 +1973,11 @@ public function metaFieldsHtml(bool $static): string $authors = $this->getAuthors(); $html = Cp::elementSelectFieldHtml([ 'status' => $this->getAttributeStatus('authorIds'), - 'label' => Craft::t('app', 'Authors'), - 'id' => 'authorsIds', - 'name' => 'authorsIds', + 'label' => Craft::t('app', '{max, plural, =1{Author} other {Authors}}', [ + 'max' => $section->maxAuthors, + ]), + 'id' => 'authorIds', + 'name' => 'authorIds', 'elementType' => User::class, 'selectionLabel' => Craft::t('app', 'Choose'), 'criteria' => [ @@ -1968,7 +1986,7 @@ public function metaFieldsHtml(bool $static): string 'single' => false, 'elements' => $authors ?: null, 'disabled' => $static, - 'errors' => $this->getErrors('authorsIds'), + 'errors' => $this->getErrors('authorIds'), 'limit' => $section->maxAuthors, ]); return $html; @@ -2135,8 +2153,8 @@ private function _userPostDate(): ?DateTime */ public function beforeValidate(): bool { - if (!$this->getAuthorId() && !isset($this->fieldId) && $this->getSection()->type !== Section::TYPE_SINGLE) { - $this->setAuthorId(Craft::$app->getUser()->getId()); + if (!isset($this->_authorIds) && !isset($this->fieldId) && $this->getSection()->type !== Section::TYPE_SINGLE) { + $this->setAuthor(Craft::$app->getUser()->getIdentity()); } if ( @@ -2260,10 +2278,13 @@ public function afterSave(bool $isNew): void $record->save(false); // save authors - if (!empty($this->_authorsIds)) { + if (isset($this->_authorIds)) { // save & add to dirty attributes $this->_saveAuthors(); - $dirtyAttributes[] = 'authors'; + + if (isset($this->_oldAuthorIds) && $this->_authorIds !== $this->_oldAuthorIds) { + $dirtyAttributes[] = 'authorIds'; + } } // ownerId will be null when creating a revision @@ -2322,77 +2343,14 @@ public function afterSave(bool $isNew): void */ private function _saveAuthors(): void { - // Get the unique, indexed author IDs, set to their 0-indexed sort orders - $authorsIds = array_flip(array_values(array_unique(array_filter($this->_authorsIds)))); - - // Get the current authors - $oldAuthorConditions = ['elementId' => $this->id]; - - $db = Craft::$app->getDb(); - - $oldAuthors = (new Query()) - ->select(['id', 'elementId', 'authorId', 'sortOrder']) - ->from([Table::ENTRIES_AUTHORS]) - ->where($oldAuthorConditions) - ->all($db); - - /** @var Command[] $updateCommands */ - $updateCommands = []; - $deleteIds = []; - - foreach ($oldAuthors as $author) { - // Does this author still exist? - /** @phpstan-ignore-next-line */ - if (isset($authorsIds[$author['authorId']])) { - // Anything to update? - $sortOrder = $authorsIds[$author['authorId']] + 1; - if ($author['sortOrder'] != $sortOrder) { - $updateCommands[] = $db->createCommand()->update(Table::ENTRIES_AUTHORS, [ - 'sortOrder' => $sortOrder, - ], ['id' => $author['id']]); - } - - // Avoid re-inserting it - /** @phpstan-ignore-next-line */ - unset($authorsIds[$author['authorId']]); - } else { - $deleteIds[] = $author['id']; - } - } - - if (!empty($updateCommands) || !empty($deleteIds) || !empty($authorsIds)) { - $transaction = $db->beginTransaction(); - try { - // update modified ones - foreach ($updateCommands as $command) { - $command->execute(); - } - - // Add the new ones - if (!empty($authorsIds)) { - $values = []; - foreach ($authorsIds as $authorId => $sortOrder) { - $values[] = [ - $this->id, - $authorId, - $sortOrder + 1, - ]; - } - Db::batchInsert(Table::ENTRIES_AUTHORS, ['elementId', 'authorId', 'sortOrder'], $values, $db); - } - - // delete removed ones - if (!empty($deleteIds)) { - Db::delete(Table::ENTRIES_AUTHORS, [ - 'id' => $deleteIds, - ], [], $db); - } + Db::delete(Table::ENTRIES_AUTHORS, ['entryId' => $this->id]); - $transaction->commit(); - } catch (Throwable $e) { - $transaction->rollBack(); - throw $e; + if (!empty($this->_authorIds)) { + $data = []; + foreach ($this->getAuthorIds() as $sortOrder => $authorId) { + $data[] = [$this->id, $authorId, $sortOrder + 1]; } + Db::batchInsert(Table::ENTRIES_AUTHORS, ['entryId', 'authorId', 'sortOrder'], $data); } } diff --git a/src/elements/User.php b/src/elements/User.php index 32be2ccfab1..40815bc4332 100644 --- a/src/elements/User.php +++ b/src/elements/User.php @@ -2335,7 +2335,7 @@ public function beforeDelete(): bool foreach (Db::each($entryQuery) as $entry) { /** @var Entry $entry */ // only delete their entry if they're the sole author - if (count($entry->authorsIds) == 1) { + if (count($entry->getAuthorIds()) == 1) { $elementsService->deleteElement($entry); } } diff --git a/src/elements/db/ElementQuery.php b/src/elements/db/ElementQuery.php index 0c5fce9abf7..d36c033bf50 100644 --- a/src/elements/db/ElementQuery.php +++ b/src/elements/db/ElementQuery.php @@ -1643,8 +1643,9 @@ public function afterPopulate(array $elements): array ElementHelper::setNextPrevOnElements($elements); // Should we eager-load some elements onto these? - if ($this->with) { - Craft::$app->getElements()->eagerLoadElements($this->elementType, $elements, $this->with); + if (isset($this->with)) { + $this->with = $elementsService->createEagerLoadingPlans($this->with); + $elementsService->eagerLoadElements($this->elementType, $elements, $this->with); } } diff --git a/src/elements/db/EntryQuery.php b/src/elements/db/EntryQuery.php index e1b854f8793..79c47394ff1 100644 --- a/src/elements/db/EntryQuery.php +++ b/src/elements/db/EntryQuery.php @@ -157,9 +157,9 @@ class EntryQuery extends ElementQuery /** * @var mixed The user IDs that the resulting entries’ authors must have. - * @used-by authorsIds() + * @used-by authorIds() */ - public mixed $authorsIds = []; + public mixed $authorIds = []; /** * @var mixed The user group ID(s) that the resulting entries’ authors must be in. @@ -808,6 +808,7 @@ public function typeId(mixed $value): static * | `1` | with an author with an ID of 1. * | `'not 1'` | not with an author with an ID of 1. * | `[1, 2]` | with an author with an ID of 1 or 2. + * | `['and', 1, 2]` | with authors with IDs of 1 and 2. * | `['not', 1, 2]` | not with an author with an ID of 1 or 2. * * --- @@ -841,51 +842,6 @@ public function authorId(mixed $value): static return $this; } - /** - * Narrows the query results based on the entries’ authors. - * - * Possible values include: - * - * | Value | Fetches entries… - * | - | - - * | `1` | with an author with an ID of 1. - * | `[1, 2]` | with authors with ID of 1 and 2. - * | `['not', 1, 2]` | not with authors with an ID of 1 and 2. - * - * --- - * - * ```twig - * {# Fetch entries with an author with an ID of 1 #} - * {% set {elements-var} = {twig-method} - * .authorsIds([1,2]) - * .all() %} - * ``` - * - * ```php - * // Fetch entries with an author with an ID of 1 - * ${elements-var} = {php-method} - * ->authorsIds([1,2]) - * ->all(); - * ``` - * - * @param mixed $values The property value - * @return self self reference - * @uses $authorsIds - */ - public function authorsIds(mixed $values): self - { - // we always need the entry id - // to be able to join with entries_authors table when populating - // in the _processAuthors() method - $this->addSelect('id'); - - if (!is_array($values)) { - $values = ArrayHelper::toArray($values); - } - $this->authorsIds = $values; - return $this; - } - /** * Narrows the query results based on the user group the entries’ authors belong to. * @@ -1306,22 +1262,48 @@ protected function beforePrepare(): bool if (Craft::$app->getEdition() === Craft::Pro) { if ($this->authorId) { - $this->subQuery - ->innerJoin(['entries_authors' => Table::ENTRIES_AUTHORS], '[[entries_authors.elementId]] = [[entries.id]]') - ->andWhere(Db::parseNumericParam('entries_authors.authorId', $this->authorId)); - } + // Checking multiple authors? + if ( + is_array($this->authorId) && + is_string(reset($this->authorId)) && + strtolower(reset($this->authorId)) === 'and' + ) { + $authorIdChecks = array_slice($this->authorId, 1); + } else { + $authorIdChecks = [$this->authorId]; + } - if ($this->authorsIds) { - $this->subQuery - ->innerJoin(['entries_authors' => Table::ENTRIES_AUTHORS], '[[entries_authors.elementId]] = [[entries.id]]') - ->andWhere(Db::parseNumericParam('entries_authors.authorId', $this->authorsIds)); + foreach ($authorIdChecks as $i => $authorIdCheck) { + if ( + is_array($authorIdCheck) && + is_string(reset($authorIdCheck)) && + strtolower(reset($authorIdCheck)) === 'not' + ) { + $authorIdOperator = 'not exists'; + array_shift($authorIdCheck); + if (empty($authorIdCheck)) { + continue; + } + } else { + $authorIdOperator = 'exists'; + } + + $this->subQuery->andWhere([ + $authorIdOperator, (new Query()) + ->from(['entries_authors' => Table::ENTRIES_AUTHORS]) + ->where('[[entries.id]] = [[entries_authors.entryId]]') + ->andWhere(Db::parseNumericParam('authorId', $authorIdCheck)), + ]); + } } if ($this->authorGroupId) { - $this->subQuery - ->innerJoin(['entries_authors' => Table::ENTRIES_AUTHORS], '[[entries_authors.elementId]] = [[entries.id]]') + $this->subQuery->andWhere(['exists', (new Query()) + ->from(['entries_authors' => Table::ENTRIES_AUTHORS]) ->innerJoin(['usergroups_users' => Table::USERGROUPS_USERS], '[[usergroups_users.userId]] = [[entries_authors.authorId]]') - ->andWhere(Db::parseNumericParam('usergroups_users.groupId', $this->authorGroupId)); + ->where('[[entries.id]] = [[entries_authors.entryId]]') + ->andWhere(Db::parseNumericParam('usergroups_users.groupId', $this->authorGroupId)), + ]); } } @@ -1334,11 +1316,40 @@ protected function beforePrepare(): bool /** * @inheritdoc - * @return ElementInterface[]|array The resulting elements. */ - public function populate($rows): array + public function afterPopulate($elements): array { - return parent::populate($this->_processAuthors($rows)); + if (!$this->asArray && !empty($elements)) { + $this->loadAuthorIds($elements); + } + + return parent::afterPopulate($elements); + } + + private function loadAuthorIds(array $entries): void + { + /** @var Entry[][] $indexedEntries */ + $indexedEntries = ArrayHelper::index($entries, null, [ + fn(Entry $entry) => $entry->id, + ]); + $indexedAuthorIds = []; + + $results = (new Query()) + ->select(['entryId', 'authorId']) + ->from(Table::ENTRIES_AUTHORS) + ->where(['entryId' => array_keys($indexedEntries)]) + ->orderBy(['sortOrder' => SORT_ASC]) + ->all(); + + foreach ($results as $result) { + $indexedAuthorIds[$result['entryId']][] = (int)$result['authorId']; + } + + foreach ($indexedEntries as $entryId => $entriesOfId) { + foreach ($entriesOfId as $entry) { + $entry->setAuthorIds($indexedAuthorIds[$entryId] ?? []); + } + } } /** @@ -1651,76 +1662,6 @@ protected function cacheTags(): array return $tags; } - /** - * We are getting multiple rows for one entry because of - * ->authorId([...]), ->authorsIds([...]) and the ->innerJoin with - * entries_authors table. - * We need to process each entry to make sure we get one element per entry. - * - * @param array $rows - * @return array - */ - private function _processAuthors(array $rows): array - { - // get authors info - // also, because of ->authorId([...]), ->authorsIds([...]) we are now - // getting multiple rows for one entry - $distinctRows = []; - if (!empty($rows)) { - foreach ($rows as $row) { - // if this entryId has already been processed, carry on to the next one - if (isset($distinctRows[$row['id']])) { - continue; - } - // get all authorIds for this entry - $entryAuthorsIds = array_column( - (new Query()) - ->select(['authorId']) - ->from(Table::ENTRIES_AUTHORS) - ->where(['elementId' => $row['id']]) - ->orderBy('sortOrder ASC') - ->all(), - 'authorId'); - - // if authors IDs were passed via authorsIds - // make sure we only return entries which have all and only - // the specified authors from the query - if (!empty($this->authorsIds)) { - if (strtolower(trim($this->authorsIds[0])) === 'not') { - $negativeSearch = true; - $_authorsIds = array_slice($this->authorsIds, 1); - } else { - $negativeSearch = false; - $_authorsIds = $this->authorsIds; - } - - // if "regular" search, check if row (entry) has only the authors we're after - if ( - $negativeSearch === false && - count($_authorsIds) === count($entryAuthorsIds) && - empty(array_diff($_authorsIds, $entryAuthorsIds)) - ) { - $row['authorsIds'] = $entryAuthorsIds; - $distinctRows[$row['id']] = $row; - // if "negative" search, check if row (entry) doesn't have - // any of the authors we need to exclude, and no others - } elseif ( - $negativeSearch === true && - !empty(array_diff($_authorsIds, $entryAuthorsIds)) - ) { - $row['authorsIds'] = $entryAuthorsIds; - $distinctRows[$row['id']] = $row; - } - } else { - $row['authorsIds'] = $entryAuthorsIds; - $distinctRows[$row['id']] = $row; - } - } - } - - return $distinctRows; - } - /** * @inheritdoc */ diff --git a/src/elements/db/UserQuery.php b/src/elements/db/UserQuery.php index d67d8a4e8c8..387ae81054e 100644 --- a/src/elements/db/UserQuery.php +++ b/src/elements/db/UserQuery.php @@ -12,6 +12,7 @@ use craft\db\QueryAbortedException; use craft\db\QueryParam; use craft\db\Table; +use craft\elements\Entry; use craft\elements\User; use craft\helpers\Db; use craft\models\UserGroup; @@ -201,6 +202,13 @@ class UserQuery extends ElementQuery */ public mixed $lastLoginDate = null; + /** + * @var Entry|null The entry that the resulting users must be the author of. + * @used-by authorOf() + * @since 5.0.0 + */ + public ?Entry $authorOf = null; + /** * @var bool Whether the users’ groups should be eager-loaded. * --- @@ -711,6 +719,20 @@ public function lastLoginDate(mixed $value): static return $this; } + /** + * Narrows the query results to users who are teh author of the given entry. + * + * @param Entry|null $value + * @retun static self reference + * @uses $authorOf + * @since 5.0.0 + */ + public function authorOf(?Entry $value): static + { + $this->authorOf = $value; + return $this; + } + /** * Narrows the query results based on the users’ statuses. * @@ -936,6 +958,17 @@ protected function beforePrepare(): bool $this->subQuery->andWhere(Db::parseDateParam('users.lastLoginDate', $this->lastLoginDate)); } + if ($this->authorOf) { + if (!$this->authorOf->id) { + throw new QueryAbortedException(); + } + $this->subQuery->andWhere(['exists', (new Query()) + ->from(['entries_authors' => Table::ENTRIES_AUTHORS]) + ->where(['entryId' => $this->authorOf->id]) + ->andWhere('[[entries_authors.authorId]] = [[users.id]]'), + ]); + } + return true; } diff --git a/src/gql/arguments/elements/Entry.php b/src/gql/arguments/elements/Entry.php index 62debbebd16..d4a2c163410 100644 --- a/src/gql/arguments/elements/Entry.php +++ b/src/gql/arguments/elements/Entry.php @@ -56,11 +56,6 @@ public static function getArguments(): array 'authorId' => [ 'name' => 'authorId', 'type' => Type::listOf(QueryArgument::getType()), - 'description' => 'Narrows the query results based on the entries’ author.', - ], - 'authorsIds' => [ - 'name' => 'authorsIds', - 'type' => Type::listOf(Type::int()), 'description' => 'Narrows the query results based on the entries’ authors.', ], 'authorGroup' => [ diff --git a/src/gql/arguments/mutations/Entry.php b/src/gql/arguments/mutations/Entry.php index 704edac4356..a50edd285f5 100644 --- a/src/gql/arguments/mutations/Entry.php +++ b/src/gql/arguments/mutations/Entry.php @@ -28,12 +28,12 @@ public static function getArguments(): array 'authorId' => [ 'name' => 'authorId', 'type' => Type::id(), - 'description' => 'The ID of the user that created this entry.', + 'description' => 'The entry author’s ID.', ], - 'authorsIds' => [ - 'name' => 'authorsIds', + 'authorIds' => [ + 'name' => 'authorIds', 'type' => Type::listOf(Type::id()), - 'description' => 'The IDs of the users that are authors of this entry.', + 'description' => 'The entry authors’ IDs.', ], 'postDate' => [ 'name' => 'postDate', diff --git a/src/gql/interfaces/elements/Entry.php b/src/gql/interfaces/elements/Entry.php index 1500128d2b5..31828396854 100644 --- a/src/gql/interfaces/elements/Entry.php +++ b/src/gql/interfaces/elements/Entry.php @@ -201,23 +201,23 @@ protected static function getConditionalFields(): array 'authorId' => [ 'name' => 'authorId', 'type' => Type::int(), - 'description' => 'The ID of the author of this entry.', + 'description' => 'The primary entry author’s ID.', ], 'author' => [ 'name' => 'author', 'type' => Type::listOf(User::getType()), - 'description' => 'The entry’s author.', + 'description' => 'The primary entry author.', 'complexity' => Gql::eagerLoadComplexity(), ], - 'authorsIds' => [ - 'name' => 'authorsIds', + 'authorIds' => [ + 'name' => 'authorIds', 'type' => Type::listOf(Type::int()), - 'description' => 'The IDs of the authors of this entry.', + 'description' => 'The entry authors’ IDs.', ], 'authors' => [ 'name' => 'authors', 'type' => Type::listOf(User::getType()), - 'description' => 'The entry’s authors.', + 'description' => 'The entry authors.', 'complexity' => Gql::eagerLoadComplexity(), ], ]); diff --git a/src/migrations/Install.php b/src/migrations/Install.php index 66cfb79afd3..096778d4944 100644 --- a/src/migrations/Install.php +++ b/src/migrations/Install.php @@ -396,13 +396,10 @@ public function createTables(): void 'PRIMARY KEY([[id]])', ]); $this->createTable(Table::ENTRIES_AUTHORS, [ - 'id' => $this->primaryKey(), - 'elementId' => $this->integer()->notNull(), - 'authorId' => $this->integer(), - 'sortOrder' => $this->smallInteger()->unsigned(), - 'dateCreated' => $this->dateTime()->notNull(), - 'dateUpdated' => $this->dateTime()->notNull(), - 'uid' => $this->uid(), + 'entryId' => $this->integer()->notNull(), + 'authorId' => $this->integer()->notNull(), + 'sortOrder' => $this->smallInteger()->unsigned()->notNull(), + 'PRIMARY KEY([[entryId]], [[authorId]])', ]); $this->createTable(Table::ENTRYTYPES, [ 'id' => $this->primaryKey(), @@ -848,7 +845,7 @@ public function createIndexes(): void $this->createIndex(null, Table::ENTRIES, ['sectionId'], false); $this->createIndex(null, Table::ENTRIES, ['typeId'], false); $this->createIndex(null, Table::ENTRIES_AUTHORS, ['authorId'], false); - $this->createIndex(null, Table::ENTRIES_AUTHORS, ['sortOrder'], false); + $this->createIndex(null, Table::ENTRIES_AUTHORS, ['entryId', 'sortOrder'], false); $this->createIndex(null, Table::ENTRIES, ['primaryOwnerId'], false); $this->createIndex(null, Table::ENTRIES, ['fieldId'], false); $this->createIndex(null, Table::ENTRYTYPES, ['fieldLayoutId'], false); @@ -1023,8 +1020,8 @@ public function addForeignKeys(): void $this->addForeignKey(null, Table::ENTRIES, ['sectionId'], Table::SECTIONS, ['id'], 'CASCADE', null); $this->addForeignKey(null, Table::ENTRIES, ['parentId'], Table::ENTRIES, ['id'], 'SET NULL', null); $this->addForeignKey(null, Table::ENTRIES, ['typeId'], Table::ENTRYTYPES, ['id'], 'CASCADE', null); - $this->addForeignKey(null, Table::ENTRIES_AUTHORS, ['elementId'], Table::ELEMENTS, ['id'], 'CASCADE', null); - $this->addForeignKey(null, Table::ENTRIES_AUTHORS, ['authorId'], Table::USERS, ['id'], 'SET NULL', null); + $this->addForeignKey(null, Table::ENTRIES_AUTHORS, ['entryId'], Table::ENTRIES, ['id'], 'CASCADE', null); + $this->addForeignKey(null, Table::ENTRIES_AUTHORS, ['authorId'], Table::USERS, ['id'], 'CASCADE', null); $this->addForeignKey(null, Table::ENTRIES, ['fieldId'], Table::FIELDS, ['id'], 'CASCADE', null); $this->addForeignKey(null, Table::ENTRIES, ['primaryOwnerId'], Table::ELEMENTS, ['id'], 'CASCADE', null); $this->addForeignKey(null, Table::ENTRYTYPES, ['fieldLayoutId'], Table::FIELDLAYOUTS, ['id'], 'SET NULL', null); diff --git a/src/migrations/m221101_115859_create_entries_authors_table.php b/src/migrations/m221101_115859_create_entries_authors_table.php index 349b6d2e05d..3bfc6e6fbea 100644 --- a/src/migrations/m221101_115859_create_entries_authors_table.php +++ b/src/migrations/m221101_115859_create_entries_authors_table.php @@ -2,11 +2,8 @@ namespace craft\migrations; -use Craft; use craft\db\Migration; use craft\db\Table; -use craft\helpers\Db; -use craft\records\Entry as EntryRecord; /** * m221101_115859_create_entries_authors_table migration. @@ -21,33 +18,24 @@ public function safeUp(): bool $this->dropTableIfExists(Table::ENTRIES_AUTHORS); $this->createTable(Table::ENTRIES_AUTHORS, [ - 'id' => $this->primaryKey(), - 'elementId' => $this->integer()->notNull(), - 'authorId' => $this->integer(), - 'sortOrder' => $this->smallInteger()->unsigned(), - 'dateCreated' => $this->dateTime()->notNull(), - 'dateUpdated' => $this->dateTime()->notNull(), - 'uid' => $this->uid(), + 'entryId' => $this->integer()->notNull(), + 'authorId' => $this->integer()->notNull(), + 'sortOrder' => $this->smallInteger()->unsigned()->notNull(), + 'PRIMARY KEY([[entryId]], [[authorId]])', ]); - $this->addForeignKey(null, Table::ENTRIES_AUTHORS, ['elementId'], Table::ELEMENTS, ['id'], 'CASCADE', null); - $this->addForeignKey(null, Table::ENTRIES_AUTHORS, ['authorId'], Table::USERS, ['id'], 'SET NULL', null); + $this->createIndex(null, Table::ENTRIES_AUTHORS, ['authorId'], false); + $this->createIndex(null, Table::ENTRIES_AUTHORS, ['entryId', 'sortOrder'], false); - // add data migration - $entries = EntryRecord::find() - ->select(['id', 'authorId']) - ->where('[[authorId]] IS NOT NULL') - ->orderBy('id ASC') - ->all(); - $entriesAuthors = []; - if (!empty($entries)) { - foreach ($entries as $entry) { - $entriesAuthors[] = [$entry['id'], $entry['authorId'], '1']; - } + $this->addForeignKey(null, Table::ENTRIES_AUTHORS, ['entryId'], Table::ENTRIES, ['id'], 'CASCADE', null); + $this->addForeignKey(null, Table::ENTRIES_AUTHORS, ['authorId'], Table::USERS, ['id'], 'CASCADE', null); - $db = Craft::$app->getDb(); - Db::batchInsert(Table::ENTRIES_AUTHORS, ['elementId', 'authorId', 'sortOrder'], $entriesAuthors, $db); - } + // populate the table + $this->execute(sprintf(<<dropForeignKeyIfExists(Table::ENTRIES, 'authorId'); diff --git a/src/migrations/m221107_112121_add_max_authors_to_sections.php b/src/migrations/m221107_112121_add_max_authors_to_sections.php index a2f26252eaf..68f30a62eaf 100644 --- a/src/migrations/m221107_112121_add_max_authors_to_sections.php +++ b/src/migrations/m221107_112121_add_max_authors_to_sections.php @@ -32,7 +32,5 @@ public function safeDown(): bool { $this->dropColumn(Table::SECTIONS, 'maxAuthors'); return true; -// echo "m221107_112121_add_max_authors_to_sections cannot be reverted.\n"; -// return false; } } diff --git a/src/translations/en/app.php b/src/translations/en/app.php index 898af461851..719b05c2b9c 100644 --- a/src/translations/en/app.php +++ b/src/translations/en/app.php @@ -904,8 +904,8 @@ 'Max Time' => 'Max Time', 'Max Value' => 'Max Value', 'Max {type}' => 'Max {type}', - 'Maximum' => 'Maximum', 'Maximum {num, number} {num, plural, =1{author} other{authors}} allowed.' => 'Maximum {num, number} {num, plural, =1{author} other{authors}} allowed.', + 'Maximum' => 'Maximum', 'Media' => 'Media', 'Medium' => 'Medium', 'Meet the Craft community' => 'Meet the Craft community', @@ -2021,6 +2021,7 @@ '{filename} isn’t selectable for this field.' => '{filename} isn’t selectable for this field.', '{first, number}-{last, number} of {total, number} {total, plural, =1{{item}} other{{items}}}' => '{first, number}–{last, number} of {total, number} {total, plural, =1{{item}} other{{items}}}', '{first}-{last} of {total}' => '{first}–{last} of {total}', + '{max, plural, =1{Author} other {Authors}}' => '{max, plural, =1{Author} other {Authors}}', '{name} Setup' => '{name} Setup', '{name} Translation Key Format' => '{name} Translation Key Format', '{name} Translation Method' => '{name} Translation Method', diff --git a/tests/fixtures/data/entries.php b/tests/fixtures/data/entries.php index 352bd2c6b0d..834ffc8c1de 100644 --- a/tests/fixtures/data/entries.php +++ b/tests/fixtures/data/entries.php @@ -17,7 +17,7 @@ // Authors [ - 'authorsIds' => [1, 2, 3], + 'authorIds' => [1, 2, 3], 'sectionId' => '1006', 'typeId' => '1006', 'title' => 'Theories of life multi-author', diff --git a/tests/unit/elements/db/EntryQueryTest.php b/tests/unit/elements/db/EntryQueryTest.php index 953a92dd2f7..611a01f7630 100644 --- a/tests/unit/elements/db/EntryQueryTest.php +++ b/tests/unit/elements/db/EntryQueryTest.php @@ -23,15 +23,15 @@ class EntryQueryTest extends TestCase /** * @return void */ - public function testAuthorsIds(): void + public function testAuthorIds(): void { $query = Entry::find(); $query->authorId(1); $this->assertSame(1, $query->authorId); - $query->authorsIds([1, 2, 3]); - $this->assertSame([1, 2, 3], $query->authorsIds); + $query->authorId(['and', 1, 2, 3]); + $this->assertSame(['and', 1, 2, 3], $query->authorId); } /** diff --git a/tests/unit/gql/TypeResolverTest.php b/tests/unit/gql/TypeResolverTest.php index de1c4a70a69..aa40133f6f8 100644 --- a/tests/unit/gql/TypeResolverTest.php +++ b/tests/unit/gql/TypeResolverTest.php @@ -79,8 +79,8 @@ public function testRunGqlResolveTest(): void // Entries [Entry::class, ['title' => 'Theories of life'], EntryResolver::class], [Entry::class, ['title' => StringHelper::randomString(128)], EntryResolver::class], - [Entry::class, ['title' => 'Theories of life multi-author', 'authorsIds' => [1, 2, 3]], EntryResolver::class], - [Entry::class, ['title' => 'Theories of life multi-author', 'authorsIds' => [1, 2]], EntryResolver::class, true], + [Entry::class, ['title' => 'Theories of life multi-author', 'authorIds' => [1, 2, 3]], EntryResolver::class], + [Entry::class, ['title' => 'Theories of life multi-author', 'authorIds' => [1, 2]], EntryResolver::class, true], // Globals [GlobalSet::class, ['handle' => 'aGlobalSet'], GlobalSetResolver::class, true], From 5d43de256e926a7c09667b0a65d41f4f0aa297bb Mon Sep 17 00:00:00 2001 From: brandonkelly Date: Mon, 1 Jan 2024 09:02:25 -0800 Subject: [PATCH 26/40] Batch-insert entry author rows for entrify commands --- src/console/controllers/EntrifyController.php | 200 +++++++++--------- 1 file changed, 103 insertions(+), 97 deletions(-) diff --git a/src/console/controllers/EntrifyController.php b/src/console/controllers/EntrifyController.php index 195f7e1953f..4ecd923567e 100644 --- a/src/console/controllers/EntrifyController.php +++ b/src/console/controllers/EntrifyController.php @@ -160,72 +160,75 @@ public function actionCategories(string $categoryGroup): int $structuresService = Craft::$app->getStructures(); $entriesByLevel = []; - foreach (Db::each($categoryQuery) as $category) { - /** @var Category $category */ - $this->do("Converting “{$category->title}” ($category->id)", function() use ( - $section, - $entryType, - $author, - $structuresService, - &$entriesByLevel, - $categoryGroup, - $category - ) { - Db::insert(Table::ENTRIES, [ - 'id' => $category->id, - 'sectionId' => $section->id, - 'typeId' => $entryType->id, - 'postDate' => Db::prepareDateForDb($category->dateCreated), - 'dateCreated' => Db::prepareDateForDb($category->dateCreated), - 'dateUpdated' => Db::prepareDateForDb($category->dateUpdated), - ]); - - Db::insert(Table::ENTRIES_AUTHORS, [ - 'elementId' => $category->id, - 'authorId' => $author->id, - 'sortOrder' => 1, - ]); - - Db::update(Table::ELEMENTS, [ - 'type' => Entry::class, - 'dateDeleted' => null, - ], [ - 'id' => $category->id, - ]); - - Db::delete(Table::CATEGORIES, [ - 'id' => $category->id, - ]); - - Db::delete(Table::STRUCTUREELEMENTS, [ - 'structureId' => $categoryGroup->structureId, - 'elementId' => $category->id, - ]); - - if ($section->type === Section::TYPE_STRUCTURE) { - $entry = Entry::find() - ->id($category->id) - ->drafts(null) - ->revisions(null) - ->status(null) - ->one(); - $parentLevel = $category->level - 1; - $parentEntry = null; - while ($parentLevel >= 1) { - if (isset($entriesByLevel[$parentLevel])) { - $parentEntry = $entriesByLevel[$parentLevel]; - break; + foreach (Db::batch($categoryQuery) as $categories) { + $authorData = []; + + foreach ($categories as $category) { + /** @var Category $category */ + $this->do("Converting “{$category->title}” ($category->id)", function() use ( + $section, + $entryType, + $author, + $structuresService, + &$entriesByLevel, + $categoryGroup, + $category, + &$authorData, + ) { + Db::insert(Table::ENTRIES, [ + 'id' => $category->id, + 'sectionId' => $section->id, + 'typeId' => $entryType->id, + 'postDate' => Db::prepareDateForDb($category->dateCreated), + 'dateCreated' => Db::prepareDateForDb($category->dateCreated), + 'dateUpdated' => Db::prepareDateForDb($category->dateUpdated), + ]); + + Db::update(Table::ELEMENTS, [ + 'type' => Entry::class, + 'dateDeleted' => null, + ], [ + 'id' => $category->id, + ]); + + Db::delete(Table::CATEGORIES, [ + 'id' => $category->id, + ]); + + Db::delete(Table::STRUCTUREELEMENTS, [ + 'structureId' => $categoryGroup->structureId, + 'elementId' => $category->id, + ]); + + if ($section->type === Section::TYPE_STRUCTURE) { + $entry = Entry::find() + ->id($category->id) + ->drafts(null) + ->revisions(null) + ->status(null) + ->one(); + $parentLevel = $category->level - 1; + $parentEntry = null; + while ($parentLevel >= 1) { + if (isset($entriesByLevel[$parentLevel])) { + $parentEntry = $entriesByLevel[$parentLevel]; + break; + } + $parentLevel--; } - $parentLevel--; - } - if ($parentEntry) { - $structuresService->append($section->structureId, $entry, $parentEntry, Structures::MODE_INSERT); - } else { - $structuresService->appendToRoot($section->structureId, $entry, Structures::MODE_INSERT); + if ($parentEntry) { + $structuresService->append($section->structureId, $entry, $parentEntry, Structures::MODE_INSERT); + } else { + $structuresService->appendToRoot($section->structureId, $entry, Structures::MODE_INSERT); + } + $entriesByLevel[$entry->level] = $entry; } - $entriesByLevel[$entry->level] = $entry; - } - }); + + $authorData[] = [$category->id, $author->id, 1]; + }); + } + + Db::batchInsert(Table::ENTRIES_AUTHORS, ['entryId', 'authorId', 'sortOrder'], $authorData); } $this->success('Categories converted.'); @@ -356,40 +359,43 @@ public function actionTags(string $tagGroup): int ->andWhere(['tags.deletedWithGroup' => true]); } - foreach (Db::each($tagQuery) as $tag) { - /** @var Tag $tag */ - $this->do("Converting “{$tag->title}” ($tag->id)", function() use ( - $section, - $entryType, - $author, - $tag - ) { - Db::insert(Table::ENTRIES, [ - 'id' => $tag->id, - 'sectionId' => $section->id, - 'typeId' => $entryType->id, - 'postDate' => Db::prepareDateForDb($tag->dateCreated), - 'dateCreated' => Db::prepareDateForDb($tag->dateCreated), - 'dateUpdated' => Db::prepareDateForDb($tag->dateUpdated), - ]); - - Db::insert(Table::ENTRIES_AUTHORS, [ - 'elementId' => $tag->id, - 'authorId' => $author->id, - 'sortOrder' => 1, - ]); - - Db::update(Table::ELEMENTS, [ - 'type' => Entry::class, - 'dateDeleted' => null, - ], [ - 'id' => $tag->id, - ]); + foreach (Db::batch($tagQuery) as $tags) { + $authorData = []; + + foreach ($tags as $tag) { + /** @var Tag $tag */ + $this->do("Converting “{$tag->title}” ($tag->id)", function() use ( + $section, + $entryType, + $author, + $tag, + &$authorData + ) { + Db::insert(Table::ENTRIES, [ + 'id' => $tag->id, + 'sectionId' => $section->id, + 'typeId' => $entryType->id, + 'postDate' => Db::prepareDateForDb($tag->dateCreated), + 'dateCreated' => Db::prepareDateForDb($tag->dateCreated), + 'dateUpdated' => Db::prepareDateForDb($tag->dateUpdated), + ]); + + Db::update(Table::ELEMENTS, [ + 'type' => Entry::class, + 'dateDeleted' => null, + ], [ + 'id' => $tag->id, + ]); + + Db::delete(Table::TAGS, [ + 'id' => $tag->id, + ]); + + $authorData[] = [$tag->id, $author->id, 1]; + }); + } - Db::delete(Table::TAGS, [ - 'id' => $tag->id, - ]); - }); + Db::batchInsert(Table::ENTRIES_AUTHORS, ['entryId', 'authorId', 'sortOrder'], $authorData); } $this->success('Tags converted.'); From 60fb6acb05a399052a67c303050b1f3b22e2147f Mon Sep 17 00:00:00 2001 From: brandonkelly Date: Mon, 1 Jan 2024 10:12:31 -0800 Subject: [PATCH 27/40] Don't drop support for `authorId`/`author` params --- src/controllers/EntriesController.php | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/src/controllers/EntriesController.php b/src/controllers/EntriesController.php index fd1a445fd7a..ab74879066d 100644 --- a/src/controllers/EntriesController.php +++ b/src/controllers/EntriesController.php @@ -95,7 +95,11 @@ public function actionCreate(?string $section = null): ?Response $entry = Craft::createObject(Entry::class); $entry->siteId = $site->id; $entry->sectionId = $section->id; - $entry->setAuthorIds($this->request->getQueryParam('authorIds', $user->id)); + + $authorIds = $this->request->getQueryParam('authorIds') ?? $this->request->getQueryParam('authorId'); + if ($authorIds !== null) { + $entry->setAuthorIds($authorIds); + } // Type if (($typeHandle = $this->request->getParam('type')) !== null) { @@ -466,9 +470,9 @@ private function _populateEntryModel(Entry $entry): void $entry->setFieldValuesFromRequest($fieldsLocation); // Authors - $authorIdsParam = $this->request->getBodyParam('authors'); - if ($authorIdsParam !== null) { - $entry->setAuthorIds($authorIdsParam); + $authorIds = $this->request->getBodyParam('authors') ?? $this->request->getBodyParam('author'); + if ($authorIds !== null) { + $entry->setAuthorIds($authorIds); } elseif (!$entry->id) { $entry->setAuthor(static::currentUser()); } From 5981333719c6a0787cdd8afb3f45cac64e7e6075 Mon Sep 17 00:00:00 2001 From: brandonkelly Date: Mon, 1 Jan 2024 10:17:23 -0800 Subject: [PATCH 28/40] =?UTF-8?q?authorId=20=E2=86=92=20authorIds=20in=20t?= =?UTF-8?q?he=20changedattributes=20table?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/migrations/m221101_115859_create_entries_authors_table.php | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/migrations/m221101_115859_create_entries_authors_table.php b/src/migrations/m221101_115859_create_entries_authors_table.php index 3bfc6e6fbea..522206b02fb 100644 --- a/src/migrations/m221101_115859_create_entries_authors_table.php +++ b/src/migrations/m221101_115859_create_entries_authors_table.php @@ -42,6 +42,9 @@ public function safeUp(): bool $this->dropIndexIfExists(Table::ENTRIES, 'authorId'); $this->dropColumn(Table::ENTRIES, 'authorId'); + // update the changedattributes table + $this->update(Table::CHANGEDATTRIBUTES, ['attribute' => 'authorIds'], ['attribute' => 'authorId'], updateTimestamp: false); + return true; } From 69d51175b2e16b34c8e8ef280ec6b8ee9dad5bce Mon Sep 17 00:00:00 2001 From: brandonkelly Date: Mon, 1 Jan 2024 10:22:58 -0800 Subject: [PATCH 29/40] Missing `@since` --- src/db/Table.php | 1 + 1 file changed, 1 insertion(+) diff --git a/src/db/Table.php b/src/db/Table.php index e5546626e16..021da08f486 100644 --- a/src/db/Table.php +++ b/src/db/Table.php @@ -58,6 +58,7 @@ abstract class Table public const SEQUENCES = '{{%sequences}}'; public const SYSTEMMESSAGES = '{{%systemmessages}}'; public const ENTRIES = '{{%entries}}'; + /** @since 5.0.0 */ public const ENTRIES_AUTHORS = '{{%entries_authors}}'; public const ENTRYTYPES = '{{%entrytypes}}'; public const FIELDLAYOUTS = '{{%fieldlayouts}}'; From da9a95d8c7f76f286b5d3c12db1476b8eca2da05 Mon Sep 17 00:00:00 2001 From: brandonkelly Date: Mon, 1 Jan 2024 10:29:45 -0800 Subject: [PATCH 30/40] Move authorIds rule definitions --- src/elements/Entry.php | 19 +++++++++---------- 1 file changed, 9 insertions(+), 10 deletions(-) diff --git a/src/elements/Entry.php b/src/elements/Entry.php index 6f17f0eceeb..40b49c3c98a 100644 --- a/src/elements/Entry.php +++ b/src/elements/Entry.php @@ -845,6 +845,15 @@ protected function defineRules(): array } }]; $rules[] = [['postDate', 'expiryDate'], DateTimeValidator::class]; + $rules[] = [['postDate', 'expiryDate'], DateTimeValidator::class]; + $rules[] = [ + ['postDate'], + DateCompareValidator::class, + 'operator' => '<', + 'compareAttribute' => 'expiryDate', + 'when' => fn() => $this->postDate && $this->expiryDate, + 'on' => self::SCENARIO_LIVE, + ]; $section = $this->getSection(); if ($section && $section->type !== Section::TYPE_SINGLE) { @@ -859,16 +868,6 @@ protected function defineRules(): array ]; } - $rules[] = [['postDate', 'expiryDate'], DateTimeValidator::class]; - $rules[] = [ - ['postDate'], - DateCompareValidator::class, - 'operator' => '<', - 'compareAttribute' => 'expiryDate', - 'when' => fn() => $this->postDate && $this->expiryDate, - 'on' => self::SCENARIO_LIVE, - ]; - return $rules; } From b2d71b96c16c0ca8f7e6dd1386ec062633dab99c Mon Sep 17 00:00:00 2001 From: brandonkelly Date: Mon, 1 Jan 2024 10:50:19 -0800 Subject: [PATCH 31/40] Update translations --- src/templates/settings/sections/_edit.twig | 2 +- src/translations/en/app.php | 4 +++- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/src/templates/settings/sections/_edit.twig b/src/templates/settings/sections/_edit.twig index fa32a9a765b..c02277fb684 100644 --- a/src/templates/settings/sections/_edit.twig +++ b/src/templates/settings/sections/_edit.twig @@ -221,7 +221,7 @@ {{ forms.textField({ label: "Max Authors"|t('app'), - instructions: "The maximum number of authors this section can have. Default is 1."|t('app'), + instructions: "The maximum number of authors entries in this section can have"|t('app'), id: 'maxAuthors', name: 'maxAuthors', class: 'code', diff --git a/src/translations/en/app.php b/src/translations/en/app.php index 719b05c2b9c..3e2cc79417d 100644 --- a/src/translations/en/app.php +++ b/src/translations/en/app.php @@ -188,6 +188,7 @@ 'Author Group' => 'Author Group', 'Author' => 'Author', 'Authorization Header' => 'Authorization Header', + 'Authors' => 'Authors', 'Auto' => 'Auto', 'Auto-refresh' => 'Auto-refresh', 'Auto-renew for {price} annually, starting on {date}.' => 'Auto-renew for {price} annually, starting on {date}.', @@ -904,7 +905,6 @@ 'Max Time' => 'Max Time', 'Max Value' => 'Max Value', 'Max {type}' => 'Max {type}', - 'Maximum {num, number} {num, plural, =1{author} other{authors}} allowed.' => 'Maximum {num, number} {num, plural, =1{author} other{authors}} allowed.', 'Maximum' => 'Maximum', 'Media' => 'Media', 'Medium' => 'Medium', @@ -1525,6 +1525,7 @@ 'The locale that should be used for date and number formatting.' => 'The locale that should be used for date and number formatting.', 'The location where assets can be selected from.' => 'The location where assets can be selected from.', 'The maximum length (in bytes) the field can hold.' => 'The maximum length (in bytes) the field can hold.', + 'The maximum number of authors entries in this section can have' => 'The maximum number of authors entries in this section can have', 'The maximum number of characters or bytes the field is allowed to have.' => 'The maximum number of characters or bytes the field is allowed to have.', 'The maximum number of levels this category group can have. Leave blank if you don’t care.' => 'The maximum number of levels this category group can have. Leave blank if you don’t care.', 'The maximum number of levels this section can have. Leave blank if you don’t care.' => 'The maximum number of levels this section can have. Leave blank if you don’t care.', @@ -2047,6 +2048,7 @@ '{num, number} {num, plural, =1{year} other{years}} of updates' => '{num, number} {num, plural, =1{year} other{years}} of updates', '{num, number} {num, plural, =1{year} other{years}}' => '{num, number} {num, plural, =1{year} other{years}}', '{num, number} {section} {num, plural, =1{entry} other{entries}}' => '{num, number} {section} {num, plural, =1{entry} other{entries}}', + '{num, plural, =1{Only one author is} other{Up to {num, number} authors are}} allowed.' => '{num, plural, =1{Only one author is} other{Up to {num, number} authors are}} allowed.', '{pct} width' => '{pct} width', '{renewalPrice}/year per site for updates after that.' => '{renewalPrice}/year per site for updates after that.', '{source} is not a structured source. Only structured sources may be used when relating ancestors.' => '{source} is not a structured source. Only structured sources may be used when relating ancestors.', From f428a4f05d75ea9d46f64662fed67657ac607c16 Mon Sep 17 00:00:00 2001 From: brandonkelly Date: Mon, 1 Jan 2024 11:03:01 -0800 Subject: [PATCH 32/40] Be strict like canView() etc --- src/controllers/EntriesController.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/controllers/EntriesController.php b/src/controllers/EntriesController.php index ab74879066d..caa9b1f2705 100644 --- a/src/controllers/EntriesController.php +++ b/src/controllers/EntriesController.php @@ -243,7 +243,7 @@ public function actionSaveEntry(bool $duplicate = false): ?Response if ( $entry->id && !$duplicate && - !in_array($currentUser->id, $entry->getAuthorIds()) && + !in_array($currentUser->id, $entry->getAuthorIds(), true) && $section->type !== Section::TYPE_SINGLE && $entry->enabled ) { From 78dc36c917da19f3485e44e4816cd266c2990889 Mon Sep 17 00:00:00 2001 From: brandonkelly Date: Mon, 1 Jan 2024 11:03:27 -0800 Subject: [PATCH 33/40] Maybe a little safer --- src/elements/User.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/elements/User.php b/src/elements/User.php index 40815bc4332..543697899b1 100644 --- a/src/elements/User.php +++ b/src/elements/User.php @@ -2335,7 +2335,7 @@ public function beforeDelete(): bool foreach (Db::each($entryQuery) as $entry) { /** @var Entry $entry */ // only delete their entry if they're the sole author - if (count($entry->getAuthorIds()) == 1) { + if ($entry->getAuthorIds() === [$this->id]) { $elementsService->deleteElement($entry); } } From b6fd4de42da4c904a3fbf1a9955ada704eae9e8c Mon Sep 17 00:00:00 2001 From: brandonkelly Date: Mon, 1 Jan 2024 11:04:25 -0800 Subject: [PATCH 34/40] No need to prenormalize anymore --- src/elements/db/ElementQuery.php | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/elements/db/ElementQuery.php b/src/elements/db/ElementQuery.php index d36c033bf50..1b49e45def5 100644 --- a/src/elements/db/ElementQuery.php +++ b/src/elements/db/ElementQuery.php @@ -1643,8 +1643,7 @@ public function afterPopulate(array $elements): array ElementHelper::setNextPrevOnElements($elements); // Should we eager-load some elements onto these? - if (isset($this->with)) { - $this->with = $elementsService->createEagerLoadingPlans($this->with); + if ($this->with) { $elementsService->eagerLoadElements($this->elementType, $elements, $this->with); } } From 80d8a7e97fa5851ddd9cde8fdffc88ab75fc6c3c Mon Sep 17 00:00:00 2001 From: brandonkelly Date: Mon, 1 Jan 2024 11:40:13 -0800 Subject: [PATCH 35/40] More cleanup --- src/elements/db/EntryQuery.php | 21 ++++++--------------- src/models/Section.php | 1 + 2 files changed, 7 insertions(+), 15 deletions(-) diff --git a/src/elements/db/EntryQuery.php b/src/elements/db/EntryQuery.php index 79c47394ff1..6d0cd3f41e5 100644 --- a/src/elements/db/EntryQuery.php +++ b/src/elements/db/EntryQuery.php @@ -150,17 +150,11 @@ class EntryQuery extends ElementQuery public mixed $typeId = null; /** - * @var mixed The user ID that the resulting entries’ authors must have. + * @var mixed The user ID(s) that the resulting entries’ authors must have. * @used-by authorId() */ public mixed $authorId = null; - /** - * @var mixed The user IDs that the resulting entries’ authors must have. - * @used-by authorIds() - */ - public mixed $authorIds = []; - /** * @var mixed The user group ID(s) that the resulting entries’ authors must be in. * --- @@ -799,7 +793,7 @@ public function typeId(mixed $value): static } /** - * Narrows the query results based on the entries’ authors. + * Narrows the query results based on the entries’ author ID(s). * * Possible values include: * @@ -833,11 +827,6 @@ public function typeId(mixed $value): static */ public function authorId(mixed $value): static { - // we always need the entry id - // to be able to join with entries_authors table when populating - // in the _processAuthors() method - $this->addSelect('id'); - $this->authorId = $value; return $this; } @@ -1445,8 +1434,10 @@ private function _applyAuthParam( ['entries.sectionId' => $section->id], ]; if ($excludePeerEntries) { - $this->subQuery->innerJoin(['entries_authors' => Table::ENTRIES_AUTHORS], '[[entries_authors.elementId]] = [[entries.id]]'); - $sectionCondition[] = ['entries_authors.authorId' => $user->id]; + $sectionCondition[] = ['exists', (new Query()) + ->from(['entries_authors' => Table::ENTRIES_AUTHORS]) + ->where('[[entries_authors.entryId]] = [[entries.id]]') + ->andWhere(['entries_authors.authorId' => $user->id]), ]; } if ($excludePeerDrafts) { $sectionCondition[] = [ diff --git a/src/models/Section.php b/src/models/Section.php index d78ddda9e28..16f491bb9d3 100644 --- a/src/models/Section.php +++ b/src/models/Section.php @@ -76,6 +76,7 @@ class Section extends Model /** * @var int Max authors + * @since 5.0.0 */ public int $maxAuthors = 1; From b5f0270eaf0cfba47bc1df794fef61a425c1f249 Mon Sep 17 00:00:00 2001 From: brandonkelly Date: Mon, 1 Jan 2024 11:40:26 -0800 Subject: [PATCH 36/40] Release notes --- CHANGELOG-WIP.md | 5 +++++ CHANGELOG.md | 5 +++++ 2 files changed, 10 insertions(+) diff --git a/CHANGELOG-WIP.md b/CHANGELOG-WIP.md index b9c8c9f9373..35933402c2e 100644 --- a/CHANGELOG-WIP.md +++ b/CHANGELOG-WIP.md @@ -9,6 +9,7 @@ - Entry edit pages now include quick links to other sections’ index sources. - Asset edit pages now include quick links to other volumes’ index sources. - Assets’ Alternative Text fields are now translatable. ([#11576](https://github.com/craftcms/cms/issues/11576)) +- Entries can now have multiple authors. ([#12380](https://github.com/craftcms/cms/pull/12380)) - Entry conditions can now have a “Matrix field” rule. ([#13794](https://github.com/craftcms/cms/discussions/13794)) - Selected elements within relational fields now include a context menu with “View in a new tab”, “Edit”, and “Remove” options. - Selected elements within relational fields now include a dedicated drag handle. @@ -43,6 +44,7 @@ - Field layouts can now choose to include previewable fields’ content in element cards. ([#12484](https://github.com/craftcms/cms/discussions/12484), [#6024](https://github.com/craftcms/cms/pull/6024)) - Field layouts can now override custom fields’ handles. - Most custom fields can now be included multiple times within the same field layout. ([#8497](https://github.com/craftcms/cms/discussions/8497)) +- Sections now have a “Max Authors” setting. ([#12380](https://github.com/craftcms/cms/pull/12380)) - Entry types are now managed independently of sections. - Entry types are no longer required to have a Title Format, if the Title field isn’t shown. - Entry types now have a “Show the Slug field” setting. ([#13799](https://github.com/craftcms/cms/discussions/13799)) @@ -69,7 +71,10 @@ - Element queries now have an `inBulkOp` param, which limits the results to elements which were involved in a bulk operation. ([#14032](https://github.com/craftcms/cms/pull/14032)) - Address queries now have `addressLine1`, `addressLine2`, `administrativeArea`, `countryCode`, `dependentLocality`, `firstName`, `fullName`, `lastName`, `locality`, `organizationTaxId`, `organization`, `postalCode`, and `sortingCode` params. - Entry queries now have `field`, `fieldId`, `primaryOwner`, `primaryOwnerId`, `owner`, `ownerId`, `allowOwnerDrafts`, and `allowOwnerRevisions` params. +- Entry queries’ `authorId` params now support passing multiple IDs prefixed with `and`, to fetch entries with multiple listed authors. +- User queries now have an `authorOf` param. - Entries’ GraphQL type names are now formatted as `_Entry`, and are no longer prefixed with their section’s handle. (That goes for Matrix-nested entries as well.) +- Entries now have `author` and `authorIds` GraphQL field. - Matrix fields’ GraphQL mutation types now expect nested entries to be defined by an `entries` field rather than `blocks`. - Added the `|firstWhere` and `|flatten` Twig filters. - Removed the `craft.matrixBlocks()` Twig function. `craft.entries()` should be used instead. diff --git a/CHANGELOG.md b/CHANGELOG.md index b4efdd4122c..06a6bd34aa4 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,7 +2,12 @@ ## Unreleased +- Entries can now have multiple authors. ([#12380](https://github.com/craftcms/cms/pull/12380)) +- Sections now have a “Max Authors” setting. ([#12380](https://github.com/craftcms/cms/pull/12380)) - Entry types now have a “Show the Slug field” setting. ([#13799](https://github.com/craftcms/cms/discussions/13799)) +- Entry queries’ `authorId` params now support passing multiple IDs prefixed with `and`, to fetch entries with multiple listed authors. +- User queries now have an `authorOf` param. +- Entries now have `author` and `authorIds` GraphQL field. - Fixed a bug where section preview targets weren’t being respected in Craft Pro. ([#14050](https://github.com/craftcms/cms/issues/14050)) - Added `craft\events\SetEagerLoadedElementsEvent::$plan`. - Added `craft\services\Entries::getEntryTypeByHandle()`. From 2e5cb4a7b9e1f1244a0a4bf588a9a93e1c470ff0 Mon Sep 17 00:00:00 2001 From: brandonkelly Date: Mon, 1 Jan 2024 20:52:07 -0800 Subject: [PATCH 37/40] Cleanup --- src/templates/settings/sections/_edit.twig | 29 +++++++++++----------- 1 file changed, 14 insertions(+), 15 deletions(-) diff --git a/src/templates/settings/sections/_edit.twig b/src/templates/settings/sections/_edit.twig index c02277fb684..98960872b80 100644 --- a/src/templates/settings/sections/_edit.twig +++ b/src/templates/settings/sections/_edit.twig @@ -219,21 +219,6 @@ errors: siteErrors|unique }) }} - {{ forms.textField({ - label: "Max Authors"|t('app'), - instructions: "The maximum number of authors entries in this section can have"|t('app'), - id: 'maxAuthors', - name: 'maxAuthors', - class: 'code', - autocorrect: false, - autocapitalize: false, - default: 1, - value: section.maxAuthors, - errors: section.getErrors('maxAuthors'), - size: 5, - required: true - }) }} - {% if craft.app.getIsMultiSite() %}
{{ forms.selectField({ @@ -312,6 +297,20 @@ errors: section.getErrors('previewTargets') }) }} {% endif %} + + {{ forms.textField({ + label: 'Max Authors'|t('app'), + instructions: 'The maximum number of authors entries in this section can have'|t('app'), + id: 'maxAuthors', + name: 'maxAuthors', + autocorrect: false, + autocapitalize: false, + default: 1, + value: section.maxAuthors, + errors: section.getErrors('maxAuthors'), + size: 5, + required: true + }) }} {% endblock %} {% if brandNewSection %} From ab35f55d8f766a57cdbd7f34f5de8707fa6131a2 Mon Sep 17 00:00:00 2001 From: brandonkelly Date: Mon, 1 Jan 2024 20:52:49 -0800 Subject: [PATCH 38/40] Fix some tests --- .github/workflows/ci.yml | 2 -- tests/fixtures/data/entries.php | 4 ++-- tests/fixtures/data/entry-types.php | 8 ++++++++ tests/fixtures/data/gql-schemas.php | 2 ++ tests/fixtures/data/section-settings.php | 4 ++-- tests/fixtures/data/sections.php | 3 ++- tests/unit/gql/TypeResolverTest.php | 2 -- 7 files changed, 16 insertions(+), 9 deletions(-) diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 7ff1e31202a..ba5c1644894 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -6,8 +6,6 @@ on: - develop - '5.0' pull_request: - types: - - opened permissions: contents: read concurrency: diff --git a/tests/fixtures/data/entries.php b/tests/fixtures/data/entries.php index 834ffc8c1de..28538487184 100644 --- a/tests/fixtures/data/entries.php +++ b/tests/fixtures/data/entries.php @@ -18,8 +18,8 @@ // Authors [ 'authorIds' => [1, 2, 3], - 'sectionId' => '1006', - 'typeId' => '1006', + 'sectionId' => '1011', + 'typeId' => '1011', 'title' => 'Theories of life multi-author', ], diff --git a/tests/fixtures/data/entry-types.php b/tests/fixtures/data/entry-types.php index 9b0d5ccf390..d09dff039c0 100644 --- a/tests/fixtures/data/entry-types.php +++ b/tests/fixtures/data/entry-types.php @@ -106,4 +106,12 @@ 'fieldLayoutUid' => 'field-layout-1008----------------uid', 'uid' => 'entry-type-1010------------------uid', ], + [ + 'id' => '1011', + 'fieldLayoutId' => null, + 'name' => 'Test 1', + 'handle' => 'test1', + 'titleFormat' => null, + 'uid' => 'entry-type-1011------------------uid', + ], ]; diff --git a/tests/fixtures/data/gql-schemas.php b/tests/fixtures/data/gql-schemas.php index 5ad6aad239f..c13e63e69bf 100644 --- a/tests/fixtures/data/gql-schemas.php +++ b/tests/fixtures/data/gql-schemas.php @@ -23,6 +23,8 @@ 'sections.section-1003---------------------uid:read', 'sections.section-1004---------------------uid:read', 'sections.section-1005---------------------uid:read', + 'sections.section-1011---------------------uid:read', + 'entrytypes.entry-type-1011------------------uid:read', ], 'dateCreated' => '2018-08-08 20:00:00', 'dateUpdated' => '2018-08-08 20:00:00', diff --git a/tests/fixtures/data/section-settings.php b/tests/fixtures/data/section-settings.php index c50affa663f..5ea616215ac 100644 --- a/tests/fixtures/data/section-settings.php +++ b/tests/fixtures/data/section-settings.php @@ -61,8 +61,8 @@ 'enabledByDefault' => true, ], [ - 'id' => '1006', - 'sectionId' => '1006', + 'id' => '1011', + 'sectionId' => '1011', 'siteId' => '1', 'hasUrls' => false, 'uriFormat' => null, diff --git a/tests/fixtures/data/sections.php b/tests/fixtures/data/sections.php index 32070bac353..9e83eb76716 100644 --- a/tests/fixtures/data/sections.php +++ b/tests/fixtures/data/sections.php @@ -79,7 +79,7 @@ 'entryTypes' => ['1006'], ], [ - 'id' => '1006', + 'id' => '1011', 'name' => 'Test Multi Author', 'handle' => 'testMultiAuthor', 'type' => 'channel', @@ -87,5 +87,6 @@ 'propagationMethod' => 'all', 'maxAuthors' => 3, 'uid' => 'section-1006---------------------uid', + 'entryTypes' => ['1011'], ], ]; diff --git a/tests/unit/gql/TypeResolverTest.php b/tests/unit/gql/TypeResolverTest.php index aa40133f6f8..9349ab67236 100644 --- a/tests/unit/gql/TypeResolverTest.php +++ b/tests/unit/gql/TypeResolverTest.php @@ -79,8 +79,6 @@ public function testRunGqlResolveTest(): void // Entries [Entry::class, ['title' => 'Theories of life'], EntryResolver::class], [Entry::class, ['title' => StringHelper::randomString(128)], EntryResolver::class], - [Entry::class, ['title' => 'Theories of life multi-author', 'authorIds' => [1, 2, 3]], EntryResolver::class], - [Entry::class, ['title' => 'Theories of life multi-author', 'authorIds' => [1, 2]], EntryResolver::class, true], // Globals [GlobalSet::class, ['handle' => 'aGlobalSet'], GlobalSetResolver::class, true], From f956d00c77441dd3bd89b22c106ee3cf0e8e86d6 Mon Sep 17 00:00:00 2001 From: brandonkelly Date: Mon, 1 Jan 2024 21:20:10 -0800 Subject: [PATCH 39/40] . --- src/translations/en/app.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/translations/en/app.php b/src/translations/en/app.php index 12c1d3b203b..b5f4c916553 100644 --- a/src/translations/en/app.php +++ b/src/translations/en/app.php @@ -1523,7 +1523,7 @@ 'The locale that should be used for date and number formatting.' => 'The locale that should be used for date and number formatting.', 'The location where assets can be selected from.' => 'The location where assets can be selected from.', 'The maximum length (in bytes) the field can hold.' => 'The maximum length (in bytes) the field can hold.', - 'The maximum number of authors entries in this section can have' => 'The maximum number of authors entries in this section can have', + 'The maximum number of authors entries in this section can have.' => 'The maximum number of authors entries in this section can have.', 'The maximum number of characters or bytes the field is allowed to have.' => 'The maximum number of characters or bytes the field is allowed to have.', 'The maximum number of levels this category group can have. Leave blank if you don’t care.' => 'The maximum number of levels this category group can have. Leave blank if you don’t care.', 'The maximum number of levels this section can have. Leave blank if you don’t care.' => 'The maximum number of levels this section can have. Leave blank if you don’t care.', From e1d7a095cf9e91b77e70f930477a76786f93eacb Mon Sep 17 00:00:00 2001 From: brandonkelly Date: Mon, 1 Jan 2024 21:20:21 -0800 Subject: [PATCH 40/40] Fixed test --- tests/fixtures/data/section-settings.php | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/tests/fixtures/data/section-settings.php b/tests/fixtures/data/section-settings.php index 5ea616215ac..03c384826da 100644 --- a/tests/fixtures/data/section-settings.php +++ b/tests/fixtures/data/section-settings.php @@ -60,6 +60,15 @@ 'template' => 'secondtest', 'enabledByDefault' => true, ], + [ + 'id' => '1006', + 'sectionId' => '1006', + 'siteId' => '1', + 'hasUrls' => false, + 'uriFormat' => null, + 'template' => null, + 'enabledByDefault' => true, + ], [ 'id' => '1011', 'sectionId' => '1011',