{"version":3,"file":"fields/imageList/frontend/image-list.css","mappings":"AAAA,8CAA8C,0BAA0B,CAAC,uCAAuC,CAAC,wBAAwB,CAAC,YAAY,CAAC,eAAe,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,wBAAwB,CAAC,qBAAqB,CAAsB,gBAAgB,CAAC,uBAAuB,CAAC,UAAU,CAAC,kEAAkE,eAAe,CAAC,eAAe,CAAC,iBAAiB,CAAC,UAAU,CAAC,wEAAwE,0BAA0B,CAAC,kEAAkE,cAAc,C;ACIrnB,yCACC,cACA,aAFF,CAKC,4CAEC,iBADA,iBAFF,CAKC,6CAIC,oBADA,aAEA,MAJA,SAOA,gBADA,iBADA,gBAJA,SAGF,CAKE,mDAMC,YADA,cAHA,qBACA,SACA,UAHA,kBAMA,SAHH,CAKG,0GAMC,mCAFA,YAGA,eAFA,cAHA,YACA,UAFA,UAGJ,CAII,8GACC,cAGA,YADA,eADA,wCAAL,CAQC,gHAOC,aACA,8BAHA,SADA,UAFA,kBACA,qBAGA,wCALF,CASE,8HAIC,kBACA,eAHA,YACA,UAFA,UAHH,CAQG,kJACC,eACA,UANJ,CAaG,4IAOC,wBADA,uBALA,WACA,qBAGA,WAFA,kBAKA,iCAJA,SAPJ,CAeC,wDACC,SAbF,CAeC,wDACC,UAbF,CAeC,6DACC,+BACA,wBAbF,CAeC,6DACC,gCACA,wBAbF,CAgBE,kDAGC,qBADA,WAEA,kBACA,QACA,wBALA,SATH,CAkBC,iEAGC,WAGA,eADA,YAHA,SADA,kBAGA,UAdF,CAkBC,iEAGC,WAGA,eADA,YAJA,kBACA,UAEA,UAdF,CAmBC,kEAMC,aACA,mBACA,QAHA,YAJA,kBACA,UACA,QACA,UAbF,CAoBC,oDACC,SAlBF,CAmBE,uDAEC,qBADA,qBAGA,SADA,gBAhBH,CAoBC,yDAIC,gBAHA,sBAKA,kBAHA,iBAEA,aAHA,aAKA,iBAlBF,CAqBC,oDAIC,iBAFA,eACA,eAFA,cAMA,oBAFA,yBACA,sCAlBF,CA8DC,uDAIC,WADA,eADA,gBADA,WArBF,CA4BC,uEAOC,gCADA,SAHA,sBAKA,WAPA,cAIA,OAKA,eACA,cATA,kBAEA,kBAQA,gBAHA,UAvBF,CA4BE,+GACC,eA1BH,CA6BE,8GACC,gBA3BH,CA4BG,gHAGC,qBAFA,kBACA,wCAzBJ,CA2BI,uHAOC,6BADA,4BALA,WACA,qBAGA,YAFA,kBAMA,+BACA,yBAFA,iCAJA,UAnBL,C","sources":["webpack://px2style/./node_modules/keen-slider/keen-slider.min.css","webpack://px2style/./src_broccoli/fields/imageList/image-list.css.scss"],"sourcesContent":[".keen-slider:not([data-keen-slider-disabled]){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-content:flex-start;display:flex;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;width:100%}.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{min-height:100%;overflow:hidden;position:relative;width:100%}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}","@import \"../../../node_modules/keen-slider/keen-slider.min.css\";\n\n.broccoli-module-px2style-image-list {\n\n\tsvg {\n\t\tdisplay: block;\n\t\tmargin: 0 auto;\n\t}\n\n\t&__inner {\n\t\tposition: relative;\n\t\tmin-height: 200px;\n\t}\n\t&__slider {\n\t\tmargin: 0px;\n\t\tpadding: 0px;\n\t\tdisplay: flex;\n\t\talign-items: stretch;\n\t\tgap: 0px;\n\t\toverflow: hidden;\n\t\tmin-height: 220px;\n\t\tmax-height: 50vh;\n\n\t\t&-slide {\n\t\t\tposition: relative;\n\t\t\tlist-style-type: none;\n\t\t\tmargin: 0px;\n\t\t\tpadding: 0px;\n\t\t\tflex-shrink: 0;\n\t\t\tflex-grow: 0;\n\t\t\twidth: 70%;\n\n\t\t\t.broccoli-module-px2style-image-list__slider-btn-slide {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tpadding: 0;\n\t\t\t\tborder: none;\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground-color: #9993;\n\t\t\t\tcursor: pointer;\n\t\t\t\timg {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tobject-fit: contain;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tmargin: auto;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&__slider-ctrls-prev,\n\t&__slider-ctrls-next {\n\t\tposition: absolute;\n\t\ttop: calc(100%/2 - 60px/2);\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\twidth: fit-content;\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\n\t\tbutton {\n\t\t\twidth: 50px;\n\t\t\theight: 60px;\n\t\t\tpadding: 0;\n\t\t\tborder-radius: 4px;\n\t\t\tcursor: pointer;\n\t\t\t&[disabled] {\n\t\t\t\tcursor: default;\n\t\t\t\topacity: 0.7;\n\t\t\t}\n\t\t}\n\t}\n\t&__slider-ctrls-prev,\n\t&__slider-ctrls-next {\n\t\tbutton {\n\t\t\t&::before {\n\t\t\t\tcontent: \"\";\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 1em;\n\t\t\t\theight: 1em;\n\t\t\t\tborder-right: 3px solid currentColor;\n\t\t\t\tborder-bottom: 3px solid currentColor;\n\t\t\t\ttransition: transform 0.1s ease-in;\n\t\t\t}\n\t\t}\n\t}\n\t&__slider-ctrls-prev {\n\t\tleft: 10px;\n\t}\n\t&__slider-ctrls-next {\n\t\tright: 10px;\n\t}\n\t&__slider-btn-prev::before {\n\t\tleft: calc(((1em + 3px) * 1.414) / 8);\n\t\ttransform: rotate(135deg);\n\t}\n\t&__slider-btn-next::before {\n\t\tright: calc(((1em + 3px) * 1.414) / 8);\n\t\ttransform: rotate(-45deg);\n\t}\n\t&__btn-add {\n\t\tsvg {\n\t\t\twidth: 1em;\n\t\t\theight: 1em;\n\t\t\tdisplay: inline-block;\n\t\t\tposition: relative;\n\t\t\ttop: 2px;\n\t\t\tvertical-align: baseline;\n\t\t}\n\t}\n\n\t&__slider-btn-move-slide-prev {\n\t\tposition: absolute;\n\t\tleft: 5px;\n\t\tbottom: 5px;\n\t\twidth: 50px;\n\t\theight: 50px;\n\t\tcursor: pointer;\n\t}\n\t&__slider-btn-move-slide-next {\n\t\tposition: absolute;\n\t\tright: 5px;\n\t\tbottom: 5px;\n\t\twidth: 50px;\n\t\theight: 50px;\n\t\tcursor: pointer;\n\t}\n\n\t&__slider-btn-edit-slide-group {\n\t\tposition: absolute;\n\t\tright: 5px;\n\t\ttop: 5px;\n\t\twidth: auto;\n\t\theight: auto;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tgap: 5px;\n\t}\n\n\t&__resource-type {\n\t\tpadding: 0;\n\t\t> li {\n\t\t\tlist-style-type: none;\n\t\t\tdisplay: inline-block;\n\t\t\tpadding: 0.2em 1em;\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\t&__image-preview-area {\n\t\tborder: 1px solid #999;\n\t\tpadding: 10px;\n\t\tmargin: 10px auto;\n\t\tbackground: #fff;\n\t\toutline: none;\n\t\tborder-radius: 5px;\n\t\ttext-align: center;\n\t}\n\n\t&__image-preview {\n\t\tmin-width: 10%;\n\t\tmax-width: 100%;\n\t\tmin-height: 1px;\n\t\tmax-height: 200px;\n\t\t-webkit-user-select: none;\n\t\tuser-select: none;\n\t\tpointer-events: none;\n\t}\n\n\n\t// Image Caption\n\t[data-px2-image-list-rel=\"caption\"] {\n\t\tdisplay: block;\n\t\tpadding: 1em 1.5em;\n\t\tbox-sizing: border-box;\n\t\tposition: absolute;\n\t\tleft: 0px;\n\t\tbottom: 0px;\n\t\tbackground-color: #0009;\n\t\tcolor: #ddd;\n\t\twidth: 100%;\n\t\tmax-height: 45%;\n\t\toverflow: auto;\n\n\t\t[data-px2-image-list-rel=\"caption-title\"] {\n\t\t\tfont-weight: bold;\n\t\t}\n\n\t\t[data-px2-image-list-rel=\"caption-link\"] {\n\t\t\ttext-align: right;\n\t\t\ta {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: fit-content;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\t&::before {\n\t\t\t\t\tcontent: \"\";\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\twidth: 0.8em;\n\t\t\t\t\theight: 0.8em;\n\t\t\t\t\tborder-right: 3px solid #fff;\n\t\t\t\t\tborder-bottom: 3px solid #fff;\n\t\t\t\t\ttransition: transform 0.1s ease-in;\n\t\t\t\t\tright: calc(((0.8em + 3px) * 1.414) / 8);\n\t\t\t\t\ttransform: rotate(-45deg);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t&__no-image-preview {\n\t\tpadding: 3em;\n\t\tfont-weight: bold;\n\t\tfont-size: 24px;\n\t\tcolor: #aaa;\n\t}\n\n\t// Image Caption\n\t[data-px2-image-list-rel=\"caption\"] {\n\t\tdisplay: block;\n\t\tpadding: 1em 1.5em;\n\t\tbox-sizing: border-box;\n\t\tposition: absolute;\n\t\tleft: 0px;\n\t\tbottom: 0px;\n\t\tbackground-color: #0009;\n\t\tcolor: #ddd;\n\t\twidth: 100%;\n\t\tmax-height: 45%;\n\t\toverflow: auto;\n\t\ttext-align: left;\n\n\t\t[data-px2-image-list-rel=\"caption-title\"] {\n\t\t\tfont-weight: bold;\n\t\t}\n\n\t\t[data-px2-image-list-rel=\"caption-link\"] {\n\t\t\ttext-align: right;\n\t\t\ta {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: fit-content;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\t&::before {\n\t\t\t\t\tcontent: \"\";\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\twidth: 0.8em;\n\t\t\t\t\theight: 0.8em;\n\t\t\t\t\tborder-right: 3px solid #fff;\n\t\t\t\t\tborder-bottom: 3px solid #fff;\n\t\t\t\t\ttransition: transform 0.1s ease-in;\n\t\t\t\t\tright: calc(((0.8em + 3px) * 1.414) / 8);\n\t\t\t\t\ttransform: rotate(-45deg);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n"],"names":[],"sourceRoot":""}