{"version":3,"sources":["webpack:///./assets/styles/focal-point-admin.scss"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAQA,aAEC,aACA,uBAFA,iBAEA,CAEA,oCAGC,mBAFA,eACA,4BACA,CAGD,sBACC,oBAEA,gBADA,iBACA,CAGD,+BACC,cACA,mBACA,0BAGD,wBAMC,YAFA,OAHA,kBAEA,MAEA,WAHA,UAIA,CAGD,oBAOC,YADA,WAFA,SAHA,kBAEA,QAEA,UAHA,UAKA,CAIC,gEACC,wCAIF,qDAMC,kBAJA,WAGA,SAFA,kBACA,QAGA,sEAGD,2BAIC,gCADA,kBADA,YAGA,2CAJA,UAIA,CAEA,qDACC,sBAIF,0BAKC,oCACA,oCAJA,YAEA,eADA,cAIA,kDANA,UAMA,CAEA,iDAEC,aAEA,eADA,cAFA,WAGA,CAGD,oDACC,kBACA,uC","file":"focalpoint/admin-7cb5b1a5.css","sourcesContent":["/**\n * Focal Point\n */\n$white: #fff;\n$black: #000;\n$duration: .2s;\n$easing: cubic-bezier(.4, 0, .2, 1);\n\n.image-focal {\n\tposition: relative;\n\tdisplay: flex;\n\tjustify-content: center;\n\n\t.attachment-media-view & {\n\t\tmax-height: 90%;\n\t\tmax-height: calc(100% - 42px);\n\t\tmargin-bottom: 16px;\n\t}\n\n\t&__wrapper {\n\t\tdisplay: inline-flex;\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t}\n\n\timg.details-image {\n\t\tdisplay: block;\n\t\tmargin: 0 !important;\n\t\tmax-height: 100% !important;\n\t}\n\n\t&__clickarea {\n\t\tposition: absolute;\n\t\tz-index: 10;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t&__point {\n\t\tposition: absolute;\n\t\tz-index: 20;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\twidth: 1px;\n\t\theight: 1px;\n\t\tcursor: move;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\t&::after {\n\t\t\t\tbox-shadow: 0 0 0 9999px rgba($black, .25);\n\t\t\t}\n\t\t}\n\n\t\t&::before,\n\t\t&::after {\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\ttop: 50%;\n\t\t\tleft: 50%;\n\t\t\tborder-radius: 50%;\n\t\t\ttransform: translate(-50%, -50%);\n\t\t}\n\n\t\t&::before {\n\t\t\twidth: 10px;\n\t\t\theight: 10px;\n\t\t\tborder-radius: 50%;\n\t\t\tbackground-color: rgba($black, .5);\n\t\t\ttransition: all $duration $easing;\n\n\t\t\tbody.focal-point-dragging & {\n\t\t\t\tbackground-color: rgba($black, 1);\n\t\t\t}\n\t\t}\n\n\t\t&::after {\n\t\t\twidth: 50px;\n\t\t\theight: 50px;\n\t\t\tmax-width: 5vw;\n\t\t\tmax-height: 5vw;\n\t\t\tborder: 1px solid rgba($white, .5);\n\t\t\tbox-shadow: 0 0 0 9999px rgba($black, 0);\n\t\t\ttransition: box-shadow $duration $easing;\n\n\t\t\t.attachment-media-view & {\n\t\t\t\twidth: 100px;\n\t\t\t\theight: 100px;\n\t\t\t\tmax-width: 5vw;\n\t\t\t\tmax-height: 5vw;\n\t\t\t}\n\n\t\t\tbody.focal-point-dragging & {\n\t\t\t\tborder-color: rgba($white, 1);\n\t\t\t\tbox-shadow: 0 0 0 9999px rgba($black, .5);\n\t\t\t}\n\t\t}\n\t}\n}"],"sourceRoot":""}