{"version":3,"sources":["material-photo-gallery.scss"],"names":[],"mappings":"AAOA,OACC,UAAA,MACA,OAAA,EAAA,KAFD,mBAOG,OAAA,EACA,MAAA,KACA,eAAA,OACA,OAAA,QACA,QAAA,EACA,SAAA,SACA,QAAA,EACA,eAAA,iBAAA,OAAA,iBACA,4BAAA,YACA,YAAA,QAAA,UACA,mBAAA,IAAA,IAAA,0BAAA,WAAA,IAAA,IAAA,0BAjBH,0BAoBI,QAAA,GApBJ,oCAwBI,QAAA,EAxBJ,wBA4BI,QAAA,EA5BJ,yBAgCI,eAAA,iBAAA,OAAA,iBAhCJ,mBAsCE,SAAA,MACA,QAAA,GACA,IAAA,EACA,KAAA,EACA,MAAA,EACA,OAAA,EACA,MAAA,KACA,OAAA,MACA,eACA,WAAA,OACA,mBAAA,WAAA,KAAA,SAAA,WAAA,KAAA,IAAA,OAAA,WAAA,WAAA,KAAA,SAAA,WAAA,KAAA,IAAA,OAGA,YAAA,WAAA,WACA,4BAAA,OAAA,oBAAA,OApDF,0BAuDG,mBAAA,WAAA,KAAA,SAAA,WAAA,KAAA,GAAA,OAAA,WAAA,WAAA,KAAA,SAAA,WAAA,KAAA,GAAA,OAGA,WAAA,QACA,WAAA,gBA3DH,uBA+DG,eAAA,KACA,SAAA,SACA,yBAAA,KAAA,IAAA,qBAAA,KAAA,IAAA,iBAAA,KAAA,IACA,IAAA,IACA,KAAA,IACA,WAAA,MACA,UAAA,KACA,WAAA,OACA,YAAA,WACA,mBAAA,QAAA,IAAA,SAAA,WAAA,QAAA,IAAA,SAxEH,8BA2EI,WAAA,QACA,QAAA,YACA,mBAAA,kBAAA,IAAA,0BAAA,QAAA,IAAA,SAAA,WAAA,UAAA,IAAA,0BAAA,QAAA,IAAA,SA7EJ,qCAmFI,QAAA,EACA,kBAAA,6BAAA,UAAA,6BApFJ,iBA0FE,SAAA,MACA,IAAA,EACA,KAAA,EACA,MAAA,KACA,QAAA,IACA,OAAA,KACA,WAAA,mEAAA,WAAA,2DACA,QAAA,EACA,WAAA,OACA,mBAAA,IAAA,IAAA,0BAAA,WAAA,IAAA,IAAA,0BAnGF,uBAAA,uBAmJG,SAAA,SAIA,OAAA,QACA,4BAAA,YAxJH,wBAsGG,QAAA,EACA,WAAA,QAvGH,uBAAA,uBA4GG,mBAAA,KAAA,gBAAA,KAAA,WAAA,KACA,OAAA,KACA,eA9GH,6BAAA,6BAiHI,QAAA,EAjHJ,uBAuHG,QAAA,EACA,IAAA,EACA,MAAA,IACA,OAAA,MACA,QAAA,YAAA,QAAA,aAAA,QAAA,YAAA,QAAA,KACA,kBAAA,OAAA,oBAAA,OAAA,eAAA,OAAA,YAAA,OAGA,QAAA,EA/HH,6BAkII,QAAA,EAlIJ,6BAsII,KAAA,EACA,aAAA,IACA,iBAAA,MAAA,wBAAA,WAAA,cAAA,MAAA,gBAAA,WAxIJ,6BA4II,MAAA,EACA,cAAA,IACA,iBAAA,IAAA,wBAAA,SAAA,cAAA,IAAA,gBAAA,SA9IJ,uBAoJG,IAAA,IACA,KAAA,IACA,QAAA,EAtJH,YA8JE,QAAA,mBAAA,QAAA,oBAAA,QAAA,mBAAA,QAAA,YACA,kBAAA,OAAA,oBAAA,OAAA,eAAA,OAAA,YAAA,OACA,iBAAA,OAAA,wBAAA,OAAA,cAAA,OAAA,gBAAA,OACA,MAAA,KACA,OAAA,KACA,cAAA,IACA,WAAA,sBACA,mBAAA,IAAA,KAAA,SAAA,WAAA,IAAA,KAAA,SArKF,kBAwKG,WAAA,sBAxKH,iBA6KE,SAAA,MACA,QAAA,IACA,UAAA,MACA,IAAA,IACA,KAAA,IACA,kBAAA,qBAAA,cAAA,qBAAA,UAAA,qBACA,WAAA,KACA,QAAA,KACA,cAAA,IACA,WAAA,OACA,WAAA,EAAA,IAAA,KAAA,gBAAA,EAAA,KAAA,KAAA,gBACA,MAAA,KAxLF,oBA2LG,MAAA","file":"material-photo-gallery.css","sourcesContent":["/*------------------------------------*\\\n    MATERIAL PHOTO GALLERY\n\\*------------------------------------*/\n\n$gallery-width: 860px;\n$transition-duration: 0.5s;\n\n.m-p-g {\n\tmax-width: $gallery-width;\n\tmargin: 0 auto;\n\t\n\t&__thumbs {\n\t\t\n\t\t&-img {\n\t\t\tmargin: 0;\n\t\t\tfloat: left;\n\t\t\tvertical-align: bottom;\n\t\t\tcursor: pointer;\n\t\t\tz-index: 1;\n\t\t\tposition: relative;\n\t\t\topacity: 0;\n\t\t\tfilter: brightness(100%);\n\t\t\t-webkit-tap-highlight-color: rgba(black, 0);\n\t\t\twill-change: opacity, transform;\n\t\t\ttransition: all $transition-duration cubic-bezier(0.23, 1, 0.32, 1);\n\t\t\t\n\t\t\t&.active {\n\t\t\t\tz-index: 50;\n\t\t\t}\n\t\t\t\n\t\t\t&.layout-completed {\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\t&.hide {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\t\n\t\t\t&:hover {\n\t\t\t\tfilter: brightness(110%);\n\t\t\t}\n\t\t}\n\t}\n\t\n\t&__fullscreen {\n\t\tposition: fixed;\n\t\tz-index: 10;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\twidth: 100%;\n\t\theight: 100vh;\n\t\tbackground: rgba(black, 0);\n\t\tvisibility: hidden;\n\t\ttransition:\n\t\t\tbackground .25s ease-out,\n\t\t\tvisibility .01s $transition-duration linear;\n\t\twill-change: background, visibility;\n\t\tbackface-visibility: hidden;\n\n\t\t&.active {\n\t\t\ttransition:\n\t\t\t\tbackground .25s ease-out,\n\t\t\t\tvisibility .01s 0s linear;\n\t\t\tvisibility: visible;\n\t\t\tbackground: rgba(black, 0.95);\n\t\t}\n\n\t\t&-img {\n\t\t\tpointer-events: none;\n\t\t\tposition: absolute;\n\t\t\ttransform-origin: left top;\n\t\t\ttop: 50%;\n\t\t\tleft: 50%;\n\t\t\tmax-height: 100vh;\n\t\t\tmax-width: 100%;\n\t\t\tvisibility: hidden;\n\t\t\twill-change: visibility;\n\t\t\ttransition: opacity $transition-duration ease-out;\n\n\t\t\t&.active {\n\t\t\t\tvisibility: visible;\n\t\t\t\topacity: 1 !important;\n\t\t\t\ttransition:\n\t\t\t\t\ttransform $transition-duration cubic-bezier(0.23, 1, 0.32, 1),\n\t\t\t\t\topacity $transition-duration ease-out;\n\t\t\t}\n\n\t\t\t&.almost-active {\n\t\t\t\topacity: 0;\n\t\t\t\ttransform: translate3d(0,0,0) !important;\n\t\t\t}\n\t\t}\n\t}\n\t\n\t&__controls {\n\t\tposition: fixed;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\tz-index: 200;\n\t\theight: 20vh;\n\t\tbackground: linear-gradient(to top, transparent 0%, rgba(black, 0.55) 100%);\n\t\topacity: 0;\n\t\tvisibility: hidden;\n\t\ttransition: all $transition-duration cubic-bezier(0.23, 1, 0.32, 1);\n\t\t\n\t\t&.active {\n\t\t\topacity: 1;\n\t\t\tvisibility: visible;\n\t\t}\n\t\t\n\t\t&-close,\n\t\t&-arrow {\n\t\t\tappearance: none;\n\t\t\tborder: none;\n\t\t\tbackground: none;\n\n\t\t\t&:focus {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t}\n\n\t\t&-arrow {\n\t\t\tposition: absolute;\n\t\t\tz-index: 1;\n\t\t\ttop: 0;\n\t\t\twidth: 20%;\n\t\t\theight: 100vh;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tcursor: pointer;\n\t\t\t-webkit-tap-highlight-color: rgba(black, 0);\n\t\t\topacity: 0;\n\t\t\t\n\t\t\t&:hover {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t\t\n\t\t\t&--prev {\n\t\t\t\tleft: 0;\n\t\t\t\tpadding-left: 3vw;\n\t\t\t\tjustify-content: flex-start;\n\t\t\t}\n\t\t\t\n\t\t\t&--next {\n\t\t\t\tright: 0;\n\t\t\t\tpadding-right: 3vw;\n\t\t\t\tjustify-content: flex-end;\n\t\t\t}\n\t\t}\n\t\t\n\t\t&-close {\n\t\t\tposition: absolute;\n\t\t\ttop: 3vh;\n\t\t\tleft: 3vw;\n\t\t\tz-index: 5;\n\t\t\tcursor: pointer;\n\t\t\t-webkit-tap-highlight-color: rgba(black, 0);\n\t\t}\n\t}\n\n\t&__btn {\n\t\t$size: 50px;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: $size;\n\t\theight: $size;\n\t\tborder-radius: 50%;\n\t\tbackground: rgba(white, 0.07);\n\t\ttransition: all .25s ease-out;\n\n\t\t&:hover {\n\t\t\tbackground: rgba(white, 0.15);\n\t\t}\n\t}\n\n\t&__alertBox {\n\t\tposition: fixed;\n\t\tz-index: 999;\n\t\tmax-width: 700px;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, -50%);\n\t\tbackground: white;\n\t\tpadding: 25px;\n\t\tborder-radius: 3px;\n\t\ttext-align: center;\n\t\tbox-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);\n\t\tcolor: grey;\n\n\t\th2 {\n\t\t\tcolor: red;\n\t\t}\n\t}\n}"],"sourceRoot":"/source/"}