{"version":3,"file":"main/dist/styles/main.css","mappings":"AAIE,gCACC,kBACA,gBACA,iBAMD,4BACC,kBACA,UACA,aACA,eACA,iCAEA,oEAEC,eACA,eACA,iBAGD,kCACC,QACA,mBACA,mBACA,cACA,YACA,iBAGD,kCACC,QACA,OACA,sBACA,cACA,gBACA,SACA,yBACA,cACA,gBACA,UAIF,2BACC,kBACA,gBACA,sBAEA,wFAEC,UACA,uBAGD,oDACC,kBACA,MACA,SACA,OACA,QAGD,oCACC,oBACA,kBACA,WACA,SACA,gCAGD,kEACC,oBAGD,wEACC,uBAEA,iFACC,UAIF,oNAGC,aAEA,+RACC,UAMJ,yBACC,kBAEA,gCACC,kBACA,MACA,OACA,sBACA,uBAGD,wCACC,gBACA,kBACA,yBAEA,+CACC,WACA,cACA,kBACA,SACA,OACA,QACA,WACA,iCAOF,0BACC,8BAGD,4BACC,6BACA,OACA,QACA,SACA,2BACA,yBAGD,2DACC,oBAGD,6DACC,UACA,eAIF,uBACC,cACA,iBACA,mBAEA,2BACC,qBACA,WACA,YACA,kBACA,sBACA,mBAkBH,kCACC,gBACA,iBAGD,gEACC,a","sources":["webpack://craft-embedded-assets/./src/assets/main/src/styles/main.scss"],"sourcesContent":[".embedded-assets {\n\n\t&_button {\n\n\t\t#header & {\n\t\t\tposition: relative;\n\t\t\toverflow: hidden;\n\t\t\tmargin-right: 7px;\n\t\t}\n\t}\n\n\t&_form {\n\n\t\t&_field {\n\t\t\tposition: relative;\n\t\t\tz-index: 1;\n\t\t\tdisplay: flex;\n\t\t\tpadding: 0 24px;\n\t\t\tbox-shadow: 0 1px rgba(0, 0, 20, 0.1);\n\n\t\t\t> label,\n\t\t\t> input {\n\t\t\t\tpadding: 22px 0;\n\t\t\t\tfont-size: 14px;\n\t\t\t\tline-height: 20px;\n\t\t\t}\n\n\t\t\t> label {\n\t\t\t\torder: 1;\n\t\t\t\tpadding-right: 14px;\n\t\t\t\tfont-weight: normal;\n\t\t\t\tcolor: #8f98a3;\n\t\t\t\tcursor: text;\n\t\t\t\tuser-select: none;\n\t\t\t}\n\n\t\t\t> input {\n\t\t\t\torder: 2;\n\t\t\t\tflex: 1;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: block;\n\t\t\t\tborder-radius: 0;\n\t\t\t\tborder: 0;\n\t\t\t\tbackground: transparent;\n\t\t\t\tcolor: #29323d;\n\t\t\t\tappearance: none;\n\t\t\t\toutline: 0;\n\t\t\t}\n\t\t}\n\n\t\t&_body {\n\t\t\tposition: relative;\n\t\t\toverflow: hidden;\n\t\t\ttransition: height 0.3s;\n\n\t\t\t> .embedded-assets_preview,\n\t\t\t> .spinner {\n\t\t\t\topacity: 0;\n\t\t\t\ttransition: opacity 0.3s;\n\t\t\t}\n\n\t\t\t> .embedded-assets_preview {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tbottom: 0;\n\t\t\t\tleft: 0;\n\t\t\t\tright: 0;\n\t\t\t}\n\n\t\t\t> .spinner {\n\t\t\t\tpointer-events: none;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 95px * 0.5;\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translate(-50%, -50%);\n\t\t\t}\n\n\t\t\t.embedded-assets_form[data-state='idle'] & {\n\t\t\t\theight: 0 !important;\n\t\t\t}\n\n\t\t\t.embedded-assets_form[data-state='requesting'] & {\n\t\t\t\theight: 95px !important;\n\n\t\t\t\t> .spinner {\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.embedded-assets_form[data-state='requested'] &,\n\t\t\t.embedded-assets_form[data-state='blacklisted'] &,\n\t\t\t.embedded-assets_form[data-state='saving'] & {\n\t\t\t\theight: 300px;\n\n\t\t\t\t> .embedded-assets_preview {\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&_preview {\n\t\tposition: relative;\n\n\t\t> iframe {\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\twidth: 100% !important;\n\t\t\theight: 100% !important;\n\t\t}\n\n\t\t.elementeditor & {\n\t\t\tmargin-top: -8px;\n\t\t\tmargin-bottom: 8px;\n\t\t\tbackground-color: #f2f5f8;\n\n\t\t\t&::after {\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: 0;\n\t\t\t\tleft: 0;\n\t\t\t\tright: 0;\n\t\t\t\theight: 1px;\n\t\t\t\tbackground-color: rgba(0, 0, 20, 0.1);\n\t\t\t}\n\t\t}\n\t}\n\n\t&_hud {\n\n\t\t&_main {\n\t\t\ttransition: padding-bottom 0.3s;\n\t\t}\n\n\t\t&_footer {\n\t\t\tposition: absolute !important;\n\t\t\tleft: 0;\n\t\t\tright: 0;\n\t\t\tbottom: 0;\n\t\t\ttransform: translateY(100%);\n\t\t\ttransition: transform 0.3s;\n\t\t}\n\n\t\t&.show-footer &_main {\n\t\t\tpadding-bottom: 46px;\n\t\t}\n\n\t\t&.show-footer &_footer {\n\t\t\topacity: 1;\n\t\t\ttransform: none;\n\t\t}\n\t}\n\n\t&_label {\n\t\tdisplay: block;\n\t\tline-height: 16px;\n\t\twhite-space: nowrap;\n\n\t\t> img {\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 16px;\n\t\t\theight: 16px;\n\t\t\tmargin-right: 10px;\n\t\t\tvertical-align: middle;\n\t\t\tobject-fit: contain;\n\t\t}\n\t}\n}\n\n//\n// This is a fix for the Craft image previewer to ensure images are cropped correctly.\n//\n// The issue is that when getting thumbnails for embedded assets, the external URL directly to the image is supplied.\n// This means that thumbnails aren't actually transformed to fit the size requested by Craft.\n//\n// When double-clicking an asset to edit it's fields, a large thumbnail for that asset is shown above the fields. The\n// problem is the containing element for this thumbnail just assumes the image is the right size. This causes issues\n// when it's not by the thumbnail exceeding the boundaries and obstructing the below fields.\n//\n// To fix this, since these thumbnails are contained within a fixed box size (380x190), the maximum size can just be\n// forced.\n//\n.elementeditor .image-preview > img {\n\tmax-width: 380px;\n\tmax-height: 190px;\n}\n\n#spicyweb-embeddedassets-actions-Refresh-actiontrigger.disabled {\n\tdisplay: none;\n}\n"],"names":[],"sourceRoot":""}