@oat-sa/tao-core-ui 3.24.0 → 3.24.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/dist/resourcemgr/assetSearch.js +3 -3
  2. package/dist/resourcemgr/assetSearchContract.js +1 -1
  3. package/dist/resourcemgr/css/resourcemgr.css +96 -3
  4. package/dist/resourcemgr/css/resourcemgr.css.map +1 -1
  5. package/dist/resourcemgr/fileBrowser.js +370 -15
  6. package/dist/resourcemgr/filePreview.js +42 -3
  7. package/dist/resourcemgr/fileSelector.js +15 -0
  8. package/dist/resourcemgr.js +15 -10
  9. package/package.json +1 -1
  10. package/src/resourcemgr/assetSearch.js +3 -3
  11. package/src/resourcemgr/assetSearchContract.js +1 -1
  12. package/src/resourcemgr/css/resourcemgr.css +96 -3
  13. package/src/resourcemgr/css/resourcemgr.css.map +1 -1
  14. package/src/resourcemgr/fileBrowser.js +434 -33
  15. package/src/resourcemgr/filePreview.js +43 -4
  16. package/src/resourcemgr/fileSelector.js +18 -0
  17. package/src/resourcemgr/scss/resourcemgr.scss +103 -5
  18. package/src/resourcemgr/tpl/layout.tpl +30 -18
  19. package/src/resourcemgr.js +9 -4
package/src/resourcemgr/css/resourcemgr.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../scss/resourcemgr.scss","../../../scss/inc/_functions.scss","../../../scss/inc/fonts/_tao-icon-vars.scss","../scss/resourcemgr.scss%23sass","../../../scss/inc/_colors.scss"],"names":[],"mappings":"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","file":"resourcemgr.css","sourcesContent":["@import 'inc/bootstrap';\n\n/* tooltip */\n.resourcemgr {\n // Figma Resource Manager palette (Insert Media modal)\n $rmDark: #222222;\n $rmLight: #ffffff;\n $rmMidGray: #dddfe2;\n // Figma heading fill #F6F7F7; nearest global token $uiReviewPanelBg (#f2f2f2)\n $rmHeaderBg: #f6f7f7;\n $rmActive: #286d9c;\n $rmDarkBar: #333333;\n\n // Local palette aliases ($rm*) — do not shadow global theme token names\n $rmText: $rmDark;\n $rmSurface: $rmLight;\n $rmBorder: $rmMidGray;\n $rmChromeBg: $rmHeaderBg;\n $rmClickableBg: $rmLight;\n $rmInfo: $rmActive;\n $rmClickableHover: $rmActive;\n $rmClickableActive: $rmActive;\n $rmActiveRow: mix($rmLight, $rmActive, 90%);\n $rmSidePanelWidth: 300;\n $rmBrowserWidth: $rmSidePanelWidth;\n $rmPreviewWidth: $rmSidePanelWidth;\n $rmMaxContainerWidth: 1400;\n $rmSideMargin: 40;\n\n $rmHeaderRadius: 4px;\n // Top chrome row (Search | Assets | Preview): pad + small btn (25px) → shared bar height.\n $rmPanelChromePadY: 8px;\n $rmPanelChromePadX: 10px;\n $rmPanelChromeMinHeight: 41px;\n $rmControlRadius: 4px;\n\n width: 90%;\n height: 100%;\n max-width: $rmMaxContainerWidth * 1px;\n color: $rmText;\n background-color: $rmSurface;\n border-color: $rmBorder;\n\n // jQuery UI modal sets inline `top` — !important keeps RM vertically centered in viewport\n #mediaManager &.modal {\n max-height: 700px;\n top: 40px !important;\n bottom: 40px;\n padding: 0;\n border: 1px solid $rmBorder;\n background-color: $rmSurface;\n border-radius: 0;\n }\n\n & > h2 {\n @include font-size(15);\n margin: 20px 40px 10px;\n height: 40px;\n color: $rmText;\n }\n\n // Align global btn-info with Figma active blue inside RM\n .btn-info {\n color: $rmLight;\n background-color: $rmActive;\n border: 1px solid $rmActive;\n text-shadow: none;\n box-shadow: none;\n\n &:hover,\n &:focus,\n &:active {\n color: $rmLight;\n background-color: $rmActive;\n border-color: $rmActive;\n text-shadow: none;\n box-shadow: none;\n opacity: 0.9;\n }\n\n &.btn-secondary,\n &.btn-transparent {\n color: $rmActive;\n background-color: $rmLight;\n border: 1px solid $rmActive;\n text-shadow: none;\n box-shadow: none;\n\n &:hover,\n &:focus,\n &:active {\n color: $rmActive;\n background-color: $rmLight;\n border-color: $rmActive;\n text-shadow: none;\n box-shadow: none;\n opacity: 0.9;\n }\n }\n }\n\n .btn-success {\n text-shadow: none;\n box-shadow: none;\n }\n\n .file-wrapper {\n overflow-y: auto;\n margin: 0 #{$rmSideMargin * 1px};\n // Keep in sync with .asset-search max-height chrome compensation below.\n height: calc(100% - 40px - 40px - 40px); // full height - h2.padding - h2.height - modal.bottom-padding\n display: flex;\n flex-direction: column;\n min-height: 0;\n }\n\n .file-panels {\n @include flex-container;\n\n flex: 1 1 auto;\n min-height: 0;\n height: 100%;\n gap: 0;\n }\n\n .file-browser {\n @include simple-flex-box($rmBrowserWidth * 1px);\n width: $rmBrowserWidth * 1px;\n max-width: $rmBrowserWidth * 1px;\n min-width: 0;\n\n // Keep select2 criteria dropdown usable (appended near control / body)\n overflow: visible;\n }\n\n .file-preview {\n @include simple-flex-box($rmPreviewWidth * 1px);\n width: $rmPreviewWidth * 1px;\n max-width: $rmPreviewWidth * 1px;\n min-width: 0;\n }\n\n .file-selector {\n @include simple-flex-box(auto);\n max-width: calc(100% - #{($rmBrowserWidth + $rmPreviewWidth) *1px} - 20px);\n // margin - border - padding: side separators only (no top border)\n margin: 0 10px;\n border: 0;\n border-left: 1px solid $rmBorder;\n border-right: 1px solid $rmBorder;\n padding: 0 10px;\n box-sizing: border-box;\n }\n\n .file-panels .file-browser,\n .file-panels .file-selector,\n .file-panels .file-preview {\n position: relative;\n vertical-align: top;\n height: 100%;\n min-height: 0;\n color: $rmText;\n border-radius: 0;\n\n h1 {\n @include font-size(16);\n line-height: 1.6;\n\n display: flex;\n align-items: center;\n box-sizing: border-box;\n min-height: $rmPanelChromeMinHeight;\n color: $rmText;\n margin: 0;\n padding: $rmPanelChromePadY $rmPanelChromePadX;\n border-radius: $rmHeaderRadius $rmHeaderRadius 0 0;\n }\n h2 {\n @include font-size(13);\n line-height: 1.3;\n background-color: $rmChromeBg;\n color: $rmText;\n margin: 0;\n padding: 6px;\n position: relative;\n clear: both;\n border-radius: $rmHeaderRadius $rmHeaderRadius 0 0;\n\n &.toggler{\n cursor: pointer;\n &:after{\n position: absolute;\n right: 15px;\n top: 3px;\n }\n }\n }\n }\n\n .file-browser{\n background-color: $rmClickableBg;\n display: flex;\n flex-direction: column;\n min-height: 0;\n\n & > h1.resources-title {\n background-color: $rmChromeBg;\n flex: 0 0 auto;\n border-radius: $rmHeaderRadius $rmHeaderRadius 0 0;\n }\n\n .asset-search {\n // Grow with filters; do not shrink under tree flex pressure until max-height.\n flex: 0 0 auto;\n min-width: 0;\n max-width: 100%;\n // Cap at 70% of the whole modal height (not the left column alone).\n // file-browser height ≈ modal − 120px chrome → 0.7×modal = 70% + 84px of this parent.\n max-height: calc(70% + 84px);\n display: flex;\n flex-direction: column;\n min-height: 0;\n color: $rmText;\n padding: 0;\n margin: 0 0 16px;\n border: 0;\n background-color: $rmChromeBg;\n overflow: hidden;\n position: relative;\n z-index: 2;\n border-radius: $rmHeaderRadius;\n\n &.hidden,\n &[hidden] {\n display: none;\n }\n\n &.is-collapsed {\n max-height: none;\n overflow: visible;\n margin-bottom: 16px;\n\n .asset-search-body {\n display: none;\n }\n\n .asset-search-header {\n border-radius: $rmHeaderRadius;\n outline: none;\n }\n\n .asset-search-toggle:focus:not(:focus-visible) {\n outline: none;\n }\n\n .asset-search-toggle:focus-visible {\n outline: 1px dotted $rmDarkBar;\n }\n }\n }\n\n .asset-search-header {\n flex: 0 0 auto;\n min-width: 0;\n max-width: 100%;\n background-color: $rmChromeBg;\n padding: 0;\n border-radius: $rmHeaderRadius $rmHeaderRadius 0 0;\n overflow: hidden;\n }\n\n .asset-search-toggle {\n display: flex;\n // Search is the lead; scope/count/chevron share its baseline (bottom of glyphs).\n align-items: baseline;\n flex-wrap: nowrap;\n gap: 8px;\n width: 100%;\n margin: 0;\n padding: $rmPanelChromePadY $rmPanelChromePadX;\n border: 0;\n border-radius: 0;\n background: transparent;\n color: $rmText;\n cursor: pointer;\n text-align: left;\n text-shadow: none;\n box-shadow: none;\n min-width: 0;\n min-height: $rmPanelChromeMinHeight;\n box-sizing: border-box;\n font: inherit;\n font-weight: normal;\n line-height: 1.6;\n\n &:hover,\n &:active {\n background: transparent;\n color: $rmText;\n opacity: 1;\n text-shadow: none;\n box-shadow: none;\n }\n\n &:focus {\n outline: 1px dotted $rmDarkBar;\n }\n }\n\n .asset-search-title {\n @include font-size(16);\n\n display: inline-block;\n margin: 0;\n padding: 0;\n background: transparent;\n color: $rmText;\n line-height: 1.6;\n flex: 0 0 auto;\n white-space: nowrap;\n font-weight: normal;\n }\n\n .asset-search-chevron {\n @include font-size(12);\n\n flex: 0 0 auto;\n align-self: baseline;\n margin-left: auto;\n line-height: 1;\n }\n\n .asset-search-applied-count {\n @include font-size(12);\n\n display: inline-block;\n margin: 0;\n color: lighten($rmText, 25%);\n font-weight: normal;\n // Do not grow — keep count + chevron on the same line as Search.\n flex: 0 1 auto;\n min-width: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n line-height: 1.6;\n\n &.hidden,\n &[hidden] {\n display: none;\n }\n }\n\n .asset-search-scope {\n @include font-size(12);\n\n display: inline-flex;\n align-items: baseline;\n gap: 0.25em;\n margin: 0;\n min-width: 0;\n max-width: 100%;\n // Content width when the line fits; shrink (ellipsis on name) when it does not.\n flex: 0 1 auto;\n overflow: hidden;\n color: lighten($rmText, 25%);\n line-height: 1.6;\n font-weight: normal;\n\n &.hidden,\n &[hidden] {\n display: none;\n }\n }\n\n .asset-search-scope-prefix {\n flex: 0 0 auto;\n white-space: nowrap;\n }\n\n .asset-search-scope-name {\n flex: 0 1 auto;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: $rmText;\n font-weight: bold;\n }\n\n .asset-search-scope-subfolders {\n flex: 0 0 auto;\n white-space: nowrap;\n\n &.hidden,\n &[hidden] {\n display: none;\n }\n }\n\n .asset-search-body {\n // Fill capped .asset-search so filters can scroll after max-height is hit.\n flex: 1 1 auto;\n min-height: 0;\n display: flex;\n flex-direction: column;\n padding: 14px 12px 16px;\n overflow: hidden;\n background-color: $rmChromeBg;\n }\n\n .asset-search-field {\n position: relative;\n display: flex;\n align-items: center;\n flex: 0 0 auto;\n padding: 0;\n }\n\n .asset-search-field .icon-find {\n position: absolute;\n left: 10px;\n color: lighten($rmText, 40%);\n pointer-events: none;\n\n @include font-size(14);\n }\n\n .asset-search-input {\n width: 100%;\n height: 32px;\n padding: 6px 10px 6px 30px;\n border: 1px solid $rmBorder;\n border-radius: $rmControlRadius;\n background-color: $rmSurface;\n box-sizing: border-box;\n\n &:focus {\n border-color: $rmInfo;\n outline: none;\n }\n }\n\n .asset-search-label {\n @include visuallyHidden;\n }\n\n .asset-search-filters {\n // Grow with filter chips; scroll only after .asset-search hits its modal-relative max-height.\n flex: 1 1 auto;\n min-height: 48px;\n margin-top: 8px;\n overflow-x: hidden;\n overflow-y: auto;\n position: relative;\n z-index: 3;\n }\n\n .asset-search .advanced-search-container {\n padding: 0;\n }\n\n .asset-search .add-criteria-container {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n position: relative;\n padding: 0;\n margin: 8px 0 0;\n min-height: 24px;\n\n // Must beat this block's `display: flex` (higher specificity than\n // `.advanced-search-container .add-criteria-container.disabled`).\n // Otherwise the global `.disabled, button[disabled]` chrome paints a\n // gray non-working Add filter instead of hiding it.\n &.disabled {\n display: none;\n }\n }\n\n .asset-search .add-criteria-container a.toggle-modal-button {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n margin: 0;\n padding: 0;\n color: $rmInfo;\n text-decoration: none;\n font-weight: normal;\n line-height: 1;\n vertical-align: middle;\n\n @include font-size(13);\n\n &:hover {\n text-decoration: underline;\n }\n }\n\n .asset-search .add-criteria-container .icon-plus,\n .asset-search .add-criteria-container .icon-add {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n flex: 0 0 auto;\n margin: 0;\n\n @include font-size(12);\n\n &:before {\n line-height: 1;\n vertical-align: middle;\n }\n }\n\n .asset-search .applied-filters-summary {\n border: 0;\n border-radius: 0;\n background: transparent;\n height: auto;\n padding: 0;\n margin: 0;\n color: lighten($rmText, 40%);\n cursor: pointer;\n font-weight: normal;\n line-height: 1;\n text-shadow: none;\n box-shadow: none;\n\n @include font-size(12);\n\n &:not(.hidden)::before {\n content: '\\00b7';\n display: inline-block;\n margin: 0 6px;\n color: lighten($rmText, 55%);\n }\n\n &.hidden {\n display: none;\n }\n\n &:hover,\n &:active {\n color: $rmText;\n text-decoration: underline;\n background: transparent;\n text-shadow: none;\n box-shadow: none;\n }\n\n &:focus {\n outline: 1px dotted $rmDarkBar;\n }\n }\n\n .asset-search .criteria-select2 {\n visibility: hidden;\n position: absolute;\n left: 0;\n top: 0;\n width: calc(100% - 8px);\n }\n\n .asset-search .advanced-criteria-container {\n padding-right: 0;\n max-height: none;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n\n .asset-search .filter-container {\n margin-bottom: 0;\n position: relative;\n }\n\n .asset-search .filter-spoiler-wrapper {\n padding: 0;\n border: 0;\n background: transparent;\n }\n\n .asset-search .filter-spoiler {\n border: 1px solid $rmBorder;\n border-radius: $rmControlRadius;\n background: $rmSurface;\n overflow: hidden;\n }\n\n .asset-search .filter-spoiler.is-open .filter-spoiler-body {\n display: block;\n }\n\n .asset-search .filter-spoiler.is-open .filter-spoiler-header {\n border-bottom: 1px solid $rmBorder;\n }\n\n .asset-search .filter-spoiler:not(.is-open) .filter-spoiler-body {\n display: none;\n }\n\n .asset-search .filter-spoiler:not(.is-open) .filter-spoiler-header {\n border-bottom: 0;\n }\n\n .asset-search .filter-spoiler-header {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 10px;\n background-color: $rmSurface;\n outline: none;\n box-shadow: none;\n\n &:hover,\n &:focus,\n &:focus-within {\n background-color: $rmSurface;\n outline: none;\n box-shadow: none;\n }\n }\n\n .asset-search .filter-spoiler-toggle {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n flex: 1 1 auto;\n min-width: 0;\n height: auto;\n padding: 0;\n border: 0;\n border-radius: 0;\n background: transparent;\n color: $rmText;\n font-weight: bold;\n line-height: 1.3;\n text-align: left;\n text-shadow: none;\n box-shadow: none;\n cursor: pointer;\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n outline: 1px dotted $rmDarkBar;\n }\n\n &:hover,\n &:active {\n background: transparent;\n text-shadow: none;\n box-shadow: none;\n }\n }\n\n .asset-search .filter-spoiler-title {\n @include font-size(13);\n\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-shadow: none;\n }\n\n .asset-search .filter-spoiler-icon {\n display: none;\n }\n\n .asset-search .filter-spoiler-delete {\n flex: 0 0 16px;\n width: 16px;\n height: 16px;\n padding: 0;\n border: 0;\n border-radius: 0;\n background: transparent;\n color: lighten($rmText, 40%);\n cursor: pointer;\n line-height: 1;\n text-shadow: none;\n box-shadow: none;\n visibility: hidden;\n\n @include font-size(14);\n\n &:hover,\n &:active {\n color: $rmText;\n background: transparent;\n text-shadow: none;\n box-shadow: none;\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n outline: 1px dotted $rmDarkBar;\n visibility: visible;\n }\n }\n\n .asset-search .filter-spoiler.is-open .filter-spoiler-delete,\n .asset-search .filter-spoiler-header:hover .filter-spoiler-delete {\n visibility: visible;\n }\n\n .asset-search .filter-spoiler-body {\n padding: 10px;\n box-sizing: border-box;\n\n > label,\n > .criterion-container,\n > fieldset {\n display: block;\n width: 100%;\n min-width: 0;\n box-sizing: border-box;\n margin: 0;\n }\n }\n\n .asset-search .filter-spoiler-body > label > .filter-label-text,\n .asset-search .filter-spoiler-body > .criterion-container > .filter-label-text,\n .asset-search .filter-spoiler-body > fieldset > legend {\n @include visuallyHidden;\n }\n\n .asset-search .filter-spoiler-body .criteria-alias,\n .asset-search .filter-spoiler-body .class-path {\n display: none;\n }\n\n // RM metadata search is AND-only; logic radios are backoffice-only noise here.\n // advancedSearch.css loads after resourcemgr.css and sets display:flex on this block.\n .asset-search .logic-radio-group {\n display: none !important;\n }\n\n // select2 sets inline width on init — only !important overrides it\n .asset-search .filter-spoiler-body .select2-container {\n width: 100% !important;\n }\n\n .asset-search .filter-spoiler-body .select2-choices {\n min-height: 30px;\n border-radius: $rmControlRadius;\n }\n\n // Replace select2 PNG sprite close (hover background-position flicker / stray pixels).\n .asset-search .filter-spoiler-body .select2-container-multi .select2-choices .select2-search-choice {\n overflow: hidden;\n padding: 4px 24px 4px 8px;\n line-height: 1.3;\n\n &.select2-search-choice-focus {\n background-color: blacken($uiClickableDefaultBg, 0.1);\n }\n\n .select2-search-choice-close {\n background-image: none !important;\n left: auto;\n right: 4px;\n top: 50%;\n width: 14px;\n height: 14px;\n margin-top: -7px;\n font-size: 0;\n line-height: 1;\n color: lighten($rmText, 40%);\n text-indent: 0;\n\n &:hover,\n &:focus,\n &:active {\n background-image: none !important;\n background-position: 0 0;\n color: $rmText;\n }\n\n &:before {\n @include tao-icon-setup;\n @include icon-close;\n @include font-size(12);\n\n display: block;\n line-height: 14px;\n text-align: center;\n }\n }\n }\n\n .asset-search .filter-spoiler-body input[type='text'],\n .asset-search .filter-spoiler-body textarea {\n display: block;\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n border-radius: $rmControlRadius;\n }\n\n .asset-search-actions {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex: 0 0 auto;\n flex-wrap: nowrap;\n gap: 8px;\n margin-top: 16px;\n }\n\n .asset-search-actions .asset-search-clear {\n margin: 0;\n padding: 0;\n border: 0;\n border-radius: 0;\n background: transparent;\n color: $rmInfo;\n cursor: pointer;\n font-weight: normal;\n line-height: 1.4;\n text-decoration: none;\n text-shadow: none;\n box-shadow: none;\n flex: 0 0 auto;\n\n @include font-size(13);\n\n &.hidden,\n &[hidden] {\n display: none;\n }\n\n &:hover,\n &:focus,\n &:active {\n color: $rmInfo;\n background: transparent;\n text-decoration: underline;\n text-shadow: none;\n box-shadow: none;\n }\n\n &:focus {\n outline: 1px dotted $rmDarkBar;\n }\n }\n\n .asset-search-actions .asset-search-submit {\n margin: 0 0 0 auto;\n min-width: 88px;\n flex: 0 0 auto;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n\n .asset-search-submit-spinner {\n display: none;\n line-height: 1;\n\n @include font-size(14);\n\n &.hidden,\n &[hidden] {\n display: none;\n }\n }\n\n &.is-searching .asset-search-submit-spinner:not(.hidden):not([hidden]) {\n display: inline-block;\n animation: rm-search-button-spin 1.4s linear infinite;\n }\n\n &:disabled,\n &[disabled] {\n color: $rmLight;\n background-color: lighten($rmText, 55%);\n border-color: lighten($rmText, 55%);\n cursor: not-allowed;\n opacity: 1;\n text-shadow: none;\n box-shadow: none;\n\n &:hover,\n &:focus,\n &:active {\n color: $rmLight;\n background-color: lighten($rmText, 55%);\n border-color: lighten($rmText, 55%);\n opacity: 1;\n }\n }\n\n &.is-searching,\n &.is-searching:disabled,\n &.is-searching[disabled] {\n color: $rmLight;\n background-color: $rmActive;\n border-color: $rmActive;\n cursor: wait;\n opacity: 1;\n\n &:hover,\n &:focus,\n &:active {\n color: $rmLight;\n background-color: $rmActive;\n border-color: $rmActive;\n opacity: 1;\n }\n }\n }\n\n @keyframes rm-search-button-spin {\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n }\n\n & .file-browser-wrapper {\n overflow: auto;\n flex: 1 1 auto;\n min-height: 0;\n padding: 8px 4px 12px;\n }\n\n ul {\n list-style-type: none;\n padding-left: 5px;\n ul {\n padding-left: 18px;\n }\n li {\n a {\n color: $rmText;\n white-space: nowrap;\n display: flex;\n align-items: center;\n gap: 4px;\n box-sizing: border-box;\n width: 100%;\n padding: 3px 4px;\n line-height: 1.5;\n text-decoration: none;\n border: 0;\n outline: none;\n box-shadow: none;\n\n &:hover,\n &:focus,\n &:focus-visible,\n &:active {\n text-decoration: none;\n color: $rmText;\n outline: none;\n box-shadow: none;\n }\n\n > .tree-toggle,\n > .tree-folder {\n flex: 0 0 auto;\n line-height: 1;\n\n @include font-size(12);\n }\n\n > .tree-toggle {\n width: 1em;\n color: lighten($rmText, 25%);\n\n &.is-leaf:before,\n &:not(.icon-right):not(.icon-down):before {\n content: none;\n }\n }\n\n > .tree-folder {\n @include font-size(14);\n }\n\n &.opened > .tree-toggle:before {\n @include icon-down;\n }\n\n &.opened > .tree-folder:before {\n @include icon-folder-open;\n }\n }\n\n &.active > a > .tree-folder:before {\n @include icon-folder-open;\n }\n\n &.active > a {\n background-color: $rmActiveRow;\n border: 0;\n outline: none;\n box-shadow: none;\n }\n }\n }\n }\n\n .file-preview{\n background-color: $rmClickableBg;\n & > h1 {\n background-color: $rmChromeBg;\n border-radius: $rmHeaderRadius $rmHeaderRadius 0 0;\n }\n\n .file-properties{\n padding: 12px 14px;\n\n .grid-row {\n margin-bottom: 10px;\n }\n\n .prop-url .actions {\n text-align: left;\n margin: 8px 0 0;\n\n a.download {\n text-decoration: none;\n color: $rmInfo;\n\n .icon-download {\n margin-right: 4px;\n }\n\n &:hover {\n text-decoration: underline;\n color: $rmInfo;\n }\n }\n }\n }\n\n .previewer {\n height: 300px;\n overflow: hidden;\n }\n\n .actions.select-actions {\n text-align: center;\n margin: 12px 0 16px;\n }\n }\n\n .file-selector{\n position: relative;\n display: flex;\n flex-direction: column;\n\n background-color: $rmSurface;\n & > h1 {\n position: relative;\n background-color: $rmChromeBg;\n border-radius: $rmHeaderRadius $rmHeaderRadius 0 0;\n // Flex (shared h1) replaces .lft/.rgt floats so \"Assets\" shares baseline with Search/Preview.\n justify-content: space-between;\n gap: 10px;\n\n .title {\n float: none;\n margin-right: 0;\n }\n\n .upload-switcher {\n float: none;\n flex: 0 0 auto;\n\n a {\n display: inline-block;\n }\n .listing {\n display:none;\n }\n\n a.btn-info {\n color: $rmText;\n background-color: $rmSurface;\n border: 1px solid $rmBorder;\n\n &:hover,\n &:focus,\n &:active {\n color: $rmText;\n background-color: $rmSurface;\n border-color: $rmBorder;\n opacity: 1;\n }\n }\n }\n }\n\n .empty {\n display: none;\n color: lighten($rmText, 25%);\n font-style: italic;\n @include font-size(18);\n\n text-align: center;\n padding: 24px 10px;\n }\n\n .asset-search-error {\n padding: 10px 5px;\n text-align: center;\n @include font-size(14);\n\n &.hidden,\n &[hidden] {\n display: none;\n }\n }\n\n .asset-search-error {\n color: $error;\n }\n\n &.search-mode {\n .upload-switcher {\n display: none;\n }\n }\n\n &.upload-mode {\n .pagination-bottom {\n display: none;\n }\n }\n\n .files-wrapper {\n position: relative;\n flex-grow: 1;\n overflow-y: auto;\n min-height: 0;\n }\n\n table.files {\n width: 100%;\n border-collapse: collapse;\n margin: 0;\n table-layout: fixed;\n\n thead th {\n text-align: left;\n font-weight: bold;\n padding: 12px 12px 10px;\n border-bottom: 1px solid mix($rmLight, $rmMidGray, 40%);\n background-color: transparent;\n color: $rmText;\n white-space: nowrap;\n user-select: none;\n\n &.sortable {\n cursor: pointer;\n\n .sort-label {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n\n // Sort glyph sits beside the label text (not at the column edge).\n &:after {\n content: '';\n flex: 0 0 auto;\n width: 11px;\n height: 12px;\n opacity: 0.55;\n background-color: $rmText;\n -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Cpath fill='black' d='M0 1h12v1.5H0zm0 3.5h9v1.5H0zm0 3.5h6v1.5H0z'/%3E%3Cpath fill='black' d='M9.5 8.5L12 12H7z'/%3E%3C/svg%3E\")\n center / contain no-repeat;\n mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Cpath fill='black' d='M0 1h12v1.5H0zm0 3.5h9v1.5H0zm0 3.5h6v1.5H0z'/%3E%3Cpath fill='black' d='M9.5 8.5L12 12H7z'/%3E%3C/svg%3E\")\n center / contain no-repeat;\n }\n }\n\n &:hover,\n &:focus {\n .sort-label:after {\n background-color: $rmText;\n opacity: 1;\n }\n }\n }\n\n &.sorted.sorted_asc .sort-label:after {\n opacity: 1;\n transform: scaleY(-1);\n }\n\n &.sorted.sorted_desc .sort-label:after {\n opacity: 1;\n transform: none;\n }\n }\n\n tbody tr {\n cursor: pointer;\n\n &.active,\n &:hover {\n background-color: $rmActiveRow;\n }\n\n td {\n padding: 10px 12px;\n border-bottom: 0;\n vertical-align: middle;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 0;\n\n .truncate,\n .desc,\n .meta {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n }\n }\n }\n\n .files-label {\n width: 44%;\n\n // Flex lives on an inner wrapper — display:flex on td + max-width:0 collapses the column.\n .files-label-inner {\n display: flex;\n align-items: center;\n gap: 6px;\n min-width: 0;\n max-width: 100%;\n }\n\n .file-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 18px;\n flex-shrink: 0;\n line-height: 1;\n\n &:before {\n @include tao-icon-setup;\n @include icon-document;\n @include font-size(16);\n }\n }\n\n .desc {\n display: block;\n flex: 1 1 auto;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n }\n\n tr[data-type='image'] .file-icon:before {\n @include icon-image;\n }\n tr[data-type='audio'] .file-icon:before {\n @include icon-media;\n }\n tr[data-type='video'] .file-icon:before {\n @include icon-video;\n }\n\n .files-location {\n width: 30%;\n }\n\n .files-updated {\n // Date + delete slot; keep enough for \"Last modified on\" header, less empty gap.\n width: 26%;\n }\n\n .files-updated-inner {\n display: flex;\n align-items: center;\n gap: 8px;\n min-width: 0;\n max-width: 100%;\n\n .meta.updated {\n flex: 1 1 auto;\n min-width: 0;\n }\n }\n\n .meta {\n @include font-size(12);\n\n color: lighten($rmText, 25%);\n }\n\n .row-actions {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex: 0 0 18px;\n width: 18px;\n opacity: 0;\n pointer-events: none;\n\n // Plain bin icon (same idea as filter-spoiler-delete) — no tlb chrome/border.\n a.delete {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: 0;\n border-radius: 0;\n background: transparent;\n color: lighten($rmText, 40%);\n text-decoration: none;\n text-shadow: none;\n box-shadow: none;\n line-height: 1;\n cursor: pointer;\n\n @include font-size(14);\n\n &:hover,\n &:active {\n color: $rmText;\n background: transparent;\n text-shadow: none;\n box-shadow: none;\n }\n\n &:focus {\n outline: 1px dotted $rmDarkBar;\n color: $rmText;\n }\n }\n }\n\n tbody tr:hover .row-actions,\n tbody tr:focus-within .row-actions {\n opacity: 1;\n pointer-events: auto;\n }\n }\n // Uploader wraps .file-upload-container in form.uploaderContainer (sibling of Assets h1).\n > .uploaderContainer {\n margin-top: 12px;\n }\n\n .file-upload-container {\n display: none;\n padding: 0 5px;\n }\n .pagination-bottom {\n align-self: stretch;\n width: 100%;\n padding: 10px 2px 8px;\n box-sizing: border-box;\n\n .pagination {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n width: 100%;\n margin: 0;\n padding: 0;\n float: none;\n clear: none;\n\n &::before,\n &::after {\n display: none;\n }\n\n > .col-6 {\n float: none;\n width: auto;\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n > .col-6:first-child {\n @include font-size(13);\n\n flex: 0 1 auto;\n color: $rmText;\n font-weight: bold;\n line-height: 1.4;\n white-space: nowrap;\n\n strong,\n .page,\n .total {\n font-weight: bold;\n }\n }\n\n > .col-6.txt-rgt {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n flex: 0 0 auto;\n gap: 16px;\n text-align: right;\n }\n }\n\n // Text-link chrome for Previous/Next (scoped under .file-selector .pagination-bottom)\n .pagination .txt-rgt > button.btn-info,\n .pagination .pages > li > a,\n .pagination .pages > li > button {\n margin: 0;\n min-height: 0;\n padding: 0;\n border: 0;\n border-color: transparent;\n background: transparent;\n background-color: transparent;\n background-image: none;\n color: $rmInfo;\n font-weight: normal;\n line-height: 1.4;\n text-shadow: none;\n box-shadow: none;\n opacity: 1;\n\n @include font-size(13);\n\n .icon-backward,\n .icon-forward {\n display: none;\n }\n\n &:hover,\n &:focus,\n &:active {\n color: $rmInfo;\n text-decoration: underline;\n background: transparent;\n background-color: transparent;\n background-image: none;\n border-color: transparent;\n opacity: 1;\n }\n }\n\n // Simple provider: \"< Previous\" / \"Next >\" text links\n .pagination .txt-rgt > button:first-child::before {\n content: '< ';\n }\n\n .pagination .txt-rgt > button:last-child::after {\n content: ' >';\n }\n\n .pagination .txt-rgt > button.btn-info[disabled],\n .pagination .pages > .disabled > a,\n .pagination .pages > .disabled > span,\n .pagination .pages > .disabled > button {\n color: lighten($rmText, 45%);\n cursor: not-allowed;\n text-decoration: none;\n pointer-events: none;\n\n &:hover,\n &:focus,\n &:active {\n color: lighten($rmText, 45%);\n text-decoration: none;\n background: transparent;\n background-color: transparent;\n }\n\n // _buttons.scss `.disabled, button[disabled]` uses !important — override only there\n &,\n &:hover,\n &:focus,\n &:active {\n background-color: transparent !important;\n border: none !important;\n color: lighten($rmText, 45%) !important;\n cursor: not-allowed !important;\n opacity: 1 !important;\n text-shadow: none !important;\n }\n }\n }\n }\n}\n\n// select2 dropdown/mask are appended to body; item creator modal uses z-index 105002\n.criteria-dropdown-select2 {\n z-index: 105100 !important;\n}\n\n#select2-drop-mask {\n z-index: 105090 !important;\n}\n","@mixin iterate-sprite($iconList, $x, $y, $direction, $prefix: '') {\n @each $icon in $iconList {\n #{$prefix}#{$icon} {\n background-position: $x * 1px $y * 1px;\n }\n @if $direction == 'x' {\n $x: $x - 16;\n } @else {\n $y: $y - 16;\n }\n }\n}\n\n/*\nUsage:\n- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,\n if 3 colors used then the position of each will be 33,33%\n- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,\n first param - color, second - position. Also you can use px or other valid units for set position.\n*/\n@mixin linear-gradient($colorList, $direction: 'to right') {\n $percentage: 0;\n $units: '%';\n $count: length($colorList);\n $increment: calc(100 / ($count - 1));\n $css: #{$direction + ', '};\n $sep: ', ';\n @each $colorItem in $colorList {\n $color: $colorItem;\n @if (length($colorItem) > 1) {\n $color: nth($colorItem, 1);\n $percentage: nth($colorItem, 2);\n $units: '';\n }\n @if ($percentage >= 100 or index($colorList, $colorItem) == $count) {\n $sep: '';\n }\n $css: #{$css + $color + ' ' + $percentage + $units + $sep};\n $percentage: $percentage + $increment;\n }\n background: linear-gradient(#{$css});\n}\n\n@mixin grid-unit($span, $numCols: 12, $gutter: 0) {\n $gridPx: 840;\n $rawSpanPx: calc((($gridPx - ($numCols * $gutter)) / $numCols));\n $spanPx: $rawSpanPx * $span + (($span - 1) * $gutter);\n $spanPercent: widthPerc($spanPx, $gridPx);\n $marginPercent: widthPerc($gutter, $gridPx);\n margin-inline-start: $marginPercent;\n inline-size: $spanPercent;\n}\n\n@mixin vendor-prefix($property, $value, $whatToPrefix: property, $prefixes: (-webkit-, -moz-, -ms-, -o-, '')) {\n @if $whatToPrefix == 'property' {\n @each $prefix in $prefixes {\n #{$prefix + $property}: #{$value};\n }\n } @else if $whatToPrefix == 'value' {\n @each $prefix in $prefixes {\n #{$property}: #{$prefix + $value};\n }\n }\n}\n@mixin flex-container($wrapBehavior: nowrap, $direction: row) {\n @include vendor-prefix(display, flex, value, (-ms-, -webkit-, ''));\n\n @include vendor-prefix(flex-direction, $direction, property, (-ms-, -webkit-, ''));\n @include vendor-prefix(flex-wrap, $wrapBehavior, property, (-ms-, -webkit-, ''));\n\n @include vendor-prefix(justify-content, flex-start, property, (-webkit-, ''));\n\n @include vendor-prefix(align-content, flex-start, property, (-webkit-, ''));\n\n @include vendor-prefix(align-items, stretch, property, (-webkit-, ''));\n}\n\n@mixin simple-flex-box($width: auto, $minWidth: 1) {\n @include vendor-prefix(order, 0, property, (-ms-, -webkit-, ''));\n flex-item-align: stretch;\n -ms-flex-item-align: stretch;\n @include vendor-prefix(align-self, stretch, property, (-webkit-, ''));\n\n // if both, min width and width are set, width will win this conflict\n @if ($width == auto) {\n @if ($minWidth != 1) {\n @include vendor-prefix(flex, 1 1 $minWidth, property, (-ms-, -webkit-, ''));\n } @else {\n @include vendor-prefix(flex, 1 1 auto, property, (-ms-, -webkit-, ''));\n // @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis#Values\n // for a discussion auto vs. main-size\n @include vendor-prefix(flex, 1 1, property, (-ms-, -webkit-, ''));\n }\n } @else {\n @include vendor-prefix(flex, 0 0 $width, property, (-ms-, -webkit-, ''));\n }\n}\n\n@mixin box-shadow($horiz: 1px, $vert: 1px, $blur: 2px, $spread: 0, $color: rgba(0, 0, 0, 0.2)) {\n @include vendor-prefix(box-shadow, $horiz $vert $blur $spread $color, property);\n}\n\n@mixin simple-border($color: #ddd) {\n border: 1px solid $color;\n border-radius: 2px;\n -webkit-border-radius: 2px;\n}\n\n@mixin border-radius($radius: 2) {\n -moz-border-radius: $radius * 1px;\n -webkit-border-radius: $radius * 1px;\n border-radius: $radius * 1px;\n}\n\n@mixin border-radius-top($radius: 2) {\n -webkit-border-top-left-radius: $radius * 1px;\n -webkit-border-top-right-radius: $radius * 1px;\n -moz-border-radius-topleft: $radius * 1px;\n -moz-border-radius-topright: $radius * 1px;\n border-top-left-radius: $radius * 1px;\n border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom($radius: 2) {\n -webkit-border-bottom-right-radius: $radius * 1px;\n -webkit-border-bottom-left-radius: $radius * 1px;\n -moz-border-radius-bottomright: $radius * 1px;\n -moz-border-radius-bottomleft: $radius * 1px;\n border-bottom-right-radius: $radius * 1px;\n border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-left($radius: 2) {\n -webkit-border-top-left-radius: $radius * 1px;\n -webkit-border-bottom-left-radius: $radius * 1px;\n -moz-border-radius-topleft: $radius * 1px;\n -moz-border-radius-bottomleft: $radius * 1px;\n border-top-left-radius: $radius * 1px;\n border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-right($radius: 2) {\n -webkit-border-top-right-radius: $radius * 1px;\n -webkit-border-bottom-right-radius: $radius * 1px;\n -moz-border-radius-topright: $radius * 1px;\n -moz-border-radius-bottomright: $radius * 1px;\n border-top-right-radius: $radius * 1px;\n border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-left($radius: 2) {\n -webkit-border-top-left-radius: $radius * 1px;\n -moz-border-radius-topleft: $radius * 1px;\n border-top-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-right($radius: 2) {\n -webkit-border-top-right-radius: $radius * 1px;\n -moz-border-radius-topright: $radius * 1px;\n border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-right($radius: 2) {\n -webkit-border-bottom-right-radius: $radius * 1px;\n -moz-border-radius-bottomright: $radius * 1px;\n border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-left($radius: 2) {\n -webkit-border-bottom-left-radius: $radius * 1px;\n -moz-border-radius-bottomleft: $radius * 1px;\n border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-box() {\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n@function whiten($color, $white: 0.3) {\n @return mix(#fff, $color, ($white * 100) * 1%);\n}\n\n@function blacken($color, $black: 0.3) {\n @return mix(#000, $color, ($black * 100) * 1%);\n}\n\n@function widthPerc($colWidth, $context) {\n @return calc(($colWidth * 100 / $context) * 1%);\n}\n\n@function remDist($fontSizePx) {\n @return calc(($fontSizePx / 10) * 1rem);\n}\n\n@function black($alpha: 1) {\n @return (rgba(0, 0, 0, $alpha));\n}\n\n@function white($alpha: 1) {\n @return (rgba(255, 255, 255, $alpha));\n}\n\n@mixin font-size($remPx, $important: false) {\n @if $important == true {\n font-size: calc(($remPx) * 1px) !important;\n font-size: calc(($remPx / 10) * 1rem) !important;\n } @else {\n font-size: calc(($remPx) * 1px);\n font-size: calc(($remPx / 10) * 1rem);\n }\n}\n\n@mixin keyframes($name) {\n @-o-keyframes #{$name} {\n @content;\n }\n @-moz-keyframes #{$name} {\n @content;\n }\n @-webkit-keyframes #{$name} {\n @content;\n }\n @keyframes #{$name} {\n @content;\n }\n}\n\n@mixin animation($value, $type: '') {\n $animation: animation;\n @if $type != '' {\n $animation: $animation + '-' + $type;\n }\n @include vendor-prefix($animation, $value, property);\n}\n\n/// CSS transition mixin to the current selection (apply also vendor prefixes).\n/// See <https://developer.mozilla.org/en-US/docs/Web/CSS/transition> for the values\n///\n/// @param {property} [$type = all] the CSS property to apply the transition to\n/// @param {time} [$duration = .5s] the transition property\n/// @param {timing-function} [$effect = ease-out] the transition property\n@mixin transition($type: all, $duration: 0.5s, $effect: ease-out, $delay: 0s) {\n @include vendor-prefix(transition, $type + ', ' + $duration + ', ' + $effect + ', ' + $delay, property);\n}\n\n@mixin fade($duration: 1s) {\n @include keyframes(fade) {\n 0% {\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n }\n\n @include vendor-prefix(animation, fade 1s forwards, property);\n}\n\n@mixin repeat() {\n @include animation(infinite, iteration-count);\n}\n\n@mixin largeHeading() {\n @include font-size(20);\n font-family: $headingFont;\n font-style: normal;\n}\n\n@mixin disableSelect() {\n @include vendor-prefix(user-select, none, property);\n}\n\n/* based on \"visually-hidden\" mixin in LDS for accessibility goals */\n@mixin visuallyHidden() {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(1px, 1px, 1px, 1px);\n margin: 0;\n padding: 0;\n}\n\n/*\n * Every style defined here must be mirrored with `writing-mode-horizontal-tb` mixin.\n Because writing-mode can be defined on 2 levels: a) item, b) text block or interaction;\n so if there's a horizontal block inside vertical item, vertical styles should *not* be used for it.\n */\n@mixin writing-mode-vertical-rl {\n @at-root {\n #{selector-replace(&, $mainContainer, $mainContainer + \" .writing-mode-vertical-rl\")} {\n @content;\n }\n }\n}\n@mixin writing-mode-horizontal-tb {\n & {\n @content;\n }\n @at-root {\n #{selector-replace(&, $mainContainer, $mainContainer + \" .writing-mode-vertical-rl .writing-mode-horizontal-tb\")} {\n @content;\n }\n }\n}\n","/* Do not edit */@mixin tao-icon-setup {\n /* use !important to prevent issues with browser extensions that change fonts */\n font-family: 'tao' !important;\n speak: never;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n\n /* Better Font Rendering =========== */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n@mixin icon-restricted { content: \"\\e92c\"; }\n@mixin icon-blocked { content: \"\\e92d\"; }\n@mixin icon-copy { content: \"\\e92b\"; }\n@mixin icon-align-center { content: \"\\e92a\"; }\n@mixin icon-multiple-magicwand { content: \"\\e929\"; }\n@mixin icon-sd-import { content: \"\\e91f\"; }\n@mixin icon-sd-export { content: \"\\e924\"; }\n@mixin icon-browse { content: \"\\e925\"; }\n@mixin icon-minus { content: \"\\e926\"; }\n@mixin icon-plus { content: \"\\e927\"; }\n@mixin icon-sd-save { content: \"\\e928\"; }\n@mixin icon-back-button { content: \"\\e91e\"; }\n@mixin icon-japan-incorrect { content: \"\\e91b\"; }\n@mixin icon-japan-correct { content: \"\\e91c\"; }\n@mixin icon-japan-partial { content: \"\\e91d\"; }\n@mixin icon-score-partial { content: \"\\e91a\"; }\n@mixin icon-furigana { content: \"\\e919\"; }\n@mixin icon-add-subsection { content: \"\\e918\"; }\n@mixin icon-info-bare { content: \"\\e923\"; }\n@mixin icon-bookmark-outline { content: \"\\e922\"; }\n@mixin icon-bookmark { content: \"\\e921\"; }\n@mixin icon-indicator { content: \"\\e920\"; }\n@mixin icon-wrap-inline { content: \"\\e915\"; }\n@mixin icon-wrap-left { content: \"\\e916\"; }\n@mixin icon-wrap-right { content: \"\\e917\"; }\n@mixin icon-offline { content: \"\\e913\"; }\n@mixin icon-online { content: \"\\e914\"; }\n@mixin icon-tab { content: \"\\e90d\"; }\n@mixin icon-untab { content: \"\\e90e\"; }\n@mixin icon-multi-select { content: \"\\e90b\"; }\n@mixin icon-clipboard { content: \"\\e90a\"; }\n@mixin icon-filebox { content: \"\\e909\"; }\n@mixin icon-click-to-speak { content: \"\\e907\"; }\n@mixin icon-speech-bubble { content: \"\\f0e5\"; }\n@mixin icon-microphone { content: \"\\f130\"; }\n@mixin icon-microphone-off { content: \"\\f131\"; }\n@mixin icon-disconnect { content: \"\\e905\"; }\n@mixin icon-connect { content: \"\\e906\"; }\n@mixin icon-eliminate { content: \"\\e904\"; }\n@mixin icon-wheelchair { content: \"\\e903\"; }\n@mixin icon-text-marker { content: \"\\e902\"; }\n@mixin icon-unshield { content: \"\\e32a\"; }\n@mixin icon-shield { content: \"\\e8e8\"; }\n@mixin icon-tree { content: \"\\e6b4\"; }\n@mixin icon-home { content: \"\\e6b3\"; }\n@mixin icon-shared-file { content: \"\\e6b2\"; }\n@mixin icon-end-attempt { content: \"\\e603\"; }\n@mixin icon-icon { content: \"\\f1c5\"; }\n@mixin icon-radio-bg { content: \"\\e600\"; }\n@mixin icon-checkbox-bg { content: \"\\e601\"; }\n@mixin icon-tag { content: \"\\e602\"; }\n@mixin icon-style { content: \"\\e604\"; }\n@mixin icon-ownership-transfer { content: \"\\e605\"; }\n@mixin icon-property-advanced { content: \"\\e606\"; }\n@mixin icon-property-add { content: \"\\e607\"; }\n@mixin icon-repository-add { content: \"\\e608\"; }\n@mixin icon-repository-remove { content: \"\\e609\"; }\n@mixin icon-repository { content: \"\\e60a\"; }\n@mixin icon-result-server { content: \"\\e60b\"; }\n@mixin icon-folder { content: \"\\e60c\"; }\n@mixin icon-folder-open { content: \"\\e60d\"; }\n@mixin icon-left { content: \"\\e60e\"; }\n@mixin icon-right { content: \"\\e60f\"; }\n@mixin icon-up { content: \"\\e610\"; }\n@mixin icon-down { content: \"\\e611\"; }\n@mixin icon-undo { content: \"\\e612\"; }\n@mixin icon-redo { content: \"\\e613\"; }\n@mixin icon-screen { content: \"\\e614\"; }\n@mixin icon-laptop { content: \"\\e615\"; }\n@mixin icon-tablet { content: \"\\e616\"; }\n@mixin icon-phone { content: \"\\e617\"; }\n@mixin icon-move { content: \"\\e618\"; }\n@mixin icon-bin { content: \"\\e619\"; }\n@mixin icon-shuffle { content: \"\\e61a\"; }\n@mixin icon-print { content: \"\\e61b\"; }\n@mixin icon-tools { content: \"\\e61c\"; }\n@mixin icon-settings { content: \"\\e61d\"; }\n@mixin icon-video { content: \"\\e61e\"; }\n@mixin icon-find { content: \"\\e61f\"; }\n@mixin icon-image { content: \"\\e620\"; }\n@mixin icon-edit { content: \"\\e621\"; }\n@mixin icon-document { content: \"\\e622\"; }\n@mixin icon-resize-grid { content: \"\\e623\"; }\n@mixin icon-resize { content: \"\\e624\"; }\n@mixin icon-help { content: \"\\e625\"; }\n@mixin icon-mobile-menu { content: \"\\e626\"; }\n@mixin icon-fix { content: \"\\e627\"; }\n@mixin icon-unlock { content: \"\\e628\"; }\n@mixin icon-lock { content: \"\\e629\"; }\n@mixin icon-ul { content: \"\\e62a\"; }\n@mixin icon-ol { content: \"\\e62b\"; }\n@mixin icon-email { content: \"\\e62c\"; }\n@mixin icon-download { content: \"\\e62d\"; }\n@mixin icon-logout { content: \"\\e62e\"; }\n@mixin icon-login { content: \"\\e62f\"; }\n@mixin icon-spinner { content: \"\\e630\"; }\n@mixin icon-preview { content: \"\\e631\"; }\n@mixin icon-external { content: \"\\e632\"; }\n@mixin icon-time { content: \"\\e633\"; }\n@mixin icon-save { content: \"\\e634\"; }\n@mixin icon-warning { content: \"\\e635\"; }\n@mixin icon-add { content: \"\\e636\"; }\n@mixin icon-error { content: \"\\e900\"; }\n@mixin icon-close { content: \"\\e637\"; }\n@mixin icon-success { content: \"\\e638\"; }\n@mixin icon-remove { content: \"\\e639\"; }\n@mixin icon-info { content: \"\\e63a\"; }\n@mixin icon-danger { content: \"\\e63b\"; }\n@mixin icon-users { content: \"\\e63c\"; }\n@mixin icon-user { content: \"\\e63d\"; }\n@mixin icon-test-taker { content: \"\\e63e\"; }\n@mixin icon-test-takers { content: \"\\e63f\"; }\n@mixin icon-item { content: \"\\e640\"; }\n@mixin icon-test { content: \"\\e641\"; }\n@mixin icon-delivery { content: \"\\e642\"; }\n@mixin icon-eye-slash { content: \"\\e643\"; }\n@mixin icon-result { content: \"\\e644\"; }\n@mixin icon-delivery-small { content: \"\\e645\"; }\n@mixin icon-upload { content: \"\\e646\"; }\n@mixin icon-result-small { content: \"\\e647\"; }\n@mixin icon-mobile-preview { content: \"\\e648\"; }\n@mixin icon-extension { content: \"\\e649\"; }\n@mixin icon-desktop-preview { content: \"\\e64a\"; }\n@mixin icon-tablet-preview { content: \"\\e64b\"; }\n@mixin icon-insert-horizontal-line { content: \"\\e64c\"; }\n@mixin icon-table { content: \"\\e64d\"; }\n@mixin icon-anchor { content: \"\\e64e\"; }\n@mixin icon-unlink { content: \"\\e64f\"; }\n@mixin icon-link { content: \"\\e650\"; }\n@mixin icon-right-left { content: \"\\e651\"; }\n@mixin icon-left-right { content: \"\\e652\"; }\n@mixin icon-special-character { content: \"\\e653\"; }\n@mixin icon-source { content: \"\\e654\"; }\n@mixin icon-new-page { content: \"\\e655\"; }\n@mixin icon-templates { content: \"\\e656\"; }\n@mixin icon-cut { content: \"\\e657\"; }\n@mixin icon-replace { content: \"\\e658\"; }\n@mixin icon-duplicate { content: \"\\e659\"; }\n@mixin icon-paste { content: \"\\e65a\"; }\n@mixin icon-select-all { content: \"\\e65b\"; }\n@mixin icon-paste-text { content: \"\\e65c\"; }\n@mixin icon-paste-word { content: \"\\e65d\"; }\n@mixin icon-bold { content: \"\\e65e\"; }\n@mixin icon-italic { content: \"\\e65f\"; }\n@mixin icon-underline { content: \"\\e660\"; }\n@mixin icon-subscript { content: \"\\e661\"; }\n@mixin icon-superscript { content: \"\\e662\"; }\n@mixin icon-strike-through { content: \"\\e663\"; }\n@mixin icon-decrease-indent { content: \"\\e664\"; }\n@mixin icon-increase-indent { content: \"\\e665\"; }\n@mixin icon-block-quote { content: \"\\e666\"; }\n@mixin icon-div-container { content: \"\\e667\"; }\n@mixin icon-align-left { content: \"\\e668\"; }\n@mixin icon-center { content: \"\\e669\"; }\n@mixin icon-align-right { content: \"\\e66a\"; }\n@mixin icon-justify { content: \"\\e66b\"; }\n@mixin icon-choice { content: \"\\e66c\"; }\n@mixin icon-inline-choice { content: \"\\e66d\"; }\n@mixin icon-match { content: \"\\e66e\"; }\n@mixin icon-associate { content: \"\\e66f\"; }\n@mixin icon-media { content: \"\\e670\"; }\n@mixin icon-graphic-order { content: \"\\e671\"; }\n@mixin icon-hotspot { content: \"\\e672\"; }\n@mixin icon-graphic-gap { content: \"\\e673\"; }\n@mixin icon-graphic-associate { content: \"\\e674\"; }\n@mixin icon-select-point { content: \"\\e675\"; }\n@mixin icon-pin { content: \"\\e676\"; }\n@mixin icon-import { content: \"\\e677\"; }\n@mixin icon-export { content: \"\\e678\"; }\n@mixin icon-move-item { content: \"\\e679\"; }\n@mixin icon-meta-data { content: \"\\e67a\"; }\n@mixin icon-slider { content: \"\\e67b\"; }\n@mixin icon-summary-report { content: \"\\e67c\"; }\n@mixin icon-text-entry { content: \"\\e67d\"; }\n@mixin icon-extended-text { content: \"\\e67e\"; }\n@mixin icon-eraser { content: \"\\e67f\"; }\n@mixin icon-row { content: \"\\e680\"; }\n@mixin icon-column { content: \"\\e681\"; }\n@mixin icon-text-color { content: \"\\e682\"; }\n@mixin icon-background-color { content: \"\\e683\"; }\n@mixin icon-spell-check { content: \"\\e684\"; }\n@mixin icon-polygon { content: \"\\e685\"; }\n@mixin icon-rectangle { content: \"\\e686\"; }\n@mixin icon-gap-match { content: \"\\e687\"; }\n@mixin icon-order { content: \"\\e688\"; }\n@mixin icon-hottext { content: \"\\e689\"; }\n@mixin icon-free-form { content: \"\\e68a\"; }\n@mixin icon-step-backward { content: \"\\e68b\"; }\n@mixin icon-fast-backward { content: \"\\e68c\"; }\n@mixin icon-backward { content: \"\\e68d\"; }\n@mixin icon-play { content: \"\\e68e\"; }\n@mixin icon-pause { content: \"\\e68f\"; }\n@mixin icon-stop { content: \"\\e690\"; }\n@mixin icon-forward { content: \"\\e691\"; }\n@mixin icon-fast-forward { content: \"\\e692\"; }\n@mixin icon-step-forward { content: \"\\e693\"; }\n@mixin icon-ellipsis { content: \"\\e694\"; }\n@mixin icon-circle { content: \"\\e695\"; }\n@mixin icon-target { content: \"\\e696\"; }\n@mixin icon-guide-arrow { content: \"\\e697\"; }\n@mixin icon-range-slider-right { content: \"\\e698\"; }\n@mixin icon-range-slider-left { content: \"\\e699\"; }\n@mixin icon-radio-checked { content: \"\\e69a\"; }\n@mixin icon-checkbox-indeterminate { content: \"\\e901\"; }\n@mixin icon-checkbox { content: \"\\e69b\"; }\n@mixin icon-checkbox-crossed { content: \"\\e69c\"; }\n@mixin icon-checkbox-checked { content: \"\\e69d\"; }\n@mixin icon-result-nok { content: \"\\e69e\"; }\n@mixin icon-result-ok { content: \"\\e69f\"; }\n@mixin icon-not-evaluated { content: \"\\e6a0\"; }\n@mixin icon-filter { content: \"\\e6a1\"; }\n@mixin icon-translate { content: \"\\e6a2\"; }\n@mixin icon-eject { content: \"\\e6a3\"; }\n@mixin icon-continue { content: \"\\e6a4\"; }\n@mixin icon-radio { content: \"\\e6a5\"; }\n@mixin icon-sphere { content: \"\\e6a6\"; }\n@mixin icon-reset { content: \"\\e6a7\"; }\n@mixin icon-smaller { content: \"\\e6a8\"; }\n@mixin icon-larger { content: \"\\e6a9\"; }\n@mixin icon-clock { content: \"\\e6aa\"; }\n@mixin icon-font { content: \"\\e6ab\"; }\n@mixin icon-maths { content: \"\\e6ac\"; }\n@mixin icon-grip { content: \"\\e6ad\"; }\n@mixin icon-rubric { content: \"\\e6ae\"; }\n@mixin icon-audio { content: \"\\e6af\"; }\n@mixin icon-grip-h { content: \"\\e6b0\"; }\n@mixin icon-magicwand { content: \"\\e6b1\"; }\n@mixin icon-loop { content: \"\\ea2e\"; }\n@mixin icon-calendar { content: \"\\e953\"; }\n@mixin icon-reload { content: \"\\e984\"; }\n@mixin icon-speed { content: \"\\e9a6\"; }\n@mixin icon-volume { content: \"\\ea27\"; }\n@mixin icon-contrast { content: \"\\e9d5\"; }\n@mixin icon-headphones { content: \"\\e910\"; }\n@mixin icon-compress { content: \"\\f066\"; }\n@mixin icon-map-o { content: \"\\f278\"; }\n@mixin icon-variable { content: \"\\e908\"; }\n@mixin icon-tooltip { content: \"\\e90c\"; }\n@mixin icon-globe { content: \"\\e9c9\"; }\n@mixin icon-highlighter { content: \"\\e90f\"; }\n@mixin icon-eliminate-crossed { content: \"\\e911\"; }\n@mixin icon-play-from-here { content: \"\\e912\"; }\n","@import 'inc/bootstrap';\n\n/* tooltip */\n.resourcemgr {\n // Figma Resource Manager palette (Insert Media modal)\n $rmDark: #222222;\n $rmLight: #ffffff;\n $rmMidGray: #dddfe2;\n // Figma heading fill #F6F7F7; nearest global token $uiReviewPanelBg (#f2f2f2)\n $rmHeaderBg: #f6f7f7;\n $rmActive: #286d9c;\n $rmDarkBar: #333333;\n\n // Local palette aliases ($rm*) — do not shadow global theme token names\n $rmText: $rmDark;\n $rmSurface: $rmLight;\n $rmBorder: $rmMidGray;\n $rmChromeBg: $rmHeaderBg;\n $rmClickableBg: $rmLight;\n $rmInfo: $rmActive;\n $rmClickableHover: $rmActive;\n $rmClickableActive: $rmActive;\n $rmActiveRow: mix($rmLight, $rmActive, 90%);\n $rmSidePanelWidth: 300;\n $rmBrowserWidth: $rmSidePanelWidth;\n $rmPreviewWidth: $rmSidePanelWidth;\n $rmMaxContainerWidth: 1400;\n $rmSideMargin: 40;\n\n $rmHeaderRadius: 4px;\n // Top chrome row (Search | Assets | Preview): pad + small btn (25px) → shared bar height.\n $rmPanelChromePadY: 8px;\n $rmPanelChromePadX: 10px;\n $rmPanelChromeMinHeight: 41px;\n $rmControlRadius: 4px;\n\n width: 90%;\n height: 100%;\n max-width: $rmMaxContainerWidth * 1px;\n color: $rmText;\n background-color: $rmSurface;\n border-color: $rmBorder;\n\n // jQuery UI modal sets inline `top` — !important keeps RM vertically centered in viewport\n #mediaManager &.modal {\n max-height: 700px;\n top: 40px !important;\n bottom: 40px;\n padding: 0;\n border: 1px solid $rmBorder;\n background-color: $rmSurface;\n border-radius: 0;\n }\n\n & > h2 {\n @include font-size(15);\n margin: 20px 40px 10px;\n height: 40px;\n color: $rmText;\n }\n\n // Align global btn-info with Figma active blue inside RM\n .btn-info {\n color: $rmLight;\n background-color: $rmActive;\n border: 1px solid $rmActive;\n text-shadow: none;\n box-shadow: none;\n\n &:hover,\n &:focus,\n &:active {\n color: $rmLight;\n background-color: $rmActive;\n border-color: $rmActive;\n text-shadow: none;\n box-shadow: none;\n opacity: 0.9;\n }\n\n &.btn-secondary,\n &.btn-transparent {\n color: $rmActive;\n background-color: $rmLight;\n border: 1px solid $rmActive;\n text-shadow: none;\n box-shadow: none;\n\n &:hover,\n &:focus,\n &:active {\n color: $rmActive;\n background-color: $rmLight;\n border-color: $rmActive;\n text-shadow: none;\n box-shadow: none;\n opacity: 0.9;\n }\n }\n }\n\n .btn-success {\n text-shadow: none;\n box-shadow: none;\n }\n\n .file-wrapper {\n overflow-y: auto;\n margin: 0 #{$rmSideMargin * 1px};\n // Keep in sync with .asset-search max-height chrome compensation below.\n height: calc(100% - 40px - 40px - 40px); // full height - h2.padding - h2.height - modal.bottom-padding\n display: flex;\n flex-direction: column;\n min-height: 0;\n }\n\n .file-panels {\n @include flex-container;\n\n flex: 1 1 auto;\n min-height: 0;\n height: 100%;\n gap: 0;\n }\n\n .file-browser {\n @include simple-flex-box($rmBrowserWidth * 1px);\n width: $rmBrowserWidth * 1px;\n max-width: $rmBrowserWidth * 1px;\n min-width: 0;\n\n // Keep select2 criteria dropdown usable (appended near control / body)\n overflow: visible;\n }\n\n .file-preview {\n @include simple-flex-box($rmPreviewWidth * 1px);\n width: $rmPreviewWidth * 1px;\n max-width: $rmPreviewWidth * 1px;\n min-width: 0;\n }\n\n .file-selector {\n @include simple-flex-box(auto);\n max-width: calc(100% - #{($rmBrowserWidth + $rmPreviewWidth) *1px} - 20px);\n // margin - border - padding: side separators only (no top border)\n margin: 0 10px;\n border: 0;\n border-left: 1px solid $rmBorder;\n border-right: 1px solid $rmBorder;\n padding: 0 10px;\n box-sizing: border-box;\n }\n\n .file-panels .file-browser,\n .file-panels .file-selector,\n .file-panels .file-preview {\n position: relative;\n vertical-align: top;\n height: 100%;\n min-height: 0;\n color: $rmText;\n border-radius: 0;\n\n h1 {\n @include font-size(16);\n line-height: 1.6;\n\n display: flex;\n align-items: center;\n box-sizing: border-box;\n min-height: $rmPanelChromeMinHeight;\n color: $rmText;\n margin: 0;\n padding: $rmPanelChromePadY $rmPanelChromePadX;\n border-radius: $rmHeaderRadius $rmHeaderRadius 0 0;\n }\n h2 {\n @include font-size(13);\n line-height: 1.3;\n background-color: $rmChromeBg;\n color: $rmText;\n margin: 0;\n padding: 6px;\n position: relative;\n clear: both;\n border-radius: $rmHeaderRadius $rmHeaderRadius 0 0;\n\n &.toggler{\n cursor: pointer;\n &:after{\n position: absolute;\n right: 15px;\n top: 3px;\n }\n }\n }\n }\n\n .file-browser{\n background-color: $rmClickableBg;\n display: flex;\n flex-direction: column;\n min-height: 0;\n\n & > h1.resources-title {\n background-color: $rmChromeBg;\n flex: 0 0 auto;\n border-radius: $rmHeaderRadius $rmHeaderRadius 0 0;\n }\n\n .asset-search {\n // Grow with filters; do not shrink under tree flex pressure until max-height.\n flex: 0 0 auto;\n min-width: 0;\n max-width: 100%;\n // Cap at 70% of the whole modal height (not the left column alone).\n // file-browser height ≈ modal − 120px chrome → 0.7×modal = 70% + 84px of this parent.\n max-height: calc(70% + 84px);\n display: flex;\n flex-direction: column;\n min-height: 0;\n color: $rmText;\n padding: 0;\n margin: 0 0 16px;\n border: 0;\n background-color: $rmChromeBg;\n overflow: hidden;\n position: relative;\n z-index: 2;\n border-radius: $rmHeaderRadius;\n\n &.hidden,\n &[hidden] {\n display: none;\n }\n\n &.is-collapsed {\n max-height: none;\n overflow: visible;\n margin-bottom: 16px;\n\n .asset-search-body {\n display: none;\n }\n\n .asset-search-header {\n border-radius: $rmHeaderRadius;\n outline: none;\n }\n\n .asset-search-toggle:focus:not(:focus-visible) {\n outline: none;\n }\n\n .asset-search-toggle:focus-visible {\n outline: 1px dotted $rmDarkBar;\n }\n }\n }\n\n .asset-search-header {\n flex: 0 0 auto;\n min-width: 0;\n max-width: 100%;\n background-color: $rmChromeBg;\n padding: 0;\n border-radius: $rmHeaderRadius $rmHeaderRadius 0 0;\n overflow: hidden;\n }\n\n .asset-search-toggle {\n display: flex;\n // Search is the lead; scope/count/chevron share its baseline (bottom of glyphs).\n align-items: baseline;\n flex-wrap: nowrap;\n gap: 8px;\n width: 100%;\n margin: 0;\n padding: $rmPanelChromePadY $rmPanelChromePadX;\n border: 0;\n border-radius: 0;\n background: transparent;\n color: $rmText;\n cursor: pointer;\n text-align: left;\n text-shadow: none;\n box-shadow: none;\n min-width: 0;\n min-height: $rmPanelChromeMinHeight;\n box-sizing: border-box;\n font: inherit;\n font-weight: normal;\n line-height: 1.6;\n\n &:hover,\n &:active {\n background: transparent;\n color: $rmText;\n opacity: 1;\n text-shadow: none;\n box-shadow: none;\n }\n\n &:focus {\n outline: 1px dotted $rmDarkBar;\n }\n }\n\n .asset-search-title {\n @include font-size(16);\n\n display: inline-block;\n margin: 0;\n padding: 0;\n background: transparent;\n color: $rmText;\n line-height: 1.6;\n flex: 0 0 auto;\n white-space: nowrap;\n font-weight: normal;\n }\n\n .asset-search-chevron {\n @include font-size(12);\n\n flex: 0 0 auto;\n align-self: baseline;\n margin-left: auto;\n line-height: 1;\n }\n\n .asset-search-applied-count {\n @include font-size(12);\n\n display: inline-block;\n margin: 0;\n color: lighten($rmText, 25%);\n font-weight: normal;\n // Do not grow — keep count + chevron on the same line as Search.\n flex: 0 1 auto;\n min-width: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n line-height: 1.6;\n\n &.hidden,\n &[hidden] {\n display: none;\n }\n }\n\n .asset-search-scope {\n @include font-size(12);\n\n display: inline-flex;\n align-items: baseline;\n gap: 0.25em;\n margin: 0;\n min-width: 0;\n max-width: 100%;\n // Content width when the line fits; shrink (ellipsis on name) when it does not.\n flex: 0 1 auto;\n overflow: hidden;\n color: lighten($rmText, 25%);\n line-height: 1.6;\n font-weight: normal;\n\n &.hidden,\n &[hidden] {\n display: none;\n }\n }\n\n .asset-search-scope-prefix {\n flex: 0 0 auto;\n white-space: nowrap;\n }\n\n .asset-search-scope-name {\n flex: 0 1 auto;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: $rmText;\n font-weight: bold;\n }\n\n .asset-search-scope-subfolders {\n flex: 0 0 auto;\n white-space: nowrap;\n\n &.hidden,\n &[hidden] {\n display: none;\n }\n }\n\n .asset-search-body {\n // Fill capped .asset-search so filters can scroll after max-height is hit.\n flex: 1 1 auto;\n min-height: 0;\n display: flex;\n flex-direction: column;\n padding: 14px 12px 16px;\n overflow: hidden;\n background-color: $rmChromeBg;\n }\n\n .asset-search-field {\n position: relative;\n display: flex;\n align-items: center;\n flex: 0 0 auto;\n padding: 0;\n }\n\n .asset-search-field .icon-find {\n position: absolute;\n left: 10px;\n color: lighten($rmText, 40%);\n pointer-events: none;\n\n @include font-size(14);\n }\n\n .asset-search-input {\n width: 100%;\n height: 32px;\n padding: 6px 10px 6px 30px;\n border: 1px solid $rmBorder;\n border-radius: $rmControlRadius;\n background-color: $rmSurface;\n box-sizing: border-box;\n\n &:focus {\n border-color: $rmInfo;\n outline: none;\n }\n }\n\n .asset-search-label {\n @include visuallyHidden;\n }\n\n .asset-search-filters {\n // Grow with filter chips; scroll only after .asset-search hits its modal-relative max-height.\n flex: 1 1 auto;\n min-height: 48px;\n margin-top: 8px;\n overflow-x: hidden;\n overflow-y: auto;\n position: relative;\n z-index: 3;\n }\n\n .asset-search .advanced-search-container {\n padding: 0;\n }\n\n .asset-search .add-criteria-container {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n position: relative;\n padding: 0;\n margin: 8px 0 0;\n min-height: 24px;\n\n // Must beat this block's `display: flex` (higher specificity than\n // `.advanced-search-container .add-criteria-container.disabled`).\n // Otherwise the global `.disabled, button[disabled]` chrome paints a\n // gray non-working Add filter instead of hiding it.\n &.disabled {\n display: none;\n }\n }\n\n .asset-search .add-criteria-container a.toggle-modal-button {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n margin: 0;\n padding: 0;\n color: $rmInfo;\n text-decoration: none;\n font-weight: normal;\n line-height: 1;\n vertical-align: middle;\n\n @include font-size(13);\n\n &:hover {\n text-decoration: underline;\n }\n }\n\n .asset-search .add-criteria-container .icon-plus,\n .asset-search .add-criteria-container .icon-add {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n flex: 0 0 auto;\n margin: 0;\n\n @include font-size(12);\n\n &:before {\n line-height: 1;\n vertical-align: middle;\n }\n }\n\n .asset-search .applied-filters-summary {\n border: 0;\n border-radius: 0;\n background: transparent;\n height: auto;\n padding: 0;\n margin: 0;\n color: lighten($rmText, 40%);\n cursor: pointer;\n font-weight: normal;\n line-height: 1;\n text-shadow: none;\n box-shadow: none;\n\n @include font-size(12);\n\n &:not(.hidden)::before {\n content: '\\00b7';\n display: inline-block;\n margin: 0 6px;\n color: lighten($rmText, 55%);\n }\n\n &.hidden {\n display: none;\n }\n\n &:hover,\n &:active {\n color: $rmText;\n text-decoration: underline;\n background: transparent;\n text-shadow: none;\n box-shadow: none;\n }\n\n &:focus {\n outline: 1px dotted $rmDarkBar;\n }\n }\n\n .asset-search .criteria-select2 {\n visibility: hidden;\n position: absolute;\n left: 0;\n top: 0;\n width: calc(100% - 8px);\n }\n\n .asset-search .advanced-criteria-container {\n padding-right: 0;\n max-height: none;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n\n .asset-search .filter-container {\n margin-bottom: 0;\n position: relative;\n }\n\n .asset-search .filter-spoiler-wrapper {\n padding: 0;\n border: 0;\n background: transparent;\n }\n\n .asset-search .filter-spoiler {\n border: 1px solid $rmBorder;\n border-radius: $rmControlRadius;\n background: $rmSurface;\n overflow: hidden;\n }\n\n .asset-search .filter-spoiler.is-open .filter-spoiler-body {\n display: block;\n }\n\n .asset-search .filter-spoiler.is-open .filter-spoiler-header {\n border-bottom: 1px solid $rmBorder;\n }\n\n .asset-search .filter-spoiler:not(.is-open) .filter-spoiler-body {\n display: none;\n }\n\n .asset-search .filter-spoiler:not(.is-open) .filter-spoiler-header {\n border-bottom: 0;\n }\n\n .asset-search .filter-spoiler-header {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 10px;\n background-color: $rmSurface;\n outline: none;\n box-shadow: none;\n\n &:hover,\n &:focus,\n &:focus-within {\n background-color: $rmSurface;\n outline: none;\n box-shadow: none;\n }\n }\n\n .asset-search .filter-spoiler-toggle {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n flex: 1 1 auto;\n min-width: 0;\n height: auto;\n padding: 0;\n border: 0;\n border-radius: 0;\n background: transparent;\n color: $rmText;\n font-weight: bold;\n line-height: 1.3;\n text-align: left;\n text-shadow: none;\n box-shadow: none;\n cursor: pointer;\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n outline: 1px dotted $rmDarkBar;\n }\n\n &:hover,\n &:active {\n background: transparent;\n text-shadow: none;\n box-shadow: none;\n }\n }\n\n .asset-search .filter-spoiler-title {\n @include font-size(13);\n\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-shadow: none;\n }\n\n .asset-search .filter-spoiler-icon {\n display: none;\n }\n\n .asset-search .filter-spoiler-delete {\n flex: 0 0 16px;\n width: 16px;\n height: 16px;\n padding: 0;\n border: 0;\n border-radius: 0;\n background: transparent;\n color: lighten($rmText, 40%);\n cursor: pointer;\n line-height: 1;\n text-shadow: none;\n box-shadow: none;\n visibility: hidden;\n\n @include font-size(14);\n\n &:hover,\n &:active {\n color: $rmText;\n background: transparent;\n text-shadow: none;\n box-shadow: none;\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n outline: 1px dotted $rmDarkBar;\n visibility: visible;\n }\n }\n\n .asset-search .filter-spoiler.is-open .filter-spoiler-delete,\n .asset-search .filter-spoiler-header:hover .filter-spoiler-delete {\n visibility: visible;\n }\n\n .asset-search .filter-spoiler-body {\n padding: 10px;\n box-sizing: border-box;\n\n > label,\n > .criterion-container,\n > fieldset {\n display: block;\n width: 100%;\n min-width: 0;\n box-sizing: border-box;\n margin: 0;\n }\n }\n\n .asset-search .filter-spoiler-body > label > .filter-label-text,\n .asset-search .filter-spoiler-body > .criterion-container > .filter-label-text,\n .asset-search .filter-spoiler-body > fieldset > legend {\n @include visuallyHidden;\n }\n\n .asset-search .filter-spoiler-body .criteria-alias,\n .asset-search .filter-spoiler-body .class-path {\n display: none;\n }\n\n // RM metadata search is AND-only; logic radios are backoffice-only noise here.\n // advancedSearch.css loads after resourcemgr.css and sets display:flex on this block.\n .asset-search .logic-radio-group {\n display: none !important;\n }\n\n // select2 sets inline width on init — only !important overrides it\n .asset-search .filter-spoiler-body .select2-container {\n width: 100% !important;\n }\n\n .asset-search .filter-spoiler-body .select2-choices {\n min-height: 30px;\n border-radius: $rmControlRadius;\n }\n\n // Replace select2 PNG sprite close (hover background-position flicker / stray pixels).\n .asset-search .filter-spoiler-body .select2-container-multi .select2-choices .select2-search-choice {\n overflow: hidden;\n padding: 4px 24px 4px 8px;\n line-height: 1.3;\n\n &.select2-search-choice-focus {\n background-color: blacken($uiClickableDefaultBg, 0.1);\n }\n\n .select2-search-choice-close {\n background-image: none !important;\n left: auto;\n right: 4px;\n top: 50%;\n width: 14px;\n height: 14px;\n margin-top: -7px;\n font-size: 0;\n line-height: 1;\n color: lighten($rmText, 40%);\n text-indent: 0;\n\n &:hover,\n &:focus,\n &:active {\n background-image: none !important;\n background-position: 0 0;\n color: $rmText;\n }\n\n &:before {\n @include tao-icon-setup;\n @include icon-close;\n @include font-size(12);\n\n display: block;\n line-height: 14px;\n text-align: center;\n }\n }\n }\n\n .asset-search .filter-spoiler-body input[type='text'],\n .asset-search .filter-spoiler-body textarea {\n display: block;\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n border-radius: $rmControlRadius;\n }\n\n .asset-search-actions {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex: 0 0 auto;\n flex-wrap: nowrap;\n gap: 8px;\n margin-top: 16px;\n }\n\n .asset-search-actions .asset-search-clear {\n margin: 0;\n padding: 0;\n border: 0;\n border-radius: 0;\n background: transparent;\n color: $rmInfo;\n cursor: pointer;\n font-weight: normal;\n line-height: 1.4;\n text-decoration: none;\n text-shadow: none;\n box-shadow: none;\n flex: 0 0 auto;\n\n @include font-size(13);\n\n &.hidden,\n &[hidden] {\n display: none;\n }\n\n &:hover,\n &:focus,\n &:active {\n color: $rmInfo;\n background: transparent;\n text-decoration: underline;\n text-shadow: none;\n box-shadow: none;\n }\n\n &:focus {\n outline: 1px dotted $rmDarkBar;\n }\n }\n\n .asset-search-actions .asset-search-submit {\n margin: 0 0 0 auto;\n min-width: 88px;\n flex: 0 0 auto;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n\n .asset-search-submit-spinner {\n display: none;\n line-height: 1;\n\n @include font-size(14);\n\n &.hidden,\n &[hidden] {\n display: none;\n }\n }\n\n &.is-searching .asset-search-submit-spinner:not(.hidden):not([hidden]) {\n display: inline-block;\n animation: rm-search-button-spin 1.4s linear infinite;\n }\n\n &:disabled,\n &[disabled] {\n color: $rmLight;\n background-color: lighten($rmText, 55%);\n border-color: lighten($rmText, 55%);\n cursor: not-allowed;\n opacity: 1;\n text-shadow: none;\n box-shadow: none;\n\n &:hover,\n &:focus,\n &:active {\n color: $rmLight;\n background-color: lighten($rmText, 55%);\n border-color: lighten($rmText, 55%);\n opacity: 1;\n }\n }\n\n &.is-searching,\n &.is-searching:disabled,\n &.is-searching[disabled] {\n color: $rmLight;\n background-color: $rmActive;\n border-color: $rmActive;\n cursor: wait;\n opacity: 1;\n\n &:hover,\n &:focus,\n &:active {\n color: $rmLight;\n background-color: $rmActive;\n border-color: $rmActive;\n opacity: 1;\n }\n }\n }\n\n @keyframes rm-search-button-spin {\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n }\n\n & .file-browser-wrapper {\n overflow: auto;\n flex: 1 1 auto;\n min-height: 0;\n padding: 8px 4px 12px;\n }\n\n ul {\n list-style-type: none;\n padding-left: 5px;\n ul {\n padding-left: 18px;\n }\n li {\n a {\n color: $rmText;\n white-space: nowrap;\n display: flex;\n align-items: center;\n gap: 4px;\n box-sizing: border-box;\n width: 100%;\n padding: 3px 4px;\n line-height: 1.5;\n text-decoration: none;\n border: 0;\n outline: none;\n box-shadow: none;\n\n &:hover,\n &:focus,\n &:focus-visible,\n &:active {\n text-decoration: none;\n color: $rmText;\n outline: none;\n box-shadow: none;\n }\n\n > .tree-toggle,\n > .tree-folder {\n flex: 0 0 auto;\n line-height: 1;\n\n @include font-size(12);\n }\n\n > .tree-toggle {\n width: 1em;\n color: lighten($rmText, 25%);\n\n &.is-leaf:before,\n &:not(.icon-right):not(.icon-down):before {\n content: none;\n }\n }\n\n > .tree-folder {\n @include font-size(14);\n }\n\n &.opened > .tree-toggle:before {\n @include icon-down;\n }\n\n &.opened > .tree-folder:before {\n @include icon-folder-open;\n }\n }\n\n &.active > a > .tree-folder:before {\n @include icon-folder-open;\n }\n\n &.active > a {\n background-color: $rmActiveRow;\n border: 0;\n outline: none;\n box-shadow: none;\n }\n }\n }\n }\n\n .file-preview{\n background-color: $rmClickableBg;\n & > h1 {\n background-color: $rmChromeBg;\n border-radius: $rmHeaderRadius $rmHeaderRadius 0 0;\n }\n\n .file-properties{\n padding: 12px 14px;\n\n .grid-row {\n margin-bottom: 10px;\n }\n\n .prop-url .actions {\n text-align: left;\n margin: 8px 0 0;\n\n a.download {\n text-decoration: none;\n color: $rmInfo;\n\n .icon-download {\n margin-right: 4px;\n }\n\n &:hover {\n text-decoration: underline;\n color: $rmInfo;\n }\n }\n }\n }\n\n .previewer {\n height: 300px;\n overflow: hidden;\n }\n\n .actions.select-actions {\n text-align: center;\n margin: 12px 0 16px;\n }\n }\n\n .file-selector{\n position: relative;\n display: flex;\n flex-direction: column;\n\n background-color: $rmSurface;\n & > h1 {\n position: relative;\n background-color: $rmChromeBg;\n border-radius: $rmHeaderRadius $rmHeaderRadius 0 0;\n // Flex (shared h1) replaces .lft/.rgt floats so \"Assets\" shares baseline with Search/Preview.\n justify-content: space-between;\n gap: 10px;\n\n .title {\n float: none;\n margin-right: 0;\n }\n\n .upload-switcher {\n float: none;\n flex: 0 0 auto;\n\n a {\n display: inline-block;\n }\n .listing {\n display:none;\n }\n\n a.btn-info {\n color: $rmText;\n background-color: $rmSurface;\n border: 1px solid $rmBorder;\n\n &:hover,\n &:focus,\n &:active {\n color: $rmText;\n background-color: $rmSurface;\n border-color: $rmBorder;\n opacity: 1;\n }\n }\n }\n }\n\n .empty {\n display: none;\n color: lighten($rmText, 25%);\n font-style: italic;\n @include font-size(18);\n\n text-align: center;\n padding: 24px 10px;\n }\n\n .asset-search-error {\n padding: 10px 5px;\n text-align: center;\n @include font-size(14);\n\n &.hidden,\n &[hidden] {\n display: none;\n }\n }\n\n .asset-search-error {\n color: $error;\n }\n\n &.search-mode {\n .upload-switcher {\n display: none;\n }\n }\n\n &.upload-mode {\n .pagination-bottom {\n display: none;\n }\n }\n\n .files-wrapper {\n position: relative;\n flex-grow: 1;\n overflow-y: auto;\n min-height: 0;\n }\n\n table.files {\n width: 100%;\n border-collapse: collapse;\n margin: 0;\n table-layout: fixed;\n\n thead th {\n text-align: left;\n font-weight: bold;\n padding: 12px 12px 10px;\n border-bottom: 1px solid mix($rmLight, $rmMidGray, 40%);\n background-color: transparent;\n color: $rmText;\n white-space: nowrap;\n user-select: none;\n\n &.sortable {\n cursor: pointer;\n\n .sort-label {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n\n // Sort glyph sits beside the label text (not at the column edge).\n &:after {\n content: '';\n flex: 0 0 auto;\n width: 11px;\n height: 12px;\n opacity: 0.55;\n background-color: $rmText;\n -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Cpath fill='black' d='M0 1h12v1.5H0zm0 3.5h9v1.5H0zm0 3.5h6v1.5H0z'/%3E%3Cpath fill='black' d='M9.5 8.5L12 12H7z'/%3E%3C/svg%3E\")\n center / contain no-repeat;\n mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Cpath fill='black' d='M0 1h12v1.5H0zm0 3.5h9v1.5H0zm0 3.5h6v1.5H0z'/%3E%3Cpath fill='black' d='M9.5 8.5L12 12H7z'/%3E%3C/svg%3E\")\n center / contain no-repeat;\n }\n }\n\n &:hover,\n &:focus {\n .sort-label:after {\n background-color: $rmText;\n opacity: 1;\n }\n }\n }\n\n &.sorted.sorted_asc .sort-label:after {\n opacity: 1;\n transform: scaleY(-1);\n }\n\n &.sorted.sorted_desc .sort-label:after {\n opacity: 1;\n transform: none;\n }\n }\n\n tbody tr {\n cursor: pointer;\n\n &.active,\n &:hover {\n background-color: $rmActiveRow;\n }\n\n td {\n padding: 10px 12px;\n border-bottom: 0;\n vertical-align: middle;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 0;\n\n .truncate,\n .desc,\n .meta {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n }\n }\n }\n\n .files-label {\n width: 44%;\n\n // Flex lives on an inner wrapper — display:flex on td + max-width:0 collapses the column.\n .files-label-inner {\n display: flex;\n align-items: center;\n gap: 6px;\n min-width: 0;\n max-width: 100%;\n }\n\n .file-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 18px;\n flex-shrink: 0;\n line-height: 1;\n\n &:before {\n @include tao-icon-setup;\n @include icon-document;\n @include font-size(16);\n }\n }\n\n .desc {\n display: block;\n flex: 1 1 auto;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n }\n\n tr[data-type='image'] .file-icon:before {\n @include icon-image;\n }\n tr[data-type='audio'] .file-icon:before {\n @include icon-media;\n }\n tr[data-type='video'] .file-icon:before {\n @include icon-video;\n }\n\n .files-location {\n width: 30%;\n }\n\n .files-updated {\n // Date + delete slot; keep enough for \"Last modified on\" header, less empty gap.\n width: 26%;\n }\n\n .files-updated-inner {\n display: flex;\n align-items: center;\n gap: 8px;\n min-width: 0;\n max-width: 100%;\n\n .meta.updated {\n flex: 1 1 auto;\n min-width: 0;\n }\n }\n\n .meta {\n @include font-size(12);\n\n color: lighten($rmText, 25%);\n }\n\n .row-actions {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex: 0 0 18px;\n width: 18px;\n opacity: 0;\n pointer-events: none;\n\n // Plain bin icon (same idea as filter-spoiler-delete) — no tlb chrome/border.\n a.delete {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: 0;\n border-radius: 0;\n background: transparent;\n color: lighten($rmText, 40%);\n text-decoration: none;\n text-shadow: none;\n box-shadow: none;\n line-height: 1;\n cursor: pointer;\n\n @include font-size(14);\n\n &:hover,\n &:active {\n color: $rmText;\n background: transparent;\n text-shadow: none;\n box-shadow: none;\n }\n\n &:focus {\n outline: 1px dotted $rmDarkBar;\n color: $rmText;\n }\n }\n }\n\n tbody tr:hover .row-actions,\n tbody tr:focus-within .row-actions {\n opacity: 1;\n pointer-events: auto;\n }\n }\n // Uploader wraps .file-upload-container in form.uploaderContainer (sibling of Assets h1).\n > .uploaderContainer {\n margin-top: 12px;\n }\n\n .file-upload-container {\n display: none;\n padding: 0 5px;\n }\n .pagination-bottom {\n align-self: stretch;\n width: 100%;\n padding: 10px 2px 8px;\n box-sizing: border-box;\n\n .pagination {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n width: 100%;\n margin: 0;\n padding: 0;\n float: none;\n clear: none;\n\n &::before,\n &::after {\n display: none;\n }\n\n > .col-6 {\n float: none;\n width: auto;\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n > .col-6:first-child {\n @include font-size(13);\n\n flex: 0 1 auto;\n color: $rmText;\n font-weight: bold;\n line-height: 1.4;\n white-space: nowrap;\n\n strong,\n .page,\n .total {\n font-weight: bold;\n }\n }\n\n > .col-6.txt-rgt {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n flex: 0 0 auto;\n gap: 16px;\n text-align: right;\n }\n }\n\n // Text-link chrome for Previous/Next (scoped under .file-selector .pagination-bottom)\n .pagination .txt-rgt > button.btn-info,\n .pagination .pages > li > a,\n .pagination .pages > li > button {\n margin: 0;\n min-height: 0;\n padding: 0;\n border: 0;\n border-color: transparent;\n background: transparent;\n background-color: transparent;\n background-image: none;\n color: $rmInfo;\n font-weight: normal;\n line-height: 1.4;\n text-shadow: none;\n box-shadow: none;\n opacity: 1;\n\n @include font-size(13);\n\n .icon-backward,\n .icon-forward {\n display: none;\n }\n\n &:hover,\n &:focus,\n &:active {\n color: $rmInfo;\n text-decoration: underline;\n background: transparent;\n background-color: transparent;\n background-image: none;\n border-color: transparent;\n opacity: 1;\n }\n }\n\n // Simple provider: \"< Previous\" / \"Next >\" text links\n .pagination .txt-rgt > button:first-child::before {\n content: '< ';\n }\n\n .pagination .txt-rgt > button:last-child::after {\n content: ' >';\n }\n\n .pagination .txt-rgt > button.btn-info[disabled],\n .pagination .pages > .disabled > a,\n .pagination .pages > .disabled > span,\n .pagination .pages > .disabled > button {\n color: lighten($rmText, 45%);\n cursor: not-allowed;\n text-decoration: none;\n pointer-events: none;\n\n &:hover,\n &:focus,\n &:active {\n color: lighten($rmText, 45%);\n text-decoration: none;\n background: transparent;\n background-color: transparent;\n }\n\n // _buttons.scss `.disabled, button[disabled]` uses !important — override only there\n &,\n &:hover,\n &:focus,\n &:active {\n background-color: transparent !important;\n border: none !important;\n color: lighten($rmText, 45%) !important;\n cursor: not-allowed !important;\n opacity: 1 !important;\n text-shadow: none !important;\n }\n }\n }\n }\n}\n\n// select2 dropdown/mask are appended to body; item creator modal uses z-index 105002\n.criteria-dropdown-select2 {\n z-index: 105100 !important;\n}\n\n#select2-drop-mask {\n z-index: 105090 !important;\n}\n","// buttons and alerts\n$success: rgb(14, 145, 75);\n$info: rgb(14, 93, 145);\n$warning: rgb(216, 174, 91);\n$danger: rgb(201, 96, 67);\n$error: rgb(186, 18, 43);\n$activeInteraction: rgb(195, 90, 19);\n\n// corporate identity\n$logoRed: rgb(186, 18, 43);\n$grey: rgb(173, 161, 148);\n$darkBlueGrey: rgb(164, 187, 197);\n$mediumBlueGrey: rgb(193, 212, 220);\n$lightBlueGrey: rgb(228, 236, 239);\n$brownRedGrey: rgb(154, 137, 123);\n$darkBrown: rgb(111, 99, 89);\n$websiteBorder: rgb(141, 148, 158);\n\n// ui elements, these should only variations of the above\n// naming convention: jQueryUi theme roller -> camelCase\n\n$textColor: #222;\n$textHighlight: white;\n$textSecondary: #737373;\n$shadowColor: rgba(0, 0, 0, 0.25);\n\n$modalBorderColor: #dddfe2;\n$searchInp: #dddfe2;\n\n$uiGeneralContentBg: white();\n$uiGeneralContentBorder: #ddd;\n\n$uiHeaderBg: #d4d5d7;\n\n$uiClickableDefaultBg: #f3f1ef;\n$uiClickableHoverBg: whiten($info, 0.2);\n//$uiClickableActiveBg: $uiHeaderBg;\n$uiClickableActiveBg: whiten($websiteBorder, 0.2);\n//$uiClickableActiveBg: #aaa;\n\n$uiSelectableSelectedBg: whiten($info, 0.2);\n$uiSelectableSelectedHoverBg: whiten($info, 0.1);\n$uiSelectableHoverBg: whiten($info, 0.9);\n\n$uiOverlay: $lightBlueGrey;\n\n// new layout. Implemented now only for review panel\n$uiReviewPanelBg: #f2f2f2;\n$uiReviewPanelTextDisabled: hsl(0, 0%, 45%);\n$uiReviewPanelTextDefault: hsl(0, 0%, 12%);\n$uiReviewPanelBgDefault: $uiGeneralContentBg;\n$uiReviewPanelPrimaryHighlight: hsl(208, 100%, 32%);\n$uiReviewPanelBgInverted: $uiReviewPanelTextDefault;\n$uiReviewPanelTextInverted: $uiGeneralContentBg;\n\n// sidebars etc.\n$canvas: mix(#fff, $grey, 85%);\n\n// colors taken from feedback.scss\n$successBgColor: whiten($success, 0.8);\n$successBorderColor: whiten($success, 0.1);\n\n$infoBgColor: whiten($info, 0.8);\n$infoBorderColor: whiten($info, 0.1);\n\n$warningBgColor: whiten($warning, 0.8);\n$warningBorderColor: whiten($warning, 0.1);\n\n$dangerBgColor: whiten($danger, 0.8);\n$dangerBorderColor: whiten($danger, 0.1);\n\n$errorBgColor: whiten($error, 0.8);\n$errorBorderColor: whiten($error, 0.1);\n\n$darkBar: rgb(51, 51, 51);\n$darkBarTxt: rgb(230, 230, 230);\n$darkBarIcon: rgb(220, 220, 220);\n\n$actionLinkColor: #276d9b;\n$actionLinkHoverColor: #4f83a7;\n\n$colorBrand: #266d9c;\n$colorBrandLight: #e4ecef;\n$colorGsDark: #121212; //color ported from nextgen TAO design system\n\n$colorWheel-01: #c3ba13;\n$colorWheel-02: #84a610;\n$colorWheel-03: #2b8e0e;\n$colorWheel-04: #0f9787;\n$colorWheel-05: #0e5d91;\n$colorWheel-06: #0d2689;\n$colorWheel-07: #400d83;\n$colorWheel-08: #960e7d;\n$colorWheel-09: #ba122b;\n$colorWheel-10: #c34713;\n$colorWheel-11: #c36f13;\n$colorWheel-12: #c39413;\n"]}
1
+ {"version":3,"sources":["../scss/resourcemgr.scss","../../../scss/inc/_functions.scss","../../../scss/inc/fonts/_tao-icon-vars.scss","../scss/resourcemgr.scss%23sass","../../../scss/inc/_colors.scss"],"names":[],"mappings":"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","file":"resourcemgr.css","sourcesContent":["@import 'inc/bootstrap';\n\n/* tooltip */\n.resourcemgr {\n // Figma Resource Manager palette (Insert Media modal)\n $rmDark: #222222;\n $rmLight: #ffffff;\n $rmMidGray: #dddfe2;\n // Figma heading fill #F6F7F7; nearest global token $uiReviewPanelBg (#f2f2f2)\n $rmHeaderBg: #f6f7f7;\n $rmActive: #286d9c;\n $rmDarkBar: #333333;\n\n // Local palette aliases ($rm*) — do not shadow global theme token names\n $rmText: $rmDark;\n $rmSurface: $rmLight;\n $rmBorder: $rmMidGray;\n $rmChromeBg: $rmHeaderBg;\n $rmClickableBg: $rmLight;\n $rmInfo: $rmActive;\n $rmClickableHover: $rmActive;\n $rmClickableActive: $rmActive;\n $rmActiveRow: mix($rmLight, $rmActive, 90%);\n $rmSidePanelWidth: 300;\n $rmBrowserWidth: $rmSidePanelWidth;\n $rmPreviewWidth: $rmSidePanelWidth;\n $rmMaxContainerWidth: 1400;\n $rmSideMargin: 40;\n\n $rmHeaderRadius: 4px;\n // Top chrome row (Search | Assets | Preview): pad + small btn (25px) → shared bar height.\n $rmPanelChromePadY: 8px;\n $rmPanelChromePadX: 10px;\n $rmPanelChromeMinHeight: 41px;\n $rmControlRadius: 4px;\n\n width: 90%;\n height: 100%;\n max-width: $rmMaxContainerWidth * 1px;\n color: $rmText;\n background-color: $rmSurface;\n border-color: $rmBorder;\n\n // jQuery UI modal sets inline `top` — !important keeps RM vertically centered in viewport\n #mediaManager &.modal {\n max-height: 700px;\n top: 40px !important;\n bottom: 40px;\n padding: 0;\n border: 1px solid $rmBorder;\n background-color: $rmSurface;\n border-radius: 0;\n }\n\n & > h2 {\n @include font-size(15);\n margin: 20px 40px 10px;\n height: 40px;\n color: $rmText;\n }\n\n // Align global btn-info with Figma active blue inside RM\n .btn-info {\n color: $rmLight;\n background-color: $rmActive;\n border: 1px solid $rmActive;\n text-shadow: none;\n box-shadow: none;\n\n &:hover,\n &:focus,\n &:active {\n color: $rmLight;\n background-color: $rmActive;\n border-color: $rmActive;\n text-shadow: none;\n box-shadow: none;\n opacity: 0.9;\n }\n\n &.btn-secondary,\n &.btn-transparent {\n color: $rmActive;\n background-color: $rmLight;\n border: 1px solid $rmActive;\n text-shadow: none;\n box-shadow: none;\n\n &:hover,\n &:focus,\n &:active {\n color: $rmActive;\n background-color: $rmLight;\n border-color: $rmActive;\n text-shadow: none;\n box-shadow: none;\n opacity: 0.9;\n }\n }\n }\n\n .btn-success {\n text-shadow: none;\n box-shadow: none;\n }\n\n .file-wrapper {\n overflow-y: auto;\n margin: 0 #{$rmSideMargin * 1px};\n // Keep in sync with .asset-search max-height chrome compensation below.\n height: calc(100% - 40px - 40px - 40px); // full height - h2.padding - h2.height - modal.bottom-padding\n display: flex;\n flex-direction: column;\n min-height: 0;\n }\n\n .file-panels {\n @include flex-container;\n\n flex: 1 1 auto;\n min-height: 0;\n height: 100%;\n gap: 0;\n }\n\n .file-browser {\n @include simple-flex-box($rmBrowserWidth * 1px);\n width: $rmBrowserWidth * 1px;\n max-width: $rmBrowserWidth * 1px;\n min-width: 0;\n\n // Keep select2 criteria dropdown usable (appended near control / body)\n overflow: visible;\n }\n\n .file-preview {\n @include simple-flex-box($rmPreviewWidth * 1px);\n width: $rmPreviewWidth * 1px;\n max-width: $rmPreviewWidth * 1px;\n min-width: 0;\n }\n\n .file-selector {\n @include simple-flex-box(auto);\n max-width: calc(100% - #{($rmBrowserWidth + $rmPreviewWidth) *1px} - 20px);\n // margin - border - padding: side separators only (no top border)\n margin: 0 10px;\n border: 0;\n border-left: 1px solid $rmBorder;\n border-right: 1px solid $rmBorder;\n padding: 0 10px;\n box-sizing: border-box;\n }\n\n .file-panels .file-browser,\n .file-panels .file-selector,\n .file-panels .file-preview {\n position: relative;\n vertical-align: top;\n height: 100%;\n min-height: 0;\n color: $rmText;\n border-radius: 0;\n\n h1 {\n @include font-size(16);\n line-height: 1.6;\n\n display: flex;\n align-items: center;\n box-sizing: border-box;\n min-height: $rmPanelChromeMinHeight;\n color: $rmText;\n margin: 0;\n padding: $rmPanelChromePadY $rmPanelChromePadX;\n border-radius: $rmHeaderRadius $rmHeaderRadius 0 0;\n }\n h2 {\n @include font-size(13);\n line-height: 1.3;\n background-color: $rmChromeBg;\n color: $rmText;\n margin: 0;\n padding: 6px;\n position: relative;\n clear: both;\n border-radius: $rmHeaderRadius $rmHeaderRadius 0 0;\n\n &.toggler{\n cursor: pointer;\n &:after{\n position: absolute;\n right: 15px;\n top: 3px;\n }\n }\n }\n }\n\n .file-browser{\n background-color: $rmClickableBg;\n display: flex;\n flex-direction: column;\n min-height: 0;\n\n & > h1.resources-title {\n background-color: $rmChromeBg;\n flex: 0 0 auto;\n border-radius: $rmHeaderRadius $rmHeaderRadius 0 0;\n }\n\n .asset-search {\n // Grow with filters; do not shrink under tree flex pressure until max-height.\n flex: 0 0 auto;\n min-width: 0;\n max-width: 100%;\n // Cap at 70% of the whole modal height (not the left column alone).\n // file-browser height ≈ modal − 120px chrome → 0.7×modal = 70% + 84px of this parent.\n max-height: calc(70% + 84px);\n display: flex;\n flex-direction: column;\n min-height: 0;\n color: $rmText;\n padding: 0;\n margin: 0 0 16px;\n border: 0;\n background-color: $rmChromeBg;\n overflow: hidden;\n position: relative;\n z-index: 2;\n border-radius: $rmHeaderRadius;\n\n &.hidden,\n &[hidden] {\n display: none;\n }\n\n &.is-collapsed {\n max-height: none;\n overflow: visible;\n margin-bottom: 16px;\n\n .asset-search-body {\n display: none;\n }\n\n .asset-search-header {\n border-radius: $rmHeaderRadius;\n outline: none;\n }\n\n .asset-search-toggle:focus:not(:focus-visible) {\n outline: none;\n }\n\n .asset-search-toggle:focus-visible {\n outline: 1px dotted $rmDarkBar;\n }\n }\n }\n\n .asset-search-header {\n flex: 0 0 auto;\n min-width: 0;\n max-width: 100%;\n background-color: $rmChromeBg;\n padding: 0;\n border-radius: $rmHeaderRadius $rmHeaderRadius 0 0;\n overflow: hidden;\n }\n\n .asset-search-toggle {\n display: flex;\n // Search is the lead; scope/count/chevron share its baseline (bottom of glyphs).\n align-items: baseline;\n flex-wrap: nowrap;\n gap: 8px;\n width: 100%;\n margin: 0;\n padding: $rmPanelChromePadY $rmPanelChromePadX;\n border: 0;\n border-radius: 0;\n background: transparent;\n color: $rmText;\n cursor: pointer;\n text-align: left;\n text-shadow: none;\n box-shadow: none;\n min-width: 0;\n min-height: $rmPanelChromeMinHeight;\n box-sizing: border-box;\n font: inherit;\n font-weight: normal;\n line-height: 1.6;\n\n &:hover,\n &:active {\n background: transparent;\n color: $rmText;\n opacity: 1;\n text-shadow: none;\n box-shadow: none;\n }\n\n &:focus {\n outline: 1px dotted $rmDarkBar;\n }\n }\n\n .asset-search-title {\n @include font-size(16);\n\n display: inline-block;\n margin: 0;\n padding: 0;\n background: transparent;\n color: $rmText;\n line-height: 1.6;\n flex: 0 0 auto;\n white-space: nowrap;\n font-weight: normal;\n }\n\n .asset-search-chevron {\n @include font-size(12);\n\n flex: 0 0 auto;\n align-self: baseline;\n margin-left: auto;\n line-height: 1;\n }\n\n .asset-search-applied-count {\n @include font-size(12);\n\n display: inline-block;\n margin: 0;\n color: lighten($rmText, 25%);\n font-weight: normal;\n // Do not grow — keep count + chevron on the same line as Search.\n flex: 0 1 auto;\n min-width: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n line-height: 1.6;\n\n &.hidden,\n &[hidden] {\n display: none;\n }\n }\n\n .asset-search-scope {\n @include font-size(12);\n\n display: inline-flex;\n align-items: baseline;\n gap: 0.25em;\n margin: 0;\n min-width: 0;\n max-width: 100%;\n // Content width when the line fits; shrink (ellipsis on name) when it does not.\n flex: 0 1 auto;\n overflow: hidden;\n color: lighten($rmText, 25%);\n line-height: 1.6;\n font-weight: normal;\n\n &.hidden,\n &[hidden] {\n display: none;\n }\n }\n\n .asset-search-scope-prefix {\n flex: 0 0 auto;\n white-space: nowrap;\n }\n\n .asset-search-scope-name {\n flex: 0 1 auto;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: $rmText;\n font-weight: bold;\n }\n\n .asset-search-scope-subfolders {\n flex: 0 0 auto;\n white-space: nowrap;\n\n &.hidden,\n &[hidden] {\n display: none;\n }\n }\n\n .asset-search-body {\n // Fill capped .asset-search so filters can scroll after max-height is hit.\n flex: 1 1 auto;\n min-height: 0;\n display: flex;\n flex-direction: column;\n padding: 14px 12px 16px;\n overflow: hidden;\n background-color: $rmChromeBg;\n }\n\n .asset-search-field {\n position: relative;\n display: flex;\n align-items: center;\n flex: 0 0 auto;\n padding: 0;\n }\n\n .asset-search-field .icon-find {\n position: absolute;\n left: 10px;\n color: lighten($rmText, 40%);\n pointer-events: none;\n\n @include font-size(14);\n }\n\n .asset-search-input {\n width: 100%;\n height: 32px;\n padding: 6px 10px 6px 30px;\n border: 1px solid $rmBorder;\n border-radius: $rmControlRadius;\n background-color: $rmSurface;\n box-sizing: border-box;\n\n &:focus {\n border-color: $rmInfo;\n outline: none;\n }\n }\n\n .asset-search-label {\n @include visuallyHidden;\n }\n\n .asset-search-filters {\n // Grow with filter chips; scroll only after .asset-search hits its modal-relative max-height.\n flex: 1 1 auto;\n min-height: 48px;\n margin-top: 8px;\n overflow-x: hidden;\n overflow-y: auto;\n position: relative;\n z-index: 3;\n }\n\n .asset-search .advanced-search-container {\n padding: 0;\n }\n\n .asset-search .add-criteria-container {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n position: relative;\n padding: 0;\n margin: 8px 0 0;\n min-height: 24px;\n\n // Must beat this block's `display: flex` (higher specificity than\n // `.advanced-search-container .add-criteria-container.disabled`).\n // Otherwise the global `.disabled, button[disabled]` chrome paints a\n // gray non-working Add filter instead of hiding it.\n &.disabled {\n display: none;\n }\n }\n\n .asset-search .add-criteria-container a.toggle-modal-button {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n margin: 0;\n padding: 0;\n color: $rmInfo;\n text-decoration: none;\n font-weight: normal;\n line-height: 1;\n vertical-align: middle;\n\n @include font-size(13);\n\n &:hover {\n text-decoration: underline;\n }\n }\n\n .asset-search .add-criteria-container .icon-plus,\n .asset-search .add-criteria-container .icon-add {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n flex: 0 0 auto;\n margin: 0;\n\n @include font-size(12);\n\n &:before {\n line-height: 1;\n vertical-align: middle;\n }\n }\n\n .asset-search .applied-filters-summary {\n border: 0;\n border-radius: 0;\n background: transparent;\n height: auto;\n padding: 0;\n margin: 0;\n color: lighten($rmText, 40%);\n cursor: pointer;\n font-weight: normal;\n line-height: 1;\n text-shadow: none;\n box-shadow: none;\n\n @include font-size(12);\n\n &:not(.hidden)::before {\n content: '\\00b7';\n display: inline-block;\n margin: 0 6px;\n color: lighten($rmText, 55%);\n }\n\n &.hidden {\n display: none;\n }\n\n &:hover,\n &:active {\n color: $rmText;\n text-decoration: underline;\n background: transparent;\n text-shadow: none;\n box-shadow: none;\n }\n\n &:focus {\n outline: 1px dotted $rmDarkBar;\n }\n }\n\n .asset-search .criteria-select2 {\n visibility: hidden;\n position: absolute;\n left: 0;\n top: 0;\n width: calc(100% - 8px);\n }\n\n .asset-search .advanced-criteria-container {\n padding-right: 0;\n max-height: none;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n\n .asset-search .filter-container {\n margin-bottom: 0;\n position: relative;\n }\n\n .asset-search .filter-spoiler-wrapper {\n padding: 0;\n border: 0;\n background: transparent;\n }\n\n .asset-search .filter-spoiler {\n border: 1px solid $rmBorder;\n border-radius: $rmControlRadius;\n background: $rmSurface;\n overflow: hidden;\n }\n\n .asset-search .filter-spoiler.is-open .filter-spoiler-body {\n display: block;\n }\n\n .asset-search .filter-spoiler.is-open .filter-spoiler-header {\n border-bottom: 1px solid $rmBorder;\n }\n\n .asset-search .filter-spoiler:not(.is-open) .filter-spoiler-body {\n display: none;\n }\n\n .asset-search .filter-spoiler:not(.is-open) .filter-spoiler-header {\n border-bottom: 0;\n }\n\n .asset-search .filter-spoiler-header {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 10px;\n background-color: $rmSurface;\n outline: none;\n box-shadow: none;\n\n &:hover,\n &:focus,\n &:focus-within {\n background-color: $rmSurface;\n outline: none;\n box-shadow: none;\n }\n }\n\n .asset-search .filter-spoiler-toggle {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n flex: 1 1 auto;\n min-width: 0;\n height: auto;\n padding: 0;\n border: 0;\n border-radius: 0;\n background: transparent;\n color: $rmText;\n font-weight: bold;\n line-height: 1.3;\n text-align: left;\n text-shadow: none;\n box-shadow: none;\n cursor: pointer;\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n outline: 1px dotted $rmDarkBar;\n }\n\n &:hover,\n &:active {\n background: transparent;\n text-shadow: none;\n box-shadow: none;\n }\n }\n\n .asset-search .filter-spoiler-title {\n @include font-size(13);\n\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-shadow: none;\n }\n\n .asset-search .filter-spoiler-icon {\n display: none;\n }\n\n .asset-search .filter-spoiler-delete {\n flex: 0 0 16px;\n width: 16px;\n height: 16px;\n padding: 0;\n border: 0;\n border-radius: 0;\n background: transparent;\n color: lighten($rmText, 40%);\n cursor: pointer;\n line-height: 1;\n text-shadow: none;\n box-shadow: none;\n visibility: hidden;\n\n @include font-size(14);\n\n &:hover,\n &:active {\n color: $rmText;\n background: transparent;\n text-shadow: none;\n box-shadow: none;\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n outline: 1px dotted $rmDarkBar;\n visibility: visible;\n }\n }\n\n .asset-search .filter-spoiler.is-open .filter-spoiler-delete,\n .asset-search .filter-spoiler-header:hover .filter-spoiler-delete {\n visibility: visible;\n }\n\n .asset-search .filter-spoiler-body {\n padding: 10px;\n box-sizing: border-box;\n\n > label,\n > .criterion-container,\n > fieldset {\n display: block;\n width: 100%;\n min-width: 0;\n box-sizing: border-box;\n margin: 0;\n }\n }\n\n .asset-search .filter-spoiler-body > label > .filter-label-text,\n .asset-search .filter-spoiler-body > .criterion-container > .filter-label-text,\n .asset-search .filter-spoiler-body > fieldset > legend {\n @include visuallyHidden;\n }\n\n .asset-search .filter-spoiler-body .criteria-alias,\n .asset-search .filter-spoiler-body .class-path {\n display: none;\n }\n\n // RM metadata search is AND-only; logic radios are backoffice-only noise here.\n // advancedSearch.css loads after resourcemgr.css and sets display:flex on this block.\n .asset-search .logic-radio-group {\n display: none !important;\n }\n\n // select2 sets inline width on init — only !important overrides it\n .asset-search .filter-spoiler-body .select2-container {\n width: 100% !important;\n }\n\n .asset-search .filter-spoiler-body .select2-choices {\n min-height: 30px;\n border-radius: $rmControlRadius;\n }\n\n // Replace select2 PNG sprite close (hover background-position flicker / stray pixels).\n .asset-search .filter-spoiler-body .select2-container-multi .select2-choices .select2-search-choice {\n overflow: hidden;\n padding: 4px 24px 4px 8px;\n line-height: 1.3;\n\n &.select2-search-choice-focus {\n background-color: blacken($uiClickableDefaultBg, 0.1);\n }\n\n .select2-search-choice-close {\n background-image: none !important;\n left: auto;\n right: 4px;\n top: 50%;\n width: 14px;\n height: 14px;\n margin-top: -7px;\n font-size: 0;\n line-height: 1;\n color: lighten($rmText, 40%);\n text-indent: 0;\n\n &:hover,\n &:focus,\n &:active {\n background-image: none !important;\n background-position: 0 0;\n color: $rmText;\n }\n\n &:before {\n @include tao-icon-setup;\n @include icon-close;\n @include font-size(12);\n\n display: block;\n line-height: 14px;\n text-align: center;\n }\n }\n }\n\n .asset-search .filter-spoiler-body input[type='text'],\n .asset-search .filter-spoiler-body textarea {\n display: block;\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n border-radius: $rmControlRadius;\n }\n\n .asset-search-actions {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex: 0 0 auto;\n flex-wrap: nowrap;\n gap: 8px;\n margin-top: 16px;\n }\n\n .asset-search-actions .asset-search-clear {\n margin: 0;\n padding: 0;\n border: 0;\n border-radius: 0;\n background: transparent;\n color: $rmInfo;\n cursor: pointer;\n font-weight: normal;\n line-height: 1.4;\n text-decoration: none;\n text-shadow: none;\n box-shadow: none;\n flex: 0 0 auto;\n\n @include font-size(13);\n\n &.hidden,\n &[hidden] {\n display: none;\n }\n\n &:hover,\n &:focus,\n &:active {\n color: $rmInfo;\n background: transparent;\n text-decoration: underline;\n text-shadow: none;\n box-shadow: none;\n }\n\n &:focus {\n outline: 1px dotted $rmDarkBar;\n }\n }\n\n .asset-search-actions .asset-search-submit {\n margin: 0 0 0 auto;\n min-width: 88px;\n flex: 0 0 auto;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n\n .asset-search-submit-spinner {\n display: none;\n line-height: 1;\n\n @include font-size(14);\n\n &.hidden,\n &[hidden] {\n display: none;\n }\n }\n\n &.is-searching .asset-search-submit-spinner:not(.hidden) {\n display: inline-block;\n\n &.icon-loop::before {\n display: inline-block;\n transform-origin: 50% 50%;\n animation: rm-search-button-spin 1.4s linear infinite;\n }\n }\n\n &:disabled,\n &[disabled] {\n color: $rmLight;\n background-color: lighten($rmText, 55%);\n border-color: lighten($rmText, 55%);\n cursor: not-allowed;\n opacity: 1;\n text-shadow: none;\n box-shadow: none;\n\n &:hover,\n &:focus,\n &:active {\n color: $rmLight;\n background-color: lighten($rmText, 55%);\n border-color: lighten($rmText, 55%);\n opacity: 1;\n }\n }\n\n &.is-searching,\n &.is-searching:disabled,\n &.is-searching[disabled] {\n color: $rmLight;\n background-color: $rmActive;\n border-color: $rmActive;\n cursor: wait;\n opacity: 1;\n\n &:hover,\n &:focus,\n &:active {\n color: $rmLight;\n background-color: $rmActive;\n border-color: $rmActive;\n opacity: 1;\n }\n }\n }\n\n @keyframes rm-search-button-spin {\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n }\n\n & .file-browser-wrapper {\n position: relative;\n display: flex;\n flex-direction: column;\n flex: 1 1 auto;\n min-height: 0;\n overflow: hidden;\n\n &.is-tree-loading {\n pointer-events: none;\n\n .file-browser-scroll {\n overflow: hidden;\n }\n }\n\n .file-browser-scroll {\n flex: 1 1 auto;\n min-height: 0;\n overflow: auto;\n padding: 8px 4px 12px;\n }\n\n .file-browser-tree-loading {\n position: absolute;\n inset: 0;\n z-index: 3;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: rgba($rmClickableBg, 0.75);\n\n &.hidden {\n display: none;\n }\n\n .icon-loop {\n color: $rmActive;\n\n @include font-size(22);\n\n &::before {\n display: inline-block;\n transform-origin: 50% 50%;\n animation: rm-search-button-spin 1.4s linear infinite;\n }\n }\n\n .file-browser-tree-loading-status {\n @include visuallyHidden;\n }\n }\n }\n\n ul {\n list-style-type: none;\n padding-left: 5px;\n ul {\n padding-left: 18px;\n }\n li {\n a {\n color: $rmText;\n white-space: nowrap;\n display: flex;\n align-items: center;\n gap: 4px;\n box-sizing: border-box;\n width: 100%;\n padding: 3px 4px;\n line-height: 1.5;\n text-decoration: none;\n border: 0;\n outline: none;\n box-shadow: none;\n\n &:hover,\n &:focus,\n &:focus-visible,\n &:active {\n text-decoration: none;\n color: $rmText;\n outline: none;\n box-shadow: none;\n }\n\n > .tree-toggle,\n > .tree-folder {\n flex: 0 0 auto;\n line-height: 1;\n\n @include font-size(12);\n }\n\n > .tree-toggle {\n width: 1em;\n color: lighten($rmText, 25%);\n\n &.is-leaf:before,\n &:not(.icon-right):not(.icon-down):before {\n content: none;\n }\n }\n\n > .tree-folder {\n @include font-size(14);\n }\n\n &.opened > .tree-toggle:before {\n @include icon-down;\n }\n\n &.opened > .tree-folder:before {\n @include icon-folder-open;\n }\n }\n\n &.active > a > .tree-folder:before {\n @include icon-folder-open;\n }\n\n &.active > a {\n background-color: $rmActiveRow;\n border: 0;\n outline: none;\n box-shadow: none;\n }\n }\n }\n }\n\n .file-preview{\n background-color: $rmClickableBg;\n & > h1 {\n background-color: $rmChromeBg;\n border-radius: $rmHeaderRadius $rmHeaderRadius 0 0;\n }\n\n .file-properties{\n padding: 12px 14px;\n\n .grid-row {\n margin-bottom: 10px;\n }\n\n .prop-url .actions {\n text-align: left;\n margin: 8px 0 0;\n\n a.download {\n text-decoration: none;\n color: $rmInfo;\n\n .icon-download {\n margin-right: 4px;\n }\n\n &:hover {\n text-decoration: underline;\n color: $rmInfo;\n }\n }\n }\n }\n\n .previewer {\n height: 300px;\n overflow: hidden;\n }\n\n .actions.select-actions {\n text-align: center;\n margin: 12px 0 16px;\n }\n }\n\n .file-selector{\n position: relative;\n display: flex;\n flex-direction: column;\n\n background-color: $rmSurface;\n & > h1 {\n position: relative;\n background-color: $rmChromeBg;\n border-radius: $rmHeaderRadius $rmHeaderRadius 0 0;\n // Flex (shared h1) replaces .lft/.rgt floats so \"Assets\" shares baseline with Search/Preview.\n justify-content: space-between;\n gap: 10px;\n\n .title {\n float: none;\n margin-right: 0;\n }\n\n .upload-switcher {\n float: none;\n flex: 0 0 auto;\n\n a {\n display: inline-block;\n }\n .listing {\n display:none;\n }\n\n a.btn-info {\n color: $rmText;\n background-color: $rmSurface;\n border: 1px solid $rmBorder;\n\n &:hover,\n &:focus,\n &:active {\n color: $rmText;\n background-color: $rmSurface;\n border-color: $rmBorder;\n opacity: 1;\n }\n }\n }\n }\n\n .empty {\n display: none;\n color: lighten($rmText, 25%);\n font-style: italic;\n @include font-size(18);\n\n text-align: center;\n padding: 24px 10px;\n }\n\n .asset-search-error {\n padding: 10px 5px;\n text-align: center;\n @include font-size(14);\n\n &.hidden,\n &[hidden] {\n display: none;\n }\n }\n\n .asset-search-error {\n color: $error;\n }\n\n &.search-mode {\n .upload-switcher {\n display: none;\n }\n }\n\n &.upload-mode {\n .pagination-bottom {\n display: none;\n }\n }\n\n .files-wrapper {\n position: relative;\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n min-height: 0;\n overflow: hidden;\n\n &.is-files-loading {\n pointer-events: none;\n\n .files-scroll {\n overflow-y: hidden;\n }\n }\n\n .files-scroll {\n flex: 1 1 auto;\n min-height: 0;\n overflow-y: auto;\n }\n\n .files-list-loading {\n position: absolute;\n inset: 0;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: rgba($rmSurface, 0.82);\n\n &.hidden {\n display: none;\n }\n\n .icon-loop {\n color: $rmActive;\n\n @include font-size(22);\n\n &::before {\n display: inline-block;\n transform-origin: 50% 50%;\n animation: rm-search-button-spin 1.4s linear infinite;\n }\n }\n\n .files-list-loading-status {\n @include visuallyHidden;\n }\n }\n }\n\n table.files {\n width: 100%;\n border-collapse: collapse;\n margin: 0;\n table-layout: fixed;\n\n thead th {\n text-align: left;\n font-weight: bold;\n padding: 12px 12px 10px;\n border-bottom: 1px solid mix($rmLight, $rmMidGray, 40%);\n background-color: transparent;\n color: $rmText;\n white-space: nowrap;\n user-select: none;\n\n &.sortable {\n cursor: pointer;\n\n .sort-label {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n\n // Sort glyph sits beside the label text (not at the column edge).\n &:after {\n content: '';\n flex: 0 0 auto;\n width: 11px;\n height: 12px;\n opacity: 0.55;\n background-color: $rmText;\n -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Cpath fill='black' d='M0 1h12v1.5H0zm0 3.5h9v1.5H0zm0 3.5h6v1.5H0z'/%3E%3Cpath fill='black' d='M9.5 8.5L12 12H7z'/%3E%3C/svg%3E\")\n center / contain no-repeat;\n mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Cpath fill='black' d='M0 1h12v1.5H0zm0 3.5h9v1.5H0zm0 3.5h6v1.5H0z'/%3E%3Cpath fill='black' d='M9.5 8.5L12 12H7z'/%3E%3C/svg%3E\")\n center / contain no-repeat;\n }\n }\n\n &:hover,\n &:focus {\n .sort-label:after {\n background-color: $rmText;\n opacity: 1;\n }\n }\n }\n\n &.sorted.sorted_asc .sort-label:after {\n opacity: 1;\n transform: scaleY(-1);\n }\n\n &.sorted.sorted_desc .sort-label:after {\n opacity: 1;\n transform: none;\n }\n }\n\n tbody tr {\n cursor: pointer;\n\n &.active,\n &:hover {\n background-color: $rmActiveRow;\n }\n\n td {\n padding: 10px 12px;\n border-bottom: 0;\n vertical-align: middle;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 0;\n\n .truncate,\n .desc,\n .meta {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n }\n }\n }\n\n .files-label {\n width: 44%;\n\n // Flex lives on an inner wrapper — display:flex on td + max-width:0 collapses the column.\n .files-label-inner {\n display: flex;\n align-items: center;\n gap: 6px;\n min-width: 0;\n max-width: 100%;\n }\n\n .file-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 18px;\n flex-shrink: 0;\n line-height: 1;\n\n &:before {\n @include tao-icon-setup;\n @include icon-document;\n @include font-size(16);\n }\n }\n\n .desc {\n display: block;\n flex: 1 1 auto;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n }\n\n tr[data-type='image'] .file-icon:before {\n @include icon-image;\n }\n tr[data-type='audio'] .file-icon:before {\n @include icon-media;\n }\n tr[data-type='video'] .file-icon:before {\n @include icon-video;\n }\n\n .files-location {\n width: 30%;\n }\n\n .files-updated {\n // Date + delete slot; keep enough for \"Last modified on\" header, less empty gap.\n width: 26%;\n }\n\n .files-updated-inner {\n display: flex;\n align-items: center;\n gap: 8px;\n min-width: 0;\n max-width: 100%;\n\n .meta.updated {\n flex: 1 1 auto;\n min-width: 0;\n }\n }\n\n .meta {\n @include font-size(12);\n\n color: lighten($rmText, 25%);\n }\n\n .row-actions {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex: 0 0 18px;\n width: 18px;\n opacity: 0;\n pointer-events: none;\n\n // Plain bin icon (same idea as filter-spoiler-delete) — no tlb chrome/border.\n a.delete {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: 0;\n border-radius: 0;\n background: transparent;\n color: lighten($rmText, 40%);\n text-decoration: none;\n text-shadow: none;\n box-shadow: none;\n line-height: 1;\n cursor: pointer;\n\n @include font-size(14);\n\n &:hover,\n &:active {\n color: $rmText;\n background: transparent;\n text-shadow: none;\n box-shadow: none;\n }\n\n &:focus {\n outline: 1px dotted $rmDarkBar;\n color: $rmText;\n }\n }\n }\n\n tbody tr:hover .row-actions,\n tbody tr:focus-within .row-actions {\n opacity: 1;\n pointer-events: auto;\n }\n }\n // Uploader wraps .file-upload-container in form.uploaderContainer (sibling of Assets h1).\n > .uploaderContainer {\n margin-top: 12px;\n }\n\n .file-upload-container {\n display: none;\n padding: 0 5px;\n }\n .pagination-bottom {\n align-self: stretch;\n width: 100%;\n padding: 10px 2px 8px;\n box-sizing: border-box;\n\n .pagination {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n width: 100%;\n margin: 0;\n padding: 0;\n float: none;\n clear: none;\n\n &::before,\n &::after {\n display: none;\n }\n\n > .col-6 {\n float: none;\n width: auto;\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n > .col-6:first-child {\n @include font-size(13);\n\n flex: 0 1 auto;\n color: $rmText;\n font-weight: bold;\n line-height: 1.4;\n white-space: nowrap;\n\n strong,\n .page,\n .total {\n font-weight: bold;\n }\n }\n\n > .col-6.txt-rgt {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n flex: 0 0 auto;\n gap: 16px;\n text-align: right;\n }\n }\n\n // Text-link chrome for Previous/Next (scoped under .file-selector .pagination-bottom)\n .pagination .txt-rgt > button.btn-info,\n .pagination .pages > li > a,\n .pagination .pages > li > button {\n margin: 0;\n min-height: 0;\n padding: 0;\n border: 0;\n border-color: transparent;\n background: transparent;\n background-color: transparent;\n background-image: none;\n color: $rmInfo;\n font-weight: normal;\n line-height: 1.4;\n text-shadow: none;\n box-shadow: none;\n opacity: 1;\n\n @include font-size(13);\n\n .icon-backward,\n .icon-forward {\n display: none;\n }\n\n &:hover,\n &:focus,\n &:active {\n color: $rmInfo;\n text-decoration: underline;\n background: transparent;\n background-color: transparent;\n background-image: none;\n border-color: transparent;\n opacity: 1;\n }\n }\n\n // Simple provider: \"< Previous\" / \"Next >\" text links\n .pagination .txt-rgt > button:first-child::before {\n content: '< ';\n }\n\n .pagination .txt-rgt > button:last-child::after {\n content: ' >';\n }\n\n .pagination .txt-rgt > button.btn-info[disabled],\n .pagination .pages > .disabled > a,\n .pagination .pages > .disabled > span,\n .pagination .pages > .disabled > button {\n color: lighten($rmText, 45%);\n cursor: not-allowed;\n text-decoration: none;\n pointer-events: none;\n\n &:hover,\n &:focus,\n &:active {\n color: lighten($rmText, 45%);\n text-decoration: none;\n background: transparent;\n background-color: transparent;\n }\n\n // _buttons.scss `.disabled, button[disabled]` uses !important — override only there\n &,\n &:hover,\n &:focus,\n &:active {\n background-color: transparent !important;\n border: none !important;\n color: lighten($rmText, 45%) !important;\n cursor: not-allowed !important;\n opacity: 1 !important;\n text-shadow: none !important;\n }\n }\n }\n }\n}\n\n// select2 dropdown/mask are appended to body; item creator modal uses z-index 105002\n.criteria-dropdown-select2 {\n z-index: 105100 !important;\n}\n\n#select2-drop-mask {\n z-index: 105090 !important;\n}\n","@mixin iterate-sprite($iconList, $x, $y, $direction, $prefix: '') {\n @each $icon in $iconList {\n #{$prefix}#{$icon} {\n background-position: $x * 1px $y * 1px;\n }\n @if $direction == 'x' {\n $x: $x - 16;\n } @else {\n $y: $y - 16;\n }\n }\n}\n\n/*\nUsage:\n- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,\n if 3 colors used then the position of each will be 33,33%\n- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,\n first param - color, second - position. Also you can use px or other valid units for set position.\n*/\n@mixin linear-gradient($colorList, $direction: 'to right') {\n $percentage: 0;\n $units: '%';\n $count: length($colorList);\n $increment: calc(100 / ($count - 1));\n $css: #{$direction + ', '};\n $sep: ', ';\n @each $colorItem in $colorList {\n $color: $colorItem;\n @if (length($colorItem) > 1) {\n $color: nth($colorItem, 1);\n $percentage: nth($colorItem, 2);\n $units: '';\n }\n @if ($percentage >= 100 or index($colorList, $colorItem) == $count) {\n $sep: '';\n }\n $css: #{$css + $color + ' ' + $percentage + $units + $sep};\n $percentage: $percentage + $increment;\n }\n background: linear-gradient(#{$css});\n}\n\n@mixin grid-unit($span, $numCols: 12, $gutter: 0) {\n $gridPx: 840;\n $rawSpanPx: calc((($gridPx - ($numCols * $gutter)) / $numCols));\n $spanPx: $rawSpanPx * $span + (($span - 1) * $gutter);\n $spanPercent: widthPerc($spanPx, $gridPx);\n $marginPercent: widthPerc($gutter, $gridPx);\n margin-inline-start: $marginPercent;\n inline-size: $spanPercent;\n}\n\n@mixin vendor-prefix($property, $value, $whatToPrefix: property, $prefixes: (-webkit-, -moz-, -ms-, -o-, '')) {\n @if $whatToPrefix == 'property' {\n @each $prefix in $prefixes {\n #{$prefix + $property}: #{$value};\n }\n } @else if $whatToPrefix == 'value' {\n @each $prefix in $prefixes {\n #{$property}: #{$prefix + $value};\n }\n }\n}\n@mixin flex-container($wrapBehavior: nowrap, $direction: row) {\n @include vendor-prefix(display, flex, value, (-ms-, -webkit-, ''));\n\n @include vendor-prefix(flex-direction, $direction, property, (-ms-, -webkit-, ''));\n @include vendor-prefix(flex-wrap, $wrapBehavior, property, (-ms-, -webkit-, ''));\n\n @include vendor-prefix(justify-content, flex-start, property, (-webkit-, ''));\n\n @include vendor-prefix(align-content, flex-start, property, (-webkit-, ''));\n\n @include vendor-prefix(align-items, stretch, property, (-webkit-, ''));\n}\n\n@mixin simple-flex-box($width: auto, $minWidth: 1) {\n @include vendor-prefix(order, 0, property, (-ms-, -webkit-, ''));\n flex-item-align: stretch;\n -ms-flex-item-align: stretch;\n @include vendor-prefix(align-self, stretch, property, (-webkit-, ''));\n\n // if both, min width and width are set, width will win this conflict\n @if ($width == auto) {\n @if ($minWidth != 1) {\n @include vendor-prefix(flex, 1 1 $minWidth, property, (-ms-, -webkit-, ''));\n } @else {\n @include vendor-prefix(flex, 1 1 auto, property, (-ms-, -webkit-, ''));\n // @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis#Values\n // for a discussion auto vs. main-size\n @include vendor-prefix(flex, 1 1, property, (-ms-, -webkit-, ''));\n }\n } @else {\n @include vendor-prefix(flex, 0 0 $width, property, (-ms-, -webkit-, ''));\n }\n}\n\n@mixin box-shadow($horiz: 1px, $vert: 1px, $blur: 2px, $spread: 0, $color: rgba(0, 0, 0, 0.2)) {\n @include vendor-prefix(box-shadow, $horiz $vert $blur $spread $color, property);\n}\n\n@mixin simple-border($color: #ddd) {\n border: 1px solid $color;\n border-radius: 2px;\n -webkit-border-radius: 2px;\n}\n\n@mixin border-radius($radius: 2) {\n -moz-border-radius: $radius * 1px;\n -webkit-border-radius: $radius * 1px;\n border-radius: $radius * 1px;\n}\n\n@mixin border-radius-top($radius: 2) {\n -webkit-border-top-left-radius: $radius * 1px;\n -webkit-border-top-right-radius: $radius * 1px;\n -moz-border-radius-topleft: $radius * 1px;\n -moz-border-radius-topright: $radius * 1px;\n border-top-left-radius: $radius * 1px;\n border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom($radius: 2) {\n -webkit-border-bottom-right-radius: $radius * 1px;\n -webkit-border-bottom-left-radius: $radius * 1px;\n -moz-border-radius-bottomright: $radius * 1px;\n -moz-border-radius-bottomleft: $radius * 1px;\n border-bottom-right-radius: $radius * 1px;\n border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-left($radius: 2) {\n -webkit-border-top-left-radius: $radius * 1px;\n -webkit-border-bottom-left-radius: $radius * 1px;\n -moz-border-radius-topleft: $radius * 1px;\n -moz-border-radius-bottomleft: $radius * 1px;\n border-top-left-radius: $radius * 1px;\n border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-right($radius: 2) {\n -webkit-border-top-right-radius: $radius * 1px;\n -webkit-border-bottom-right-radius: $radius * 1px;\n -moz-border-radius-topright: $radius * 1px;\n -moz-border-radius-bottomright: $radius * 1px;\n border-top-right-radius: $radius * 1px;\n border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-left($radius: 2) {\n -webkit-border-top-left-radius: $radius * 1px;\n -moz-border-radius-topleft: $radius * 1px;\n border-top-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-right($radius: 2) {\n -webkit-border-top-right-radius: $radius * 1px;\n -moz-border-radius-topright: $radius * 1px;\n border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-right($radius: 2) {\n -webkit-border-bottom-right-radius: $radius * 1px;\n -moz-border-radius-bottomright: $radius * 1px;\n border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-left($radius: 2) {\n -webkit-border-bottom-left-radius: $radius * 1px;\n -moz-border-radius-bottomleft: $radius * 1px;\n border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-box() {\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n@function whiten($color, $white: 0.3) {\n @return mix(#fff, $color, ($white * 100) * 1%);\n}\n\n@function blacken($color, $black: 0.3) {\n @return mix(#000, $color, ($black * 100) * 1%);\n}\n\n@function widthPerc($colWidth, $context) {\n @return calc(($colWidth * 100 / $context) * 1%);\n}\n\n@function remDist($fontSizePx) {\n @return calc(($fontSizePx / 10) * 1rem);\n}\n\n@function black($alpha: 1) {\n @return (rgba(0, 0, 0, $alpha));\n}\n\n@function white($alpha: 1) {\n @return (rgba(255, 255, 255, $alpha));\n}\n\n@mixin font-size($remPx, $important: false) {\n @if $important == true {\n font-size: calc(($remPx) * 1px) !important;\n font-size: calc(($remPx / 10) * 1rem) !important;\n } @else {\n font-size: calc(($remPx) * 1px);\n font-size: calc(($remPx / 10) * 1rem);\n }\n}\n\n@mixin keyframes($name) {\n @-o-keyframes #{$name} {\n @content;\n }\n @-moz-keyframes #{$name} {\n @content;\n }\n @-webkit-keyframes #{$name} {\n @content;\n }\n @keyframes #{$name} {\n @content;\n }\n}\n\n@mixin animation($value, $type: '') {\n $animation: animation;\n @if $type != '' {\n $animation: $animation + '-' + $type;\n }\n @include vendor-prefix($animation, $value, property);\n}\n\n/// CSS transition mixin to the current selection (apply also vendor prefixes).\n/// See <https://developer.mozilla.org/en-US/docs/Web/CSS/transition> for the values\n///\n/// @param {property} [$type = all] the CSS property to apply the transition to\n/// @param {time} [$duration = .5s] the transition property\n/// @param {timing-function} [$effect = ease-out] the transition property\n@mixin transition($type: all, $duration: 0.5s, $effect: ease-out, $delay: 0s) {\n @include vendor-prefix(transition, $type + ', ' + $duration + ', ' + $effect + ', ' + $delay, property);\n}\n\n@mixin fade($duration: 1s) {\n @include keyframes(fade) {\n 0% {\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n }\n\n @include vendor-prefix(animation, fade 1s forwards, property);\n}\n\n@mixin repeat() {\n @include animation(infinite, iteration-count);\n}\n\n@mixin largeHeading() {\n @include font-size(20);\n font-family: $headingFont;\n font-style: normal;\n}\n\n@mixin disableSelect() {\n @include vendor-prefix(user-select, none, property);\n}\n\n/* based on \"visually-hidden\" mixin in LDS for accessibility goals */\n@mixin visuallyHidden() {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(1px, 1px, 1px, 1px);\n margin: 0;\n padding: 0;\n}\n\n/*\n * Every style defined here must be mirrored with `writing-mode-horizontal-tb` mixin.\n Because writing-mode can be defined on 2 levels: a) item, b) text block or interaction;\n so if there's a horizontal block inside vertical item, vertical styles should *not* be used for it.\n */\n@mixin writing-mode-vertical-rl {\n @at-root {\n #{selector-replace(&, $mainContainer, $mainContainer + \" .writing-mode-vertical-rl\")} {\n @content;\n }\n }\n}\n@mixin writing-mode-horizontal-tb {\n & {\n @content;\n }\n @at-root {\n #{selector-replace(&, $mainContainer, $mainContainer + \" .writing-mode-vertical-rl .writing-mode-horizontal-tb\")} {\n @content;\n }\n }\n}\n","/* Do not edit */@mixin tao-icon-setup {\n /* use !important to prevent issues with browser extensions that change fonts */\n font-family: 'tao' !important;\n speak: never;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n\n /* Better Font Rendering =========== */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n@mixin icon-restricted { content: \"\\e92c\"; }\n@mixin icon-blocked { content: \"\\e92d\"; }\n@mixin icon-copy { content: \"\\e92b\"; }\n@mixin icon-align-center { content: \"\\e92a\"; }\n@mixin icon-multiple-magicwand { content: \"\\e929\"; }\n@mixin icon-sd-import { content: \"\\e91f\"; }\n@mixin icon-sd-export { content: \"\\e924\"; }\n@mixin icon-browse { content: \"\\e925\"; }\n@mixin icon-minus { content: \"\\e926\"; }\n@mixin icon-plus { content: \"\\e927\"; }\n@mixin icon-sd-save { content: \"\\e928\"; }\n@mixin icon-back-button { content: \"\\e91e\"; }\n@mixin icon-japan-incorrect { content: \"\\e91b\"; }\n@mixin icon-japan-correct { content: \"\\e91c\"; }\n@mixin icon-japan-partial { content: \"\\e91d\"; }\n@mixin icon-score-partial { content: \"\\e91a\"; }\n@mixin icon-furigana { content: \"\\e919\"; }\n@mixin icon-add-subsection { content: \"\\e918\"; }\n@mixin icon-info-bare { content: \"\\e923\"; }\n@mixin icon-bookmark-outline { content: \"\\e922\"; }\n@mixin icon-bookmark { content: \"\\e921\"; }\n@mixin icon-indicator { content: \"\\e920\"; }\n@mixin icon-wrap-inline { content: \"\\e915\"; }\n@mixin icon-wrap-left { content: \"\\e916\"; }\n@mixin icon-wrap-right { content: \"\\e917\"; }\n@mixin icon-offline { content: \"\\e913\"; }\n@mixin icon-online { content: \"\\e914\"; }\n@mixin icon-tab { content: \"\\e90d\"; }\n@mixin icon-untab { content: \"\\e90e\"; }\n@mixin icon-multi-select { content: \"\\e90b\"; }\n@mixin icon-clipboard { content: \"\\e90a\"; }\n@mixin icon-filebox { content: \"\\e909\"; }\n@mixin icon-click-to-speak { content: \"\\e907\"; }\n@mixin icon-speech-bubble { content: \"\\f0e5\"; }\n@mixin icon-microphone { content: \"\\f130\"; }\n@mixin icon-microphone-off { content: \"\\f131\"; }\n@mixin icon-disconnect { content: \"\\e905\"; }\n@mixin icon-connect { content: \"\\e906\"; }\n@mixin icon-eliminate { content: \"\\e904\"; }\n@mixin icon-wheelchair { content: \"\\e903\"; }\n@mixin icon-text-marker { content: \"\\e902\"; }\n@mixin icon-unshield { content: \"\\e32a\"; }\n@mixin icon-shield { content: \"\\e8e8\"; }\n@mixin icon-tree { content: \"\\e6b4\"; }\n@mixin icon-home { content: \"\\e6b3\"; }\n@mixin icon-shared-file { content: \"\\e6b2\"; }\n@mixin icon-end-attempt { content: \"\\e603\"; }\n@mixin icon-icon { content: \"\\f1c5\"; }\n@mixin icon-radio-bg { content: \"\\e600\"; }\n@mixin icon-checkbox-bg { content: \"\\e601\"; }\n@mixin icon-tag { content: \"\\e602\"; }\n@mixin icon-style { content: \"\\e604\"; }\n@mixin icon-ownership-transfer { content: \"\\e605\"; }\n@mixin icon-property-advanced { content: \"\\e606\"; }\n@mixin icon-property-add { content: \"\\e607\"; }\n@mixin icon-repository-add { content: \"\\e608\"; }\n@mixin icon-repository-remove { content: \"\\e609\"; }\n@mixin icon-repository { content: \"\\e60a\"; }\n@mixin icon-result-server { content: \"\\e60b\"; }\n@mixin icon-folder { content: \"\\e60c\"; }\n@mixin icon-folder-open { content: \"\\e60d\"; }\n@mixin icon-left { content: \"\\e60e\"; }\n@mixin icon-right { content: \"\\e60f\"; }\n@mixin icon-up { content: \"\\e610\"; }\n@mixin icon-down { content: \"\\e611\"; }\n@mixin icon-undo { content: \"\\e612\"; }\n@mixin icon-redo { content: \"\\e613\"; }\n@mixin icon-screen { content: \"\\e614\"; }\n@mixin icon-laptop { content: \"\\e615\"; }\n@mixin icon-tablet { content: \"\\e616\"; }\n@mixin icon-phone { content: \"\\e617\"; }\n@mixin icon-move { content: \"\\e618\"; }\n@mixin icon-bin { content: \"\\e619\"; }\n@mixin icon-shuffle { content: \"\\e61a\"; }\n@mixin icon-print { content: \"\\e61b\"; }\n@mixin icon-tools { content: \"\\e61c\"; }\n@mixin icon-settings { content: \"\\e61d\"; }\n@mixin icon-video { content: \"\\e61e\"; }\n@mixin icon-find { content: \"\\e61f\"; }\n@mixin icon-image { content: \"\\e620\"; }\n@mixin icon-edit { content: \"\\e621\"; }\n@mixin icon-document { content: \"\\e622\"; }\n@mixin icon-resize-grid { content: \"\\e623\"; }\n@mixin icon-resize { content: \"\\e624\"; }\n@mixin icon-help { content: \"\\e625\"; }\n@mixin icon-mobile-menu { content: \"\\e626\"; }\n@mixin icon-fix { content: \"\\e627\"; }\n@mixin icon-unlock { content: \"\\e628\"; }\n@mixin icon-lock { content: \"\\e629\"; }\n@mixin icon-ul { content: \"\\e62a\"; }\n@mixin icon-ol { content: \"\\e62b\"; }\n@mixin icon-email { content: \"\\e62c\"; }\n@mixin icon-download { content: \"\\e62d\"; }\n@mixin icon-logout { content: \"\\e62e\"; }\n@mixin icon-login { content: \"\\e62f\"; }\n@mixin icon-spinner { content: \"\\e630\"; }\n@mixin icon-preview { content: \"\\e631\"; }\n@mixin icon-external { content: \"\\e632\"; }\n@mixin icon-time { content: \"\\e633\"; }\n@mixin icon-save { content: \"\\e634\"; }\n@mixin icon-warning { content: \"\\e635\"; }\n@mixin icon-add { content: \"\\e636\"; }\n@mixin icon-error { content: \"\\e900\"; }\n@mixin icon-close { content: \"\\e637\"; }\n@mixin icon-success { content: \"\\e638\"; }\n@mixin icon-remove { content: \"\\e639\"; }\n@mixin icon-info { content: \"\\e63a\"; }\n@mixin icon-danger { content: \"\\e63b\"; }\n@mixin icon-users { content: \"\\e63c\"; }\n@mixin icon-user { content: \"\\e63d\"; }\n@mixin icon-test-taker { content: \"\\e63e\"; }\n@mixin icon-test-takers { content: \"\\e63f\"; }\n@mixin icon-item { content: \"\\e640\"; }\n@mixin icon-test { content: \"\\e641\"; }\n@mixin icon-delivery { content: \"\\e642\"; }\n@mixin icon-eye-slash { content: \"\\e643\"; }\n@mixin icon-result { content: \"\\e644\"; }\n@mixin icon-delivery-small { content: \"\\e645\"; }\n@mixin icon-upload { content: \"\\e646\"; }\n@mixin icon-result-small { content: \"\\e647\"; }\n@mixin icon-mobile-preview { content: \"\\e648\"; }\n@mixin icon-extension { content: \"\\e649\"; }\n@mixin icon-desktop-preview { content: \"\\e64a\"; }\n@mixin icon-tablet-preview { content: \"\\e64b\"; }\n@mixin icon-insert-horizontal-line { content: \"\\e64c\"; }\n@mixin icon-table { content: \"\\e64d\"; }\n@mixin icon-anchor { content: \"\\e64e\"; }\n@mixin icon-unlink { content: \"\\e64f\"; }\n@mixin icon-link { content: \"\\e650\"; }\n@mixin icon-right-left { content: \"\\e651\"; }\n@mixin icon-left-right { content: \"\\e652\"; }\n@mixin icon-special-character { content: \"\\e653\"; }\n@mixin icon-source { content: \"\\e654\"; }\n@mixin icon-new-page { content: \"\\e655\"; }\n@mixin icon-templates { content: \"\\e656\"; }\n@mixin icon-cut { content: \"\\e657\"; }\n@mixin icon-replace { content: \"\\e658\"; }\n@mixin icon-duplicate { content: \"\\e659\"; }\n@mixin icon-paste { content: \"\\e65a\"; }\n@mixin icon-select-all { content: \"\\e65b\"; }\n@mixin icon-paste-text { content: \"\\e65c\"; }\n@mixin icon-paste-word { content: \"\\e65d\"; }\n@mixin icon-bold { content: \"\\e65e\"; }\n@mixin icon-italic { content: \"\\e65f\"; }\n@mixin icon-underline { content: \"\\e660\"; }\n@mixin icon-subscript { content: \"\\e661\"; }\n@mixin icon-superscript { content: \"\\e662\"; }\n@mixin icon-strike-through { content: \"\\e663\"; }\n@mixin icon-decrease-indent { content: \"\\e664\"; }\n@mixin icon-increase-indent { content: \"\\e665\"; }\n@mixin icon-block-quote { content: \"\\e666\"; }\n@mixin icon-div-container { content: \"\\e667\"; }\n@mixin icon-align-left { content: \"\\e668\"; }\n@mixin icon-center { content: \"\\e669\"; }\n@mixin icon-align-right { content: \"\\e66a\"; }\n@mixin icon-justify { content: \"\\e66b\"; }\n@mixin icon-choice { content: \"\\e66c\"; }\n@mixin icon-inline-choice { content: \"\\e66d\"; }\n@mixin icon-match { content: \"\\e66e\"; }\n@mixin icon-associate { content: \"\\e66f\"; }\n@mixin icon-media { content: \"\\e670\"; }\n@mixin icon-graphic-order { content: \"\\e671\"; }\n@mixin icon-hotspot { content: \"\\e672\"; }\n@mixin icon-graphic-gap { content: \"\\e673\"; }\n@mixin icon-graphic-associate { content: \"\\e674\"; }\n@mixin icon-select-point { content: \"\\e675\"; }\n@mixin icon-pin { content: \"\\e676\"; }\n@mixin icon-import { content: \"\\e677\"; }\n@mixin icon-export { content: \"\\e678\"; }\n@mixin icon-move-item { content: \"\\e679\"; }\n@mixin icon-meta-data { content: \"\\e67a\"; }\n@mixin icon-slider { content: \"\\e67b\"; }\n@mixin icon-summary-report { content: \"\\e67c\"; }\n@mixin icon-text-entry { content: \"\\e67d\"; }\n@mixin icon-extended-text { content: \"\\e67e\"; }\n@mixin icon-eraser { content: \"\\e67f\"; }\n@mixin icon-row { content: \"\\e680\"; }\n@mixin icon-column { content: \"\\e681\"; }\n@mixin icon-text-color { content: \"\\e682\"; }\n@mixin icon-background-color { content: \"\\e683\"; }\n@mixin icon-spell-check { content: \"\\e684\"; }\n@mixin icon-polygon { content: \"\\e685\"; }\n@mixin icon-rectangle { content: \"\\e686\"; }\n@mixin icon-gap-match { content: \"\\e687\"; }\n@mixin icon-order { content: \"\\e688\"; }\n@mixin icon-hottext { content: \"\\e689\"; }\n@mixin icon-free-form { content: \"\\e68a\"; }\n@mixin icon-step-backward { content: \"\\e68b\"; }\n@mixin icon-fast-backward { content: \"\\e68c\"; }\n@mixin icon-backward { content: \"\\e68d\"; }\n@mixin icon-play { content: \"\\e68e\"; }\n@mixin icon-pause { content: \"\\e68f\"; }\n@mixin icon-stop { content: \"\\e690\"; }\n@mixin icon-forward { content: \"\\e691\"; }\n@mixin icon-fast-forward { content: \"\\e692\"; }\n@mixin icon-step-forward { content: \"\\e693\"; }\n@mixin icon-ellipsis { content: \"\\e694\"; }\n@mixin icon-circle { content: \"\\e695\"; }\n@mixin icon-target { content: \"\\e696\"; }\n@mixin icon-guide-arrow { content: \"\\e697\"; }\n@mixin icon-range-slider-right { content: \"\\e698\"; }\n@mixin icon-range-slider-left { content: \"\\e699\"; }\n@mixin icon-radio-checked { content: \"\\e69a\"; }\n@mixin icon-checkbox-indeterminate { content: \"\\e901\"; }\n@mixin icon-checkbox { content: \"\\e69b\"; }\n@mixin icon-checkbox-crossed { content: \"\\e69c\"; }\n@mixin icon-checkbox-checked { content: \"\\e69d\"; }\n@mixin icon-result-nok { content: \"\\e69e\"; }\n@mixin icon-result-ok { content: \"\\e69f\"; }\n@mixin icon-not-evaluated { content: \"\\e6a0\"; }\n@mixin icon-filter { content: \"\\e6a1\"; }\n@mixin icon-translate { content: \"\\e6a2\"; }\n@mixin icon-eject { content: \"\\e6a3\"; }\n@mixin icon-continue { content: \"\\e6a4\"; }\n@mixin icon-radio { content: \"\\e6a5\"; }\n@mixin icon-sphere { content: \"\\e6a6\"; }\n@mixin icon-reset { content: \"\\e6a7\"; }\n@mixin icon-smaller { content: \"\\e6a8\"; }\n@mixin icon-larger { content: \"\\e6a9\"; }\n@mixin icon-clock { content: \"\\e6aa\"; }\n@mixin icon-font { content: \"\\e6ab\"; }\n@mixin icon-maths { content: \"\\e6ac\"; }\n@mixin icon-grip { content: \"\\e6ad\"; }\n@mixin icon-rubric { content: \"\\e6ae\"; }\n@mixin icon-audio { content: \"\\e6af\"; }\n@mixin icon-grip-h { content: \"\\e6b0\"; }\n@mixin icon-magicwand { content: \"\\e6b1\"; }\n@mixin icon-loop { content: \"\\ea2e\"; }\n@mixin icon-calendar { content: \"\\e953\"; }\n@mixin icon-reload { content: \"\\e984\"; }\n@mixin icon-speed { content: \"\\e9a6\"; }\n@mixin icon-volume { content: \"\\ea27\"; }\n@mixin icon-contrast { content: \"\\e9d5\"; }\n@mixin icon-headphones { content: \"\\e910\"; }\n@mixin icon-compress { content: \"\\f066\"; }\n@mixin icon-map-o { content: \"\\f278\"; }\n@mixin icon-variable { content: \"\\e908\"; }\n@mixin icon-tooltip { content: \"\\e90c\"; }\n@mixin icon-globe { content: \"\\e9c9\"; }\n@mixin icon-highlighter { content: \"\\e90f\"; }\n@mixin icon-eliminate-crossed { content: \"\\e911\"; }\n@mixin icon-play-from-here { content: \"\\e912\"; }\n","@import 'inc/bootstrap';\n\n/* tooltip */\n.resourcemgr {\n // Figma Resource Manager palette (Insert Media modal)\n $rmDark: #222222;\n $rmLight: #ffffff;\n $rmMidGray: #dddfe2;\n // Figma heading fill #F6F7F7; nearest global token $uiReviewPanelBg (#f2f2f2)\n $rmHeaderBg: #f6f7f7;\n $rmActive: #286d9c;\n $rmDarkBar: #333333;\n\n // Local palette aliases ($rm*) — do not shadow global theme token names\n $rmText: $rmDark;\n $rmSurface: $rmLight;\n $rmBorder: $rmMidGray;\n $rmChromeBg: $rmHeaderBg;\n $rmClickableBg: $rmLight;\n $rmInfo: $rmActive;\n $rmClickableHover: $rmActive;\n $rmClickableActive: $rmActive;\n $rmActiveRow: mix($rmLight, $rmActive, 90%);\n $rmSidePanelWidth: 300;\n $rmBrowserWidth: $rmSidePanelWidth;\n $rmPreviewWidth: $rmSidePanelWidth;\n $rmMaxContainerWidth: 1400;\n $rmSideMargin: 40;\n\n $rmHeaderRadius: 4px;\n // Top chrome row (Search | Assets | Preview): pad + small btn (25px) → shared bar height.\n $rmPanelChromePadY: 8px;\n $rmPanelChromePadX: 10px;\n $rmPanelChromeMinHeight: 41px;\n $rmControlRadius: 4px;\n\n width: 90%;\n height: 100%;\n max-width: $rmMaxContainerWidth * 1px;\n color: $rmText;\n background-color: $rmSurface;\n border-color: $rmBorder;\n\n // jQuery UI modal sets inline `top` — !important keeps RM vertically centered in viewport\n #mediaManager &.modal {\n max-height: 700px;\n top: 40px !important;\n bottom: 40px;\n padding: 0;\n border: 1px solid $rmBorder;\n background-color: $rmSurface;\n border-radius: 0;\n }\n\n & > h2 {\n @include font-size(15);\n margin: 20px 40px 10px;\n height: 40px;\n color: $rmText;\n }\n\n // Align global btn-info with Figma active blue inside RM\n .btn-info {\n color: $rmLight;\n background-color: $rmActive;\n border: 1px solid $rmActive;\n text-shadow: none;\n box-shadow: none;\n\n &:hover,\n &:focus,\n &:active {\n color: $rmLight;\n background-color: $rmActive;\n border-color: $rmActive;\n text-shadow: none;\n box-shadow: none;\n opacity: 0.9;\n }\n\n &.btn-secondary,\n &.btn-transparent {\n color: $rmActive;\n background-color: $rmLight;\n border: 1px solid $rmActive;\n text-shadow: none;\n box-shadow: none;\n\n &:hover,\n &:focus,\n &:active {\n color: $rmActive;\n background-color: $rmLight;\n border-color: $rmActive;\n text-shadow: none;\n box-shadow: none;\n opacity: 0.9;\n }\n }\n }\n\n .btn-success {\n text-shadow: none;\n box-shadow: none;\n }\n\n .file-wrapper {\n overflow-y: auto;\n margin: 0 #{$rmSideMargin * 1px};\n // Keep in sync with .asset-search max-height chrome compensation below.\n height: calc(100% - 40px - 40px - 40px); // full height - h2.padding - h2.height - modal.bottom-padding\n display: flex;\n flex-direction: column;\n min-height: 0;\n }\n\n .file-panels {\n @include flex-container;\n\n flex: 1 1 auto;\n min-height: 0;\n height: 100%;\n gap: 0;\n }\n\n .file-browser {\n @include simple-flex-box($rmBrowserWidth * 1px);\n width: $rmBrowserWidth * 1px;\n max-width: $rmBrowserWidth * 1px;\n min-width: 0;\n\n // Keep select2 criteria dropdown usable (appended near control / body)\n overflow: visible;\n }\n\n .file-preview {\n @include simple-flex-box($rmPreviewWidth * 1px);\n width: $rmPreviewWidth * 1px;\n max-width: $rmPreviewWidth * 1px;\n min-width: 0;\n }\n\n .file-selector {\n @include simple-flex-box(auto);\n max-width: calc(100% - #{($rmBrowserWidth + $rmPreviewWidth) *1px} - 20px);\n // margin - border - padding: side separators only (no top border)\n margin: 0 10px;\n border: 0;\n border-left: 1px solid $rmBorder;\n border-right: 1px solid $rmBorder;\n padding: 0 10px;\n box-sizing: border-box;\n }\n\n .file-panels .file-browser,\n .file-panels .file-selector,\n .file-panels .file-preview {\n position: relative;\n vertical-align: top;\n height: 100%;\n min-height: 0;\n color: $rmText;\n border-radius: 0;\n\n h1 {\n @include font-size(16);\n line-height: 1.6;\n\n display: flex;\n align-items: center;\n box-sizing: border-box;\n min-height: $rmPanelChromeMinHeight;\n color: $rmText;\n margin: 0;\n padding: $rmPanelChromePadY $rmPanelChromePadX;\n border-radius: $rmHeaderRadius $rmHeaderRadius 0 0;\n }\n h2 {\n @include font-size(13);\n line-height: 1.3;\n background-color: $rmChromeBg;\n color: $rmText;\n margin: 0;\n padding: 6px;\n position: relative;\n clear: both;\n border-radius: $rmHeaderRadius $rmHeaderRadius 0 0;\n\n &.toggler{\n cursor: pointer;\n &:after{\n position: absolute;\n right: 15px;\n top: 3px;\n }\n }\n }\n }\n\n .file-browser{\n background-color: $rmClickableBg;\n display: flex;\n flex-direction: column;\n min-height: 0;\n\n & > h1.resources-title {\n background-color: $rmChromeBg;\n flex: 0 0 auto;\n border-radius: $rmHeaderRadius $rmHeaderRadius 0 0;\n }\n\n .asset-search {\n // Grow with filters; do not shrink under tree flex pressure until max-height.\n flex: 0 0 auto;\n min-width: 0;\n max-width: 100%;\n // Cap at 70% of the whole modal height (not the left column alone).\n // file-browser height ≈ modal − 120px chrome → 0.7×modal = 70% + 84px of this parent.\n max-height: calc(70% + 84px);\n display: flex;\n flex-direction: column;\n min-height: 0;\n color: $rmText;\n padding: 0;\n margin: 0 0 16px;\n border: 0;\n background-color: $rmChromeBg;\n overflow: hidden;\n position: relative;\n z-index: 2;\n border-radius: $rmHeaderRadius;\n\n &.hidden,\n &[hidden] {\n display: none;\n }\n\n &.is-collapsed {\n max-height: none;\n overflow: visible;\n margin-bottom: 16px;\n\n .asset-search-body {\n display: none;\n }\n\n .asset-search-header {\n border-radius: $rmHeaderRadius;\n outline: none;\n }\n\n .asset-search-toggle:focus:not(:focus-visible) {\n outline: none;\n }\n\n .asset-search-toggle:focus-visible {\n outline: 1px dotted $rmDarkBar;\n }\n }\n }\n\n .asset-search-header {\n flex: 0 0 auto;\n min-width: 0;\n max-width: 100%;\n background-color: $rmChromeBg;\n padding: 0;\n border-radius: $rmHeaderRadius $rmHeaderRadius 0 0;\n overflow: hidden;\n }\n\n .asset-search-toggle {\n display: flex;\n // Search is the lead; scope/count/chevron share its baseline (bottom of glyphs).\n align-items: baseline;\n flex-wrap: nowrap;\n gap: 8px;\n width: 100%;\n margin: 0;\n padding: $rmPanelChromePadY $rmPanelChromePadX;\n border: 0;\n border-radius: 0;\n background: transparent;\n color: $rmText;\n cursor: pointer;\n text-align: left;\n text-shadow: none;\n box-shadow: none;\n min-width: 0;\n min-height: $rmPanelChromeMinHeight;\n box-sizing: border-box;\n font: inherit;\n font-weight: normal;\n line-height: 1.6;\n\n &:hover,\n &:active {\n background: transparent;\n color: $rmText;\n opacity: 1;\n text-shadow: none;\n box-shadow: none;\n }\n\n &:focus {\n outline: 1px dotted $rmDarkBar;\n }\n }\n\n .asset-search-title {\n @include font-size(16);\n\n display: inline-block;\n margin: 0;\n padding: 0;\n background: transparent;\n color: $rmText;\n line-height: 1.6;\n flex: 0 0 auto;\n white-space: nowrap;\n font-weight: normal;\n }\n\n .asset-search-chevron {\n @include font-size(12);\n\n flex: 0 0 auto;\n align-self: baseline;\n margin-left: auto;\n line-height: 1;\n }\n\n .asset-search-applied-count {\n @include font-size(12);\n\n display: inline-block;\n margin: 0;\n color: lighten($rmText, 25%);\n font-weight: normal;\n // Do not grow — keep count + chevron on the same line as Search.\n flex: 0 1 auto;\n min-width: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n line-height: 1.6;\n\n &.hidden,\n &[hidden] {\n display: none;\n }\n }\n\n .asset-search-scope {\n @include font-size(12);\n\n display: inline-flex;\n align-items: baseline;\n gap: 0.25em;\n margin: 0;\n min-width: 0;\n max-width: 100%;\n // Content width when the line fits; shrink (ellipsis on name) when it does not.\n flex: 0 1 auto;\n overflow: hidden;\n color: lighten($rmText, 25%);\n line-height: 1.6;\n font-weight: normal;\n\n &.hidden,\n &[hidden] {\n display: none;\n }\n }\n\n .asset-search-scope-prefix {\n flex: 0 0 auto;\n white-space: nowrap;\n }\n\n .asset-search-scope-name {\n flex: 0 1 auto;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: $rmText;\n font-weight: bold;\n }\n\n .asset-search-scope-subfolders {\n flex: 0 0 auto;\n white-space: nowrap;\n\n &.hidden,\n &[hidden] {\n display: none;\n }\n }\n\n .asset-search-body {\n // Fill capped .asset-search so filters can scroll after max-height is hit.\n flex: 1 1 auto;\n min-height: 0;\n display: flex;\n flex-direction: column;\n padding: 14px 12px 16px;\n overflow: hidden;\n background-color: $rmChromeBg;\n }\n\n .asset-search-field {\n position: relative;\n display: flex;\n align-items: center;\n flex: 0 0 auto;\n padding: 0;\n }\n\n .asset-search-field .icon-find {\n position: absolute;\n left: 10px;\n color: lighten($rmText, 40%);\n pointer-events: none;\n\n @include font-size(14);\n }\n\n .asset-search-input {\n width: 100%;\n height: 32px;\n padding: 6px 10px 6px 30px;\n border: 1px solid $rmBorder;\n border-radius: $rmControlRadius;\n background-color: $rmSurface;\n box-sizing: border-box;\n\n &:focus {\n border-color: $rmInfo;\n outline: none;\n }\n }\n\n .asset-search-label {\n @include visuallyHidden;\n }\n\n .asset-search-filters {\n // Grow with filter chips; scroll only after .asset-search hits its modal-relative max-height.\n flex: 1 1 auto;\n min-height: 48px;\n margin-top: 8px;\n overflow-x: hidden;\n overflow-y: auto;\n position: relative;\n z-index: 3;\n }\n\n .asset-search .advanced-search-container {\n padding: 0;\n }\n\n .asset-search .add-criteria-container {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n position: relative;\n padding: 0;\n margin: 8px 0 0;\n min-height: 24px;\n\n // Must beat this block's `display: flex` (higher specificity than\n // `.advanced-search-container .add-criteria-container.disabled`).\n // Otherwise the global `.disabled, button[disabled]` chrome paints a\n // gray non-working Add filter instead of hiding it.\n &.disabled {\n display: none;\n }\n }\n\n .asset-search .add-criteria-container a.toggle-modal-button {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n margin: 0;\n padding: 0;\n color: $rmInfo;\n text-decoration: none;\n font-weight: normal;\n line-height: 1;\n vertical-align: middle;\n\n @include font-size(13);\n\n &:hover {\n text-decoration: underline;\n }\n }\n\n .asset-search .add-criteria-container .icon-plus,\n .asset-search .add-criteria-container .icon-add {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n flex: 0 0 auto;\n margin: 0;\n\n @include font-size(12);\n\n &:before {\n line-height: 1;\n vertical-align: middle;\n }\n }\n\n .asset-search .applied-filters-summary {\n border: 0;\n border-radius: 0;\n background: transparent;\n height: auto;\n padding: 0;\n margin: 0;\n color: lighten($rmText, 40%);\n cursor: pointer;\n font-weight: normal;\n line-height: 1;\n text-shadow: none;\n box-shadow: none;\n\n @include font-size(12);\n\n &:not(.hidden)::before {\n content: '\\00b7';\n display: inline-block;\n margin: 0 6px;\n color: lighten($rmText, 55%);\n }\n\n &.hidden {\n display: none;\n }\n\n &:hover,\n &:active {\n color: $rmText;\n text-decoration: underline;\n background: transparent;\n text-shadow: none;\n box-shadow: none;\n }\n\n &:focus {\n outline: 1px dotted $rmDarkBar;\n }\n }\n\n .asset-search .criteria-select2 {\n visibility: hidden;\n position: absolute;\n left: 0;\n top: 0;\n width: calc(100% - 8px);\n }\n\n .asset-search .advanced-criteria-container {\n padding-right: 0;\n max-height: none;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n\n .asset-search .filter-container {\n margin-bottom: 0;\n position: relative;\n }\n\n .asset-search .filter-spoiler-wrapper {\n padding: 0;\n border: 0;\n background: transparent;\n }\n\n .asset-search .filter-spoiler {\n border: 1px solid $rmBorder;\n border-radius: $rmControlRadius;\n background: $rmSurface;\n overflow: hidden;\n }\n\n .asset-search .filter-spoiler.is-open .filter-spoiler-body {\n display: block;\n }\n\n .asset-search .filter-spoiler.is-open .filter-spoiler-header {\n border-bottom: 1px solid $rmBorder;\n }\n\n .asset-search .filter-spoiler:not(.is-open) .filter-spoiler-body {\n display: none;\n }\n\n .asset-search .filter-spoiler:not(.is-open) .filter-spoiler-header {\n border-bottom: 0;\n }\n\n .asset-search .filter-spoiler-header {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 10px;\n background-color: $rmSurface;\n outline: none;\n box-shadow: none;\n\n &:hover,\n &:focus,\n &:focus-within {\n background-color: $rmSurface;\n outline: none;\n box-shadow: none;\n }\n }\n\n .asset-search .filter-spoiler-toggle {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n flex: 1 1 auto;\n min-width: 0;\n height: auto;\n padding: 0;\n border: 0;\n border-radius: 0;\n background: transparent;\n color: $rmText;\n font-weight: bold;\n line-height: 1.3;\n text-align: left;\n text-shadow: none;\n box-shadow: none;\n cursor: pointer;\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n outline: 1px dotted $rmDarkBar;\n }\n\n &:hover,\n &:active {\n background: transparent;\n text-shadow: none;\n box-shadow: none;\n }\n }\n\n .asset-search .filter-spoiler-title {\n @include font-size(13);\n\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-shadow: none;\n }\n\n .asset-search .filter-spoiler-icon {\n display: none;\n }\n\n .asset-search .filter-spoiler-delete {\n flex: 0 0 16px;\n width: 16px;\n height: 16px;\n padding: 0;\n border: 0;\n border-radius: 0;\n background: transparent;\n color: lighten($rmText, 40%);\n cursor: pointer;\n line-height: 1;\n text-shadow: none;\n box-shadow: none;\n visibility: hidden;\n\n @include font-size(14);\n\n &:hover,\n &:active {\n color: $rmText;\n background: transparent;\n text-shadow: none;\n box-shadow: none;\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n outline: 1px dotted $rmDarkBar;\n visibility: visible;\n }\n }\n\n .asset-search .filter-spoiler.is-open .filter-spoiler-delete,\n .asset-search .filter-spoiler-header:hover .filter-spoiler-delete {\n visibility: visible;\n }\n\n .asset-search .filter-spoiler-body {\n padding: 10px;\n box-sizing: border-box;\n\n > label,\n > .criterion-container,\n > fieldset {\n display: block;\n width: 100%;\n min-width: 0;\n box-sizing: border-box;\n margin: 0;\n }\n }\n\n .asset-search .filter-spoiler-body > label > .filter-label-text,\n .asset-search .filter-spoiler-body > .criterion-container > .filter-label-text,\n .asset-search .filter-spoiler-body > fieldset > legend {\n @include visuallyHidden;\n }\n\n .asset-search .filter-spoiler-body .criteria-alias,\n .asset-search .filter-spoiler-body .class-path {\n display: none;\n }\n\n // RM metadata search is AND-only; logic radios are backoffice-only noise here.\n // advancedSearch.css loads after resourcemgr.css and sets display:flex on this block.\n .asset-search .logic-radio-group {\n display: none !important;\n }\n\n // select2 sets inline width on init — only !important overrides it\n .asset-search .filter-spoiler-body .select2-container {\n width: 100% !important;\n }\n\n .asset-search .filter-spoiler-body .select2-choices {\n min-height: 30px;\n border-radius: $rmControlRadius;\n }\n\n // Replace select2 PNG sprite close (hover background-position flicker / stray pixels).\n .asset-search .filter-spoiler-body .select2-container-multi .select2-choices .select2-search-choice {\n overflow: hidden;\n padding: 4px 24px 4px 8px;\n line-height: 1.3;\n\n &.select2-search-choice-focus {\n background-color: blacken($uiClickableDefaultBg, 0.1);\n }\n\n .select2-search-choice-close {\n background-image: none !important;\n left: auto;\n right: 4px;\n top: 50%;\n width: 14px;\n height: 14px;\n margin-top: -7px;\n font-size: 0;\n line-height: 1;\n color: lighten($rmText, 40%);\n text-indent: 0;\n\n &:hover,\n &:focus,\n &:active {\n background-image: none !important;\n background-position: 0 0;\n color: $rmText;\n }\n\n &:before {\n @include tao-icon-setup;\n @include icon-close;\n @include font-size(12);\n\n display: block;\n line-height: 14px;\n text-align: center;\n }\n }\n }\n\n .asset-search .filter-spoiler-body input[type='text'],\n .asset-search .filter-spoiler-body textarea {\n display: block;\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n border-radius: $rmControlRadius;\n }\n\n .asset-search-actions {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex: 0 0 auto;\n flex-wrap: nowrap;\n gap: 8px;\n margin-top: 16px;\n }\n\n .asset-search-actions .asset-search-clear {\n margin: 0;\n padding: 0;\n border: 0;\n border-radius: 0;\n background: transparent;\n color: $rmInfo;\n cursor: pointer;\n font-weight: normal;\n line-height: 1.4;\n text-decoration: none;\n text-shadow: none;\n box-shadow: none;\n flex: 0 0 auto;\n\n @include font-size(13);\n\n &.hidden,\n &[hidden] {\n display: none;\n }\n\n &:hover,\n &:focus,\n &:active {\n color: $rmInfo;\n background: transparent;\n text-decoration: underline;\n text-shadow: none;\n box-shadow: none;\n }\n\n &:focus {\n outline: 1px dotted $rmDarkBar;\n }\n }\n\n .asset-search-actions .asset-search-submit {\n margin: 0 0 0 auto;\n min-width: 88px;\n flex: 0 0 auto;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n\n .asset-search-submit-spinner {\n display: none;\n line-height: 1;\n\n @include font-size(14);\n\n &.hidden,\n &[hidden] {\n display: none;\n }\n }\n\n &.is-searching .asset-search-submit-spinner:not(.hidden) {\n display: inline-block;\n\n &.icon-loop::before {\n display: inline-block;\n transform-origin: 50% 50%;\n animation: rm-search-button-spin 1.4s linear infinite;\n }\n }\n\n &:disabled,\n &[disabled] {\n color: $rmLight;\n background-color: lighten($rmText, 55%);\n border-color: lighten($rmText, 55%);\n cursor: not-allowed;\n opacity: 1;\n text-shadow: none;\n box-shadow: none;\n\n &:hover,\n &:focus,\n &:active {\n color: $rmLight;\n background-color: lighten($rmText, 55%);\n border-color: lighten($rmText, 55%);\n opacity: 1;\n }\n }\n\n &.is-searching,\n &.is-searching:disabled,\n &.is-searching[disabled] {\n color: $rmLight;\n background-color: $rmActive;\n border-color: $rmActive;\n cursor: wait;\n opacity: 1;\n\n &:hover,\n &:focus,\n &:active {\n color: $rmLight;\n background-color: $rmActive;\n border-color: $rmActive;\n opacity: 1;\n }\n }\n }\n\n @keyframes rm-search-button-spin {\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n }\n\n & .file-browser-wrapper {\n position: relative;\n display: flex;\n flex-direction: column;\n flex: 1 1 auto;\n min-height: 0;\n overflow: hidden;\n\n &.is-tree-loading {\n pointer-events: none;\n\n .file-browser-scroll {\n overflow: hidden;\n }\n }\n\n .file-browser-scroll {\n flex: 1 1 auto;\n min-height: 0;\n overflow: auto;\n padding: 8px 4px 12px;\n }\n\n .file-browser-tree-loading {\n position: absolute;\n inset: 0;\n z-index: 3;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: rgba($rmClickableBg, 0.75);\n\n &.hidden {\n display: none;\n }\n\n .icon-loop {\n color: $rmActive;\n\n @include font-size(22);\n\n &::before {\n display: inline-block;\n transform-origin: 50% 50%;\n animation: rm-search-button-spin 1.4s linear infinite;\n }\n }\n\n .file-browser-tree-loading-status {\n @include visuallyHidden;\n }\n }\n }\n\n ul {\n list-style-type: none;\n padding-left: 5px;\n ul {\n padding-left: 18px;\n }\n li {\n a {\n color: $rmText;\n white-space: nowrap;\n display: flex;\n align-items: center;\n gap: 4px;\n box-sizing: border-box;\n width: 100%;\n padding: 3px 4px;\n line-height: 1.5;\n text-decoration: none;\n border: 0;\n outline: none;\n box-shadow: none;\n\n &:hover,\n &:focus,\n &:focus-visible,\n &:active {\n text-decoration: none;\n color: $rmText;\n outline: none;\n box-shadow: none;\n }\n\n > .tree-toggle,\n > .tree-folder {\n flex: 0 0 auto;\n line-height: 1;\n\n @include font-size(12);\n }\n\n > .tree-toggle {\n width: 1em;\n color: lighten($rmText, 25%);\n\n &.is-leaf:before,\n &:not(.icon-right):not(.icon-down):before {\n content: none;\n }\n }\n\n > .tree-folder {\n @include font-size(14);\n }\n\n &.opened > .tree-toggle:before {\n @include icon-down;\n }\n\n &.opened > .tree-folder:before {\n @include icon-folder-open;\n }\n }\n\n &.active > a > .tree-folder:before {\n @include icon-folder-open;\n }\n\n &.active > a {\n background-color: $rmActiveRow;\n border: 0;\n outline: none;\n box-shadow: none;\n }\n }\n }\n }\n\n .file-preview{\n background-color: $rmClickableBg;\n & > h1 {\n background-color: $rmChromeBg;\n border-radius: $rmHeaderRadius $rmHeaderRadius 0 0;\n }\n\n .file-properties{\n padding: 12px 14px;\n\n .grid-row {\n margin-bottom: 10px;\n }\n\n .prop-url .actions {\n text-align: left;\n margin: 8px 0 0;\n\n a.download {\n text-decoration: none;\n color: $rmInfo;\n\n .icon-download {\n margin-right: 4px;\n }\n\n &:hover {\n text-decoration: underline;\n color: $rmInfo;\n }\n }\n }\n }\n\n .previewer {\n height: 300px;\n overflow: hidden;\n }\n\n .actions.select-actions {\n text-align: center;\n margin: 12px 0 16px;\n }\n }\n\n .file-selector{\n position: relative;\n display: flex;\n flex-direction: column;\n\n background-color: $rmSurface;\n & > h1 {\n position: relative;\n background-color: $rmChromeBg;\n border-radius: $rmHeaderRadius $rmHeaderRadius 0 0;\n // Flex (shared h1) replaces .lft/.rgt floats so \"Assets\" shares baseline with Search/Preview.\n justify-content: space-between;\n gap: 10px;\n\n .title {\n float: none;\n margin-right: 0;\n }\n\n .upload-switcher {\n float: none;\n flex: 0 0 auto;\n\n a {\n display: inline-block;\n }\n .listing {\n display:none;\n }\n\n a.btn-info {\n color: $rmText;\n background-color: $rmSurface;\n border: 1px solid $rmBorder;\n\n &:hover,\n &:focus,\n &:active {\n color: $rmText;\n background-color: $rmSurface;\n border-color: $rmBorder;\n opacity: 1;\n }\n }\n }\n }\n\n .empty {\n display: none;\n color: lighten($rmText, 25%);\n font-style: italic;\n @include font-size(18);\n\n text-align: center;\n padding: 24px 10px;\n }\n\n .asset-search-error {\n padding: 10px 5px;\n text-align: center;\n @include font-size(14);\n\n &.hidden,\n &[hidden] {\n display: none;\n }\n }\n\n .asset-search-error {\n color: $error;\n }\n\n &.search-mode {\n .upload-switcher {\n display: none;\n }\n }\n\n &.upload-mode {\n .pagination-bottom {\n display: none;\n }\n }\n\n .files-wrapper {\n position: relative;\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n min-height: 0;\n overflow: hidden;\n\n &.is-files-loading {\n pointer-events: none;\n\n .files-scroll {\n overflow-y: hidden;\n }\n }\n\n .files-scroll {\n flex: 1 1 auto;\n min-height: 0;\n overflow-y: auto;\n }\n\n .files-list-loading {\n position: absolute;\n inset: 0;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: rgba($rmSurface, 0.82);\n\n &.hidden {\n display: none;\n }\n\n .icon-loop {\n color: $rmActive;\n\n @include font-size(22);\n\n &::before {\n display: inline-block;\n transform-origin: 50% 50%;\n animation: rm-search-button-spin 1.4s linear infinite;\n }\n }\n\n .files-list-loading-status {\n @include visuallyHidden;\n }\n }\n }\n\n table.files {\n width: 100%;\n border-collapse: collapse;\n margin: 0;\n table-layout: fixed;\n\n thead th {\n text-align: left;\n font-weight: bold;\n padding: 12px 12px 10px;\n border-bottom: 1px solid mix($rmLight, $rmMidGray, 40%);\n background-color: transparent;\n color: $rmText;\n white-space: nowrap;\n user-select: none;\n\n &.sortable {\n cursor: pointer;\n\n .sort-label {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n\n // Sort glyph sits beside the label text (not at the column edge).\n &:after {\n content: '';\n flex: 0 0 auto;\n width: 11px;\n height: 12px;\n opacity: 0.55;\n background-color: $rmText;\n -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Cpath fill='black' d='M0 1h12v1.5H0zm0 3.5h9v1.5H0zm0 3.5h6v1.5H0z'/%3E%3Cpath fill='black' d='M9.5 8.5L12 12H7z'/%3E%3C/svg%3E\")\n center / contain no-repeat;\n mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Cpath fill='black' d='M0 1h12v1.5H0zm0 3.5h9v1.5H0zm0 3.5h6v1.5H0z'/%3E%3Cpath fill='black' d='M9.5 8.5L12 12H7z'/%3E%3C/svg%3E\")\n center / contain no-repeat;\n }\n }\n\n &:hover,\n &:focus {\n .sort-label:after {\n background-color: $rmText;\n opacity: 1;\n }\n }\n }\n\n &.sorted.sorted_asc .sort-label:after {\n opacity: 1;\n transform: scaleY(-1);\n }\n\n &.sorted.sorted_desc .sort-label:after {\n opacity: 1;\n transform: none;\n }\n }\n\n tbody tr {\n cursor: pointer;\n\n &.active,\n &:hover {\n background-color: $rmActiveRow;\n }\n\n td {\n padding: 10px 12px;\n border-bottom: 0;\n vertical-align: middle;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 0;\n\n .truncate,\n .desc,\n .meta {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n }\n }\n }\n\n .files-label {\n width: 44%;\n\n // Flex lives on an inner wrapper — display:flex on td + max-width:0 collapses the column.\n .files-label-inner {\n display: flex;\n align-items: center;\n gap: 6px;\n min-width: 0;\n max-width: 100%;\n }\n\n .file-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 18px;\n flex-shrink: 0;\n line-height: 1;\n\n &:before {\n @include tao-icon-setup;\n @include icon-document;\n @include font-size(16);\n }\n }\n\n .desc {\n display: block;\n flex: 1 1 auto;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n }\n\n tr[data-type='image'] .file-icon:before {\n @include icon-image;\n }\n tr[data-type='audio'] .file-icon:before {\n @include icon-media;\n }\n tr[data-type='video'] .file-icon:before {\n @include icon-video;\n }\n\n .files-location {\n width: 30%;\n }\n\n .files-updated {\n // Date + delete slot; keep enough for \"Last modified on\" header, less empty gap.\n width: 26%;\n }\n\n .files-updated-inner {\n display: flex;\n align-items: center;\n gap: 8px;\n min-width: 0;\n max-width: 100%;\n\n .meta.updated {\n flex: 1 1 auto;\n min-width: 0;\n }\n }\n\n .meta {\n @include font-size(12);\n\n color: lighten($rmText, 25%);\n }\n\n .row-actions {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex: 0 0 18px;\n width: 18px;\n opacity: 0;\n pointer-events: none;\n\n // Plain bin icon (same idea as filter-spoiler-delete) — no tlb chrome/border.\n a.delete {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: 0;\n border-radius: 0;\n background: transparent;\n color: lighten($rmText, 40%);\n text-decoration: none;\n text-shadow: none;\n box-shadow: none;\n line-height: 1;\n cursor: pointer;\n\n @include font-size(14);\n\n &:hover,\n &:active {\n color: $rmText;\n background: transparent;\n text-shadow: none;\n box-shadow: none;\n }\n\n &:focus {\n outline: 1px dotted $rmDarkBar;\n color: $rmText;\n }\n }\n }\n\n tbody tr:hover .row-actions,\n tbody tr:focus-within .row-actions {\n opacity: 1;\n pointer-events: auto;\n }\n }\n // Uploader wraps .file-upload-container in form.uploaderContainer (sibling of Assets h1).\n > .uploaderContainer {\n margin-top: 12px;\n }\n\n .file-upload-container {\n display: none;\n padding: 0 5px;\n }\n .pagination-bottom {\n align-self: stretch;\n width: 100%;\n padding: 10px 2px 8px;\n box-sizing: border-box;\n\n .pagination {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n width: 100%;\n margin: 0;\n padding: 0;\n float: none;\n clear: none;\n\n &::before,\n &::after {\n display: none;\n }\n\n > .col-6 {\n float: none;\n width: auto;\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n > .col-6:first-child {\n @include font-size(13);\n\n flex: 0 1 auto;\n color: $rmText;\n font-weight: bold;\n line-height: 1.4;\n white-space: nowrap;\n\n strong,\n .page,\n .total {\n font-weight: bold;\n }\n }\n\n > .col-6.txt-rgt {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n flex: 0 0 auto;\n gap: 16px;\n text-align: right;\n }\n }\n\n // Text-link chrome for Previous/Next (scoped under .file-selector .pagination-bottom)\n .pagination .txt-rgt > button.btn-info,\n .pagination .pages > li > a,\n .pagination .pages > li > button {\n margin: 0;\n min-height: 0;\n padding: 0;\n border: 0;\n border-color: transparent;\n background: transparent;\n background-color: transparent;\n background-image: none;\n color: $rmInfo;\n font-weight: normal;\n line-height: 1.4;\n text-shadow: none;\n box-shadow: none;\n opacity: 1;\n\n @include font-size(13);\n\n .icon-backward,\n .icon-forward {\n display: none;\n }\n\n &:hover,\n &:focus,\n &:active {\n color: $rmInfo;\n text-decoration: underline;\n background: transparent;\n background-color: transparent;\n background-image: none;\n border-color: transparent;\n opacity: 1;\n }\n }\n\n // Simple provider: \"< Previous\" / \"Next >\" text links\n .pagination .txt-rgt > button:first-child::before {\n content: '< ';\n }\n\n .pagination .txt-rgt > button:last-child::after {\n content: ' >';\n }\n\n .pagination .txt-rgt > button.btn-info[disabled],\n .pagination .pages > .disabled > a,\n .pagination .pages > .disabled > span,\n .pagination .pages > .disabled > button {\n color: lighten($rmText, 45%);\n cursor: not-allowed;\n text-decoration: none;\n pointer-events: none;\n\n &:hover,\n &:focus,\n &:active {\n color: lighten($rmText, 45%);\n text-decoration: none;\n background: transparent;\n background-color: transparent;\n }\n\n // _buttons.scss `.disabled, button[disabled]` uses !important — override only there\n &,\n &:hover,\n &:focus,\n &:active {\n background-color: transparent !important;\n border: none !important;\n color: lighten($rmText, 45%) !important;\n cursor: not-allowed !important;\n opacity: 1 !important;\n text-shadow: none !important;\n }\n }\n }\n }\n}\n\n// select2 dropdown/mask are appended to body; item creator modal uses z-index 105002\n.criteria-dropdown-select2 {\n z-index: 105100 !important;\n}\n\n#select2-drop-mask {\n z-index: 105090 !important;\n}\n","// buttons and alerts\n$success: rgb(14, 145, 75);\n$info: rgb(14, 93, 145);\n$warning: rgb(216, 174, 91);\n$danger: rgb(201, 96, 67);\n$error: rgb(186, 18, 43);\n$activeInteraction: rgb(195, 90, 19);\n\n// corporate identity\n$logoRed: rgb(186, 18, 43);\n$grey: rgb(173, 161, 148);\n$darkBlueGrey: rgb(164, 187, 197);\n$mediumBlueGrey: rgb(193, 212, 220);\n$lightBlueGrey: rgb(228, 236, 239);\n$brownRedGrey: rgb(154, 137, 123);\n$darkBrown: rgb(111, 99, 89);\n$websiteBorder: rgb(141, 148, 158);\n\n// ui elements, these should only variations of the above\n// naming convention: jQueryUi theme roller -> camelCase\n\n$textColor: #222;\n$textHighlight: white;\n$textSecondary: #737373;\n$shadowColor: rgba(0, 0, 0, 0.25);\n\n$modalBorderColor: #dddfe2;\n$searchInp: #dddfe2;\n\n$uiGeneralContentBg: white();\n$uiGeneralContentBorder: #ddd;\n\n$uiHeaderBg: #d4d5d7;\n\n$uiClickableDefaultBg: #f3f1ef;\n$uiClickableHoverBg: whiten($info, 0.2);\n//$uiClickableActiveBg: $uiHeaderBg;\n$uiClickableActiveBg: whiten($websiteBorder, 0.2);\n//$uiClickableActiveBg: #aaa;\n\n$uiSelectableSelectedBg: whiten($info, 0.2);\n$uiSelectableSelectedHoverBg: whiten($info, 0.1);\n$uiSelectableHoverBg: whiten($info, 0.9);\n\n$uiOverlay: $lightBlueGrey;\n\n// new layout. Implemented now only for review panel\n$uiReviewPanelBg: #f2f2f2;\n$uiReviewPanelTextDisabled: hsl(0, 0%, 45%);\n$uiReviewPanelTextDefault: hsl(0, 0%, 12%);\n$uiReviewPanelBgDefault: $uiGeneralContentBg;\n$uiReviewPanelPrimaryHighlight: hsl(208, 100%, 32%);\n$uiReviewPanelBgInverted: $uiReviewPanelTextDefault;\n$uiReviewPanelTextInverted: $uiGeneralContentBg;\n\n// sidebars etc.\n$canvas: mix(#fff, $grey, 85%);\n\n// colors taken from feedback.scss\n$successBgColor: whiten($success, 0.8);\n$successBorderColor: whiten($success, 0.1);\n\n$infoBgColor: whiten($info, 0.8);\n$infoBorderColor: whiten($info, 0.1);\n\n$warningBgColor: whiten($warning, 0.8);\n$warningBorderColor: whiten($warning, 0.1);\n\n$dangerBgColor: whiten($danger, 0.8);\n$dangerBorderColor: whiten($danger, 0.1);\n\n$errorBgColor: whiten($error, 0.8);\n$errorBorderColor: whiten($error, 0.1);\n\n$darkBar: rgb(51, 51, 51);\n$darkBarTxt: rgb(230, 230, 230);\n$darkBarIcon: rgb(220, 220, 220);\n\n$actionLinkColor: #276d9b;\n$actionLinkHoverColor: #4f83a7;\n\n$colorBrand: #266d9c;\n$colorBrandLight: #e4ecef;\n$colorGsDark: #121212; //color ported from nextgen TAO design system\n\n$colorWheel-01: #c3ba13;\n$colorWheel-02: #84a610;\n$colorWheel-03: #2b8e0e;\n$colorWheel-04: #0f9787;\n$colorWheel-05: #0e5d91;\n$colorWheel-06: #0d2689;\n$colorWheel-07: #400d83;\n$colorWheel-08: #960e7d;\n$colorWheel-09: #ba122b;\n$colorWheel-10: #c34713;\n$colorWheel-11: #c36f13;\n$colorWheel-12: #c39413;\n"]}