npm - @pnp/spfx-controls-react - Versions diffs - 3.26.0-beta.3602956 → 4.0.0-beta.3798679 - Mend

@pnp/spfx-controls-react 3.26.0-beta.3602956 → 4.0.0-beta.3798679

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 (2257) hide show

package/lib/controls/filePicker/StockImagesTab/StockImages.module.scss.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":"","sources":["../../../../node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../../src/controls/filePicker/FilePicker.module.scss","../../../../src/controls/filePicker/StockImagesTab/StockImages.module.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;ACHA;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACA;;;AAGA;EACE;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;;ACtYJ;EACE;EACA;;;AAEF;EACE;EACA;EAEA;EACA;EACA;EACA","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/\r\n Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-light;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-semilight;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-regular;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-semibold;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-bold;\r\n font-style: normal;\r\n }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n [lang^=\"#{$language-code}\"] .ms-Fabric,\r\n .ms-Fabric [lang^=\"#{$language-code}\"],\r\n .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n font-family: $font-family;\r\n }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n.filePicker {\n color: inherit;\n}\n\n.filePicker :global(.ms-Panel-commands) {\n display: none;\n}\n\n.filePicker :global(.ms-Panel-main) {\n top: 50px;\n border: none;\n overflow-y: hidden;\n}\n\n[dir=\"ltr\"] .filePicker :global(.ms-Panel-content) {\n padding-left: 0;\n}\n\n.filePicker :global(.ms-Panel-contentInner) {\n padding: 0;\n top: 0;\n overflow: hidden;\n}\n\n.filePicker :global(.ms-Panel-header) {\n margin: 0;\n}\n\n.filePicker :global(.ms-Nav-link) {\n position: relative;\n -webkit-font-smoothing: antialiased;\n font-size: 14px;\n font-weight: 400;\n box-sizing: border-box;\n display: block;\n text-align: center;\n cursor: pointer;\n padding-top: 0px;\n padding-right: 20px;\n padding-bottom: 0px;\n padding-left: 15px;\n height: 36px;\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n background-color: transparent;\n width: 100%;\n line-height: 36px;\n text-overflow: ellipsis;\n white-space: nowrap;\n user-select: none;\n outline: transparent;\n border-width: initial;\n border-style: none;\n border-image: initial;\n text-decoration: none;\n border-radius: 0px;\n overflow: hidden;\n border-color: transparent;\n}\n\n.filePicker :global(.is-selected) :global(.ms-Nav-link) {\n position: relative;\n -webkit-font-smoothing: antialiased;\n font-size: 14px;\n font-weight: 400;\n box-sizing: border-box;\n display: block;\n text-align: center;\n cursor: pointer;\n padding-top: 0px;\n padding-right: 20px;\n padding-bottom: 0px;\n padding-left: 15px;\n height: 36px;\n color: \"[theme:themePrimary, default:#{$ms-color-themePrimary}]\";\n background-color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n width: 100%;\n line-height: 36px;\n text-overflow: ellipsis;\n white-space: nowrap;\n user-select: none;\n outline: transparent;\n border-width: initial;\n border-style: none;\n text-decoration: none;\n border-radius: 0px;\n overflow: hidden;\n}\n.tabsContainer {\n position: absolute;\n top: 0;\n bottom: 0;\n height: auto;\n}\n\n.tabContainer {\n height: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n[dir=\"ltr\"] .tabsContainer {\n left: 212px;\n}\n\n[dir=\"ltr\"] .tabsContainer {\n right: 0;\n}\n\n.nav {\n position: absolute;\n height: 100%;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n}\n\n[dir=\"ltr\"] .nav {\n border-right: 2px solid;\n width: 210px;\n}\n\n.nav :global(.ms-Nav) {\n height: 100%;\n width: 210px;\n padding-top: 60px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border-top-width: 40px;\n border-top-style: solid;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n}\n\n.tabHeaderContainer {\n display: inline-block;\n width: 100%;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n border-top: 40px solid;\n}\n\n.breadcrumbNav {\n margin-top: 0px;\n padding: 22px 32px;\n}\n.breadcrumbNavItem {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n font-size: 24px;\n font-weight: 600;\n padding: 22px 8px 20px 0;\n}\n\n.breadcrumbNav :global(.ms-Breadcrumb-listItem:last-child .ms-Breadcrumb-itemLink) {\n font-weight: 600;\n}\n\n.tab {\n overflow-y: auto;\n flex-grow: 2;\n}\n\n.tabOffset {\n padding: 0 32px;\n}\n\n.tabFiles {\n overflow-y: hidden;\n overflow-x: hidden;\n flex-grow: 2;\n padding: 0 32px;\n}\n.scrollablePaneWrapper {\n height: 75vh;\n position: relative;\n overflow: hidden;\n}\n\n.actionButtonsContainer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n width: 100%;\n background-color: \"[theme:white, default:#{$ms-color-white}]\";\n -ms-flex-negative: 0;\n flex-shrink: 0;\n z-index: 100;\n}\n\n.actionButtons {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n padding-top: 10px;\n padding-bottom: 10px;\n}\n\n.actionButton {\n height: 30px;\n padding-bottom: 3px;\n}\n\n[dir=\"ltr\"] .actionButton {\n padding-left: 16px;\n}\n\n[dir=\"ltr\"] .actionButton {\n margin-left: 0;\n}\n\n[dir=\"ltr\"] .actionButton {\n margin-right: 10px;\n}\n\n[dir=\"ltr\"] .actionButtons {\n padding-left: 20px;\n}\n\n[dir=\"ltr\"] .actionButtons {\n padding-right: 11px;\n}\n\n.tabHeader {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n margin: 0;\n font-size: 24px;\n font-weight: 600;\n padding: 22px 0 20px 32px;\n}\n\n.tabContainer {\n height: 100%;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n flex-direction: column;\n}\n\n.filePicker :global(.ms-Panel-main) {\n top: 50px;\n border: none;\n overflow-y: hidden;\n}\n\n.tabsContainer .selectedTab {\n display: block;\n height: 100%;\n width: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.header {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n.xlg, .xxlg, .xxxlg, .xxxxlg {\n color: inherit;\n}\n\n.itemPickerTopBar {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 40px;\n background-color: red;\n}\n\n.itemPickerTopBar :global(.ms-CommandBarItem-link) {\n border-color: transparent;\n}\n\n.commandBarNoChevron :global(.ms-CommandBarItem-chevronDown) {\n display: none;\n}\n\n\n.fileItem {\n cursor: default;\n}\n\n.folderItem {\n cursor: pointer;\n}\n\n.folderItem:hover {\n text-decoration: underline;\n}\n\n.fileTypeIcon {\n margin: 0 -2px;\n display: inline-block;\n}\n\n.fileTypeIconIcon {\n display: inline-block;\n vertical-align: middle;\n position: relative;\n overflow: hidden;\n width: 20px;\n height: 20px;\n}\n\n.detailsListHeaderFileTypeIcon {\n font-size: 16px;\n padding: 0;\n}\n\n.iconColumnHeader {\n width: 40px!important;\n margin-right: -8px;\n}\n\n.iconColumnHeader i {\n font-size:16px;\n}\n\n.fileRow {\ncolor: inherit;\n}\n\n.folderRow {\n color: inherit;\n}\n\n.folderRow :global(.ms-DetailsRow-check) {\n visibility: hidden;\n}\n\n.emptyFolder {\n text-align: center;\n\n .emptyFolderImage {\n padding-top: 52px;\n height: 208px;\n width: auto;\n margin: 0 auto;\n\n .emptyFolderImageTag {\n height: 208px;\n width: auto;\n }\n }\n\n .emptyFolderTitle {\n padding: 16px 16px 0 16px;\n font-size: 21px;\n font-weight: 100;\n max-width: 400px;\n color: #858585;\n margin: 0 auto;\n }\n\n .emptyFolderSubText {\n padding: 6px 16px 0 16px;\n font-size: 14px;\n font-weight: 400;\n max-width: 400px;\n color: #858585;\n margin: 0 auto;\n }\n\n .emptyFolderMobile {\n display: none;\n }\n\n .emptyFolderPc {\n color: inherit;\n }\n\n .emptyFolderIcon {\n display: inline;\n font-size: 13px;\n padding-left: 2px;\n padding-right: 1px;\n }\n}\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n@import \"../FilePicker.module.scss\";\n\n.stockImagesPickerContainer {\n width: 100%;\n height: 100%;\n}\n.stockImagesPicker {\n width: 100%;\n height: 100%;\n\n background-color: transparent;\n border: 0px none transparent;\n padding: 0px;\n overflow: hidden;\n\n //margin-top:-30px;\n //margin-left: -35px;\n}\n"],"file":"StockImages.module.scss.css"}
1	+ {"version":3,"sourceRoot":"","sources":["../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.17_@types+react@17.0.45_react-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../../src/controls/filePicker/FilePicker.module.scss","../../../../src/controls/filePicker/StockImagesTab/StockImages.module.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;ACHA;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACA;;;AAGA;EACE;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;;ACtYJ;EACE;EACA;;;AAEF;EACE;EACA;EAEA;EACA;EACA;EACA","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/\r\n Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-light;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-semilight;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-regular;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-semibold;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-bold;\r\n font-style: normal;\r\n }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n [lang^=\"#{$language-code}\"] .ms-Fabric,\r\n .ms-Fabric [lang^=\"#{$language-code}\"],\r\n .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n font-family: $font-family;\r\n }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n.filePicker {\n color: inherit;\n}\n\n.filePicker :global(.ms-Panel-commands) {\n display: none;\n}\n\n.filePicker :global(.ms-Panel-main) {\n top: 50px;\n border: none;\n overflow-y: hidden;\n}\n\n[dir=\"ltr\"] .filePicker :global(.ms-Panel-content) {\n padding-left: 0;\n}\n\n.filePicker :global(.ms-Panel-contentInner) {\n padding: 0;\n top: 0;\n overflow: hidden;\n}\n\n.filePicker :global(.ms-Panel-header) {\n margin: 0;\n}\n\n.filePicker :global(.ms-Nav-link) {\n position: relative;\n -webkit-font-smoothing: antialiased;\n font-size: 14px;\n font-weight: 400;\n box-sizing: border-box;\n display: block;\n text-align: center;\n cursor: pointer;\n padding-top: 0px;\n padding-right: 20px;\n padding-bottom: 0px;\n padding-left: 15px;\n height: 36px;\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n background-color: transparent;\n width: 100%;\n line-height: 36px;\n text-overflow: ellipsis;\n white-space: nowrap;\n user-select: none;\n outline: transparent;\n border-width: initial;\n border-style: none;\n border-image: initial;\n text-decoration: none;\n border-radius: 0px;\n overflow: hidden;\n border-color: transparent;\n}\n\n.filePicker :global(.is-selected) :global(.ms-Nav-link) {\n position: relative;\n -webkit-font-smoothing: antialiased;\n font-size: 14px;\n font-weight: 400;\n box-sizing: border-box;\n display: block;\n text-align: center;\n cursor: pointer;\n padding-top: 0px;\n padding-right: 20px;\n padding-bottom: 0px;\n padding-left: 15px;\n height: 36px;\n color: \"[theme:themePrimary, default:#{$ms-color-themePrimary}]\";\n background-color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n width: 100%;\n line-height: 36px;\n text-overflow: ellipsis;\n white-space: nowrap;\n user-select: none;\n outline: transparent;\n border-width: initial;\n border-style: none;\n text-decoration: none;\n border-radius: 0px;\n overflow: hidden;\n}\n.tabsContainer {\n position: absolute;\n top: 0;\n bottom: 0;\n height: auto;\n}\n\n.tabContainer {\n height: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n[dir=\"ltr\"] .tabsContainer {\n left: 212px;\n}\n\n[dir=\"ltr\"] .tabsContainer {\n right: 0;\n}\n\n.nav {\n position: absolute;\n height: 100%;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n}\n\n[dir=\"ltr\"] .nav {\n border-right: 2px solid;\n width: 210px;\n}\n\n.nav :global(.ms-Nav) {\n height: 100%;\n width: 210px;\n padding-top: 60px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border-top-width: 40px;\n border-top-style: solid;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n}\n\n.tabHeaderContainer {\n display: inline-block;\n width: 100%;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n border-top: 40px solid;\n}\n\n.breadcrumbNav {\n margin-top: 0px;\n padding: 22px 32px;\n}\n.breadcrumbNavItem {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n font-size: 24px;\n font-weight: 600;\n padding: 22px 8px 20px 0;\n}\n\n.breadcrumbNav :global(.ms-Breadcrumb-listItem:last-child .ms-Breadcrumb-itemLink) {\n font-weight: 600;\n}\n\n.tab {\n overflow-y: auto;\n flex-grow: 2;\n}\n\n.tabOffset {\n padding: 0 32px;\n}\n\n.tabFiles {\n overflow-y: hidden;\n overflow-x: hidden;\n flex-grow: 2;\n padding: 0 32px;\n}\n.scrollablePaneWrapper {\n height: 75vh;\n position: relative;\n overflow: hidden;\n}\n\n.actionButtonsContainer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n width: 100%;\n background-color: \"[theme:white, default:#{$ms-color-white}]\";\n -ms-flex-negative: 0;\n flex-shrink: 0;\n z-index: 100;\n}\n\n.actionButtons {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n padding-top: 10px;\n padding-bottom: 10px;\n}\n\n.actionButton {\n height: 30px;\n padding-bottom: 3px;\n}\n\n[dir=\"ltr\"] .actionButton {\n padding-left: 16px;\n}\n\n[dir=\"ltr\"] .actionButton {\n margin-left: 0;\n}\n\n[dir=\"ltr\"] .actionButton {\n margin-right: 10px;\n}\n\n[dir=\"ltr\"] .actionButtons {\n padding-left: 20px;\n}\n\n[dir=\"ltr\"] .actionButtons {\n padding-right: 11px;\n}\n\n.tabHeader {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n margin: 0;\n font-size: 24px;\n font-weight: 600;\n padding: 22px 0 20px 32px;\n}\n\n.tabContainer {\n height: 100%;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n flex-direction: column;\n}\n\n.filePicker :global(.ms-Panel-main) {\n top: 50px;\n border: none;\n overflow-y: hidden;\n}\n\n.tabsContainer .selectedTab {\n display: block;\n height: 100%;\n width: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.header {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n.xlg, .xxlg, .xxxlg, .xxxxlg {\n color: inherit;\n}\n\n.itemPickerTopBar {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 40px;\n background-color: red;\n}\n\n.itemPickerTopBar :global(.ms-CommandBarItem-link) {\n border-color: transparent;\n}\n\n.commandBarNoChevron :global(.ms-CommandBarItem-chevronDown) {\n display: none;\n}\n\n\n.fileItem {\n cursor: default;\n}\n\n.folderItem {\n cursor: pointer;\n}\n\n.folderItem:hover {\n text-decoration: underline;\n}\n\n.fileTypeIcon {\n margin: 0 -2px;\n display: inline-block;\n}\n\n.fileTypeIconIcon {\n display: inline-block;\n vertical-align: middle;\n position: relative;\n overflow: hidden;\n width: 20px;\n height: 20px;\n}\n\n.detailsListHeaderFileTypeIcon {\n font-size: 16px;\n padding: 0;\n}\n\n.iconColumnHeader {\n width: 40px!important;\n margin-right: -8px;\n}\n\n.iconColumnHeader i {\n font-size:16px;\n}\n\n.fileRow {\ncolor: inherit;\n}\n\n.folderRow {\n color: inherit;\n}\n\n.folderRow :global(.ms-DetailsRow-check) {\n visibility: hidden;\n}\n\n.emptyFolder {\n text-align: center;\n\n .emptyFolderImage {\n padding-top: 52px;\n height: 208px;\n width: auto;\n margin: 0 auto;\n\n .emptyFolderImageTag {\n height: 208px;\n width: auto;\n }\n }\n\n .emptyFolderTitle {\n padding: 16px 16px 0 16px;\n font-size: 21px;\n font-weight: 100;\n max-width: 400px;\n color: #858585;\n margin: 0 auto;\n }\n\n .emptyFolderSubText {\n padding: 6px 16px 0 16px;\n font-size: 14px;\n font-weight: 400;\n max-width: 400px;\n color: #858585;\n margin: 0 auto;\n }\n\n .emptyFolderMobile {\n display: none;\n }\n\n .emptyFolderPc {\n color: inherit;\n }\n\n .emptyFolderIcon {\n display: inline;\n font-size: 13px;\n padding-left: 2px;\n padding-right: 1px;\n }\n}\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n@import \"../FilePicker.module.scss\";\n\n.stockImagesPickerContainer {\n width: 100%;\n height: 100%;\n}\n.stockImagesPicker {\n width: 100%;\n height: 100%;\n\n background-color: transparent;\n border: 0px none transparent;\n padding: 0px;\n overflow: hidden;\n\n //margin-top:-30px;\n //margin-left: -35px;\n}\n"],"file":"StockImages.module.scss.css"}

package/lib/controls/filePicker/UploadFilePickerTab/UploadFilePickerTab.module.scss.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":"","sources":["../../../../node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../../src/controls/filePicker/FilePicker.module.scss","../../../../src/controls/filePicker/UploadFilePickerTab/UploadFilePickerTab.module.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;ACHA;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACA;;;AAGA;EACE;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;;ACtYJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/\r\n Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-light;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-semilight;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-regular;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-semibold;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-bold;\r\n font-style: normal;\r\n }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n [lang^=\"#{$language-code}\"] .ms-Fabric,\r\n .ms-Fabric [lang^=\"#{$language-code}\"],\r\n .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n font-family: $font-family;\r\n }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n.filePicker {\n color: inherit;\n}\n\n.filePicker :global(.ms-Panel-commands) {\n display: none;\n}\n\n.filePicker :global(.ms-Panel-main) {\n top: 50px;\n border: none;\n overflow-y: hidden;\n}\n\n[dir=\"ltr\"] .filePicker :global(.ms-Panel-content) {\n padding-left: 0;\n}\n\n.filePicker :global(.ms-Panel-contentInner) {\n padding: 0;\n top: 0;\n overflow: hidden;\n}\n\n.filePicker :global(.ms-Panel-header) {\n margin: 0;\n}\n\n.filePicker :global(.ms-Nav-link) {\n position: relative;\n -webkit-font-smoothing: antialiased;\n font-size: 14px;\n font-weight: 400;\n box-sizing: border-box;\n display: block;\n text-align: center;\n cursor: pointer;\n padding-top: 0px;\n padding-right: 20px;\n padding-bottom: 0px;\n padding-left: 15px;\n height: 36px;\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n background-color: transparent;\n width: 100%;\n line-height: 36px;\n text-overflow: ellipsis;\n white-space: nowrap;\n user-select: none;\n outline: transparent;\n border-width: initial;\n border-style: none;\n border-image: initial;\n text-decoration: none;\n border-radius: 0px;\n overflow: hidden;\n border-color: transparent;\n}\n\n.filePicker :global(.is-selected) :global(.ms-Nav-link) {\n position: relative;\n -webkit-font-smoothing: antialiased;\n font-size: 14px;\n font-weight: 400;\n box-sizing: border-box;\n display: block;\n text-align: center;\n cursor: pointer;\n padding-top: 0px;\n padding-right: 20px;\n padding-bottom: 0px;\n padding-left: 15px;\n height: 36px;\n color: \"[theme:themePrimary, default:#{$ms-color-themePrimary}]\";\n background-color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n width: 100%;\n line-height: 36px;\n text-overflow: ellipsis;\n white-space: nowrap;\n user-select: none;\n outline: transparent;\n border-width: initial;\n border-style: none;\n text-decoration: none;\n border-radius: 0px;\n overflow: hidden;\n}\n.tabsContainer {\n position: absolute;\n top: 0;\n bottom: 0;\n height: auto;\n}\n\n.tabContainer {\n height: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n[dir=\"ltr\"] .tabsContainer {\n left: 212px;\n}\n\n[dir=\"ltr\"] .tabsContainer {\n right: 0;\n}\n\n.nav {\n position: absolute;\n height: 100%;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n}\n\n[dir=\"ltr\"] .nav {\n border-right: 2px solid;\n width: 210px;\n}\n\n.nav :global(.ms-Nav) {\n height: 100%;\n width: 210px;\n padding-top: 60px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border-top-width: 40px;\n border-top-style: solid;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n}\n\n.tabHeaderContainer {\n display: inline-block;\n width: 100%;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n border-top: 40px solid;\n}\n\n.breadcrumbNav {\n margin-top: 0px;\n padding: 22px 32px;\n}\n.breadcrumbNavItem {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n font-size: 24px;\n font-weight: 600;\n padding: 22px 8px 20px 0;\n}\n\n.breadcrumbNav :global(.ms-Breadcrumb-listItem:last-child .ms-Breadcrumb-itemLink) {\n font-weight: 600;\n}\n\n.tab {\n overflow-y: auto;\n flex-grow: 2;\n}\n\n.tabOffset {\n padding: 0 32px;\n}\n\n.tabFiles {\n overflow-y: hidden;\n overflow-x: hidden;\n flex-grow: 2;\n padding: 0 32px;\n}\n.scrollablePaneWrapper {\n height: 75vh;\n position: relative;\n overflow: hidden;\n}\n\n.actionButtonsContainer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n width: 100%;\n background-color: \"[theme:white, default:#{$ms-color-white}]\";\n -ms-flex-negative: 0;\n flex-shrink: 0;\n z-index: 100;\n}\n\n.actionButtons {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n padding-top: 10px;\n padding-bottom: 10px;\n}\n\n.actionButton {\n height: 30px;\n padding-bottom: 3px;\n}\n\n[dir=\"ltr\"] .actionButton {\n padding-left: 16px;\n}\n\n[dir=\"ltr\"] .actionButton {\n margin-left: 0;\n}\n\n[dir=\"ltr\"] .actionButton {\n margin-right: 10px;\n}\n\n[dir=\"ltr\"] .actionButtons {\n padding-left: 20px;\n}\n\n[dir=\"ltr\"] .actionButtons {\n padding-right: 11px;\n}\n\n.tabHeader {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n margin: 0;\n font-size: 24px;\n font-weight: 600;\n padding: 22px 0 20px 32px;\n}\n\n.tabContainer {\n height: 100%;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n flex-direction: column;\n}\n\n.filePicker :global(.ms-Panel-main) {\n top: 50px;\n border: none;\n overflow-y: hidden;\n}\n\n.tabsContainer .selectedTab {\n display: block;\n height: 100%;\n width: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.header {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n.xlg, .xxlg, .xxxlg, .xxxxlg {\n color: inherit;\n}\n\n.itemPickerTopBar {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 40px;\n background-color: red;\n}\n\n.itemPickerTopBar :global(.ms-CommandBarItem-link) {\n border-color: transparent;\n}\n\n.commandBarNoChevron :global(.ms-CommandBarItem-chevronDown) {\n display: none;\n}\n\n\n.fileItem {\n cursor: default;\n}\n\n.folderItem {\n cursor: pointer;\n}\n\n.folderItem:hover {\n text-decoration: underline;\n}\n\n.fileTypeIcon {\n margin: 0 -2px;\n display: inline-block;\n}\n\n.fileTypeIconIcon {\n display: inline-block;\n vertical-align: middle;\n position: relative;\n overflow: hidden;\n width: 20px;\n height: 20px;\n}\n\n.detailsListHeaderFileTypeIcon {\n font-size: 16px;\n padding: 0;\n}\n\n.iconColumnHeader {\n width: 40px!important;\n margin-right: -8px;\n}\n\n.iconColumnHeader i {\n font-size:16px;\n}\n\n.fileRow {\ncolor: inherit;\n}\n\n.folderRow {\n color: inherit;\n}\n\n.folderRow :global(.ms-DetailsRow-check) {\n visibility: hidden;\n}\n\n.emptyFolder {\n text-align: center;\n\n .emptyFolderImage {\n padding-top: 52px;\n height: 208px;\n width: auto;\n margin: 0 auto;\n\n .emptyFolderImageTag {\n height: 208px;\n width: auto;\n }\n }\n\n .emptyFolderTitle {\n padding: 16px 16px 0 16px;\n font-size: 21px;\n font-weight: 100;\n max-width: 400px;\n color: #858585;\n margin: 0 auto;\n }\n\n .emptyFolderSubText {\n padding: 6px 16px 0 16px;\n font-size: 14px;\n font-weight: 400;\n max-width: 400px;\n color: #858585;\n margin: 0 auto;\n }\n\n .emptyFolderMobile {\n display: none;\n }\n\n .emptyFolderPc {\n color: inherit;\n }\n\n .emptyFolderIcon {\n display: inline;\n font-size: 13px;\n padding-left: 2px;\n padding-right: 1px;\n }\n}\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n@import \"../FilePicker.module.scss\";\n\n.localTabSinglePreview {\n margin-bottom: 20px;\n display: inline-block;\n text-align: center;\n}\n\n.localTabSinglePreviewImage {\n display: block;\n max-width: 100%;\n max-height: 220px;\n image-orientation: from-image;\n}\n\n.localTabFilename {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n}\n\n.localTabLabel {\n color: \"[theme:themePrimary, default:#{$ms-color-themePrimary}]\";\n cursor: pointer;\n}\n\n.localTabInput {\n width: 0.1px;\n height: 0.1px;\n opacity: 0;\n overflow: hidden;\n position: absolute;\n z-index: -1;\n}\n"],"file":"UploadFilePickerTab.module.scss.css"}
1	+ {"version":3,"sourceRoot":"","sources":["../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.17_@types+react@17.0.45_react-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../../src/controls/filePicker/FilePicker.module.scss","../../../../src/controls/filePicker/UploadFilePickerTab/UploadFilePickerTab.module.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;ACHA;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACA;;;AAGA;EACE;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;;ACtYJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/\r\n Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-light;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-semilight;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-regular;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-semibold;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-bold;\r\n font-style: normal;\r\n }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n [lang^=\"#{$language-code}\"] .ms-Fabric,\r\n .ms-Fabric [lang^=\"#{$language-code}\"],\r\n .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n font-family: $font-family;\r\n }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n.filePicker {\n color: inherit;\n}\n\n.filePicker :global(.ms-Panel-commands) {\n display: none;\n}\n\n.filePicker :global(.ms-Panel-main) {\n top: 50px;\n border: none;\n overflow-y: hidden;\n}\n\n[dir=\"ltr\"] .filePicker :global(.ms-Panel-content) {\n padding-left: 0;\n}\n\n.filePicker :global(.ms-Panel-contentInner) {\n padding: 0;\n top: 0;\n overflow: hidden;\n}\n\n.filePicker :global(.ms-Panel-header) {\n margin: 0;\n}\n\n.filePicker :global(.ms-Nav-link) {\n position: relative;\n -webkit-font-smoothing: antialiased;\n font-size: 14px;\n font-weight: 400;\n box-sizing: border-box;\n display: block;\n text-align: center;\n cursor: pointer;\n padding-top: 0px;\n padding-right: 20px;\n padding-bottom: 0px;\n padding-left: 15px;\n height: 36px;\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n background-color: transparent;\n width: 100%;\n line-height: 36px;\n text-overflow: ellipsis;\n white-space: nowrap;\n user-select: none;\n outline: transparent;\n border-width: initial;\n border-style: none;\n border-image: initial;\n text-decoration: none;\n border-radius: 0px;\n overflow: hidden;\n border-color: transparent;\n}\n\n.filePicker :global(.is-selected) :global(.ms-Nav-link) {\n position: relative;\n -webkit-font-smoothing: antialiased;\n font-size: 14px;\n font-weight: 400;\n box-sizing: border-box;\n display: block;\n text-align: center;\n cursor: pointer;\n padding-top: 0px;\n padding-right: 20px;\n padding-bottom: 0px;\n padding-left: 15px;\n height: 36px;\n color: \"[theme:themePrimary, default:#{$ms-color-themePrimary}]\";\n background-color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n width: 100%;\n line-height: 36px;\n text-overflow: ellipsis;\n white-space: nowrap;\n user-select: none;\n outline: transparent;\n border-width: initial;\n border-style: none;\n text-decoration: none;\n border-radius: 0px;\n overflow: hidden;\n}\n.tabsContainer {\n position: absolute;\n top: 0;\n bottom: 0;\n height: auto;\n}\n\n.tabContainer {\n height: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n[dir=\"ltr\"] .tabsContainer {\n left: 212px;\n}\n\n[dir=\"ltr\"] .tabsContainer {\n right: 0;\n}\n\n.nav {\n position: absolute;\n height: 100%;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n}\n\n[dir=\"ltr\"] .nav {\n border-right: 2px solid;\n width: 210px;\n}\n\n.nav :global(.ms-Nav) {\n height: 100%;\n width: 210px;\n padding-top: 60px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border-top-width: 40px;\n border-top-style: solid;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n}\n\n.tabHeaderContainer {\n display: inline-block;\n width: 100%;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n border-top: 40px solid;\n}\n\n.breadcrumbNav {\n margin-top: 0px;\n padding: 22px 32px;\n}\n.breadcrumbNavItem {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n font-size: 24px;\n font-weight: 600;\n padding: 22px 8px 20px 0;\n}\n\n.breadcrumbNav :global(.ms-Breadcrumb-listItem:last-child .ms-Breadcrumb-itemLink) {\n font-weight: 600;\n}\n\n.tab {\n overflow-y: auto;\n flex-grow: 2;\n}\n\n.tabOffset {\n padding: 0 32px;\n}\n\n.tabFiles {\n overflow-y: hidden;\n overflow-x: hidden;\n flex-grow: 2;\n padding: 0 32px;\n}\n.scrollablePaneWrapper {\n height: 75vh;\n position: relative;\n overflow: hidden;\n}\n\n.actionButtonsContainer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n width: 100%;\n background-color: \"[theme:white, default:#{$ms-color-white}]\";\n -ms-flex-negative: 0;\n flex-shrink: 0;\n z-index: 100;\n}\n\n.actionButtons {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n padding-top: 10px;\n padding-bottom: 10px;\n}\n\n.actionButton {\n height: 30px;\n padding-bottom: 3px;\n}\n\n[dir=\"ltr\"] .actionButton {\n padding-left: 16px;\n}\n\n[dir=\"ltr\"] .actionButton {\n margin-left: 0;\n}\n\n[dir=\"ltr\"] .actionButton {\n margin-right: 10px;\n}\n\n[dir=\"ltr\"] .actionButtons {\n padding-left: 20px;\n}\n\n[dir=\"ltr\"] .actionButtons {\n padding-right: 11px;\n}\n\n.tabHeader {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n margin: 0;\n font-size: 24px;\n font-weight: 600;\n padding: 22px 0 20px 32px;\n}\n\n.tabContainer {\n height: 100%;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n flex-direction: column;\n}\n\n.filePicker :global(.ms-Panel-main) {\n top: 50px;\n border: none;\n overflow-y: hidden;\n}\n\n.tabsContainer .selectedTab {\n display: block;\n height: 100%;\n width: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.header {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n.xlg, .xxlg, .xxxlg, .xxxxlg {\n color: inherit;\n}\n\n.itemPickerTopBar {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 40px;\n background-color: red;\n}\n\n.itemPickerTopBar :global(.ms-CommandBarItem-link) {\n border-color: transparent;\n}\n\n.commandBarNoChevron :global(.ms-CommandBarItem-chevronDown) {\n display: none;\n}\n\n\n.fileItem {\n cursor: default;\n}\n\n.folderItem {\n cursor: pointer;\n}\n\n.folderItem:hover {\n text-decoration: underline;\n}\n\n.fileTypeIcon {\n margin: 0 -2px;\n display: inline-block;\n}\n\n.fileTypeIconIcon {\n display: inline-block;\n vertical-align: middle;\n position: relative;\n overflow: hidden;\n width: 20px;\n height: 20px;\n}\n\n.detailsListHeaderFileTypeIcon {\n font-size: 16px;\n padding: 0;\n}\n\n.iconColumnHeader {\n width: 40px!important;\n margin-right: -8px;\n}\n\n.iconColumnHeader i {\n font-size:16px;\n}\n\n.fileRow {\ncolor: inherit;\n}\n\n.folderRow {\n color: inherit;\n}\n\n.folderRow :global(.ms-DetailsRow-check) {\n visibility: hidden;\n}\n\n.emptyFolder {\n text-align: center;\n\n .emptyFolderImage {\n padding-top: 52px;\n height: 208px;\n width: auto;\n margin: 0 auto;\n\n .emptyFolderImageTag {\n height: 208px;\n width: auto;\n }\n }\n\n .emptyFolderTitle {\n padding: 16px 16px 0 16px;\n font-size: 21px;\n font-weight: 100;\n max-width: 400px;\n color: #858585;\n margin: 0 auto;\n }\n\n .emptyFolderSubText {\n padding: 6px 16px 0 16px;\n font-size: 14px;\n font-weight: 400;\n max-width: 400px;\n color: #858585;\n margin: 0 auto;\n }\n\n .emptyFolderMobile {\n display: none;\n }\n\n .emptyFolderPc {\n color: inherit;\n }\n\n .emptyFolderIcon {\n display: inline;\n font-size: 13px;\n padding-left: 2px;\n padding-right: 1px;\n }\n}\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n@import \"../FilePicker.module.scss\";\n\n.localTabSinglePreview {\n margin-bottom: 20px;\n display: inline-block;\n text-align: center;\n}\n\n.localTabSinglePreviewImage {\n display: block;\n max-width: 100%;\n max-height: 220px;\n image-orientation: from-image;\n}\n\n.localTabFilename {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n}\n\n.localTabLabel {\n color: \"[theme:themePrimary, default:#{$ms-color-themePrimary}]\";\n cursor: pointer;\n}\n\n.localTabInput {\n width: 0.1px;\n height: 0.1px;\n opacity: 0;\n overflow: hidden;\n position: absolute;\n z-index: -1;\n}\n"],"file":"UploadFilePickerTab.module.scss.css"}

package/lib/controls/filePicker/WebSearchTab/WebSearchTab.module.scss.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":"","sources":["../../../../node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../../src/controls/filePicker/FilePicker.module.scss","../../../../src/controls/filePicker/WebSearchTab/WebSearchTab.module.scss","../../../../node_modules/@fluentui/react/dist/sass/mixins/_Directionality.Mixins.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;ACHA;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACA;;;AAGA;EACE;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;;ACtYJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAKN;EACE;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAGE;EACE;EACA;;AAGF;EACE;;;AAKN;EACE;EACA;EACA;;ACxDA;EA2KI;;AApKJ;EAwKI;;;ADnHN;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;EACE;;;AAEF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;AAAA;EAEE;EACA","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/\r\n Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-light;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-semilight;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-regular;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-semibold;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-bold;\r\n font-style: normal;\r\n }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n [lang^=\"#{$language-code}\"] .ms-Fabric,\r\n .ms-Fabric [lang^=\"#{$language-code}\"],\r\n .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n font-family: $font-family;\r\n }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n.filePicker {\n color: inherit;\n}\n\n.filePicker :global(.ms-Panel-commands) {\n display: none;\n}\n\n.filePicker :global(.ms-Panel-main) {\n top: 50px;\n border: none;\n overflow-y: hidden;\n}\n\n[dir=\"ltr\"] .filePicker :global(.ms-Panel-content) {\n padding-left: 0;\n}\n\n.filePicker :global(.ms-Panel-contentInner) {\n padding: 0;\n top: 0;\n overflow: hidden;\n}\n\n.filePicker :global(.ms-Panel-header) {\n margin: 0;\n}\n\n.filePicker :global(.ms-Nav-link) {\n position: relative;\n -webkit-font-smoothing: antialiased;\n font-size: 14px;\n font-weight: 400;\n box-sizing: border-box;\n display: block;\n text-align: center;\n cursor: pointer;\n padding-top: 0px;\n padding-right: 20px;\n padding-bottom: 0px;\n padding-left: 15px;\n height: 36px;\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n background-color: transparent;\n width: 100%;\n line-height: 36px;\n text-overflow: ellipsis;\n white-space: nowrap;\n user-select: none;\n outline: transparent;\n border-width: initial;\n border-style: none;\n border-image: initial;\n text-decoration: none;\n border-radius: 0px;\n overflow: hidden;\n border-color: transparent;\n}\n\n.filePicker :global(.is-selected) :global(.ms-Nav-link) {\n position: relative;\n -webkit-font-smoothing: antialiased;\n font-size: 14px;\n font-weight: 400;\n box-sizing: border-box;\n display: block;\n text-align: center;\n cursor: pointer;\n padding-top: 0px;\n padding-right: 20px;\n padding-bottom: 0px;\n padding-left: 15px;\n height: 36px;\n color: \"[theme:themePrimary, default:#{$ms-color-themePrimary}]\";\n background-color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n width: 100%;\n line-height: 36px;\n text-overflow: ellipsis;\n white-space: nowrap;\n user-select: none;\n outline: transparent;\n border-width: initial;\n border-style: none;\n text-decoration: none;\n border-radius: 0px;\n overflow: hidden;\n}\n.tabsContainer {\n position: absolute;\n top: 0;\n bottom: 0;\n height: auto;\n}\n\n.tabContainer {\n height: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n[dir=\"ltr\"] .tabsContainer {\n left: 212px;\n}\n\n[dir=\"ltr\"] .tabsContainer {\n right: 0;\n}\n\n.nav {\n position: absolute;\n height: 100%;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n}\n\n[dir=\"ltr\"] .nav {\n border-right: 2px solid;\n width: 210px;\n}\n\n.nav :global(.ms-Nav) {\n height: 100%;\n width: 210px;\n padding-top: 60px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border-top-width: 40px;\n border-top-style: solid;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n}\n\n.tabHeaderContainer {\n display: inline-block;\n width: 100%;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n border-top: 40px solid;\n}\n\n.breadcrumbNav {\n margin-top: 0px;\n padding: 22px 32px;\n}\n.breadcrumbNavItem {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n font-size: 24px;\n font-weight: 600;\n padding: 22px 8px 20px 0;\n}\n\n.breadcrumbNav :global(.ms-Breadcrumb-listItem:last-child .ms-Breadcrumb-itemLink) {\n font-weight: 600;\n}\n\n.tab {\n overflow-y: auto;\n flex-grow: 2;\n}\n\n.tabOffset {\n padding: 0 32px;\n}\n\n.tabFiles {\n overflow-y: hidden;\n overflow-x: hidden;\n flex-grow: 2;\n padding: 0 32px;\n}\n.scrollablePaneWrapper {\n height: 75vh;\n position: relative;\n overflow: hidden;\n}\n\n.actionButtonsContainer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n width: 100%;\n background-color: \"[theme:white, default:#{$ms-color-white}]\";\n -ms-flex-negative: 0;\n flex-shrink: 0;\n z-index: 100;\n}\n\n.actionButtons {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n padding-top: 10px;\n padding-bottom: 10px;\n}\n\n.actionButton {\n height: 30px;\n padding-bottom: 3px;\n}\n\n[dir=\"ltr\"] .actionButton {\n padding-left: 16px;\n}\n\n[dir=\"ltr\"] .actionButton {\n margin-left: 0;\n}\n\n[dir=\"ltr\"] .actionButton {\n margin-right: 10px;\n}\n\n[dir=\"ltr\"] .actionButtons {\n padding-left: 20px;\n}\n\n[dir=\"ltr\"] .actionButtons {\n padding-right: 11px;\n}\n\n.tabHeader {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n margin: 0;\n font-size: 24px;\n font-weight: 600;\n padding: 22px 0 20px 32px;\n}\n\n.tabContainer {\n height: 100%;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n flex-direction: column;\n}\n\n.filePicker :global(.ms-Panel-main) {\n top: 50px;\n border: none;\n overflow-y: hidden;\n}\n\n.tabsContainer .selectedTab {\n display: block;\n height: 100%;\n width: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.header {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n.xlg, .xxlg, .xxxlg, .xxxxlg {\n color: inherit;\n}\n\n.itemPickerTopBar {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 40px;\n background-color: red;\n}\n\n.itemPickerTopBar :global(.ms-CommandBarItem-link) {\n border-color: transparent;\n}\n\n.commandBarNoChevron :global(.ms-CommandBarItem-chevronDown) {\n display: none;\n}\n\n\n.fileItem {\n cursor: default;\n}\n\n.folderItem {\n cursor: pointer;\n}\n\n.folderItem:hover {\n text-decoration: underline;\n}\n\n.fileTypeIcon {\n margin: 0 -2px;\n display: inline-block;\n}\n\n.fileTypeIconIcon {\n display: inline-block;\n vertical-align: middle;\n position: relative;\n overflow: hidden;\n width: 20px;\n height: 20px;\n}\n\n.detailsListHeaderFileTypeIcon {\n font-size: 16px;\n padding: 0;\n}\n\n.iconColumnHeader {\n width: 40px!important;\n margin-right: -8px;\n}\n\n.iconColumnHeader i {\n font-size:16px;\n}\n\n.fileRow {\ncolor: inherit;\n}\n\n.folderRow {\n color: inherit;\n}\n\n.folderRow :global(.ms-DetailsRow-check) {\n visibility: hidden;\n}\n\n.emptyFolder {\n text-align: center;\n\n .emptyFolderImage {\n padding-top: 52px;\n height: 208px;\n width: auto;\n margin: 0 auto;\n\n .emptyFolderImageTag {\n height: 208px;\n width: auto;\n }\n }\n\n .emptyFolderTitle {\n padding: 16px 16px 0 16px;\n font-size: 21px;\n font-weight: 100;\n max-width: 400px;\n color: #858585;\n margin: 0 auto;\n }\n\n .emptyFolderSubText {\n padding: 6px 16px 0 16px;\n font-size: 14px;\n font-weight: 400;\n max-width: 400px;\n color: #858585;\n margin: 0 auto;\n }\n\n .emptyFolderMobile {\n display: none;\n }\n\n .emptyFolderPc {\n color: inherit;\n }\n\n .emptyFolderIcon {\n display: inline;\n font-size: 13px;\n padding-left: 2px;\n padding-right: 1px;\n }\n}\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n@import \"../FilePicker.module.scss\";\n\n.searchBoxContainer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-flow: row wrap;\n flex-flow: row wrap;\n margin-bottom: 37px;\n\n .searchBoxMedium {\n width: 400px;\n }\n\n .searchBox {\n margin-bottom: 0;\n }\n\n .dropdownContainer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n\n :global(.ms-Dropdown-title) {\n border: 0;\n }\n\n .filterDropdown {\n width: auto;\n }\n }\n}\n\n[dir=\"ltr\"] .searchBoxContainer {\n margin-left: 33px;\n\n .searchBox {\n margin-right: 35px;\n color: inherit;\n }\n}\n\n.filePickerFolderCardGrid {\n overflow: hidden;\n font-size: 0;\n\n :global {\n .ms-List-page {\n overflow: hidden;\n font-size: 0;\n }\n\n .ms-List-surface {\n position: relative;\n }\n }\n}\n\n.filePickerFolderCardTile {\n text-align: center;\n outline: none;\n position: relative;\n @include ms-float(left);\n}\n\n.filePickerFolderCardPadder {\n position: absolute;\n left: 5px;\n top: 5px;\n right: 5px;\n bottom: 5px;\n}\n\n:global(.ms-Fabric--isFocusVisible) .filePickerFolderCardTile:focus:after {\n content: \"\";\n position: absolute;\n left: 2px;\n right: 2px;\n top: 2px;\n bottom: 2px;\n box-sizing: border-box;\n border: 1px solid \"[theme:white, default:#{$ms-color-white}]\";\n}\n\n.filePickerFolderCardSizer {\n padding-bottom: 100%;\n}\n\n.filePickerFolderCardImage {\n width: 100%;\n left: 0;\n top: 0;\n color: \"[theme:white, default:#{$ms-color-white}]\";\n position: absolute;\n bottom: 0;\n font-size: 12px;\n width: 100%;\n}\n\n.filePickerFolderCardLabel {\n background-color: rgba(0, 0, 0, 0.6);\n height: 100%;\n width: 100%;\n top: 0;\n color: \"[theme:white, default:#{$ms-color-white}]\";\n padding: 10px;\n position: absolute;\n bottom: 0;\n font-size: 12px;\n left: 0;\n width: 100%;\n box-sizing: border-box;\n font-size: 21px;\n font-weight: 600;\n\n &:hover {\n color: \"[theme:neutralLight, default:#{$ms-color-neutralLight}]\";\n background-color: rgba(0, 0, 0, 0.6);\n }\n\n &:active {\n background-color: \"[theme:neutralTertiaryAlt, default:#{$ms-color-neutralTertiaryAlt}]\";\n color: \"[theme:neutralDark, default:#{$ms-color-neutralDark}]\";\n }\n}\n\n[dir=\"ltr\"] .bingGridListCell {\n margin-right: 8px;\n}\n\n.bingGridListCell {\n margin-bottom: 8px;\n}\n\n.bingTile {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n cursor: pointer;\n display: inline-block;\n overflow: hidden;\n position: relative;\n -webkit-transition: -webkit-transform 0.1s linear;\n transition: -webkit-transform 0.1s linear;\n transition: transform 0.1s linear;\n transition: transform 0.1s linear, -webkit-transform 0.1s linear;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n\n &:focus {\n outline: 0;\n }\n\n &:active {\n -webkit-transform: scale(0.96);\n transform: scale(0.96);\n }\n\n &:focus:after {\n content: \"\";\n position: absolute;\n right: 2px;\n left: 2px;\n top: 2px;\n bottom: 2px;\n border: 1px solid;\n border-color: \"[theme:white, default:#{$ms-color-white}]\";\n -webkit-box-shadow: 0 0 0 2px \"[theme:neutralSecondaryAlt, default:#{$ms-color-neutralSecondaryAlt}]\";\n box-shadow: 0 0 0 2px \"[theme:neutralSecondaryAlt, default:#{$ms-color-neutralSecondaryAlt}]\";\n }\n}\n\n.bingTileContent {\n border: 1px solid;\n border-color: \"[theme:white, default:#{$ms-color-white}]\";\n width: 100%;\n height: 100%;\n}\n\n.bingTileFrame {\n position: absolute;\n display: none;\n left: 2px;\n top: 2px;\n right: 2px;\n bottom: 2px;\n -webkit-box-shadow: 0 0 0 2px \"[theme:neutralTertiaryAlt, default:#{$ms-color-neutralTertiaryAlt}]\";\n box-shadow: 0 0 0 2px \"[theme:neutralTertiaryAlt, default:#{$ms-color-neutralTertiaryAlt}]\";\n outline: 1px solid transparent;\n}\n\n[dir=\"ltr\"] .bingTileCheckCircle {\n right: 8px;\n}\n\n.bingTileCheckCircle {\n display: block;\n position: absolute;\n top: 6px;\n opacity: 0;\n background: 0 0;\n border: none;\n outline: 0;\n top: 8px;\n}\n\n.bingTileNamePlate {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 4px 8px 8px;\n background-color: \"[theme:white, default:#{$ms-color-white}]\";\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n white-space: nowrap;\n text-overflow: ellipsis;\n opacity: 0.95;\n text-decoration: underline;\n font-size: 12px;\n}\n\n.bingTile.isSelected .bingTileCheckCircle,\n.bingTile:hover,\n.bingTile:hover .bingTileCheckCircle {\n opacity: 1;\n}\n\n[dir=\"ltr\"] .copyrightLabel {\n padding-left: 32px;\n}\n.copyrightLabel {\n font-size: 12px;\n}\n\n.noResultLabel {\n padding: 12px;\n}\n\n.bingTileThumbnail {\n position: absolute;\n height: 100%;\n width: 100%;\n top: 0;\n\n img {\n display: block;\n opacity: 1;\n width: 100%;\n height: auto;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n animation-duration: 0.367s;\n animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);\n animation-fill-mode: both;\n }\n}\n\n.bingGrildList :global(.ms-List-cell),\n.bingGrildList :global(.ms-List-page) {\n display: inline-block;\n overflow: hidden;\n}\n","// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//\r\n// Office UI Fabric\r\n// --------------------------------------------------\r\n// Directionality mixins to generate LTR and RTL-specific styles\r\n\r\n// Base left-to-right mixin definition.\r\n@mixin ms-LTR {\r\n [dir='ltr'] & {\r\n @content;\r\n }\r\n}\r\n\r\n// Base right-to-left mixin definition.\r\n@mixin ms-RTL {\r\n [dir='rtl'] & {\r\n @content;\r\n }\r\n}\r\n\r\n// Use baseRTL to set the default direction to right-to-left on\r\n// a root element (e.g. page or region) that needs RTL support.\r\n@mixin ms-base-RTL {\r\n @include ms-RTL {\r\n direction: rtl;\r\n unicode-bidi: bidi-override;\r\n }\r\n}\r\n\r\n\r\n// Common CSS property mixins with support for RTL.\r\n// Use to automatically create RTL versions of your properties.\r\n\r\n// Background direction.\r\n@mixin ms-background-position($alignment) {\r\n @if $alignment == left {\r\n @include ms-LTR {\r\n background-position: left;\r\n }\r\n\r\n @include ms-RTL {\r\n background-position: right;\r\n }\r\n } @else if $alignment == right {\r\n @include ms-LTR {\r\n background-position: right;\r\n }\r\n\r\n @include ms-RTL {\r\n background-position: left;\r\n }\r\n } @else {\r\n background-position: $alignment;\r\n }\r\n}\r\n\r\n// Border styles.\r\n@mixin ms-border-color($top, $right, $bottom, $left) {\r\n border-color: $top $right $bottom $left;\r\n\r\n @include ms-RTL {\r\n border-color: $top $left $bottom $right;\r\n }\r\n}\r\n\r\n@mixin ms-border-left($width, $style, $color) {\r\n @include ms-LTR {\r\n border-left: $width $style $color;\r\n }\r\n\r\n @include ms-RTL {\r\n border-right: $width $style $color;\r\n }\r\n}\r\n\r\n@mixin ms-border-left-color($color) {\r\n @include ms-LTR {\r\n border-left-color: $color;\r\n }\r\n\r\n @include ms-RTL {\r\n border-right-color: $color;\r\n }\r\n}\r\n\r\n@mixin ms-border-left-style($style) {\r\n @include ms-LTR {\r\n border-left-style: $style;\r\n }\r\n\r\n @include ms-RTL {\r\n border-right-style: $style;\r\n }\r\n}\r\n\r\n@mixin ms-border-left-width($width) {\r\n @include ms-LTR {\r\n border-left-width: $width;\r\n }\r\n\r\n @include ms-RTL {\r\n border-right-width: $width;\r\n }\r\n}\r\n\r\n@mixin ms-border-radius($topLeft, $topRight, $bottomRight, $bottomLeft) {\r\n border-radius: $topLeft $topRight $bottomRight $bottomLeft;\r\n\r\n @include ms-RTL {\r\n border-radius: $topRight $topLeft $bottomLeft $bottomRight;\r\n }\r\n}\r\n\r\n@mixin ms-border-right($width, $style, $color) {\r\n @include ms-LTR {\r\n border-right: $width $style $color;\r\n }\r\n\r\n @include ms-RTL {\r\n border-left: $width $style $color;\r\n }\r\n}\r\n\r\n@mixin ms-border-right-color($color) {\r\n @include ms-LTR {\r\n border-right-color: $color;\r\n }\r\n\r\n @include ms-RTL {\r\n border-left-color: $color;\r\n }\r\n}\r\n\r\n@mixin ms-border-right-style($style) {\r\n @include ms-LTR {\r\n border-right-style: $style;\r\n }\r\n \r\n @include ms-RTL {\r\n border-left-style: $style;\r\n }\r\n}\r\n\r\n@mixin ms-border-right-width($width) {\r\n @include ms-LTR {\r\n border-right-width: $width;\r\n }\r\n\r\n @include ms-RTL {\r\n border-left-width: $width;\r\n }\r\n}\r\n\r\n// Floats.\r\n@mixin ms-clear($side) {\r\n @if $side == left {\r\n @include ms-LTR {\r\n clear: $side;\r\n }\r\n\r\n @include ms-RTL {\r\n clear: right;\r\n }\r\n } @else if $side == right {\r\n @include ms-LTR {\r\n clear: $side;\r\n }\r\n\r\n @include ms-RTL {\r\n clear: left;\r\n }\r\n } @else {\r\n clear: $side;\r\n }\r\n}\r\n\r\n@mixin ms-float($direction) {\r\n @if $direction == left {\r\n @include ms-LTR {\r\n float: left;\r\n }\r\n\r\n @include ms-RTL {\r\n float: right;\r\n }\r\n } @else {\r\n @include ms-LTR {\r\n float: right;\r\n }\r\n\r\n @include ms-RTL {\r\n float: left;\r\n }\r\n }\r\n}\r\n\r\n// Positioning.\r\n@mixin ms-left($distance) {\r\n @include ms-LTR {\r\n left: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n right: $distance;\r\n }\r\n}\r\n\r\n@mixin ms-right($distance) {\r\n @include ms-LTR {\r\n right: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n left: $distance;\r\n }\r\n}\r\n\r\n// Margins.\r\n@mixin ms-margin($top, $right, $bottom, $left) {\r\n margin: $top $right $bottom $left;\r\n\r\n @include ms-RTL {\r\n margin: $top $left $bottom $right;\r\n }\r\n}\r\n\r\n@mixin ms-margin-left($distance) {\r\n @include ms-LTR {\r\n margin-left: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n margin-right: $distance;\r\n }\r\n}\r\n\r\n@mixin ms-margin-right($distance) {\r\n @include ms-LTR {\r\n margin-right: $distance;\r\n }\r\n @include ms-RTL {\r\n margin-left: $distance;\r\n }\r\n}\r\n\r\n// Padding.\r\n@mixin ms-padding($top, $right, $bottom, $left) {\r\n padding: $top $right $bottom $left;\r\n\r\n @include ms-RTL {\r\n padding: $top $left $bottom $right;\r\n }\r\n}\r\n\r\n@mixin ms-padding-left($distance) {\r\n @include ms-LTR {\r\n padding-left: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n padding-right: $distance;\r\n }\r\n}\r\n\r\n@mixin ms-padding-right($distance) {\r\n @include ms-LTR {\r\n padding-right: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n padding-left: $distance;\r\n }\r\n}\r\n\r\n// Text-alignment.\r\n@mixin ms-text-align($direction) {\r\n @if $direction == left {\r\n @include ms-LTR {\r\n text-align: left;\r\n }\r\n\r\n @include ms-RTL {\r\n text-align: right;\r\n }\r\n } @else {\r\n @include ms-LTR {\r\n text-align: right;\r\n }\r\n\r\n @include ms-RTL {\r\n text-align: left;\r\n }\r\n }\r\n}\r\n\r\n// Box-shadow.\r\n@mixin ms-box-shadow($left, $etc) {\r\n @if $left != 0 {\r\n @include ms-LTR {\r\n box-shadow: $left $etc;\r\n }\r\n\r\n @include ms-RTL {\r\n box-shadow: -$left $etc;\r\n }\r\n } @else {\r\n box-shadow: 0 $etc;\r\n }\r\n}\r\n\r\n// Transforms.\r\n@mixin ms-transform-scaleX($scaleX: 1) {\r\n @include ms-LTR {\r\n transform: scaleX($scaleX);\r\n }\r\n\r\n @include ms-RTL {\r\n transform: scaleX(-$scaleX);\r\n }\r\n}\r\n\r\n@mixin ms-transform-translateX($distance) {\r\n @include ms-LTR {\r\n transform: translateX($distance);\r\n }\r\n\r\n @include ms-RTL {\r\n transform: translateX(-$distance);\r\n }\r\n}\r\n\r\n@mixin ms-transform-rotate($degrees) {\r\n @include ms-LTR {\r\n transform: rotate($degrees);\r\n }\r\n\r\n @include ms-RTL {\r\n transform: rotate(-$degrees);\r\n }\r\n}\r\n\r\n// Transitions. Only supported when ONLY left/right are declared\r\n@mixin ms-transition-property($direction) {\r\n @if $direction == left {\r\n @include ms-LTR {\r\n transition-property: left;\r\n }\r\n\r\n @include ms-RTL {\r\n transition-property: right;\r\n }\r\n } @else {\r\n @include ms-LTR {\r\n transition-property: right;\r\n }\r\n\r\n @include ms-RTL {\r\n transition-property: left;\r\n }\r\n }\r\n}\r\n"],"file":"WebSearchTab.module.scss.css"}
1	+ {"version":3,"sourceRoot":"","sources":["../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.17_@types+react@17.0.45_react-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../../src/controls/filePicker/FilePicker.module.scss","../../../../src/controls/filePicker/WebSearchTab/WebSearchTab.module.scss","../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.17_@types+react@17.0.45_react-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/mixins/_Directionality.Mixins.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;ACHA;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACA;;;AAGA;EACE;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;;ACtYJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAKN;EACE;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAGE;EACE;EACA;;AAGF;EACE;;;AAKN;EACE;EACA;EACA;;ACxDA;EA2KI;;AApKJ;EAwKI;;;ADnHN;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;EACE;;;AAEF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;AAAA;EAEE;EACA","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/\r\n Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-light;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-semilight;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-regular;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-semibold;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-bold;\r\n font-style: normal;\r\n }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n [lang^=\"#{$language-code}\"] .ms-Fabric,\r\n .ms-Fabric [lang^=\"#{$language-code}\"],\r\n .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n font-family: $font-family;\r\n }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n.filePicker {\n color: inherit;\n}\n\n.filePicker :global(.ms-Panel-commands) {\n display: none;\n}\n\n.filePicker :global(.ms-Panel-main) {\n top: 50px;\n border: none;\n overflow-y: hidden;\n}\n\n[dir=\"ltr\"] .filePicker :global(.ms-Panel-content) {\n padding-left: 0;\n}\n\n.filePicker :global(.ms-Panel-contentInner) {\n padding: 0;\n top: 0;\n overflow: hidden;\n}\n\n.filePicker :global(.ms-Panel-header) {\n margin: 0;\n}\n\n.filePicker :global(.ms-Nav-link) {\n position: relative;\n -webkit-font-smoothing: antialiased;\n font-size: 14px;\n font-weight: 400;\n box-sizing: border-box;\n display: block;\n text-align: center;\n cursor: pointer;\n padding-top: 0px;\n padding-right: 20px;\n padding-bottom: 0px;\n padding-left: 15px;\n height: 36px;\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n background-color: transparent;\n width: 100%;\n line-height: 36px;\n text-overflow: ellipsis;\n white-space: nowrap;\n user-select: none;\n outline: transparent;\n border-width: initial;\n border-style: none;\n border-image: initial;\n text-decoration: none;\n border-radius: 0px;\n overflow: hidden;\n border-color: transparent;\n}\n\n.filePicker :global(.is-selected) :global(.ms-Nav-link) {\n position: relative;\n -webkit-font-smoothing: antialiased;\n font-size: 14px;\n font-weight: 400;\n box-sizing: border-box;\n display: block;\n text-align: center;\n cursor: pointer;\n padding-top: 0px;\n padding-right: 20px;\n padding-bottom: 0px;\n padding-left: 15px;\n height: 36px;\n color: \"[theme:themePrimary, default:#{$ms-color-themePrimary}]\";\n background-color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n width: 100%;\n line-height: 36px;\n text-overflow: ellipsis;\n white-space: nowrap;\n user-select: none;\n outline: transparent;\n border-width: initial;\n border-style: none;\n text-decoration: none;\n border-radius: 0px;\n overflow: hidden;\n}\n.tabsContainer {\n position: absolute;\n top: 0;\n bottom: 0;\n height: auto;\n}\n\n.tabContainer {\n height: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n[dir=\"ltr\"] .tabsContainer {\n left: 212px;\n}\n\n[dir=\"ltr\"] .tabsContainer {\n right: 0;\n}\n\n.nav {\n position: absolute;\n height: 100%;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n}\n\n[dir=\"ltr\"] .nav {\n border-right: 2px solid;\n width: 210px;\n}\n\n.nav :global(.ms-Nav) {\n height: 100%;\n width: 210px;\n padding-top: 60px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border-top-width: 40px;\n border-top-style: solid;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n}\n\n.tabHeaderContainer {\n display: inline-block;\n width: 100%;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n border-top: 40px solid;\n}\n\n.breadcrumbNav {\n margin-top: 0px;\n padding: 22px 32px;\n}\n.breadcrumbNavItem {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n font-size: 24px;\n font-weight: 600;\n padding: 22px 8px 20px 0;\n}\n\n.breadcrumbNav :global(.ms-Breadcrumb-listItem:last-child .ms-Breadcrumb-itemLink) {\n font-weight: 600;\n}\n\n.tab {\n overflow-y: auto;\n flex-grow: 2;\n}\n\n.tabOffset {\n padding: 0 32px;\n}\n\n.tabFiles {\n overflow-y: hidden;\n overflow-x: hidden;\n flex-grow: 2;\n padding: 0 32px;\n}\n.scrollablePaneWrapper {\n height: 75vh;\n position: relative;\n overflow: hidden;\n}\n\n.actionButtonsContainer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n width: 100%;\n background-color: \"[theme:white, default:#{$ms-color-white}]\";\n -ms-flex-negative: 0;\n flex-shrink: 0;\n z-index: 100;\n}\n\n.actionButtons {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n padding-top: 10px;\n padding-bottom: 10px;\n}\n\n.actionButton {\n height: 30px;\n padding-bottom: 3px;\n}\n\n[dir=\"ltr\"] .actionButton {\n padding-left: 16px;\n}\n\n[dir=\"ltr\"] .actionButton {\n margin-left: 0;\n}\n\n[dir=\"ltr\"] .actionButton {\n margin-right: 10px;\n}\n\n[dir=\"ltr\"] .actionButtons {\n padding-left: 20px;\n}\n\n[dir=\"ltr\"] .actionButtons {\n padding-right: 11px;\n}\n\n.tabHeader {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n margin: 0;\n font-size: 24px;\n font-weight: 600;\n padding: 22px 0 20px 32px;\n}\n\n.tabContainer {\n height: 100%;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n flex-direction: column;\n}\n\n.filePicker :global(.ms-Panel-main) {\n top: 50px;\n border: none;\n overflow-y: hidden;\n}\n\n.tabsContainer .selectedTab {\n display: block;\n height: 100%;\n width: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.header {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n.xlg, .xxlg, .xxxlg, .xxxxlg {\n color: inherit;\n}\n\n.itemPickerTopBar {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 40px;\n background-color: red;\n}\n\n.itemPickerTopBar :global(.ms-CommandBarItem-link) {\n border-color: transparent;\n}\n\n.commandBarNoChevron :global(.ms-CommandBarItem-chevronDown) {\n display: none;\n}\n\n\n.fileItem {\n cursor: default;\n}\n\n.folderItem {\n cursor: pointer;\n}\n\n.folderItem:hover {\n text-decoration: underline;\n}\n\n.fileTypeIcon {\n margin: 0 -2px;\n display: inline-block;\n}\n\n.fileTypeIconIcon {\n display: inline-block;\n vertical-align: middle;\n position: relative;\n overflow: hidden;\n width: 20px;\n height: 20px;\n}\n\n.detailsListHeaderFileTypeIcon {\n font-size: 16px;\n padding: 0;\n}\n\n.iconColumnHeader {\n width: 40px!important;\n margin-right: -8px;\n}\n\n.iconColumnHeader i {\n font-size:16px;\n}\n\n.fileRow {\ncolor: inherit;\n}\n\n.folderRow {\n color: inherit;\n}\n\n.folderRow :global(.ms-DetailsRow-check) {\n visibility: hidden;\n}\n\n.emptyFolder {\n text-align: center;\n\n .emptyFolderImage {\n padding-top: 52px;\n height: 208px;\n width: auto;\n margin: 0 auto;\n\n .emptyFolderImageTag {\n height: 208px;\n width: auto;\n }\n }\n\n .emptyFolderTitle {\n padding: 16px 16px 0 16px;\n font-size: 21px;\n font-weight: 100;\n max-width: 400px;\n color: #858585;\n margin: 0 auto;\n }\n\n .emptyFolderSubText {\n padding: 6px 16px 0 16px;\n font-size: 14px;\n font-weight: 400;\n max-width: 400px;\n color: #858585;\n margin: 0 auto;\n }\n\n .emptyFolderMobile {\n display: none;\n }\n\n .emptyFolderPc {\n color: inherit;\n }\n\n .emptyFolderIcon {\n display: inline;\n font-size: 13px;\n padding-left: 2px;\n padding-right: 1px;\n }\n}\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n@import \"../FilePicker.module.scss\";\n\n.searchBoxContainer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-flow: row wrap;\n flex-flow: row wrap;\n margin-bottom: 37px;\n\n .searchBoxMedium {\n width: 400px;\n }\n\n .searchBox {\n margin-bottom: 0;\n }\n\n .dropdownContainer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n\n :global(.ms-Dropdown-title) {\n border: 0;\n }\n\n .filterDropdown {\n width: auto;\n }\n }\n}\n\n[dir=\"ltr\"] .searchBoxContainer {\n margin-left: 33px;\n\n .searchBox {\n margin-right: 35px;\n color: inherit;\n }\n}\n\n.filePickerFolderCardGrid {\n overflow: hidden;\n font-size: 0;\n\n :global {\n .ms-List-page {\n overflow: hidden;\n font-size: 0;\n }\n\n .ms-List-surface {\n position: relative;\n }\n }\n}\n\n.filePickerFolderCardTile {\n text-align: center;\n outline: none;\n position: relative;\n @include ms-float(left);\n}\n\n.filePickerFolderCardPadder {\n position: absolute;\n left: 5px;\n top: 5px;\n right: 5px;\n bottom: 5px;\n}\n\n:global(.ms-Fabric--isFocusVisible) .filePickerFolderCardTile:focus:after {\n content: \"\";\n position: absolute;\n left: 2px;\n right: 2px;\n top: 2px;\n bottom: 2px;\n box-sizing: border-box;\n border: 1px solid \"[theme:white, default:#{$ms-color-white}]\";\n}\n\n.filePickerFolderCardSizer {\n padding-bottom: 100%;\n}\n\n.filePickerFolderCardImage {\n width: 100%;\n left: 0;\n top: 0;\n color: \"[theme:white, default:#{$ms-color-white}]\";\n position: absolute;\n bottom: 0;\n font-size: 12px;\n width: 100%;\n}\n\n.filePickerFolderCardLabel {\n background-color: rgba(0, 0, 0, 0.6);\n height: 100%;\n width: 100%;\n top: 0;\n color: \"[theme:white, default:#{$ms-color-white}]\";\n padding: 10px;\n position: absolute;\n bottom: 0;\n font-size: 12px;\n left: 0;\n width: 100%;\n box-sizing: border-box;\n font-size: 21px;\n font-weight: 600;\n\n &:hover {\n color: \"[theme:neutralLight, default:#{$ms-color-neutralLight}]\";\n background-color: rgba(0, 0, 0, 0.6);\n }\n\n &:active {\n background-color: \"[theme:neutralTertiaryAlt, default:#{$ms-color-neutralTertiaryAlt}]\";\n color: \"[theme:neutralDark, default:#{$ms-color-neutralDark}]\";\n }\n}\n\n[dir=\"ltr\"] .bingGridListCell {\n margin-right: 8px;\n}\n\n.bingGridListCell {\n margin-bottom: 8px;\n}\n\n.bingTile {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n cursor: pointer;\n display: inline-block;\n overflow: hidden;\n position: relative;\n -webkit-transition: -webkit-transform 0.1s linear;\n transition: -webkit-transform 0.1s linear;\n transition: transform 0.1s linear;\n transition: transform 0.1s linear, -webkit-transform 0.1s linear;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n\n &:focus {\n outline: 0;\n }\n\n &:active {\n -webkit-transform: scale(0.96);\n transform: scale(0.96);\n }\n\n &:focus:after {\n content: \"\";\n position: absolute;\n right: 2px;\n left: 2px;\n top: 2px;\n bottom: 2px;\n border: 1px solid;\n border-color: \"[theme:white, default:#{$ms-color-white}]\";\n -webkit-box-shadow: 0 0 0 2px \"[theme:neutralSecondaryAlt, default:#{$ms-color-neutralSecondaryAlt}]\";\n box-shadow: 0 0 0 2px \"[theme:neutralSecondaryAlt, default:#{$ms-color-neutralSecondaryAlt}]\";\n }\n}\n\n.bingTileContent {\n border: 1px solid;\n border-color: \"[theme:white, default:#{$ms-color-white}]\";\n width: 100%;\n height: 100%;\n}\n\n.bingTileFrame {\n position: absolute;\n display: none;\n left: 2px;\n top: 2px;\n right: 2px;\n bottom: 2px;\n -webkit-box-shadow: 0 0 0 2px \"[theme:neutralTertiaryAlt, default:#{$ms-color-neutralTertiaryAlt}]\";\n box-shadow: 0 0 0 2px \"[theme:neutralTertiaryAlt, default:#{$ms-color-neutralTertiaryAlt}]\";\n outline: 1px solid transparent;\n}\n\n[dir=\"ltr\"] .bingTileCheckCircle {\n right: 8px;\n}\n\n.bingTileCheckCircle {\n display: block;\n position: absolute;\n top: 6px;\n opacity: 0;\n background: 0 0;\n border: none;\n outline: 0;\n top: 8px;\n}\n\n.bingTileNamePlate {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 4px 8px 8px;\n background-color: \"[theme:white, default:#{$ms-color-white}]\";\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n white-space: nowrap;\n text-overflow: ellipsis;\n opacity: 0.95;\n text-decoration: underline;\n font-size: 12px;\n}\n\n.bingTile.isSelected .bingTileCheckCircle,\n.bingTile:hover,\n.bingTile:hover .bingTileCheckCircle {\n opacity: 1;\n}\n\n[dir=\"ltr\"] .copyrightLabel {\n padding-left: 32px;\n}\n.copyrightLabel {\n font-size: 12px;\n}\n\n.noResultLabel {\n padding: 12px;\n}\n\n.bingTileThumbnail {\n position: absolute;\n height: 100%;\n width: 100%;\n top: 0;\n\n img {\n display: block;\n opacity: 1;\n width: 100%;\n height: auto;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n animation-duration: 0.367s;\n animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);\n animation-fill-mode: both;\n }\n}\n\n.bingGrildList :global(.ms-List-cell),\n.bingGrildList :global(.ms-List-page) {\n display: inline-block;\n overflow: hidden;\n}\n","// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//\r\n// Office UI Fabric\r\n// --------------------------------------------------\r\n// Directionality mixins to generate LTR and RTL-specific styles\r\n\r\n// Base left-to-right mixin definition.\r\n@mixin ms-LTR {\r\n [dir='ltr'] & {\r\n @content;\r\n }\r\n}\r\n\r\n// Base right-to-left mixin definition.\r\n@mixin ms-RTL {\r\n [dir='rtl'] & {\r\n @content;\r\n }\r\n}\r\n\r\n// Use baseRTL to set the default direction to right-to-left on\r\n// a root element (e.g. page or region) that needs RTL support.\r\n@mixin ms-base-RTL {\r\n @include ms-RTL {\r\n direction: rtl;\r\n unicode-bidi: bidi-override;\r\n }\r\n}\r\n\r\n\r\n// Common CSS property mixins with support for RTL.\r\n// Use to automatically create RTL versions of your properties.\r\n\r\n// Background direction.\r\n@mixin ms-background-position($alignment) {\r\n @if $alignment == left {\r\n @include ms-LTR {\r\n background-position: left;\r\n }\r\n\r\n @include ms-RTL {\r\n background-position: right;\r\n }\r\n } @else if $alignment == right {\r\n @include ms-LTR {\r\n background-position: right;\r\n }\r\n\r\n @include ms-RTL {\r\n background-position: left;\r\n }\r\n } @else {\r\n background-position: $alignment;\r\n }\r\n}\r\n\r\n// Border styles.\r\n@mixin ms-border-color($top, $right, $bottom, $left) {\r\n border-color: $top $right $bottom $left;\r\n\r\n @include ms-RTL {\r\n border-color: $top $left $bottom $right;\r\n }\r\n}\r\n\r\n@mixin ms-border-left($width, $style, $color) {\r\n @include ms-LTR {\r\n border-left: $width $style $color;\r\n }\r\n\r\n @include ms-RTL {\r\n border-right: $width $style $color;\r\n }\r\n}\r\n\r\n@mixin ms-border-left-color($color) {\r\n @include ms-LTR {\r\n border-left-color: $color;\r\n }\r\n\r\n @include ms-RTL {\r\n border-right-color: $color;\r\n }\r\n}\r\n\r\n@mixin ms-border-left-style($style) {\r\n @include ms-LTR {\r\n border-left-style: $style;\r\n }\r\n\r\n @include ms-RTL {\r\n border-right-style: $style;\r\n }\r\n}\r\n\r\n@mixin ms-border-left-width($width) {\r\n @include ms-LTR {\r\n border-left-width: $width;\r\n }\r\n\r\n @include ms-RTL {\r\n border-right-width: $width;\r\n }\r\n}\r\n\r\n@mixin ms-border-radius($topLeft, $topRight, $bottomRight, $bottomLeft) {\r\n border-radius: $topLeft $topRight $bottomRight $bottomLeft;\r\n\r\n @include ms-RTL {\r\n border-radius: $topRight $topLeft $bottomLeft $bottomRight;\r\n }\r\n}\r\n\r\n@mixin ms-border-right($width, $style, $color) {\r\n @include ms-LTR {\r\n border-right: $width $style $color;\r\n }\r\n\r\n @include ms-RTL {\r\n border-left: $width $style $color;\r\n }\r\n}\r\n\r\n@mixin ms-border-right-color($color) {\r\n @include ms-LTR {\r\n border-right-color: $color;\r\n }\r\n\r\n @include ms-RTL {\r\n border-left-color: $color;\r\n }\r\n}\r\n\r\n@mixin ms-border-right-style($style) {\r\n @include ms-LTR {\r\n border-right-style: $style;\r\n }\r\n \r\n @include ms-RTL {\r\n border-left-style: $style;\r\n }\r\n}\r\n\r\n@mixin ms-border-right-width($width) {\r\n @include ms-LTR {\r\n border-right-width: $width;\r\n }\r\n\r\n @include ms-RTL {\r\n border-left-width: $width;\r\n }\r\n}\r\n\r\n// Floats.\r\n@mixin ms-clear($side) {\r\n @if $side == left {\r\n @include ms-LTR {\r\n clear: $side;\r\n }\r\n\r\n @include ms-RTL {\r\n clear: right;\r\n }\r\n } @else if $side == right {\r\n @include ms-LTR {\r\n clear: $side;\r\n }\r\n\r\n @include ms-RTL {\r\n clear: left;\r\n }\r\n } @else {\r\n clear: $side;\r\n }\r\n}\r\n\r\n@mixin ms-float($direction) {\r\n @if $direction == left {\r\n @include ms-LTR {\r\n float: left;\r\n }\r\n\r\n @include ms-RTL {\r\n float: right;\r\n }\r\n } @else {\r\n @include ms-LTR {\r\n float: right;\r\n }\r\n\r\n @include ms-RTL {\r\n float: left;\r\n }\r\n }\r\n}\r\n\r\n// Positioning.\r\n@mixin ms-left($distance) {\r\n @include ms-LTR {\r\n left: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n right: $distance;\r\n }\r\n}\r\n\r\n@mixin ms-right($distance) {\r\n @include ms-LTR {\r\n right: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n left: $distance;\r\n }\r\n}\r\n\r\n// Margins.\r\n@mixin ms-margin($top, $right, $bottom, $left) {\r\n margin: $top $right $bottom $left;\r\n\r\n @include ms-RTL {\r\n margin: $top $left $bottom $right;\r\n }\r\n}\r\n\r\n@mixin ms-margin-left($distance) {\r\n @include ms-LTR {\r\n margin-left: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n margin-right: $distance;\r\n }\r\n}\r\n\r\n@mixin ms-margin-right($distance) {\r\n @include ms-LTR {\r\n margin-right: $distance;\r\n }\r\n @include ms-RTL {\r\n margin-left: $distance;\r\n }\r\n}\r\n\r\n// Padding.\r\n@mixin ms-padding($top, $right, $bottom, $left) {\r\n padding: $top $right $bottom $left;\r\n\r\n @include ms-RTL {\r\n padding: $top $left $bottom $right;\r\n }\r\n}\r\n\r\n@mixin ms-padding-left($distance) {\r\n @include ms-LTR {\r\n padding-left: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n padding-right: $distance;\r\n }\r\n}\r\n\r\n@mixin ms-padding-right($distance) {\r\n @include ms-LTR {\r\n padding-right: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n padding-left: $distance;\r\n }\r\n}\r\n\r\n// Text-alignment.\r\n@mixin ms-text-align($direction) {\r\n @if $direction == left {\r\n @include ms-LTR {\r\n text-align: left;\r\n }\r\n\r\n @include ms-RTL {\r\n text-align: right;\r\n }\r\n } @else {\r\n @include ms-LTR {\r\n text-align: right;\r\n }\r\n\r\n @include ms-RTL {\r\n text-align: left;\r\n }\r\n }\r\n}\r\n\r\n// Box-shadow.\r\n@mixin ms-box-shadow($left, $etc) {\r\n @if $left != 0 {\r\n @include ms-LTR {\r\n box-shadow: $left $etc;\r\n }\r\n\r\n @include ms-RTL {\r\n box-shadow: -$left $etc;\r\n }\r\n } @else {\r\n box-shadow: 0 $etc;\r\n }\r\n}\r\n\r\n// Transforms.\r\n@mixin ms-transform-scaleX($scaleX: 1) {\r\n @include ms-LTR {\r\n transform: scaleX($scaleX);\r\n }\r\n\r\n @include ms-RTL {\r\n transform: scaleX(-$scaleX);\r\n }\r\n}\r\n\r\n@mixin ms-transform-translateX($distance) {\r\n @include ms-LTR {\r\n transform: translateX($distance);\r\n }\r\n\r\n @include ms-RTL {\r\n transform: translateX(-$distance);\r\n }\r\n}\r\n\r\n@mixin ms-transform-rotate($degrees) {\r\n @include ms-LTR {\r\n transform: rotate($degrees);\r\n }\r\n\r\n @include ms-RTL {\r\n transform: rotate(-$degrees);\r\n }\r\n}\r\n\r\n// Transitions. Only supported when ONLY left/right are declared\r\n@mixin ms-transition-property($direction) {\r\n @if $direction == left {\r\n @include ms-LTR {\r\n transition-property: left;\r\n }\r\n\r\n @include ms-RTL {\r\n transition-property: right;\r\n }\r\n } @else {\r\n @include ms-LTR {\r\n transition-property: right;\r\n }\r\n\r\n @include ms-RTL {\r\n transition-property: left;\r\n }\r\n }\r\n}\r\n"],"file":"WebSearchTab.module.scss.css"}

package/lib/controls/filePicker/controls/DocumentLibraryBrowser/DocumentLibraryBrowser.module.scss.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":"","sources":["../../../../../node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../../../src/controls/filePicker/controls/DocumentLibraryBrowser/DocumentLibraryBrowser.module.scss","../../../../../node_modules/@fluentui/react/dist/sass/mixins/_Directionality.Mixins.scss","../../../../../node_modules/@fluentui/react/dist/sass/variables/_Color.Variables.scss","../../../../../node_modules/@fluentui/react/dist/sass/variables/_Font.Variables.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACFA;AACA;EACE;;;AAGF;EACE;EACA;EACA;EACA;;ACHA;EA2KI;;AApKJ;EAwKI;;ADzKJ;EACE,kBEkBc;EFjBd;;AACA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;;AAKN;EACE;EACA,WGdc;EHed;EACA;EACA;EACA;EACA","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/\r\n Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-light;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-semilight;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-regular;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-semibold;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-bold;\r\n font-style: normal;\r\n }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n [lang^=\"#{$language-code}\"] .ms-Fabric,\r\n .ms-Fabric [lang^=\"#{$language-code}\"],\r\n .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n font-family: $font-family;\r\n }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n//@import \"../PropertyPaneFilePicker.module.scss\";\n\n/ TILES /\n.documentLibraryBrowserContainer {\n padding: 0;\n}\n\n.filePickerFolderCardTile {\n width: 10vw;\n margin: 1vh 0;\n text-align: center;\n outline: none;\n @include ms-float(left);\n\n &:hover {\n background-color: $ms-color-neutralLighter;\n border-radius: 5px;\n .filePickerFolderCardTitle {\n text-decoration: underline;\n }\n }\n\n .filePickerFolderCardImage {\n height: 100%;\n cursor: pointer;\n margin: 1vw 0 0;\n\n .filePickerFolderCoverBack {\n display: block;\n position: absolute;\n }\n\n .filePickerFolderCoverFront {\n display: block;\n }\n\n .filePickerFolderCoverBack,\n .filePickerFolderCoverFront {\n margin: 0 1vw;\n width: 8vw;\n\n img {\n border: none;\n padding: 0;\n margin: 0;\n width: 100%;\n }\n }\n }\n\n .filePickerFolderCardTitle {\n cursor: pointer;\n font-size: $ms-font-size-14;\n overflow:hidden;\n white-space:nowrap;\n text-overflow: ellipsis;\n padding: 1vh 0.5vw;\n text-align: center;\n }\n}\n","// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//\r\n// Office UI Fabric\r\n// --------------------------------------------------\r\n// Directionality mixins to generate LTR and RTL-specific styles\r\n\r\n// Base left-to-right mixin definition.\r\n@mixin ms-LTR {\r\n [dir='ltr'] & {\r\n @content;\r\n }\r\n}\r\n\r\n// Base right-to-left mixin definition.\r\n@mixin ms-RTL {\r\n [dir='rtl'] & {\r\n @content;\r\n }\r\n}\r\n\r\n// Use baseRTL to set the default direction to right-to-left on\r\n// a root element (e.g. page or region) that needs RTL support.\r\n@mixin ms-base-RTL {\r\n @include ms-RTL {\r\n direction: rtl;\r\n unicode-bidi: bidi-override;\r\n }\r\n}\r\n\r\n\r\n// Common CSS property mixins with support for RTL.\r\n// Use to automatically create RTL versions of your properties.\r\n\r\n// Background direction.\r\n@mixin ms-background-position($alignment) {\r\n @if $alignment == left {\r\n @include ms-LTR {\r\n background-position: left;\r\n }\r\n\r\n @include ms-RTL {\r\n background-position: right;\r\n }\r\n } @else if $alignment == right {\r\n @include ms-LTR {\r\n background-position: right;\r\n }\r\n\r\n @include ms-RTL {\r\n background-position: left;\r\n }\r\n } @else {\r\n background-position: $alignment;\r\n }\r\n}\r\n\r\n// Border styles.\r\n@mixin ms-border-color($top, $right, $bottom, $left) {\r\n border-color: $top $right $bottom $left;\r\n\r\n @include ms-RTL {\r\n border-color: $top $left $bottom $right;\r\n }\r\n}\r\n\r\n@mixin ms-border-left($width, $style, $color) {\r\n @include ms-LTR {\r\n border-left: $width $style $color;\r\n }\r\n\r\n @include ms-RTL {\r\n border-right: $width $style $color;\r\n }\r\n}\r\n\r\n@mixin ms-border-left-color($color) {\r\n @include ms-LTR {\r\n border-left-color: $color;\r\n }\r\n\r\n @include ms-RTL {\r\n border-right-color: $color;\r\n }\r\n}\r\n\r\n@mixin ms-border-left-style($style) {\r\n @include ms-LTR {\r\n border-left-style: $style;\r\n }\r\n\r\n @include ms-RTL {\r\n border-right-style: $style;\r\n }\r\n}\r\n\r\n@mixin ms-border-left-width($width) {\r\n @include ms-LTR {\r\n border-left-width: $width;\r\n }\r\n\r\n @include ms-RTL {\r\n border-right-width: $width;\r\n }\r\n}\r\n\r\n@mixin ms-border-radius($topLeft, $topRight, $bottomRight, $bottomLeft) {\r\n border-radius: $topLeft $topRight $bottomRight $bottomLeft;\r\n\r\n @include ms-RTL {\r\n border-radius: $topRight $topLeft $bottomLeft $bottomRight;\r\n }\r\n}\r\n\r\n@mixin ms-border-right($width, $style, $color) {\r\n @include ms-LTR {\r\n border-right: $width $style $color;\r\n }\r\n\r\n @include ms-RTL {\r\n border-left: $width $style $color;\r\n }\r\n}\r\n\r\n@mixin ms-border-right-color($color) {\r\n @include ms-LTR {\r\n border-right-color: $color;\r\n }\r\n\r\n @include ms-RTL {\r\n border-left-color: $color;\r\n }\r\n}\r\n\r\n@mixin ms-border-right-style($style) {\r\n @include ms-LTR {\r\n border-right-style: $style;\r\n }\r\n \r\n @include ms-RTL {\r\n border-left-style: $style;\r\n }\r\n}\r\n\r\n@mixin ms-border-right-width($width) {\r\n @include ms-LTR {\r\n border-right-width: $width;\r\n }\r\n\r\n @include ms-RTL {\r\n border-left-width: $width;\r\n }\r\n}\r\n\r\n// Floats.\r\n@mixin ms-clear($side) {\r\n @if $side == left {\r\n @include ms-LTR {\r\n clear: $side;\r\n }\r\n\r\n @include ms-RTL {\r\n clear: right;\r\n }\r\n } @else if $side == right {\r\n @include ms-LTR {\r\n clear: $side;\r\n }\r\n\r\n @include ms-RTL {\r\n clear: left;\r\n }\r\n } @else {\r\n clear: $side;\r\n }\r\n}\r\n\r\n@mixin ms-float($direction) {\r\n @if $direction == left {\r\n @include ms-LTR {\r\n float: left;\r\n }\r\n\r\n @include ms-RTL {\r\n float: right;\r\n }\r\n } @else {\r\n @include ms-LTR {\r\n float: right;\r\n }\r\n\r\n @include ms-RTL {\r\n float: left;\r\n }\r\n }\r\n}\r\n\r\n// Positioning.\r\n@mixin ms-left($distance) {\r\n @include ms-LTR {\r\n left: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n right: $distance;\r\n }\r\n}\r\n\r\n@mixin ms-right($distance) {\r\n @include ms-LTR {\r\n right: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n left: $distance;\r\n }\r\n}\r\n\r\n// Margins.\r\n@mixin ms-margin($top, $right, $bottom, $left) {\r\n margin: $top $right $bottom $left;\r\n\r\n @include ms-RTL {\r\n margin: $top $left $bottom $right;\r\n }\r\n}\r\n\r\n@mixin ms-margin-left($distance) {\r\n @include ms-LTR {\r\n margin-left: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n margin-right: $distance;\r\n }\r\n}\r\n\r\n@mixin ms-margin-right($distance) {\r\n @include ms-LTR {\r\n margin-right: $distance;\r\n }\r\n @include ms-RTL {\r\n margin-left: $distance;\r\n }\r\n}\r\n\r\n// Padding.\r\n@mixin ms-padding($top, $right, $bottom, $left) {\r\n padding: $top $right $bottom $left;\r\n\r\n @include ms-RTL {\r\n padding: $top $left $bottom $right;\r\n }\r\n}\r\n\r\n@mixin ms-padding-left($distance) {\r\n @include ms-LTR {\r\n padding-left: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n padding-right: $distance;\r\n }\r\n}\r\n\r\n@mixin ms-padding-right($distance) {\r\n @include ms-LTR {\r\n padding-right: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n padding-left: $distance;\r\n }\r\n}\r\n\r\n// Text-alignment.\r\n@mixin ms-text-align($direction) {\r\n @if $direction == left {\r\n @include ms-LTR {\r\n text-align: left;\r\n }\r\n\r\n @include ms-RTL {\r\n text-align: right;\r\n }\r\n } @else {\r\n @include ms-LTR {\r\n text-align: right;\r\n }\r\n\r\n @include ms-RTL {\r\n text-align: left;\r\n }\r\n }\r\n}\r\n\r\n// Box-shadow.\r\n@mixin ms-box-shadow($left, $etc) {\r\n @if $left != 0 {\r\n @include ms-LTR {\r\n box-shadow: $left $etc;\r\n }\r\n\r\n @include ms-RTL {\r\n box-shadow: -$left $etc;\r\n }\r\n } @else {\r\n box-shadow: 0 $etc;\r\n }\r\n}\r\n\r\n// Transforms.\r\n@mixin ms-transform-scaleX($scaleX: 1) {\r\n @include ms-LTR {\r\n transform: scaleX($scaleX);\r\n }\r\n\r\n @include ms-RTL {\r\n transform: scaleX(-$scaleX);\r\n }\r\n}\r\n\r\n@mixin ms-transform-translateX($distance) {\r\n @include ms-LTR {\r\n transform: translateX($distance);\r\n }\r\n\r\n @include ms-RTL {\r\n transform: translateX(-$distance);\r\n }\r\n}\r\n\r\n@mixin ms-transform-rotate($degrees) {\r\n @include ms-LTR {\r\n transform: rotate($degrees);\r\n }\r\n\r\n @include ms-RTL {\r\n transform: rotate(-$degrees);\r\n }\r\n}\r\n\r\n// Transitions. Only supported when ONLY left/right are declared\r\n@mixin ms-transition-property($direction) {\r\n @if $direction == left {\r\n @include ms-LTR {\r\n transition-property: left;\r\n }\r\n\r\n @include ms-RTL {\r\n transition-property: right;\r\n }\r\n } @else {\r\n @include ms-LTR {\r\n transition-property: right;\r\n }\r\n\r\n @include ms-RTL {\r\n transition-property: left;\r\n }\r\n }\r\n}\r\n","// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n// Communication\r\n$ms-color-communicationShade30: #004578 !default;\r\n$ms-color-communicationShade20: #005a9e !default;\r\n$ms-color-communicationShade10: #106ebe !default;\r\n$ms-color-communicationPrimary: #0078d4 !default;\r\n$ms-color-communicationTint10: #2b88d8 !default;\r\n$ms-color-communicationTint20: #c7e0f4 !default;\r\n$ms-color-communicationTint30: #deecf9 !default;\r\n$ms-color-communicationTint40: #eff6fc !default;\r\n\r\n// Neutrals\r\n$ms-color-black: #000000 !default;\r\n$ms-color-gray220: #11100f !default;\r\n$ms-color-gray210: #161514 !default;\r\n$ms-color-gray200: #1b1a19 !default;\r\n$ms-color-gray190: #201f1e !default;\r\n$ms-color-gray180: #252423 !default;\r\n$ms-color-gray170: #292827 !default;\r\n$ms-color-gray160: #323130 !default;\r\n$ms-color-gray150: #3b3a39 !default;\r\n$ms-color-gray140: #484644 !default;\r\n$ms-color-gray130: #605e5c !default;\r\n$ms-color-gray120: #797775 !default;\r\n$ms-color-gray110: #8a8886 !default;\r\n$ms-color-gray100: #979593 !default;\r\n$ms-color-gray90: #a19f9d !default;\r\n$ms-color-gray80: #b3b0ad !default;\r\n$ms-color-gray70: #bebbb8 !default;\r\n$ms-color-gray60: #c8c6c4 !default;\r\n$ms-color-gray50: #d2d0ce !default;\r\n$ms-color-gray40: #e1dfdd !default;\r\n$ms-color-gray30: #edebe9 !default;\r\n$ms-color-gray20: #f3f2f1 !default;\r\n$ms-color-gray10: #faf9f8 !default;\r\n$ms-color-white: #ffffff !default;\r\n\r\n// Shared\r\n$ms-color-sharedPinkRed10: #750b1c !default;\r\n$ms-color-sharedRed20: #a4262c !default;\r\n$ms-color-sharedRed10: #d13438 !default;\r\n$ms-color-sharedRedOrange20: #603d30 !default;\r\n$ms-color-sharedRedOrange10: #da3b01 !default;\r\n$ms-color-sharedOrange30: #8e562e !default;\r\n$ms-color-sharedOrange20: #ca5010 !default;\r\n$ms-color-sharedOrange10: #ffaa44 !default;\r\n$ms-color-sharedYellow10: #fce100 !default;\r\n$ms-color-sharedOrangeYellow20: #986f0b !default;\r\n$ms-color-sharedOrangeYellow10: #c19c00 !default;\r\n$ms-color-sharedYellowGreen10: #8cbd18 !default;\r\n$ms-color-sharedGreen20: #0b6a0b !default;\r\n$ms-color-sharedGreen10: #498205 !default;\r\n$ms-color-sharedGreenCyan10: #00ad56 !default;\r\n$ms-color-sharedCyan40: #005e50 !default;\r\n$ms-color-sharedCyan30: #005b70 !default;\r\n$ms-color-sharedCyan20: #038387 !default;\r\n$ms-color-sharedCyan10: #00b7c3 !default;\r\n$ms-color-sharedCyanBlue20: #004e8c !default;\r\n$ms-color-sharedCyanBlue10: #0078d4 !default;\r\n$ms-color-sharedBlue10: #4f6bed !default;\r\n$ms-color-sharedBlueMagenta40: #373277 !default;\r\n$ms-color-sharedBlueMagenta30: #5c2e91 !default;\r\n$ms-color-sharedBlueMagenta20: #8764b8 !default;\r\n$ms-color-sharedBlueMagenta10: #8378de !default;\r\n$ms-color-sharedMagenta20: #881798 !default;\r\n$ms-color-sharedMagenta10: #c239b3 !default;\r\n$ms-color-sharedMagentaPink20: #9b0062 !default;\r\n$ms-color-sharedMagentaPink10: #e3008c !default;\r\n$ms-color-sharedGray40: #393939 !default;\r\n$ms-color-sharedGray30: #7a7574 !default;\r\n$ms-color-sharedGray20: #69797e !default;\r\n$ms-color-sharedGray10: #a0aeb2 !default;\r\n\r\n// Deprecated MDL2 color variables.\r\n@import \"./Color.Variables.MDL2\";\r\n","// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n// Font directory and paths\r\n$ms-font-cdn-path: 'https://static2.sharepointonline.com/files/fabric/assets/fonts' !default;\r\n\r\n// Fallback fonts, if specified system or web fonts are unavailable.\r\n$ms-font-family-fallbacks: 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif !default;\r\n\r\n// Language-specific font stacks.\r\n$ms-font-family-arabic: 'Segoe UI Web (Arabic)', $ms-font-family-fallbacks !default;\r\n$ms-font-family-chinese-simplified: 'Microsoft Yahei UI', Verdana, Simsun, $ms-font-family-fallbacks !default;\r\n$ms-font-family-chinese-traditional: 'Microsoft Jhenghei UI', Pmingliu, $ms-font-family-fallbacks !default;\r\n$ms-font-family-cyrillic: 'Segoe UI Web (Cyrillic)', $ms-font-family-fallbacks !default;\r\n$ms-font-family-east-european: 'Segoe UI Web (East European)', $ms-font-family-fallbacks !default;\r\n$ms-font-family-greek: 'Segoe UI Web (Greek)', $ms-font-family-fallbacks !default;\r\n$ms-font-family-hebrew: 'Segoe UI Web (Hebrew)', $ms-font-family-fallbacks !default;\r\n$ms-font-family-hindi: 'Nirmala UI', $ms-font-family-fallbacks !default;\r\n$ms-font-family-japanese: 'Yu Gothic UI', 'Meiryo UI', Meiryo, 'MS Pgothic', Osaka, $ms-font-family-fallbacks !default;\r\n$ms-font-family-korean: 'Malgun Gothic', Gulim, $ms-font-family-fallbacks !default;\r\n$ms-font-family-lao: 'Leelawadee UI Web', 'Lao UI', DokChampa, $ms-font-family-fallbacks !default;\r\n$ms-font-family-selawik: 'Selawik Web', $ms-font-family-fallbacks !default;\r\n$ms-font-family-thai: 'Leelawadee UI Web', 'Kmer UI', $ms-font-family-fallbacks !default;\r\n$ms-font-family-vietnamese: 'Segoe UI Web (Vietnamese)', $ms-font-family-fallbacks !default;\r\n$ms-font-family-west-european: 'Segoe UI Web (West European)', $ms-font-family-fallbacks !default;\r\n\r\n// Weights.\r\n$ms-font-weight-regular: 400 !default;\r\n$ms-font-weight-semibold: 600 !default;\r\n$ms-font-weight-bold: 700 !default;\r\n\r\n// Sizes.\r\n$ms-font-size-68: 68px !default;\r\n$ms-font-size-42: 42px !default;\r\n$ms-font-size-32: 32px !default;\r\n$ms-font-size-28: 28px !default;\r\n$ms-font-size-24: 24px !default;\r\n$ms-font-size-20: 20px !default;\r\n$ms-font-size-18: 18px !default;\r\n$ms-font-size-16: 16px !default;\r\n$ms-font-size-14: 14px !default;\r\n$ms-font-size-12: 12px !default;\r\n$ms-font-size-10: 10px !default;\r\n\r\n// Deprecated MDL2 font variables.\r\n@import \"./Font.Variables.MDL2\";\r\n"],"file":"DocumentLibraryBrowser.module.scss.css"}
1	+ {"version":3,"sourceRoot":"","sources":["../../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.17_@types+react@17.0.45_react-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../../../src/controls/filePicker/controls/DocumentLibraryBrowser/DocumentLibraryBrowser.module.scss","../../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.17_@types+react@17.0.45_react-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/mixins/_Directionality.Mixins.scss","../../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.17_@types+react@17.0.45_react-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/variables/_Color.Variables.scss","../../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.17_@types+react@17.0.45_react-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/variables/_Font.Variables.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACFA;AACA;EACE;;;AAGF;EACE;EACA;EACA;EACA;;ACHA;EA2KI;;AApKJ;EAwKI;;ADzKJ;EACE,kBEkBc;EFjBd;;AACA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;;AAKN;EACE;EACA,WGdc;EHed;EACA;EACA;EACA;EACA","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/\r\n Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-light;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-semilight;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-regular;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-semibold;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-bold;\r\n font-style: normal;\r\n }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n [lang^=\"#{$language-code}\"] .ms-Fabric,\r\n .ms-Fabric [lang^=\"#{$language-code}\"],\r\n .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n font-family: $font-family;\r\n }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n//@import \"../PropertyPaneFilePicker.module.scss\";\n\n/ TILES /\n.documentLibraryBrowserContainer {\n padding: 0;\n}\n\n.filePickerFolderCardTile {\n width: 10vw;\n margin: 1vh 0;\n text-align: center;\n outline: none;\n @include ms-float(left);\n\n &:hover {\n background-color: $ms-color-neutralLighter;\n border-radius: 5px;\n .filePickerFolderCardTitle {\n text-decoration: underline;\n }\n }\n\n .filePickerFolderCardImage {\n height: 100%;\n cursor: pointer;\n margin: 1vw 0 0;\n\n .filePickerFolderCoverBack {\n display: block;\n position: absolute;\n }\n\n .filePickerFolderCoverFront {\n display: block;\n }\n\n .filePickerFolderCoverBack,\n .filePickerFolderCoverFront {\n margin: 0 1vw;\n width: 8vw;\n\n img {\n border: none;\n padding: 0;\n margin: 0;\n width: 100%;\n }\n }\n }\n\n .filePickerFolderCardTitle {\n cursor: pointer;\n font-size: $ms-font-size-14;\n overflow:hidden;\n white-space:nowrap;\n text-overflow: ellipsis;\n padding: 1vh 0.5vw;\n text-align: center;\n }\n}\n","// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//\r\n// Office UI Fabric\r\n// --------------------------------------------------\r\n// Directionality mixins to generate LTR and RTL-specific styles\r\n\r\n// Base left-to-right mixin definition.\r\n@mixin ms-LTR {\r\n [dir='ltr'] & {\r\n @content;\r\n }\r\n}\r\n\r\n// Base right-to-left mixin definition.\r\n@mixin ms-RTL {\r\n [dir='rtl'] & {\r\n @content;\r\n }\r\n}\r\n\r\n// Use baseRTL to set the default direction to right-to-left on\r\n// a root element (e.g. page or region) that needs RTL support.\r\n@mixin ms-base-RTL {\r\n @include ms-RTL {\r\n direction: rtl;\r\n unicode-bidi: bidi-override;\r\n }\r\n}\r\n\r\n\r\n// Common CSS property mixins with support for RTL.\r\n// Use to automatically create RTL versions of your properties.\r\n\r\n// Background direction.\r\n@mixin ms-background-position($alignment) {\r\n @if $alignment == left {\r\n @include ms-LTR {\r\n background-position: left;\r\n }\r\n\r\n @include ms-RTL {\r\n background-position: right;\r\n }\r\n } @else if $alignment == right {\r\n @include ms-LTR {\r\n background-position: right;\r\n }\r\n\r\n @include ms-RTL {\r\n background-position: left;\r\n }\r\n } @else {\r\n background-position: $alignment;\r\n }\r\n}\r\n\r\n// Border styles.\r\n@mixin ms-border-color($top, $right, $bottom, $left) {\r\n border-color: $top $right $bottom $left;\r\n\r\n @include ms-RTL {\r\n border-color: $top $left $bottom $right;\r\n }\r\n}\r\n\r\n@mixin ms-border-left($width, $style, $color) {\r\n @include ms-LTR {\r\n border-left: $width $style $color;\r\n }\r\n\r\n @include ms-RTL {\r\n border-right: $width $style $color;\r\n }\r\n}\r\n\r\n@mixin ms-border-left-color($color) {\r\n @include ms-LTR {\r\n border-left-color: $color;\r\n }\r\n\r\n @include ms-RTL {\r\n border-right-color: $color;\r\n }\r\n}\r\n\r\n@mixin ms-border-left-style($style) {\r\n @include ms-LTR {\r\n border-left-style: $style;\r\n }\r\n\r\n @include ms-RTL {\r\n border-right-style: $style;\r\n }\r\n}\r\n\r\n@mixin ms-border-left-width($width) {\r\n @include ms-LTR {\r\n border-left-width: $width;\r\n }\r\n\r\n @include ms-RTL {\r\n border-right-width: $width;\r\n }\r\n}\r\n\r\n@mixin ms-border-radius($topLeft, $topRight, $bottomRight, $bottomLeft) {\r\n border-radius: $topLeft $topRight $bottomRight $bottomLeft;\r\n\r\n @include ms-RTL {\r\n border-radius: $topRight $topLeft $bottomLeft $bottomRight;\r\n }\r\n}\r\n\r\n@mixin ms-border-right($width, $style, $color) {\r\n @include ms-LTR {\r\n border-right: $width $style $color;\r\n }\r\n\r\n @include ms-RTL {\r\n border-left: $width $style $color;\r\n }\r\n}\r\n\r\n@mixin ms-border-right-color($color) {\r\n @include ms-LTR {\r\n border-right-color: $color;\r\n }\r\n\r\n @include ms-RTL {\r\n border-left-color: $color;\r\n }\r\n}\r\n\r\n@mixin ms-border-right-style($style) {\r\n @include ms-LTR {\r\n border-right-style: $style;\r\n }\r\n \r\n @include ms-RTL {\r\n border-left-style: $style;\r\n }\r\n}\r\n\r\n@mixin ms-border-right-width($width) {\r\n @include ms-LTR {\r\n border-right-width: $width;\r\n }\r\n\r\n @include ms-RTL {\r\n border-left-width: $width;\r\n }\r\n}\r\n\r\n// Floats.\r\n@mixin ms-clear($side) {\r\n @if $side == left {\r\n @include ms-LTR {\r\n clear: $side;\r\n }\r\n\r\n @include ms-RTL {\r\n clear: right;\r\n }\r\n } @else if $side == right {\r\n @include ms-LTR {\r\n clear: $side;\r\n }\r\n\r\n @include ms-RTL {\r\n clear: left;\r\n }\r\n } @else {\r\n clear: $side;\r\n }\r\n}\r\n\r\n@mixin ms-float($direction) {\r\n @if $direction == left {\r\n @include ms-LTR {\r\n float: left;\r\n }\r\n\r\n @include ms-RTL {\r\n float: right;\r\n }\r\n } @else {\r\n @include ms-LTR {\r\n float: right;\r\n }\r\n\r\n @include ms-RTL {\r\n float: left;\r\n }\r\n }\r\n}\r\n\r\n// Positioning.\r\n@mixin ms-left($distance) {\r\n @include ms-LTR {\r\n left: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n right: $distance;\r\n }\r\n}\r\n\r\n@mixin ms-right($distance) {\r\n @include ms-LTR {\r\n right: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n left: $distance;\r\n }\r\n}\r\n\r\n// Margins.\r\n@mixin ms-margin($top, $right, $bottom, $left) {\r\n margin: $top $right $bottom $left;\r\n\r\n @include ms-RTL {\r\n margin: $top $left $bottom $right;\r\n }\r\n}\r\n\r\n@mixin ms-margin-left($distance) {\r\n @include ms-LTR {\r\n margin-left: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n margin-right: $distance;\r\n }\r\n}\r\n\r\n@mixin ms-margin-right($distance) {\r\n @include ms-LTR {\r\n margin-right: $distance;\r\n }\r\n @include ms-RTL {\r\n margin-left: $distance;\r\n }\r\n}\r\n\r\n// Padding.\r\n@mixin ms-padding($top, $right, $bottom, $left) {\r\n padding: $top $right $bottom $left;\r\n\r\n @include ms-RTL {\r\n padding: $top $left $bottom $right;\r\n }\r\n}\r\n\r\n@mixin ms-padding-left($distance) {\r\n @include ms-LTR {\r\n padding-left: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n padding-right: $distance;\r\n }\r\n}\r\n\r\n@mixin ms-padding-right($distance) {\r\n @include ms-LTR {\r\n padding-right: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n padding-left: $distance;\r\n }\r\n}\r\n\r\n// Text-alignment.\r\n@mixin ms-text-align($direction) {\r\n @if $direction == left {\r\n @include ms-LTR {\r\n text-align: left;\r\n }\r\n\r\n @include ms-RTL {\r\n text-align: right;\r\n }\r\n } @else {\r\n @include ms-LTR {\r\n text-align: right;\r\n }\r\n\r\n @include ms-RTL {\r\n text-align: left;\r\n }\r\n }\r\n}\r\n\r\n// Box-shadow.\r\n@mixin ms-box-shadow($left, $etc) {\r\n @if $left != 0 {\r\n @include ms-LTR {\r\n box-shadow: $left $etc;\r\n }\r\n\r\n @include ms-RTL {\r\n box-shadow: -$left $etc;\r\n }\r\n } @else {\r\n box-shadow: 0 $etc;\r\n }\r\n}\r\n\r\n// Transforms.\r\n@mixin ms-transform-scaleX($scaleX: 1) {\r\n @include ms-LTR {\r\n transform: scaleX($scaleX);\r\n }\r\n\r\n @include ms-RTL {\r\n transform: scaleX(-$scaleX);\r\n }\r\n}\r\n\r\n@mixin ms-transform-translateX($distance) {\r\n @include ms-LTR {\r\n transform: translateX($distance);\r\n }\r\n\r\n @include ms-RTL {\r\n transform: translateX(-$distance);\r\n }\r\n}\r\n\r\n@mixin ms-transform-rotate($degrees) {\r\n @include ms-LTR {\r\n transform: rotate($degrees);\r\n }\r\n\r\n @include ms-RTL {\r\n transform: rotate(-$degrees);\r\n }\r\n}\r\n\r\n// Transitions. Only supported when ONLY left/right are declared\r\n@mixin ms-transition-property($direction) {\r\n @if $direction == left {\r\n @include ms-LTR {\r\n transition-property: left;\r\n }\r\n\r\n @include ms-RTL {\r\n transition-property: right;\r\n }\r\n } @else {\r\n @include ms-LTR {\r\n transition-property: right;\r\n }\r\n\r\n @include ms-RTL {\r\n transition-property: left;\r\n }\r\n }\r\n}\r\n","// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n// Communication\r\n$ms-color-communicationShade30: #004578 !default;\r\n$ms-color-communicationShade20: #005a9e !default;\r\n$ms-color-communicationShade10: #106ebe !default;\r\n$ms-color-communicationPrimary: #0078d4 !default;\r\n$ms-color-communicationTint10: #2b88d8 !default;\r\n$ms-color-communicationTint20: #c7e0f4 !default;\r\n$ms-color-communicationTint30: #deecf9 !default;\r\n$ms-color-communicationTint40: #eff6fc !default;\r\n\r\n// Neutrals\r\n$ms-color-black: #000000 !default;\r\n$ms-color-gray220: #11100f !default;\r\n$ms-color-gray210: #161514 !default;\r\n$ms-color-gray200: #1b1a19 !default;\r\n$ms-color-gray190: #201f1e !default;\r\n$ms-color-gray180: #252423 !default;\r\n$ms-color-gray170: #292827 !default;\r\n$ms-color-gray160: #323130 !default;\r\n$ms-color-gray150: #3b3a39 !default;\r\n$ms-color-gray140: #484644 !default;\r\n$ms-color-gray130: #605e5c !default;\r\n$ms-color-gray120: #797775 !default;\r\n$ms-color-gray110: #8a8886 !default;\r\n$ms-color-gray100: #979593 !default;\r\n$ms-color-gray90: #a19f9d !default;\r\n$ms-color-gray80: #b3b0ad !default;\r\n$ms-color-gray70: #bebbb8 !default;\r\n$ms-color-gray60: #c8c6c4 !default;\r\n$ms-color-gray50: #d2d0ce !default;\r\n$ms-color-gray40: #e1dfdd !default;\r\n$ms-color-gray30: #edebe9 !default;\r\n$ms-color-gray20: #f3f2f1 !default;\r\n$ms-color-gray10: #faf9f8 !default;\r\n$ms-color-white: #ffffff !default;\r\n\r\n// Shared\r\n$ms-color-sharedPinkRed10: #750b1c !default;\r\n$ms-color-sharedRed20: #a4262c !default;\r\n$ms-color-sharedRed10: #d13438 !default;\r\n$ms-color-sharedRedOrange20: #603d30 !default;\r\n$ms-color-sharedRedOrange10: #da3b01 !default;\r\n$ms-color-sharedOrange30: #8e562e !default;\r\n$ms-color-sharedOrange20: #ca5010 !default;\r\n$ms-color-sharedOrange10: #ffaa44 !default;\r\n$ms-color-sharedYellow10: #fce100 !default;\r\n$ms-color-sharedOrangeYellow20: #986f0b !default;\r\n$ms-color-sharedOrangeYellow10: #c19c00 !default;\r\n$ms-color-sharedYellowGreen10: #8cbd18 !default;\r\n$ms-color-sharedGreen20: #0b6a0b !default;\r\n$ms-color-sharedGreen10: #498205 !default;\r\n$ms-color-sharedGreenCyan10: #00ad56 !default;\r\n$ms-color-sharedCyan40: #005e50 !default;\r\n$ms-color-sharedCyan30: #005b70 !default;\r\n$ms-color-sharedCyan20: #038387 !default;\r\n$ms-color-sharedCyan10: #00b7c3 !default;\r\n$ms-color-sharedCyanBlue20: #004e8c !default;\r\n$ms-color-sharedCyanBlue10: #0078d4 !default;\r\n$ms-color-sharedBlue10: #4f6bed !default;\r\n$ms-color-sharedBlueMagenta40: #373277 !default;\r\n$ms-color-sharedBlueMagenta30: #5c2e91 !default;\r\n$ms-color-sharedBlueMagenta20: #8764b8 !default;\r\n$ms-color-sharedBlueMagenta10: #8378de !default;\r\n$ms-color-sharedMagenta20: #881798 !default;\r\n$ms-color-sharedMagenta10: #c239b3 !default;\r\n$ms-color-sharedMagentaPink20: #9b0062 !default;\r\n$ms-color-sharedMagentaPink10: #e3008c !default;\r\n$ms-color-sharedGray40: #393939 !default;\r\n$ms-color-sharedGray30: #7a7574 !default;\r\n$ms-color-sharedGray20: #69797e !default;\r\n$ms-color-sharedGray10: #a0aeb2 !default;\r\n\r\n// Deprecated MDL2 color variables.\r\n@import \"./Color.Variables.MDL2\";\r\n","// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n// Font directory and paths\r\n$ms-font-cdn-path: 'https://static2.sharepointonline.com/files/fabric/assets/fonts' !default;\r\n\r\n// Fallback fonts, if specified system or web fonts are unavailable.\r\n$ms-font-family-fallbacks: 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif !default;\r\n\r\n// Language-specific font stacks.\r\n$ms-font-family-arabic: 'Segoe UI Web (Arabic)', $ms-font-family-fallbacks !default;\r\n$ms-font-family-chinese-simplified: 'Microsoft Yahei UI', Verdana, Simsun, $ms-font-family-fallbacks !default;\r\n$ms-font-family-chinese-traditional: 'Microsoft Jhenghei UI', Pmingliu, $ms-font-family-fallbacks !default;\r\n$ms-font-family-cyrillic: 'Segoe UI Web (Cyrillic)', $ms-font-family-fallbacks !default;\r\n$ms-font-family-east-european: 'Segoe UI Web (East European)', $ms-font-family-fallbacks !default;\r\n$ms-font-family-greek: 'Segoe UI Web (Greek)', $ms-font-family-fallbacks !default;\r\n$ms-font-family-hebrew: 'Segoe UI Web (Hebrew)', $ms-font-family-fallbacks !default;\r\n$ms-font-family-hindi: 'Nirmala UI', $ms-font-family-fallbacks !default;\r\n$ms-font-family-japanese: 'Yu Gothic UI', 'Meiryo UI', Meiryo, 'MS Pgothic', Osaka, $ms-font-family-fallbacks !default;\r\n$ms-font-family-korean: 'Malgun Gothic', Gulim, $ms-font-family-fallbacks !default;\r\n$ms-font-family-lao: 'Leelawadee UI Web', 'Lao UI', DokChampa, $ms-font-family-fallbacks !default;\r\n$ms-font-family-selawik: 'Selawik Web', $ms-font-family-fallbacks !default;\r\n$ms-font-family-thai: 'Leelawadee UI Web', 'Kmer UI', $ms-font-family-fallbacks !default;\r\n$ms-font-family-vietnamese: 'Segoe UI Web (Vietnamese)', $ms-font-family-fallbacks !default;\r\n$ms-font-family-west-european: 'Segoe UI Web (West European)', $ms-font-family-fallbacks !default;\r\n\r\n// Weights.\r\n$ms-font-weight-regular: 400 !default;\r\n$ms-font-weight-semibold: 600 !default;\r\n$ms-font-weight-bold: 700 !default;\r\n\r\n// Sizes.\r\n$ms-font-size-68: 68px !default;\r\n$ms-font-size-42: 42px !default;\r\n$ms-font-size-32: 32px !default;\r\n$ms-font-size-28: 28px !default;\r\n$ms-font-size-24: 24px !default;\r\n$ms-font-size-20: 20px !default;\r\n$ms-font-size-18: 18px !default;\r\n$ms-font-size-16: 16px !default;\r\n$ms-font-size-14: 14px !default;\r\n$ms-font-size-12: 12px !default;\r\n$ms-font-size-10: 10px !default;\r\n\r\n// Deprecated MDL2 font variables.\r\n@import \"./Font.Variables.MDL2\";\r\n"],"file":"DocumentLibraryBrowser.module.scss.css"}

package/lib/controls/filePicker/controls/DocumentTile/DocumentTile.module.scss.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":"","sources":["../../../../../node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../../../src/controls/filePicker/FilePicker.module.scss","../../../../../src/controls/filePicker/controls/TilesList/TilesList.module.scss","../../../../../node_modules/@fluentui/react/dist/sass/variables/_Color.Variables.scss","../../../../../src/controls/filePicker/controls/DocumentTile/DocumentTile.module.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACHA;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACA;;;AAGA;EACE;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;;ACtYJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBC7Fe;ED8Ff;EACA;EACA;EACA;EACA,OClHiB;EDmHjB;EACA;EACA;EACA;;AAGE;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBC5He;ED6Hf,OC7IiB;ED8IjB;EACA;EACA;EAEE;;;AAGJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OCtLiB;EDuLjB;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAqBF;EACE;;;AAGF;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;;;AAGF;EAUI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAuBF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;AAAA;EAEE;;AAIJ;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE,kBC3agB;;;AD8alB;AAAA;EAEE;;AAGE;AAAA;AAAA;AAAA;EAEE,OCnca;;;ADwcnB;EACE;;AAEE;AAAA;EAEE,OC7bW;;;ADocb;EACE,OCne0B;;ADse5B;EACE;EACA,OC1da;ED2db;;;AAKN;EACE,YCjde;EDkdf;;;AAGF;EACE;;;AAGF;EACE;;;AAEF;EACE;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAME;EACA;EACA;EACA;EACA;EACA;EACA;;;AE9iBF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/\r\n Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-light;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-semilight;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-regular;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-semibold;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-bold;\r\n font-style: normal;\r\n }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n [lang^=\"#{$language-code}\"] .ms-Fabric,\r\n .ms-Fabric [lang^=\"#{$language-code}\"],\r\n .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n font-family: $font-family;\r\n }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n.filePicker {\n color: inherit;\n}\n\n.filePicker :global(.ms-Panel-commands) {\n display: none;\n}\n\n.filePicker :global(.ms-Panel-main) {\n top: 50px;\n border: none;\n overflow-y: hidden;\n}\n\n[dir=\"ltr\"] .filePicker :global(.ms-Panel-content) {\n padding-left: 0;\n}\n\n.filePicker :global(.ms-Panel-contentInner) {\n padding: 0;\n top: 0;\n overflow: hidden;\n}\n\n.filePicker :global(.ms-Panel-header) {\n margin: 0;\n}\n\n.filePicker :global(.ms-Nav-link) {\n position: relative;\n -webkit-font-smoothing: antialiased;\n font-size: 14px;\n font-weight: 400;\n box-sizing: border-box;\n display: block;\n text-align: center;\n cursor: pointer;\n padding-top: 0px;\n padding-right: 20px;\n padding-bottom: 0px;\n padding-left: 15px;\n height: 36px;\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n background-color: transparent;\n width: 100%;\n line-height: 36px;\n text-overflow: ellipsis;\n white-space: nowrap;\n user-select: none;\n outline: transparent;\n border-width: initial;\n border-style: none;\n border-image: initial;\n text-decoration: none;\n border-radius: 0px;\n overflow: hidden;\n border-color: transparent;\n}\n\n.filePicker :global(.is-selected) :global(.ms-Nav-link) {\n position: relative;\n -webkit-font-smoothing: antialiased;\n font-size: 14px;\n font-weight: 400;\n box-sizing: border-box;\n display: block;\n text-align: center;\n cursor: pointer;\n padding-top: 0px;\n padding-right: 20px;\n padding-bottom: 0px;\n padding-left: 15px;\n height: 36px;\n color: \"[theme:themePrimary, default:#{$ms-color-themePrimary}]\";\n background-color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n width: 100%;\n line-height: 36px;\n text-overflow: ellipsis;\n white-space: nowrap;\n user-select: none;\n outline: transparent;\n border-width: initial;\n border-style: none;\n text-decoration: none;\n border-radius: 0px;\n overflow: hidden;\n}\n.tabsContainer {\n position: absolute;\n top: 0;\n bottom: 0;\n height: auto;\n}\n\n.tabContainer {\n height: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n[dir=\"ltr\"] .tabsContainer {\n left: 212px;\n}\n\n[dir=\"ltr\"] .tabsContainer {\n right: 0;\n}\n\n.nav {\n position: absolute;\n height: 100%;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n}\n\n[dir=\"ltr\"] .nav {\n border-right: 2px solid;\n width: 210px;\n}\n\n.nav :global(.ms-Nav) {\n height: 100%;\n width: 210px;\n padding-top: 60px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border-top-width: 40px;\n border-top-style: solid;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n}\n\n.tabHeaderContainer {\n display: inline-block;\n width: 100%;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n border-top: 40px solid;\n}\n\n.breadcrumbNav {\n margin-top: 0px;\n padding: 22px 32px;\n}\n.breadcrumbNavItem {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n font-size: 24px;\n font-weight: 600;\n padding: 22px 8px 20px 0;\n}\n\n.breadcrumbNav :global(.ms-Breadcrumb-listItem:last-child .ms-Breadcrumb-itemLink) {\n font-weight: 600;\n}\n\n.tab {\n overflow-y: auto;\n flex-grow: 2;\n}\n\n.tabOffset {\n padding: 0 32px;\n}\n\n.tabFiles {\n overflow-y: hidden;\n overflow-x: hidden;\n flex-grow: 2;\n padding: 0 32px;\n}\n.scrollablePaneWrapper {\n height: 75vh;\n position: relative;\n overflow: hidden;\n}\n\n.actionButtonsContainer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n width: 100%;\n background-color: \"[theme:white, default:#{$ms-color-white}]\";\n -ms-flex-negative: 0;\n flex-shrink: 0;\n z-index: 100;\n}\n\n.actionButtons {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n padding-top: 10px;\n padding-bottom: 10px;\n}\n\n.actionButton {\n height: 30px;\n padding-bottom: 3px;\n}\n\n[dir=\"ltr\"] .actionButton {\n padding-left: 16px;\n}\n\n[dir=\"ltr\"] .actionButton {\n margin-left: 0;\n}\n\n[dir=\"ltr\"] .actionButton {\n margin-right: 10px;\n}\n\n[dir=\"ltr\"] .actionButtons {\n padding-left: 20px;\n}\n\n[dir=\"ltr\"] .actionButtons {\n padding-right: 11px;\n}\n\n.tabHeader {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n margin: 0;\n font-size: 24px;\n font-weight: 600;\n padding: 22px 0 20px 32px;\n}\n\n.tabContainer {\n height: 100%;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n flex-direction: column;\n}\n\n.filePicker :global(.ms-Panel-main) {\n top: 50px;\n border: none;\n overflow-y: hidden;\n}\n\n.tabsContainer .selectedTab {\n display: block;\n height: 100%;\n width: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.header {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n.xlg, .xxlg, .xxxlg, .xxxxlg {\n color: inherit;\n}\n\n.itemPickerTopBar {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 40px;\n background-color: red;\n}\n\n.itemPickerTopBar :global(.ms-CommandBarItem-link) {\n border-color: transparent;\n}\n\n.commandBarNoChevron :global(.ms-CommandBarItem-chevronDown) {\n display: none;\n}\n\n\n.fileItem {\n cursor: default;\n}\n\n.folderItem {\n cursor: pointer;\n}\n\n.folderItem:hover {\n text-decoration: underline;\n}\n\n.fileTypeIcon {\n margin: 0 -2px;\n display: inline-block;\n}\n\n.fileTypeIconIcon {\n display: inline-block;\n vertical-align: middle;\n position: relative;\n overflow: hidden;\n width: 20px;\n height: 20px;\n}\n\n.detailsListHeaderFileTypeIcon {\n font-size: 16px;\n padding: 0;\n}\n\n.iconColumnHeader {\n width: 40px!important;\n margin-right: -8px;\n}\n\n.iconColumnHeader i {\n font-size:16px;\n}\n\n.fileRow {\ncolor: inherit;\n}\n\n.folderRow {\n color: inherit;\n}\n\n.folderRow :global(.ms-DetailsRow-check) {\n visibility: hidden;\n}\n\n.emptyFolder {\n text-align: center;\n\n .emptyFolderImage {\n padding-top: 52px;\n height: 208px;\n width: auto;\n margin: 0 auto;\n\n .emptyFolderImageTag {\n height: 208px;\n width: auto;\n }\n }\n\n .emptyFolderTitle {\n padding: 16px 16px 0 16px;\n font-size: 21px;\n font-weight: 100;\n max-width: 400px;\n color: #858585;\n margin: 0 auto;\n }\n\n .emptyFolderSubText {\n padding: 6px 16px 0 16px;\n font-size: 14px;\n font-weight: 400;\n max-width: 400px;\n color: #858585;\n margin: 0 auto;\n }\n\n .emptyFolderMobile {\n display: none;\n }\n\n .emptyFolderPc {\n color: inherit;\n }\n\n .emptyFolderIcon {\n display: inline;\n font-size: 13px;\n padding-left: 2px;\n padding-right: 1px;\n }\n}\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n@import \"../../SiteFilePickerTab/SiteFilePickerTab.module.scss\";\n\n.aboveNameplate {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n position: relative;\n margin: 16px 16px 0 16px;\n}\n\n.tileContent {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.foreground {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n position: relative;\n overflow: hidden;\n max-width: 100%;\n max-height: 100%;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n opacity: 1;\n -webkit-transition: opacity 0.2s linear;\n transition: opacity 0.2s linear;\n\n &:after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n pointer-events: none;\n border: 2px solid #ffffff;\n }\n}\n\n\n\n.grid {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-flow: row wrap;\n flex-flow: row wrap;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n -ms-flex-line-pack: start;\n align-content: flex-start;\n overflow: hidden;\n}\n\n.cellContent {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n}\n\n.content {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.tile {\n outline: transparent;\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 0;\n background-color: $ms-color-white;\n -webkit-transition: -webkit-transform 0.1s linear;\n transition: -webkit-transform 0.1s linear;\n transition: transform 0.1s linear;\n transition: transform 0.1s linear, -webkit-transform 0.1s linear;\n color: $ms-color-neutralPrimary;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n &.invokable {\n .foreground {\n pointer-events: auto;\n cursor: pointer;\n }\n\n &:active {\n -webkit-transform: scale(0.95);\n transform: scale(0.95);\n }\n }\n}\n\n.namePlate {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n min-height: 20px;\n padding: 4px 8px 8px;\n background-color: $ms-color-white;\n color: $ms-color-neutralPrimary;\n white-space: nowrap;\n text-overflow: ellipsis;\n opacity: .95;\n //border-top: 1px solid #eaeaea;\n min-height: 35px;\n}\n\n.nameplate .name {\n pointer-events: auto;\n cursor: pointer;\n}\n\nhtml[dir=\"ltr\"] .name {\n padding-left: 8px;\n}\n\nhtml[dir=\"ltr\"] .name {\n margin-left: -8px;\n}\n\n.nameplate .name {\n -webkit-transition: color 0.2s linear;\n transition: color 0.2s linear;\n}\n\n.name {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n font-weight: 400;\n color: $ms-color-neutralPrimary;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n}\n\n.name,\n.isLarge .name {\n font-size: 14px;\n height: 30px;\n margin-top: -7px;\n margin-bottom: -8px;\n}\n\n.tile:hover .name {\n text-decoration: underline;\n}\n\nhtml[dir=\"ltr\"] .activity {\n padding-left: 8px;\n}\n\nhtml[dir=\"ltr\"] .activity {\n margin-left: -8px;\n}\n\n.signalField,\n.signalField.compact {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n}\n\n.signalField {\n max-width: 100%;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row nowrap;\n flex-direction: row nowrap;\n}\n\n.signalField > span[class*=\"signalFieldValue\"] {\n -ms-flex: 1 1 auto !important;\n flex: 1 1 auto !important;\n}\n\n.signalFieldValue {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-align: left;\n -webkit-box-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n}\n\n.activity {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n font-weight: 400;\n font-size: 12px;\n color: #767676;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n height: 24px;\n margin-bottom: -4px;\n}\n\n.folderList :global(.ms-List-cell) {\n display: table-cell;\n}\n\n// .folderList :global(.ms-List-page) {\n// display: -webkit-box;\n// display: -ms-flexbox;\n// display: flex;\n// -webkit-box-orient: horizontal;\n// -webkit-box-direction: normal;\n// -ms-flex-direction: row;\n// flex-direction: row;\n// flex-wrap: wrap;\n// align-content: flex-start;\n// align-items: flex-start;\n// justify-content: flex-start;\n// margin-bottom: 36px;\n// margin-left: -4px;\n// margin-right: -4px;\n// margin-top: -4px;\n// }\n\n.folderList :global(.ms-List-surface) {\n position: relative;\n}\n\n.link {\n outline: transparent;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n text-decoration: none;\n color: inherit;\n overflow: hidden;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n -ms-flex-line-pack: stretch;\n align-content: stretch;\n text-decoration: none;\n pointer-events: none;\n}\n\n.cell {\n padding-top: 140px;\n position: relative;\n}\n\n.listCell {\n // text-align: center;\n // outline: none;\n // position: relative;\n // max-width: 176px;\n // max-height: 171px;\n // margin: 4px;\n // border-style: none;\n // border-width: 0px;\n // width: 176px;\n display: block;\n margin: 0;\n border-color: #ffffff;\n border-top-color: rgb(255, 255, 255);\n border-right-color: rgb(255, 255, 255);\n border-bottom-color: rgb(255, 255, 255);\n border-left-color: rgb(255, 255, 255);\n}\n\n.label {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n\n.foreground {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n position: relative;\n overflow: hidden;\n max-width: 100%;\n max-height: 100%;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n opacity: 1;\n -webkit-transition: opacity 0.2s linear;\n transition: opacity 0.2s linear;\n}\n\n// .hasForegroundFrame .foreground {\n// background-color: #ffffff;\n// -webkit-box-shadow: 0 1px 3px 1px rgba(1, 1, 0, 0.05);\n// box-shadow: 0 1px 3px 1px rgba(1, 1, 0, 0.05);\n// min-width: 32px;\n// min-height: 32px;\n// }\n\n// .hasForegroundFrame .foreground:after {\n// content: '';\n// display: block;\n// position: absolute;\n// top: 0;\n// left: 0;\n// bottom: 0;\n// right: 0;\n// pointer-events: none;\n// border: 2px solid #ffffff;\n// }\n\n.check {\n //display: none;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n top: 0;\n border: none;\n background: none;\n background-color: transparent;\n opacity: 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 6px;\n outline: transparent;\n position: absolute;\n\n :global {\n .ms-Check .ms-Check-check,\n .ms-Check .ms-Check-circle {\n color: #797775;\n }\n }\n\n &:hover {\n color: #797775;\n }\n}\n\nhtml[dir=\"ltr\"] .check {\n right: 0;\n}\n\n.tile.selectable .check {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n\n.tile.selectable:hover {\n background-color: $ms-color-neutralLighter;\n}\n\n.tile:hover .check,\n.tile.showCheck .check {\n opacity: 1;\n\n :global {\n .ms-Check .ms-Check-check,\n .ms-Check .ms-Check-circle {\n color: $ms-color-neutralPrimary;\n }\n }\n}\n\n.tile.selected .check {\n opacity: 1;\n :global {\n .ms-Check .ms-Check-check,\n .ms-Check .ms-Check-circle {\n color: $ms-color-white;\n }\n }\n}\n\n.dialogMainOverride {\n :global {\n .ms-Dialog-title {\n color: $ms-color-themePrimary;\n }\n\n .ms-Dialog-subText {\n font-size: 14px;\n color: $ms-color-neutralPrimary;\n font-weight: 400;\n }\n }\n}\n\n.itemTileBlankCover {\n background: $ms-color-white;\n display: inline-block;\n}\n\nhtml[dir=\"ltr\"] .metadata {\n text-align: right;\n}\n\nhtml[dir=\"ltr\"] .metadata {\n margin-right: 8px;\n}\n.isLarge .metadata {\n font-size: 14px;\n margin-bottom: 3px;\n}\n.metadata,\n.metadata.isSmall {\n font-size: 12px;\n margin-bottom: 3px;\n}\n\n.metadata {\n display: block;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n font-weight: 400;\n color: #ffffff;\n position: relative;\n}\n\n.listPage {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n.odItemTile2FolderCover {\n display: inline-block;\n margin: 3px;\n}\n\n.standaloneListBreadcrumb {\n// font-size: 17px;\n// font-weight: 300;\n// }\n\n// .xlg .standaloneListBreadcrumb, .xxlg .standaloneListBreadcrumb, .xxxlg .standaloneListBreadcrumb, .xxxxlg .standaloneListBreadcrumb {\n font-size: 21px;\n font-weight: 100;\n margin-bottom: 1px;\n padding-top:0;\n padding-bottom:0;\n padding-left: 32px;\n padding-right: 32px;\n}\n","// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n// Communication\r\n$ms-color-communicationShade30: #004578 !default;\r\n$ms-color-communicationShade20: #005a9e !default;\r\n$ms-color-communicationShade10: #106ebe !default;\r\n$ms-color-communicationPrimary: #0078d4 !default;\r\n$ms-color-communicationTint10: #2b88d8 !default;\r\n$ms-color-communicationTint20: #c7e0f4 !default;\r\n$ms-color-communicationTint30: #deecf9 !default;\r\n$ms-color-communicationTint40: #eff6fc !default;\r\n\r\n// Neutrals\r\n$ms-color-black: #000000 !default;\r\n$ms-color-gray220: #11100f !default;\r\n$ms-color-gray210: #161514 !default;\r\n$ms-color-gray200: #1b1a19 !default;\r\n$ms-color-gray190: #201f1e !default;\r\n$ms-color-gray180: #252423 !default;\r\n$ms-color-gray170: #292827 !default;\r\n$ms-color-gray160: #323130 !default;\r\n$ms-color-gray150: #3b3a39 !default;\r\n$ms-color-gray140: #484644 !default;\r\n$ms-color-gray130: #605e5c !default;\r\n$ms-color-gray120: #797775 !default;\r\n$ms-color-gray110: #8a8886 !default;\r\n$ms-color-gray100: #979593 !default;\r\n$ms-color-gray90: #a19f9d !default;\r\n$ms-color-gray80: #b3b0ad !default;\r\n$ms-color-gray70: #bebbb8 !default;\r\n$ms-color-gray60: #c8c6c4 !default;\r\n$ms-color-gray50: #d2d0ce !default;\r\n$ms-color-gray40: #e1dfdd !default;\r\n$ms-color-gray30: #edebe9 !default;\r\n$ms-color-gray20: #f3f2f1 !default;\r\n$ms-color-gray10: #faf9f8 !default;\r\n$ms-color-white: #ffffff !default;\r\n\r\n// Shared\r\n$ms-color-sharedPinkRed10: #750b1c !default;\r\n$ms-color-sharedRed20: #a4262c !default;\r\n$ms-color-sharedRed10: #d13438 !default;\r\n$ms-color-sharedRedOrange20: #603d30 !default;\r\n$ms-color-sharedRedOrange10: #da3b01 !default;\r\n$ms-color-sharedOrange30: #8e562e !default;\r\n$ms-color-sharedOrange20: #ca5010 !default;\r\n$ms-color-sharedOrange10: #ffaa44 !default;\r\n$ms-color-sharedYellow10: #fce100 !default;\r\n$ms-color-sharedOrangeYellow20: #986f0b !default;\r\n$ms-color-sharedOrangeYellow10: #c19c00 !default;\r\n$ms-color-sharedYellowGreen10: #8cbd18 !default;\r\n$ms-color-sharedGreen20: #0b6a0b !default;\r\n$ms-color-sharedGreen10: #498205 !default;\r\n$ms-color-sharedGreenCyan10: #00ad56 !default;\r\n$ms-color-sharedCyan40: #005e50 !default;\r\n$ms-color-sharedCyan30: #005b70 !default;\r\n$ms-color-sharedCyan20: #038387 !default;\r\n$ms-color-sharedCyan10: #00b7c3 !default;\r\n$ms-color-sharedCyanBlue20: #004e8c !default;\r\n$ms-color-sharedCyanBlue10: #0078d4 !default;\r\n$ms-color-sharedBlue10: #4f6bed !default;\r\n$ms-color-sharedBlueMagenta40: #373277 !default;\r\n$ms-color-sharedBlueMagenta30: #5c2e91 !default;\r\n$ms-color-sharedBlueMagenta20: #8764b8 !default;\r\n$ms-color-sharedBlueMagenta10: #8378de !default;\r\n$ms-color-sharedMagenta20: #881798 !default;\r\n$ms-color-sharedMagenta10: #c239b3 !default;\r\n$ms-color-sharedMagentaPink20: #9b0062 !default;\r\n$ms-color-sharedMagentaPink10: #e3008c !default;\r\n$ms-color-sharedGray40: #393939 !default;\r\n$ms-color-sharedGray30: #7a7574 !default;\r\n$ms-color-sharedGray20: #69797e !default;\r\n$ms-color-sharedGray10: #a0aeb2 !default;\r\n\r\n// Deprecated MDL2 color variables.\r\n@import \"./Color.Variables.MDL2\";\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n@import \"../TilesList/TilesList.module.scss\";\n\n.odItemTile2Image {\n display: inline-block;\n}\n\n.odImageFrame2 {\n display: block;\n position: relative;\n overflow: hidden;\n}\n\n.odImageFrame2Image {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n}\n\n.odImageFrame {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n}\n\n.odImageStack {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n overflow: hidden;\n}\n\n.odImageStackTile {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n //opacity: 0;\n}\n\n.odImageTile {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow: hidden;\n}\n\n.odImageTile {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow: hidden;\n}\n\n.odImageTileBackground {\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n width: 100%;\n height: 100%;\n margin: auto;\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n}\n\n.odImageTileImage {\n display: block;\n opacity: 1;\n position: absolute;\n box-sizing: border-box;\n}\n\n.odImageTileImage, a .odImageTileImage {\n border: none;\n}\n\n.odImageTile img {\n display: block;\n}\n\n.odItemTile2SmallIcon {\n position: absolute;\n bottom: 0;\n left: 0;\n margin: 6px;\n}\n\n.fileTypeIcon {\n position: relative;\n display: inline-block;\n}\n\n.fileTypeIconIcon {\n display: inline-block;\n vertical-align: middle;\n position: relative;\n overflow: hidden;\n}\n"],"file":"DocumentTile.module.scss.css"}
1	+ {"version":3,"sourceRoot":"","sources":["../../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.17_@types+react@17.0.45_react-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../../../src/controls/filePicker/FilePicker.module.scss","../../../../../src/controls/filePicker/controls/TilesList/TilesList.module.scss","../../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.17_@types+react@17.0.45_react-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/variables/_Color.Variables.scss","../../../../../src/controls/filePicker/controls/DocumentTile/DocumentTile.module.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACHA;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACA;;;AAGA;EACE;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;;ACtYJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBC7Fe;ED8Ff;EACA;EACA;EACA;EACA,OClHiB;EDmHjB;EACA;EACA;EACA;;AAGE;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBC5He;ED6Hf,OC7IiB;ED8IjB;EACA;EACA;EAEE;;;AAGJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OCtLiB;EDuLjB;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAqBF;EACE;;;AAGF;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;;;AAGF;EAUI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAuBF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;AAAA;EAEE;;AAIJ;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE,kBC3agB;;;AD8alB;AAAA;EAEE;;AAGE;AAAA;AAAA;AAAA;EAEE,OCnca;;;ADwcnB;EACE;;AAEE;AAAA;EAEE,OC7bW;;;ADocb;EACE,OCne0B;;ADse5B;EACE;EACA,OC1da;ED2db;;;AAKN;EACE,YCjde;EDkdf;;;AAGF;EACE;;;AAGF;EACE;;;AAEF;EACE;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAME;EACA;EACA;EACA;EACA;EACA;EACA;;;AE9iBF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/\r\n Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-light;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-semilight;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-regular;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-semibold;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-bold;\r\n font-style: normal;\r\n }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n [lang^=\"#{$language-code}\"] .ms-Fabric,\r\n .ms-Fabric [lang^=\"#{$language-code}\"],\r\n .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n font-family: $font-family;\r\n }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n.filePicker {\n color: inherit;\n}\n\n.filePicker :global(.ms-Panel-commands) {\n display: none;\n}\n\n.filePicker :global(.ms-Panel-main) {\n top: 50px;\n border: none;\n overflow-y: hidden;\n}\n\n[dir=\"ltr\"] .filePicker :global(.ms-Panel-content) {\n padding-left: 0;\n}\n\n.filePicker :global(.ms-Panel-contentInner) {\n padding: 0;\n top: 0;\n overflow: hidden;\n}\n\n.filePicker :global(.ms-Panel-header) {\n margin: 0;\n}\n\n.filePicker :global(.ms-Nav-link) {\n position: relative;\n -webkit-font-smoothing: antialiased;\n font-size: 14px;\n font-weight: 400;\n box-sizing: border-box;\n display: block;\n text-align: center;\n cursor: pointer;\n padding-top: 0px;\n padding-right: 20px;\n padding-bottom: 0px;\n padding-left: 15px;\n height: 36px;\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n background-color: transparent;\n width: 100%;\n line-height: 36px;\n text-overflow: ellipsis;\n white-space: nowrap;\n user-select: none;\n outline: transparent;\n border-width: initial;\n border-style: none;\n border-image: initial;\n text-decoration: none;\n border-radius: 0px;\n overflow: hidden;\n border-color: transparent;\n}\n\n.filePicker :global(.is-selected) :global(.ms-Nav-link) {\n position: relative;\n -webkit-font-smoothing: antialiased;\n font-size: 14px;\n font-weight: 400;\n box-sizing: border-box;\n display: block;\n text-align: center;\n cursor: pointer;\n padding-top: 0px;\n padding-right: 20px;\n padding-bottom: 0px;\n padding-left: 15px;\n height: 36px;\n color: \"[theme:themePrimary, default:#{$ms-color-themePrimary}]\";\n background-color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n width: 100%;\n line-height: 36px;\n text-overflow: ellipsis;\n white-space: nowrap;\n user-select: none;\n outline: transparent;\n border-width: initial;\n border-style: none;\n text-decoration: none;\n border-radius: 0px;\n overflow: hidden;\n}\n.tabsContainer {\n position: absolute;\n top: 0;\n bottom: 0;\n height: auto;\n}\n\n.tabContainer {\n height: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n[dir=\"ltr\"] .tabsContainer {\n left: 212px;\n}\n\n[dir=\"ltr\"] .tabsContainer {\n right: 0;\n}\n\n.nav {\n position: absolute;\n height: 100%;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n}\n\n[dir=\"ltr\"] .nav {\n border-right: 2px solid;\n width: 210px;\n}\n\n.nav :global(.ms-Nav) {\n height: 100%;\n width: 210px;\n padding-top: 60px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border-top-width: 40px;\n border-top-style: solid;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n}\n\n.tabHeaderContainer {\n display: inline-block;\n width: 100%;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n border-top: 40px solid;\n}\n\n.breadcrumbNav {\n margin-top: 0px;\n padding: 22px 32px;\n}\n.breadcrumbNavItem {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n font-size: 24px;\n font-weight: 600;\n padding: 22px 8px 20px 0;\n}\n\n.breadcrumbNav :global(.ms-Breadcrumb-listItem:last-child .ms-Breadcrumb-itemLink) {\n font-weight: 600;\n}\n\n.tab {\n overflow-y: auto;\n flex-grow: 2;\n}\n\n.tabOffset {\n padding: 0 32px;\n}\n\n.tabFiles {\n overflow-y: hidden;\n overflow-x: hidden;\n flex-grow: 2;\n padding: 0 32px;\n}\n.scrollablePaneWrapper {\n height: 75vh;\n position: relative;\n overflow: hidden;\n}\n\n.actionButtonsContainer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n width: 100%;\n background-color: \"[theme:white, default:#{$ms-color-white}]\";\n -ms-flex-negative: 0;\n flex-shrink: 0;\n z-index: 100;\n}\n\n.actionButtons {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n padding-top: 10px;\n padding-bottom: 10px;\n}\n\n.actionButton {\n height: 30px;\n padding-bottom: 3px;\n}\n\n[dir=\"ltr\"] .actionButton {\n padding-left: 16px;\n}\n\n[dir=\"ltr\"] .actionButton {\n margin-left: 0;\n}\n\n[dir=\"ltr\"] .actionButton {\n margin-right: 10px;\n}\n\n[dir=\"ltr\"] .actionButtons {\n padding-left: 20px;\n}\n\n[dir=\"ltr\"] .actionButtons {\n padding-right: 11px;\n}\n\n.tabHeader {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n margin: 0;\n font-size: 24px;\n font-weight: 600;\n padding: 22px 0 20px 32px;\n}\n\n.tabContainer {\n height: 100%;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n flex-direction: column;\n}\n\n.filePicker :global(.ms-Panel-main) {\n top: 50px;\n border: none;\n overflow-y: hidden;\n}\n\n.tabsContainer .selectedTab {\n display: block;\n height: 100%;\n width: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.header {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n.xlg, .xxlg, .xxxlg, .xxxxlg {\n color: inherit;\n}\n\n.itemPickerTopBar {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 40px;\n background-color: red;\n}\n\n.itemPickerTopBar :global(.ms-CommandBarItem-link) {\n border-color: transparent;\n}\n\n.commandBarNoChevron :global(.ms-CommandBarItem-chevronDown) {\n display: none;\n}\n\n\n.fileItem {\n cursor: default;\n}\n\n.folderItem {\n cursor: pointer;\n}\n\n.folderItem:hover {\n text-decoration: underline;\n}\n\n.fileTypeIcon {\n margin: 0 -2px;\n display: inline-block;\n}\n\n.fileTypeIconIcon {\n display: inline-block;\n vertical-align: middle;\n position: relative;\n overflow: hidden;\n width: 20px;\n height: 20px;\n}\n\n.detailsListHeaderFileTypeIcon {\n font-size: 16px;\n padding: 0;\n}\n\n.iconColumnHeader {\n width: 40px!important;\n margin-right: -8px;\n}\n\n.iconColumnHeader i {\n font-size:16px;\n}\n\n.fileRow {\ncolor: inherit;\n}\n\n.folderRow {\n color: inherit;\n}\n\n.folderRow :global(.ms-DetailsRow-check) {\n visibility: hidden;\n}\n\n.emptyFolder {\n text-align: center;\n\n .emptyFolderImage {\n padding-top: 52px;\n height: 208px;\n width: auto;\n margin: 0 auto;\n\n .emptyFolderImageTag {\n height: 208px;\n width: auto;\n }\n }\n\n .emptyFolderTitle {\n padding: 16px 16px 0 16px;\n font-size: 21px;\n font-weight: 100;\n max-width: 400px;\n color: #858585;\n margin: 0 auto;\n }\n\n .emptyFolderSubText {\n padding: 6px 16px 0 16px;\n font-size: 14px;\n font-weight: 400;\n max-width: 400px;\n color: #858585;\n margin: 0 auto;\n }\n\n .emptyFolderMobile {\n display: none;\n }\n\n .emptyFolderPc {\n color: inherit;\n }\n\n .emptyFolderIcon {\n display: inline;\n font-size: 13px;\n padding-left: 2px;\n padding-right: 1px;\n }\n}\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n@import \"../../SiteFilePickerTab/SiteFilePickerTab.module.scss\";\n\n.aboveNameplate {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n position: relative;\n margin: 16px 16px 0 16px;\n}\n\n.tileContent {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.foreground {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n position: relative;\n overflow: hidden;\n max-width: 100%;\n max-height: 100%;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n opacity: 1;\n -webkit-transition: opacity 0.2s linear;\n transition: opacity 0.2s linear;\n\n &:after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n pointer-events: none;\n border: 2px solid #ffffff;\n }\n}\n\n\n\n.grid {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-flow: row wrap;\n flex-flow: row wrap;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n -ms-flex-line-pack: start;\n align-content: flex-start;\n overflow: hidden;\n}\n\n.cellContent {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n}\n\n.content {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.tile {\n outline: transparent;\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 0;\n background-color: $ms-color-white;\n -webkit-transition: -webkit-transform 0.1s linear;\n transition: -webkit-transform 0.1s linear;\n transition: transform 0.1s linear;\n transition: transform 0.1s linear, -webkit-transform 0.1s linear;\n color: $ms-color-neutralPrimary;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n &.invokable {\n .foreground {\n pointer-events: auto;\n cursor: pointer;\n }\n\n &:active {\n -webkit-transform: scale(0.95);\n transform: scale(0.95);\n }\n }\n}\n\n.namePlate {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n min-height: 20px;\n padding: 4px 8px 8px;\n background-color: $ms-color-white;\n color: $ms-color-neutralPrimary;\n white-space: nowrap;\n text-overflow: ellipsis;\n opacity: .95;\n //border-top: 1px solid #eaeaea;\n min-height: 35px;\n}\n\n.nameplate .name {\n pointer-events: auto;\n cursor: pointer;\n}\n\nhtml[dir=\"ltr\"] .name {\n padding-left: 8px;\n}\n\nhtml[dir=\"ltr\"] .name {\n margin-left: -8px;\n}\n\n.nameplate .name {\n -webkit-transition: color 0.2s linear;\n transition: color 0.2s linear;\n}\n\n.name {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n font-weight: 400;\n color: $ms-color-neutralPrimary;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n}\n\n.name,\n.isLarge .name {\n font-size: 14px;\n height: 30px;\n margin-top: -7px;\n margin-bottom: -8px;\n}\n\n.tile:hover .name {\n text-decoration: underline;\n}\n\nhtml[dir=\"ltr\"] .activity {\n padding-left: 8px;\n}\n\nhtml[dir=\"ltr\"] .activity {\n margin-left: -8px;\n}\n\n.signalField,\n.signalField.compact {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n}\n\n.signalField {\n max-width: 100%;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row nowrap;\n flex-direction: row nowrap;\n}\n\n.signalField > span[class*=\"signalFieldValue\"] {\n -ms-flex: 1 1 auto !important;\n flex: 1 1 auto !important;\n}\n\n.signalFieldValue {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-align: left;\n -webkit-box-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n}\n\n.activity {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n font-weight: 400;\n font-size: 12px;\n color: #767676;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n height: 24px;\n margin-bottom: -4px;\n}\n\n.folderList :global(.ms-List-cell) {\n display: table-cell;\n}\n\n// .folderList :global(.ms-List-page) {\n// display: -webkit-box;\n// display: -ms-flexbox;\n// display: flex;\n// -webkit-box-orient: horizontal;\n// -webkit-box-direction: normal;\n// -ms-flex-direction: row;\n// flex-direction: row;\n// flex-wrap: wrap;\n// align-content: flex-start;\n// align-items: flex-start;\n// justify-content: flex-start;\n// margin-bottom: 36px;\n// margin-left: -4px;\n// margin-right: -4px;\n// margin-top: -4px;\n// }\n\n.folderList :global(.ms-List-surface) {\n position: relative;\n}\n\n.link {\n outline: transparent;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n text-decoration: none;\n color: inherit;\n overflow: hidden;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n -ms-flex-line-pack: stretch;\n align-content: stretch;\n text-decoration: none;\n pointer-events: none;\n}\n\n.cell {\n padding-top: 140px;\n position: relative;\n}\n\n.listCell {\n // text-align: center;\n // outline: none;\n // position: relative;\n // max-width: 176px;\n // max-height: 171px;\n // margin: 4px;\n // border-style: none;\n // border-width: 0px;\n // width: 176px;\n display: block;\n margin: 0;\n border-color: #ffffff;\n border-top-color: rgb(255, 255, 255);\n border-right-color: rgb(255, 255, 255);\n border-bottom-color: rgb(255, 255, 255);\n border-left-color: rgb(255, 255, 255);\n}\n\n.label {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n\n.foreground {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n position: relative;\n overflow: hidden;\n max-width: 100%;\n max-height: 100%;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n opacity: 1;\n -webkit-transition: opacity 0.2s linear;\n transition: opacity 0.2s linear;\n}\n\n// .hasForegroundFrame .foreground {\n// background-color: #ffffff;\n// -webkit-box-shadow: 0 1px 3px 1px rgba(1, 1, 0, 0.05);\n// box-shadow: 0 1px 3px 1px rgba(1, 1, 0, 0.05);\n// min-width: 32px;\n// min-height: 32px;\n// }\n\n// .hasForegroundFrame .foreground:after {\n// content: '';\n// display: block;\n// position: absolute;\n// top: 0;\n// left: 0;\n// bottom: 0;\n// right: 0;\n// pointer-events: none;\n// border: 2px solid #ffffff;\n// }\n\n.check {\n //display: none;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n top: 0;\n border: none;\n background: none;\n background-color: transparent;\n opacity: 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 6px;\n outline: transparent;\n position: absolute;\n\n :global {\n .ms-Check .ms-Check-check,\n .ms-Check .ms-Check-circle {\n color: #797775;\n }\n }\n\n &:hover {\n color: #797775;\n }\n}\n\nhtml[dir=\"ltr\"] .check {\n right: 0;\n}\n\n.tile.selectable .check {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n\n.tile.selectable:hover {\n background-color: $ms-color-neutralLighter;\n}\n\n.tile:hover .check,\n.tile.showCheck .check {\n opacity: 1;\n\n :global {\n .ms-Check .ms-Check-check,\n .ms-Check .ms-Check-circle {\n color: $ms-color-neutralPrimary;\n }\n }\n}\n\n.tile.selected .check {\n opacity: 1;\n :global {\n .ms-Check .ms-Check-check,\n .ms-Check .ms-Check-circle {\n color: $ms-color-white;\n }\n }\n}\n\n.dialogMainOverride {\n :global {\n .ms-Dialog-title {\n color: $ms-color-themePrimary;\n }\n\n .ms-Dialog-subText {\n font-size: 14px;\n color: $ms-color-neutralPrimary;\n font-weight: 400;\n }\n }\n}\n\n.itemTileBlankCover {\n background: $ms-color-white;\n display: inline-block;\n}\n\nhtml[dir=\"ltr\"] .metadata {\n text-align: right;\n}\n\nhtml[dir=\"ltr\"] .metadata {\n margin-right: 8px;\n}\n.isLarge .metadata {\n font-size: 14px;\n margin-bottom: 3px;\n}\n.metadata,\n.metadata.isSmall {\n font-size: 12px;\n margin-bottom: 3px;\n}\n\n.metadata {\n display: block;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n font-weight: 400;\n color: #ffffff;\n position: relative;\n}\n\n.listPage {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n.odItemTile2FolderCover {\n display: inline-block;\n margin: 3px;\n}\n\n.standaloneListBreadcrumb {\n// font-size: 17px;\n// font-weight: 300;\n// }\n\n// .xlg .standaloneListBreadcrumb, .xxlg .standaloneListBreadcrumb, .xxxlg .standaloneListBreadcrumb, .xxxxlg .standaloneListBreadcrumb {\n font-size: 21px;\n font-weight: 100;\n margin-bottom: 1px;\n padding-top:0;\n padding-bottom:0;\n padding-left: 32px;\n padding-right: 32px;\n}\n","// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n// Communication\r\n$ms-color-communicationShade30: #004578 !default;\r\n$ms-color-communicationShade20: #005a9e !default;\r\n$ms-color-communicationShade10: #106ebe !default;\r\n$ms-color-communicationPrimary: #0078d4 !default;\r\n$ms-color-communicationTint10: #2b88d8 !default;\r\n$ms-color-communicationTint20: #c7e0f4 !default;\r\n$ms-color-communicationTint30: #deecf9 !default;\r\n$ms-color-communicationTint40: #eff6fc !default;\r\n\r\n// Neutrals\r\n$ms-color-black: #000000 !default;\r\n$ms-color-gray220: #11100f !default;\r\n$ms-color-gray210: #161514 !default;\r\n$ms-color-gray200: #1b1a19 !default;\r\n$ms-color-gray190: #201f1e !default;\r\n$ms-color-gray180: #252423 !default;\r\n$ms-color-gray170: #292827 !default;\r\n$ms-color-gray160: #323130 !default;\r\n$ms-color-gray150: #3b3a39 !default;\r\n$ms-color-gray140: #484644 !default;\r\n$ms-color-gray130: #605e5c !default;\r\n$ms-color-gray120: #797775 !default;\r\n$ms-color-gray110: #8a8886 !default;\r\n$ms-color-gray100: #979593 !default;\r\n$ms-color-gray90: #a19f9d !default;\r\n$ms-color-gray80: #b3b0ad !default;\r\n$ms-color-gray70: #bebbb8 !default;\r\n$ms-color-gray60: #c8c6c4 !default;\r\n$ms-color-gray50: #d2d0ce !default;\r\n$ms-color-gray40: #e1dfdd !default;\r\n$ms-color-gray30: #edebe9 !default;\r\n$ms-color-gray20: #f3f2f1 !default;\r\n$ms-color-gray10: #faf9f8 !default;\r\n$ms-color-white: #ffffff !default;\r\n\r\n// Shared\r\n$ms-color-sharedPinkRed10: #750b1c !default;\r\n$ms-color-sharedRed20: #a4262c !default;\r\n$ms-color-sharedRed10: #d13438 !default;\r\n$ms-color-sharedRedOrange20: #603d30 !default;\r\n$ms-color-sharedRedOrange10: #da3b01 !default;\r\n$ms-color-sharedOrange30: #8e562e !default;\r\n$ms-color-sharedOrange20: #ca5010 !default;\r\n$ms-color-sharedOrange10: #ffaa44 !default;\r\n$ms-color-sharedYellow10: #fce100 !default;\r\n$ms-color-sharedOrangeYellow20: #986f0b !default;\r\n$ms-color-sharedOrangeYellow10: #c19c00 !default;\r\n$ms-color-sharedYellowGreen10: #8cbd18 !default;\r\n$ms-color-sharedGreen20: #0b6a0b !default;\r\n$ms-color-sharedGreen10: #498205 !default;\r\n$ms-color-sharedGreenCyan10: #00ad56 !default;\r\n$ms-color-sharedCyan40: #005e50 !default;\r\n$ms-color-sharedCyan30: #005b70 !default;\r\n$ms-color-sharedCyan20: #038387 !default;\r\n$ms-color-sharedCyan10: #00b7c3 !default;\r\n$ms-color-sharedCyanBlue20: #004e8c !default;\r\n$ms-color-sharedCyanBlue10: #0078d4 !default;\r\n$ms-color-sharedBlue10: #4f6bed !default;\r\n$ms-color-sharedBlueMagenta40: #373277 !default;\r\n$ms-color-sharedBlueMagenta30: #5c2e91 !default;\r\n$ms-color-sharedBlueMagenta20: #8764b8 !default;\r\n$ms-color-sharedBlueMagenta10: #8378de !default;\r\n$ms-color-sharedMagenta20: #881798 !default;\r\n$ms-color-sharedMagenta10: #c239b3 !default;\r\n$ms-color-sharedMagentaPink20: #9b0062 !default;\r\n$ms-color-sharedMagentaPink10: #e3008c !default;\r\n$ms-color-sharedGray40: #393939 !default;\r\n$ms-color-sharedGray30: #7a7574 !default;\r\n$ms-color-sharedGray20: #69797e !default;\r\n$ms-color-sharedGray10: #a0aeb2 !default;\r\n\r\n// Deprecated MDL2 color variables.\r\n@import \"./Color.Variables.MDL2\";\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n@import \"../TilesList/TilesList.module.scss\";\n\n.odItemTile2Image {\n display: inline-block;\n}\n\n.odImageFrame2 {\n display: block;\n position: relative;\n overflow: hidden;\n}\n\n.odImageFrame2Image {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n}\n\n.odImageFrame {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n}\n\n.odImageStack {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n overflow: hidden;\n}\n\n.odImageStackTile {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n //opacity: 0;\n}\n\n.odImageTile {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow: hidden;\n}\n\n.odImageTile {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow: hidden;\n}\n\n.odImageTileBackground {\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n width: 100%;\n height: 100%;\n margin: auto;\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n}\n\n.odImageTileImage {\n display: block;\n opacity: 1;\n position: absolute;\n box-sizing: border-box;\n}\n\n.odImageTileImage, a .odImageTileImage {\n border: none;\n}\n\n.odImageTile img {\n display: block;\n}\n\n.odItemTile2SmallIcon {\n position: absolute;\n bottom: 0;\n left: 0;\n margin: 6px;\n}\n\n.fileTypeIcon {\n position: relative;\n display: inline-block;\n}\n\n.fileTypeIconIcon {\n display: inline-block;\n vertical-align: middle;\n position: relative;\n overflow: hidden;\n}\n"],"file":"DocumentTile.module.scss.css"}