{"version":3,"file":"preview/dist/styles/preview.css","mappings":"AAAA,mBACC,sBAGD,EACC,SACA,UACA,SACA,cACA,oBACA,mBACA,cACA,gBACA,wBAGD,KACC,SACA,8JACA,eACA,cACA,4CACA,cAGD,OACC,sBAEA,WACC,cACA,eACA,YACA,YAEA,+BAND,WAOE,iBACA,oBAKH,MACC,kBACA,cACA,gBACA,aACA,yBAEA,iCAEC,oBAGD,YACC,eAGD,eACC,kBAEA,sBACC,cACA,kBACA,MACA,OACA,sBACA,uBAKH,SACC,kBAEA,YACC,gBACA,gBACA,eACA,iBACA,iBACA,cAGD,WACC,gBACA,gBACA,gBACA,eACA,iBACA,cAGD,YACC,aACA,eAEA,eACC,qBACA,iBACA,cAEA,mBACC,qBACA,WACA,YACA,iBACA,sBACA,mBASF,4CACC,cAEA,8DACC,0BAMJ,+BAEC,kBACA,kCAGD,SACC,eACA,cACA,UACA,WACA,eACA,yDACA,sBACA,WAEA,eACC,YACA,UAIF,gBACC,kBACA,MACA,SACA,OACA,QACA,gBAEA,sBACC,aACA,uBAGD,uBACC,WACA,YAEA,2BACC,eACA,gkD","sources":["webpack://craft-embedded-assets/./src/assets/preview/src/styles/preview.scss"],"sourcesContent":["*, ::before, ::after {\n\tbox-sizing: border-box;\n}\n\n* {\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\tfont-size: 1em;\n\tfont-weight: inherit;\n\tfont-style: inherit;\n\tline-height: 1;\n\tlist-style: none;\n\ttext-decoration: inherit;\n}\n\nbody {\n\tmargin: 0;\n\tfont-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n\tfont-size: 14px;\n\tline-height: 1;\n\t-webkit-font-smoothing: subpixel-antialiased;\n\tcolor: #29323d;\n}\n\n.image {\n\tbackground-color: #222222;\n\n\t> img {\n\t\tdisplay: block;\n\t\tmax-width: 100%;\n\t\theight: auto;\n\t\tmargin: auto;\n\n\t\t@supports (object-fit: contain) {\n\t\t\tmax-height: 200px;\n\t\t\tobject-fit: contain;\n\t\t}\n\t}\n}\n\n.code {\n\tposition: relative;\n\toverflow: auto;\n\tmax-height: 75vw;\n\tpadding: 24px;\n\tbackground-color: #f2f5f8;\n\n\t> iframe,\n\t> twitterwidget {\n\t\tmargin: 0 !important;\n\t}\n\n\t> video {\n\t\tmax-width: 100%;\n\t}\n\n\t&.is-ratio {\n\t\tpadding: 75% 0 0 0;\n\n\t\t> iframe {\n\t\t\tdisplay: block;\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\t}\n}\n\n.content {\n\tpadding: 22px 24px;\n\n\t> h1 {\n\t\toverflow: hidden;\n\t\tmax-height: 40px;\n\t\tfont-size: 16px;\n\t\tfont-weight: bold;\n\t\tline-height: 20px;\n\t\tcolor: #29323d;\n\t}\n\n\t> p {\n\t\toverflow: hidden;\n\t\tmax-height: 60px;\n\t\tmargin-top: 11px;\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tcolor: #8f98a3;\n\t}\n\n\t> ul {\n\t\tdisplay: flex;\n\t\tmargin-top: 6px;\n\n\t\t> li {\n\t\t\tpadding: 8px 24px 0 0;\n\t\t\tline-height: 16px;\n\t\t\tcolor: #29323d;\n\n\t\t\t> img {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\twidth: 16px;\n\t\t\t\theight: 16px;\n\t\t\t\tmargin-right: 6px;\n\t\t\t\tvertical-align: middle;\n\t\t\t\tobject-fit: contain;\n\t\t\t}\n\t\t}\n\t}\n\n\t> h1,\n\t> p,\n\t> ul > li {\n\n\t\t> a {\n\t\t\tcolor: #0d78f2;\n\n\t\t\t&:hover {\n\t\t\t\ttext-decoration: underline;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.image + .content,\n.code + .content {\n\tposition: relative;\n\tbox-shadow: 0 -1px rgba(0, 0, 20, 0.1);\n}\n\n.warning {\n\tcursor: pointer;\n\tdisplay: block;\n\twidth: 1em;\n\theight: 1em;\n\tfont-size: 16px;\n\tbackground-image: url('../assets/warning.svg');\n\tfilter: brightness(0%);\n\topacity: 0.2;\n\n\t&:hover {\n\t\tfilter: none;\n\t\topacity: 1;\n\t}\n}\n\n.volume-preview {\n\tposition: absolute;\n\ttop: 0;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n\toverflow-y: auto;\n\n\t> .code {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t}\n\n\t> .image {\n\t\twidth: 100%;\n\t\theight: 100%;\n\n\t\t> img {\n\t\t\tmax-width: 100%;\n\t\t\tmax-height: 100%;\n\t\t}\n\t}\n}\n"],"names":[],"sourceRoot":""}