{"version":3,"file":"dist/style.css","mappings":";;;AAEC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EACC;AADH;AAIE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAFH;AAIE;EACC;EACA;EACA;EACA;AAFH;AAIE;EACC;AAFH;AAIE;EACC;AAFH;AAKE;EACC;EAEA;EACA;EACA;EACA;AAJH;AAKG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAHJ;AAII;EACC;EACA;AAFL;AAMG;EACC;AAJJ;AAMG;EACC;EACA;AAJJ;AASE;EACC;EACA;EACA;EACA;EACA;EACA;AAPH;AASG;EACC;EACA;EACA;EACA;AAPJ;AASI;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;AARL;AAUK;EACC;EACA;EACA;EACA;EACA;EACA;KAAA;UAAA;AARN;AAYM;EACC;AAVP;AAgBO;EACC;AAdR;AAmBO;EACC;AAjBR;AAyBK;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvBN;AAyBM;EACC;EACA;EACA;EACA;KAAA;EACA;EACA;EACA;EACA;EACA;EAEA;KAAA;UAAA;EACA;EACA;AAxBP;AA4BK;EACC;EACA;EACA;EACA;EACA;AA1BN;AA4BK;EACC;EACA;EACA;EACA;EACA;EACA;AA1BN;AA4BK;EACC;EACA;AA1BN;AA8BI;;EAEC;AA5BL;AA8BI;EACC;AA5BL;AA8BI;EACC;AA5BL;AA8BI;EACC;AA5BL;AA8BI;EACC;AA5BL;AA+BI;EACC;AA7BL;;AA6DA;EACC;IACC;EA1DA;EA4DD;IACC;EA1DA;AACF;AA8DA;EACC;AA5DD;;AA+DA;EACC;AA5DD;;AA+DA;EACC;AA5DD;;AA+DA;EACC;AA5DD;;AA+DA;EACC;AA5DD;;AAgEA;EACC;EACA;AA7DD,C","sources":["webpack://parallax-slider/./src/style.scss"],"sourcesContent":[".eb-parallax-slider-wrapper {\n\n\t.eb-parallax-container {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\theight: 100%;\n\t\tjustify-content: center;\n\t\toverflow-x: hidden;\n\t\twidth: 100%;\n\t\tpadding: 0 0 4rem 0;\n\t\t--color-primary: #6b7a8f;\n\t\t--color-secondary: #101118;\n\t\t--color-accent: #1d1f2f;\n\t\t--color-focus: #6d64f7;\n\t\t--base-duration: 600ms;\n\t\t--base-ease: cubic-bezier(0.25, 0.46, 0.45, 0.84);\n\t\n\t\t&:before, &:after {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t.btn {\n\t\t\tbackground-color: var(--color-primary);\n\t\t\tborder: none;\n\t\t\tborder-radius: 0.125rem;\n\t\t\tcolor: white;\n\t\t\tcursor: pointer;\n\t\t\tfont-size: inherit;\n\t\t\tpadding: 1rem 2.5rem 1.125rem;\n\t\t\ttransition: all 200ms ease-in-out;\n\t\t}\n\t\t.btn:focus {\n\t\t\toutline-color: var(--color-focus);\n\t\t\toutline-offset: 2px;\n\t\t\toutline-style: solid;\n\t\t\toutline-width: 3px;\n\t\t}\n\t\t.btn:active {\n\t\t\ttransform: translateY(1px);\n\t\t}\n\t\t.btn-has-shadow {\n\t\t\tbox-shadow: 0 4px 6px rgba(0, 0, 0, 0.11), 0 1px 3px rgba(0, 0, 0, 0.075);\n\t\t}\n\n\t\t.eb-slider__controls {\n\t\t\tdisplay: none;\n\t\t\t// display: flex;\n\t\t\tjustify-content: center;\n\t\t\tposition: absolute;\n\t\t\ttop: calc(100% + 1rem);\n\t\t\twidth: 100%;\n\t\t\t.btn {\n\t\t\t\t--size: 3rem;\n\t\t\t\talign-items: center;\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tborder: 3px solid transparent;\n\t\t\t\tborder-radius: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t\theight: var(--size);\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: var(--size);\n\t\t\t\t&:focus {\n\t\t\t\t\tborder-color: var(--color-focus);\n\t\t\t\t\toutline: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.btn--previous > * {\n\t\t\t\ttransform: rotate(180deg);\n\t\t\t}\n\t\t\tdiv {\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\t\t}\n\n\n\t\t.eb-parallax-slider {\n\t\t\t--slide-size: 400px;\n\t\t\t--slide-margin: 4vmin;\n\t\t\theight: var(--slide-size);\n\t\t\tmargin: 0 auto;\n\t\t\tposition: relative;\n\t\t\twidth: var(--slide-size);\n\n\t\t\t.eb-parallax-wrapper {\n\t\t\t\tdisplay: flex;\n\t\t\t\tmargin: 0 calc(var(--slide-margin) * -1);\n\t\t\t\tposition: absolute;\n\t\t\t\ttransition: transform var(--base-duration) cubic-bezier(0.25, 1, 0.35, 1);\n\n\t\t\t\t.slide {\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tcolor: white;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex: 1;\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t\theight: var(--slide-size);\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\topacity: 0.25;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\ttransition: opacity calc(var(--base-duration) / 2) var(--base-ease),\n\t\t\t\t\ttransform calc(var(--base-duration) / 2) var(--base-ease);\n\t\t\t\t\twidth: var(--slide-size);\n\t\t\t\t\tz-index: 1;\n\n\t\t\t\t\t&.slide--current {\n\t\t\t\t\t\t--x: 0;\n\t\t\t\t\t\t--y: 0;\n\t\t\t\t\t\t--d: 50;\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\tpointer-events: auto;\n\t\t\t\t\t\tuser-select: auto;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\t.slide__image-wrapper {\n\t\t\t\t\t\t\ttransform: scale(1.025)\n\t\t\t\t\t\t\t\ttranslate(\n\t\t\t\t\t\t\t\t\tcalc(var(--x) / var(--d) * 1px),\n\t\t\t\t\t\t\t\t\tcalc(var(--y) / var(--d) * 1px)\n\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t.slide__image {\n\t\t\t\t\t\t\t\ttransform: translate(\n\t\t\t\t\t\t\t\t\tcalc(var(--x) / var(--d) * 1px),\n\t\t\t\t\t\t\t\t\tcalc(var(--y) / var(--d) * 1px)\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t.slide__content {\n\t\t\t\t\t\t\t\ttransform: translate(\n\t\t\t\t\t\t\t\t\tcalc(var(--x) / var(--d) * -1px),\n\t\t\t\t\t\t\t\t\tcalc(var(--y) / var(--d) * -1px)\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.slide__image-wrapper {\n\t\t\t\t\t\tbackground-color: var(--color-accent);\n\t\t\t\t\t\tborder-radius: 1%;\n\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\tleft: 0%;\n\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\ttop: 0%;\n\t\t\t\t\t\ttransition: transform calc(var(--base-duration) / 4) var(--base-ease);\n\t\t\t\t\t\twidth: 100%;\n\n\t\t\t\t\t\t.slide__image {\n\t\t\t\t\t\t\t--d: 20;\n\t\t\t\t\t\t\theight: 110% !important;\n\t\t\t\t\t\t\tleft: -5%;\n\t\t\t\t\t\t\tobject-fit: cover;\n\t\t\t\t\t\t\topacity: 0;\n\t\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\ttop: -5%;\n\t\t\t\t\t\t\ttransition: opacity var(--base-duration) var(--base-ease),\n\t\t\t\t\t\t\t\ttransform var(--base-duration) var(--base-ease);\n\t\t\t\t\t\t\tuser-select: none;\n\t\t\t\t\t\t\twidth: 110%;\n\t\t\t\t\t\t\tmax-width: 110% !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.slide__headline {\n\t\t\t\t\t\tfont-size: 8vmin;\n\t\t\t\t\t\tfont-weight: 600;\n\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\tcolor: white;\n\t\t\t\t\t\tmargin: 1rem 0;\n\t\t\t\t\t}\n\t\t\t\t\t.slide__content {\n\t\t\t\t\t\t--d: 60;\n\t\t\t\t\t\topacity: 0;\n\t\t\t\t\t\tpadding: 4vmin;\n\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\ttransition: transform var(--base-duration) var(--base-ease);\n\t\t\t\t\t\tvisibility: hidden;\n\t\t\t\t\t}\n\t\t\t\t\t&.slide--current .slide__content {\n\t\t\t\t\t\tanimation: fade-in calc(var(--base-duration) / 2) var(--base-ease) forwards;\n\t\t\t\t\t\tvisibility: visible;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.slide--previous:hover,\n\t\t\t\t.slide--next:hover {\n\t\t\t\t\topacity: 0.5;\n\t\t\t\t}\n\t\t\t\t.slide--previous {\n\t\t\t\t\tcursor: w-resize;\n\t\t\t\t}\n\t\t\t\t.slide--previous:hover {\n\t\t\t\t\ttransform: translateX(2%);\n\t\t\t\t}\n\t\t\t\t.slide--next {\n\t\t\t\t\tcursor: e-resize;\n\t\t\t\t}\n\t\t\t\t.slide--next:hover {\n\t\t\t\t\ttransform: translateX(-2%);\n\t\t\t\t}\n\n\t\t\t\t.slide__content > * + * {\n\t\t\t\t\tmargin-top: 2rem;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t}\n}\n// @media (hover: hover) {\n// \t.slide--current:hover .slide__image-wrapper {\n// \t\ttransform: scale(1.025)\n// \t\t\ttranslate(\n// \t\t\t\tcalc(var(--x) / var(--d) * 1px),\n// \t\t\t\tcalc(var(--y) / var(--d) * 1px)\n// \t\t\t);\n// \t}\n// }\n// @media (hover: hover) {\n// \t.slide--current .slide__image {\n// \t\ttransform: translate(\n// \t\t\tcalc(var(--x) / var(--d) * 1px),\n// \t\t\tcalc(var(--y) / var(--d) * 1px)\n// \t\t);\n// \t}\n// }\n// @media (hover: hover) {\n// \t.slide--current .slide__content {\n// \t\ttransform: translate(\n// \t\t\tcalc(var(--x) / var(--d) * -1px),\n// \t\t\tcalc(var(--y) / var(--d) * -1px)\n// \t\t);\n// \t}\n// }\n@keyframes fade-in {\n\tfrom {\n\t\topacity: 0;\n\t}\n\tto {\n\t\topacity: 1;\n\t}\n}\n\n// SVG icon styles\n.parallax-st0 {\n\tfill: url(#SVGID_PARA_1);\n}\n\n.parallax-st1 {\n\tfill: url(#SVGID_PARA_2);\n}\n\n.parallax-st2 {\n\tfill: url(#SVGID_PARA_3);\n}\n\n.parallax-st3 {\n\tfill: url(#SVGID_PARA_4);\n}\n\n.parallax-st4 {\n\tfill: url(#SVGID_PARA_5);\n}\n\n// Typography style\n.eb-typography-base div {\n\tdisplay: flex;\n\tjustify-content: space-between;\n}\n"],"names":[],"sourceRoot":""}