Your IP : 216.73.216.95
{"version":3,"sources":["app.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":[".znTiltBox-tilter {\n\tdisplay: block;\n\tposition: relative;\n\twidth: 100%;\n\theight: 415px;\n\tcolor: #fff;\n\tflex: none;\n\tperspective: 1000px;\n}\n\n.znTiltBox-tilter * {\n\tpointer-events: none;\n}\n\n.znTiltBox-tilter:hover,\n.znTiltBox-tilter:focus {\n\tcolor: #fff;\n\toutline: none;\n}\n\n.znTiltBox-tilter__figure,\n.znTiltBox-tilter__image {\n\tmargin: 0;\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: block;\n}\n\n.znTiltBox-tilter__figure > * {\n\ttransform: translateZ(0px); /* Force correct stacking order */\n}\n\n.znTiltBox-tilter__figure,\n.znTiltBox-tilter__deco--overlay,\n.znTiltBox-tilter__deco--lines,\n.znTiltBox-tilter__deco--lines rect,\n.znTiltBox-tilter__deco--shine div,\n.znTiltBox-tilter__caption {\n\ttransition: transform 0.2s ease-out;\n}\n\n.znTiltBox-tilter__figure {\n\tposition: relative;\n}\n\n.znTiltBox-tilter__figure::before {\n\tcontent: '';\n\tposition: absolute;\n\twidth: 90%;\n\theight: 90%;\n\ttop: 5%;\n\tleft: 5%;\n\tbox-shadow: 0 30px 20px rgba(35,32,39,0.5);\n}\n\n.znTiltBox-tilter__deco {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n\toverflow: hidden;\n}\n\n.znTiltBox-tilter__deco--overlay {\n\tbackground-image: linear-gradient(45deg, rgba(226, 60, 99, 0.4), rgba(145, 58, 252, 0.4), rgba(16, 11, 192, 0.4));\n}\n\n.znTiltBox-tilter__deco--shine div {\n\tposition: absolute;\n\twidth: 200%;\n\theight: 200%;\n\ttop: -50%;\n\tleft: -50%;\n\tbackground-image: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.25) 50%, transparent 100%);\n}\n\n.znTiltBox-tilter__deco--lines rect {\n\tfill: none;\n\tstroke: #fff;\n\tstroke-width:2px;\n\twidth: calc(100% - 50px);\n\theight: calc(100% - 50px);\n\ttransform: translate(25px, 25px);\n}\n\n.znTiltBox-tilter__caption {\n\tposition: absolute;\n\tbottom: 0;\n\twidth: 100%;\n\tpadding: 4em;\n}\n\n.znTiltBox-tilter__title {\n\tmargin: 0;\n\tfont-weight: normal;\n\tfont-size: 32px;\n\tline-height: 1;\n}\n\n.znTiltBox-tilter__description {\n\tmargin: 1em 0 0 0;\n\tfont-size: 0.85em;\n\tletter-spacing: 0.15em;\n}\n\n/* Individual styles */\n\n/* Example 1 (Default) */\n.znTiltBox-tilter--1 .znTiltBox-tilter__figure::before {\n\tbox-shadow: 0 30px 20px rgba(0,0,0,0.5);\n}\n\n/* Example 2 (thicker lines, overlay) */\n.znTiltBox-tilter--2,\n.znTiltBox-tilter--2:hover,\n.znTiltBox-tilter--2:focus {\n\tcolor: #2e27ad;\n}\n\n.znTiltBox-tilter--2 .znTiltBox-tilter__deco--overlay {\n\tbackground-image: linear-gradient(45deg, rgba(245, 239, 40, 0.6), rgba(164, 22, 169, 0.6));\n}\n\n.znTiltBox-tilter--2 .znTiltBox-tilter__deco--lines rect {\n\tstroke: #2e27ad;\n\tstroke-width: 4px;\n}\n\n/* Example 3 (no lines, overlay hard-light) */\n.znTiltBox-tilter--3 .znTiltBox-tilter__deco--overlay {\n\tbackground-image: linear-gradient(45deg, rgba(205, 81, 220, 0.6), rgba(41, 94, 230,0.5));\n}\n\n.znTiltBox-tilter--3 .znTiltBox-tilter__caption {\n\tpadding: 2em;\n\ttext-align: right;\n\ttext-shadow: 0.1em 0.8em 1em rgba(0,0,0,0.35);\n}\n\n/* Example 4 (caption sliding in) */\n.znTiltBox-tilter--4 .znTiltBox-tilter__deco--overlay {\n\tbackground-image: linear-gradient(20deg, rgb(214, 100, 40), rgba(46, 39, 173, 0.58), rgba(53, 74, 165, 0.6));\n}\n\n@media screen and (min-width: 30em) {\n\t.znTiltBox-tilter--4 .znTiltBox-tilter__deco--lines {\n\t\ttransform: scale3d(0.8,0.8,1);\n\t\ttransition: transform 0.4s;\n\t}\n\t.znTiltBox-tilter--4:hover .znTiltBox-tilter__deco--lines {\n\t\ttransform: scale3d(1,1,1);\n\t}\n\t.znTiltBox-tilter--4 .znTiltBox-tilter__title,\n\t.znTiltBox-tilter--4 .znTiltBox-tilter__description {\n\t\ttransform: translate3d(0,80px,0);\n\t\topacity: 0;\n\t\ttransition: transform 0.4s, opacity 0.4s;\n\t}\n\t.znTiltBox-tilter--4:hover .znTiltBox-tilter__description {\n\t\ttransition-delay: 0.1s;\n\t}\n\t.znTiltBox-tilter--4:hover .znTiltBox-tilter__title,\n\t.znTiltBox-tilter--4:hover .znTiltBox-tilter__description {\n\t\ttransform: translate3d(0,0,0);\n\t\topacity: 1;\n\t}\n}\n\n/* Example 5 (line animating) */\n.znTiltBox-tilter--5 .znTiltBox-tilter__deco--lines rect {\n\tstroke-dasharray: 355%;\n\tstroke-dashoffset: 355%;\n\ttransition: stroke-dashoffset 0.7s;\n}\n\n.znTiltBox-tilter--5:hover .znTiltBox-tilter__deco--lines rect {\n\tstroke-dashoffset: 0;\n}\n\n.znTiltBox-tilter--5 .znTiltBox-tilter__figure::before {\n\tbox-shadow: none;\n}\n\n/* Example 6 (different line position) */\n.znTiltBox-tilter--6,\n.znTiltBox-tilter--6:hover,\n.znTiltBox-tilter--6:focus {\n\tcolor: #2e27ad;\n}\n\n.znTiltBox-tilter--6 .znTiltBox-tilter__deco--overlay {\n\tbackground-image: linear-gradient(45deg, rgba(46, 39, 173, 0.2), rgba(255, 186, 59, 0.58));\n}\n\n\n.znTiltBox-tilter--6 .znTiltBox-tilter__deco--lines {\n\ttop: -30px;\n\tleft: -30px;\n}\n.znTiltBox-tilter--6 .znTiltBox-tilter__deco--lines rect {\n\tstroke: #2e27ad;\n\tstroke-width: 6px;\n\twidth: 100%;\n\theight: 100%;\n\ttransform:none;\n}\n\n.znTiltBox-tilter--6 .znTiltBox-tilter__caption {\n\tpadding: 0 4em 5.5em 1em;\n}\n\n.znTiltBox-tilter--6 .znTiltBox-tilter__figure::before {\n\tbox-shadow: none;\n}\n\n/* Example 7 (different line) */\n.znTiltBox-tilter--7 .znTiltBox-tilter__deco--overlay {\n\tbackground-image: linear-gradient(45deg, rgba(93, 203, 106, 0.48), rgba(59, 239, 255, 0.58));\n}\n\n.znTiltBox-tilter--7 .znTiltBox-tilter__deco--lines {\n\topacity: 0;\n\ttransform: scale3d(0.9,0.9,1);\n\ttransition: transform 0.3s, opacity 0.3s;\n}\n.znTiltBox-tilter--7 .znTiltBox-tilter__deco--lines rect {\n\tstroke-width: 20px;\n}\n\n.znTiltBox-tilter--7:hover .znTiltBox-tilter__deco--lines {\n\topacity: 1;\n\ttransform: scale3d(1,1,1);\n}\n\n.znTiltBox-tilter--7 .znTiltBox-tilter__figure::before {\n\tbox-shadow: none;\n}\n\n/* Example 8 (different line) */\n.znTiltBox-tilter--8 {\n\tperspective: none;\n}\n\n.znTiltBox-tilter--8 .znTiltBox-tilter__figure {\n\ttransform-style: flat;\n}\n\n.znTiltBox-tilter--8 .znTiltBox-tilter__deco--lines {\n\tmix-blend-mode: color-burn;\n}\n.znTiltBox-tilter--8 .znTiltBox-tilter__deco--lines rect {\n\tstroke: #9255ae;\n\tstroke-width: 6px;\n}\n\n.znTiltBox-tilter--8 .znTiltBox-tilter__caption {\n\tcolor: #9255ae;\n\tmix-blend-mode: color-burn;\n}\n\n.znTiltBox-tilter--8 .znTiltBox-tilter__figure::before {\n\tbox-shadow: none;\n}\n"]}