/* Top */

.elzFadeT,   .elzFadeBefT:before,   .elzFadeAftT:after   { -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);                       mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); }
.elzFadeT75, .elzFadeBefT75:before, .elzFadeAftT75:after { -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 1) 100%); mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 1) 100%); }
.elzFadeT50, .elzFadeBefT50:before, .elzFadeAftT50:after { -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%); mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%); }
.elzFadeT25, .elzFadeBefT25:before, .elzFadeAftT25:after { -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 1) 100%); mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 1) 100%); }

.elzFadeB,   .elzFadeBBef:before,   .elzFadeBAft:after   { -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);                       mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); }
.elzFadeB75, .elzFadeBBef75:before, .elzFadeBAft75:after { -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 1) 100%); mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 1) 100%); }
.elzFadeB50, .elzFadeBBef50:before, .elzFadeBAft50:after { -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%); mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%); }
.elzFadeB25, .elzFadeBBef25:before, .elzFadeBAft25:after { -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 1) 100%); mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 1) 100%); }

.elzFadeL,   .elzFadeLBef:before,   .elzFadeLAft:after   { -webkit-mask-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);                       mask-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); }
.elzFadeL75, .elzFadeLBef75:before, .elzFadeLAft75:after { -webkit-mask-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 1) 100%); mask-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 1) 100%); }
.elzFadeL50, .elzFadeLBef50:before, .elzFadeLAft50:after { -webkit-mask-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%); mask-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%); }
.elzFadeL25, .elzFadeLBef25:before, .elzFadeLAft25:after { -webkit-mask-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 1) 100%); mask-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 1) 100%); }

.elzFadeR,   .elzFadeRBef:before,   .elzFadeRAft:after   { -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);                       mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); }
.elzFadeR75, .elzFadeRBef75:before, .elzFadeRAft75:after { -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 1) 100%); mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 1) 100%); }
.elzFadeR50, .elzFadeRBef50:before, .elzFadeRAft50:after { -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%); mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%); }
.elzFadeR25, .elzFadeRBef25:before, .elzFadeRAft25:after { -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 1) 100%); mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 1) 100%); }

/* Vertical */
.elzFadeV,   .elzFadeVBef:before,   .elzFadeVAft:after   { -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1)   50%, rgba(0, 0, 0, 0) 100%);                         mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1)   50%, rgba(0, 0, 0, 0) 100%); }
.elzFadeV75, .elzFadeVBef75:before, .elzFadeVAft75:after { -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 37.5%, rgba(0, 0, 0, 1) 62.5%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 37.5%, rgba(0, 0, 0, 1) 62.5%, rgba(0, 0, 0, 0) 100%); }
.elzFadeV50, .elzFadeVBef50:before, .elzFadeVAft50:after { -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1)   25%, rgba(0, 0, 0, 1)   75%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1)   25%, rgba(0, 0, 0, 1)   75%, rgba(0, 0, 0, 0) 100%); }
.elzFadeV25, .elzFadeVBef25:before, .elzFadeVAft25:after { -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 12.5%, rgba(0, 0, 0, 1) 87.5%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 12.5%, rgba(0, 0, 0, 1) 87.5%, rgba(0, 0, 0, 0) 100%); }

/* Horizontal */
.elzFadeH,   .elzFadeHBef:before,   .elzFadeHAft:after   { -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1)   50%, rgba(0, 0, 0, 0) 100%);                         mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1)   50%, rgba(0, 0, 0, 0) 100%); }
.elzFadeH75, .elzFadeHBef75:before, .elzFadeHAft75:after { -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 37.5%, rgba(0, 0, 0, 1) 62.5%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 37.5%, rgba(0, 0, 0, 1) 62.5%, rgba(0, 0, 0, 0) 100%); }
.elzFadeH50, .elzFadeHBef50:before, .elzFadeHAft50:after { -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1)   25%, rgba(0, 0, 0, 1)   75%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1)   25%, rgba(0, 0, 0, 1)   75%, rgba(0, 0, 0, 0) 100%); }
.elzFadeH25, .elzFadeHBef25:before, .elzFadeHAft25:after { -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 12.5%, rgba(0, 0, 0, 1) 87.5%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 12.5%, rgba(0, 0, 0, 1) 87.5%, rgba(0, 0, 0, 0) 100%); }



/* Corners */

.elzFadeEA, .elzFadeEABef:before,   .elzFadeEAAft:after   { -webkit-mask-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); mask-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); }
.elzFadeEB, .elzFadeEB75Bef:before, .elzFadeEB75Aft:after { -webkit-mask-image: linear-gradient(225deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); mask-image: linear-gradient(225deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); }
.elzFadeEC, .elzFadeEC50Bef:before, .elzFadeEC50Aft:after { -webkit-mask-image: linear-gradient(315deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); mask-image: linear-gradient(315deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); }
.elzFadeED, .elzFadeED25Bef:before, .elzFadeED25Aft:after { -webkit-mask-image: linear-gradient(45deg,  rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); mask-image: linear-gradient(45deg,  rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); }

.elzFadeCircle,   .elzFadeCircleBef:before,   .elzFadeCircleAft:after   { -webkit-mask-image: radial-gradient(closest-side, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);                                                 mask-image: radial-gradient(closest-side, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); }
.elzFadeCircle75, .elzFadeCircle75Bef:before, .elzFadeCircle75Aft:after { -webkit-mask-image: radial-gradient(closest-side, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 37.5%, rgba(0, 0, 0, 1) 62.5%, rgba(0, 0, 0, 0) 100%); mask-image: radial-gradient(closest-side, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 37.5%, rgba(0, 0, 0, 1) 62.5%, rgba(0, 0, 0, 0) 100%); }
.elzFadeCircle50, .elzFadeCircle50Bef:before, .elzFadeCircle50Aft:after { -webkit-mask-image: radial-gradient(closest-side, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1)   25%, rgba(0, 0, 0, 1)   75%, rgba(0, 0, 0, 0) 100%); mask-image: radial-gradient(closest-side, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1)   25%, rgba(0, 0, 0, 1)   75%, rgba(0, 0, 0, 0) 100%); }
.elzFadeCircle25, .elzFadeCircle25Bef:before, .elzFadeCircle25Aft:after { -webkit-mask-image: radial-gradient(closest-side, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 12.5%, rgba(0, 0, 0, 1) 87.5%, rgba(0, 0, 0, 0) 100%); mask-image: radial-gradient(closest-side, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 12.5%, rgba(0, 0, 0, 1) 87.5%, rgba(0, 0, 0, 0) 100%); }

.elzFadeCircleIn,   .elzFadeCircleInBef:before,   .elzFadeCircleInAft:after   { -webkit-mask-image: radial-gradient(closest-side, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);                                                 mask-image: radial-gradient(closest-side, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); }
.elzFadeCircleIn75, .elzFadeCircleIn75Bef:before, .elzFadeCircleIn75Aft:after { -webkit-mask-image: radial-gradient(closest-side, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 37.5%, rgba(0, 0, 0, 0) 62.5%, rgba(0, 0, 0, 1) 100%); mask-image: radial-gradient(closest-side, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 37.5%, rgba(0, 0, 0, 0) 62.5%, rgba(0, 0, 0, 1) 100%); }
.elzFadeCircleIn50, .elzFadeCircleIn50Bef:before, .elzFadeCircleIn50Aft:after { -webkit-mask-image: radial-gradient(closest-side, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0)   25%, rgba(0, 0, 0, 0)   75%, rgba(0, 0, 0, 1) 100%); mask-image: radial-gradient(closest-side, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0)   25%, rgba(0, 0, 0, 0)   75%, rgba(0, 0, 0, 1) 100%); }
.elzFadeCircleIn25, .elzFadeCircleIn25Bef:before, .elzFadeCircleIn25Aft:after { -webkit-mask-image: radial-gradient(closest-side, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 12.5%, rgba(0, 0, 0, 0) 87.5%, rgba(0, 0, 0, 1) 100%); mask-image: radial-gradient(closest-side, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 12.5%, rgba(0, 0, 0, 0) 87.5%, rgba(0, 0, 0, 1) 100%); }

.elzFadeCircleEA, .elzFadeCircleEABef:before, .elzFadeCircleEAAft:after { -webkit-mask-image: radial-gradient(at left     top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); mask-image: radial-gradient(at left     top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); }
.elzFadeCircleEB, .elzFadeCircleEBBef:before, .elzFadeCircleEBAft:after { -webkit-mask-image: radial-gradient(at right    top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); mask-image: radial-gradient(at right    top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); }
.elzFadeCircleEC, .elzFadeCircleECBef:before, .elzFadeCircleECAft:after { -webkit-mask-image: radial-gradient(at right bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); mask-image: radial-gradient(at right bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); }
.elzFadeCircleED, .elzFadeCircleEDBef:before, .elzFadeCircleEDAft:after { -webkit-mask-image: radial-gradient(at left  bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); mask-image: radial-gradient(at left  bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); }



/* Variables */

.elzFadeTVar, .elzFadeTVarBef:before, .elzFadeTVarAft:after { -webkit-mask-image: linear-gradient(0deg,   rgba(0,0,0,0) 0%, rgba(0,0,0,1) calc(0% + var(--mskFadeVar, 0)), rgba(0,0,0,1) 100%); mask-image: linear-gradient(0deg,   rgba(0,0,0,0) 0%, rgba(0,0,0,1) calc(0% + var(--mskFadeVar, 0)), rgba(0,0,0,1) 100%); }
.elzFadeBVar, .elzFadeBVarBef:before, .elzFadeBVarAft:after { -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) calc(0% + var(--mskFadeVar, 0)), rgba(0,0,0,1) 100%); mask-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) calc(0% + var(--mskFadeVar, 0)), rgba(0,0,0,1) 100%); }
.elzFadeLVar, .elzFadeLVarBef:before, .elzFadeLVarAft:after { -webkit-mask-image: linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) calc(0% + var(--mskFadeVar, 0)), rgba(0,0,0,1) 100%); mask-image: linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) calc(0% + var(--mskFadeVar, 0)), rgba(0,0,0,1) 100%); }
.elzFadeRVar, .elzFadeRVarBef:before, .elzFadeRVarAft:after { -webkit-mask-image: linear-gradient(90deg,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) calc(0% + var(--mskFadeVar, 0)), rgba(0,0,0,1) 100%); mask-image: linear-gradient(90deg,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) calc(0% + var(--mskFadeVar, 0)), rgba(0,0,0,1) 100%); }

.elzFadeVVar, .elzFadeVVarBef:before, .elzFadeVVarAft:after { -webkit-mask-image: linear-gradient(0deg,  rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) calc(0% + var(--mskFadeVar, 0)), rgba(0, 0, 0, 1) calc(100% - var(--mskFadeVar, 0)), rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(0deg,  rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) calc(0% + var(--mskFadeVar, 0)), rgba(0, 0, 0, 1) calc(100% - var(--mskFadeVar, 0)), rgba(0, 0, 0, 0) 100%); }
.elzFadeHVar, .elzFadeHVarBef:before, .elzFadeHVarAft:after { -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) calc(0% + var(--mskFadeVar, 0)), rgba(0, 0, 0, 1) calc(100% - var(--mskFadeVar, 0)), rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) calc(0% + var(--mskFadeVar, 0)), rgba(0, 0, 0, 1) calc(100% - var(--mskFadeVar, 0)), rgba(0, 0, 0, 0) 100%); }

.fadeSize0  { --mskFadeVar:    0; }
.fadeSize1  { --mskFadeVar:  1px; }
.fadeSize2  { --mskFadeVar:  2px; }
.fadeSize3  { --mskFadeVar:  3px; }
.fadeSize4  { --mskFadeVar:  4px; }
.fadeSize5  { --mskFadeVar:  5px; }
.fadeSize6  { --mskFadeVar:  6px; }
.fadeSize8  { --mskFadeVar:  8px; }
.fadeSize10 { --mskFadeVar: 10px; }
.fadeSize12 { --mskFadeVar: 12px; }
.fadeSize14 { --mskFadeVar: 14px; }
.fadeSize15 { --mskFadeVar: 15px; }
.fadeSize16 { --mskFadeVar: 16px; }
.fadeSize18 { --mskFadeVar: 18px; }
.fadeSize20 { --mskFadeVar: 20px; }
.fadeSize24 { --mskFadeVar: 24px; }
.fadeSize28 { --mskFadeVar: 28px; }
.fadeSize30 { --mskFadeVar: 30px; }
.fadeSize32 { --mskFadeVar: 32px; }
.fadeSize36 { --mskFadeVar: 36px; }
.fadeSize40 { --mskFadeVar: 40px; }
.fadeSize48 { --mskFadeVar: 48px; }
.fadeSize52 { --mskFadeVar: 52px; }
.fadeSize56 { --mskFadeVar: 56px; }
.fadeSize64 { --mskFadeVar: 64px; }

.fadeVar  { --mskFadeVar: var(--uniVar);  }
.fadeVar1 { --mskFadeVar: var(--uniVar1); }
.fadeVar2 { --mskFadeVar: var(--uniVar2); }
.fadeVar3 { --mskFadeVar: var(--uniVar3); }
.fadeVar4 { --mskFadeVar: var(--uniVar4); }
.fadeVar5 { --mskFadeVar: var(--uniVar5); }

.fadeSizeEP { --mskFadeVar: var(--elzEPSize); }