.lightmode .referencemediaelement .media__image--description{background:var(--clr-secondary) !important}.lightmode .referencemediaelement .has__border{border:1px solid rgba(var(--clr-secondary-rgb), 0.1)}.referencemediaelement .custom-mb{margin-bottom:24px}.referencemediaelement .media__area{position:relative;border-radius:var(--border-radius-lg);overflow:hidden;background:rgba(var(--font-clr-rgb), 0.1)}@media (max-width:991.98px){.referencemediaelement .media__area{border-radius:var(--border-radius-md)}}.referencemediaelement .media__area .media__image--description{border-radius:var(--border-radius-md);width:calc(100% - 20px);margin:10px;z-index:1;position:absolute;bottom:0;padding:20px 20px 17px;color:var(--white);background:var(--clr-primary);opacity:0;border:0;visibility:hidden;transition:var(--transition)}@media (max-width:991.98px){.referencemediaelement .media__area .media__image--description{border-radius:var(--border-radius-sm);width:calc(100% - 10px);margin:5px;padding:12px 12px 10px}}@media (max-width:991.98px){.referencemediaelement .media__area .media__image--description .test-content{max-height:140px;overflow-y:auto;padding-right:10px}}@media (max-width:767.98px){.referencemediaelement .media__area .media__image--description .test-content{max-height:100px}}.referencemediaelement .media__area .media__image--description .test-content::-webkit-scrollbar{width:4px;height:4px}.referencemediaelement .media__area .media__image--description .test-content::-webkit-scrollbar-track{background:rgba(255, 255, 255, 0.1);border-radius:var(--border-radius-full)}.referencemediaelement .media__area .media__image--description .test-content::-webkit-scrollbar-thumb{background:var(--white);border-radius:var(--border-radius-full)}.referencemediaelement .media__area .media__image--description p,.referencemediaelement .media__area .media__image--description p *{margin-bottom:0;font-size:18px;line-height:1.25}@media (max-width:1199.98px){.referencemediaelement .media__area .media__image--description p,.referencemediaelement .media__area .media__image--description p *{font-size:16px}}@media (max-width:767.98px){.referencemediaelement .media__area .media__image--description p,.referencemediaelement .media__area .media__image--description p *{font-size:14px}}.referencemediaelement .media__area:hover .media__image--description{opacity:1;visibility:visible}.referencemediaelement .cd-image-container{position:relative;width:100%;max-width:100%}.referencemediaelement .cd-image-container img{display:block}.referencemediaelement .cd-image-label{position:absolute;bottom:0;right:0;color:var(--white);padding:2rem 2rem 2rem 1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;opacity:0;-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px);-webkit-transition:-webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;-moz-transition:-moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;transition:transform 0.3s 0.7s, opacity 0.3s 0.7s}@media (max-width:991.98px){.referencemediaelement .cd-image-label{padding:1rem}}.referencemediaelement .cd-image-label.is-hidden{visibility:hidden}.referencemediaelement .is-visible .cd-image-label{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.referencemediaelement .cd-resize-img{position:absolute;top:0;left:0;width:0;height:100%;overflow:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.referencemediaelement .cd-resize-img img{position:absolute;left:0;top:0;display:block;height:100%;width:auto;max-width:none}.referencemediaelement .cd-resize-img .cd-image-label{right:auto;left:0;padding:2rem 1rem 2rem 2rem}@media (max-width:991.98px){.referencemediaelement .cd-resize-img .cd-image-label{padding:1rem}}.referencemediaelement .is-visible .cd-resize-img{width:50%;-webkit-animation:cd-bounce-in 0.7s;-moz-animation:cd-bounce-in 0.7s;animation:cd-bounce-in 0.7s;border-right:1px solid rgba(var(--white-rgb), 0.5)}@-webkit-keyframes cd-bounce-in{0%{width:0}60%{width:55%}100%{width:50%}}@-moz-keyframes cd-bounce-in{0%{width:0}60%{width:55%}100%{width:50%}}@keyframes cd-bounce-in{0%{width:0}60%{width:55%}100%{width:50%}}.referencemediaelement .cd-handle{display:flex;align-items:center;justify-content:center;position:absolute;height:60px;width:60px;left:50%;top:50%;margin-left:-30px;margin-top:-30px;border-radius:50%;background:var(--white);cursor:grab;opacity:0;-webkit-transform:translate3d(0, 0, 0) scale(0);-moz-transform:translate3d(0, 0, 0) scale(0);-ms-transform:translate3d(0, 0, 0) scale(0);-o-transform:translate3d(0, 0, 0) scale(0);transform:translate3d(0, 0, 0) scale(0);animation:imagecomparison-pulse 2s infinite}@keyframes imagecomparison-pulse{0%{box-shadow:0 0 0 0 rgba(var(--white-rgb), 0.8)}100%{box-shadow:0 0 0 10px rgba(var(--white-rgb), 0)}}@media (max-width:991.98px){.referencemediaelement .cd-handle{height:44px;width:44px;margin-left:-22px;margin-top:-22px}}.referencemediaelement .cd-handle i{font-size:2rem;color:var(--black);line-height:1}@media (max-width:991.98px){.referencemediaelement .cd-handle i{font-size:1.4rem}}.referencemediaelement .cd-handle.draggable{background-color:var(--clr-accent);animation:none;-webkit-box-shadow:0 8px 10px 0 rgba(var(--black-rgb), 0.2);box-shadow:0 8px 10px 0 rgba(var(--black-rgb), 0.2);cursor:grabbing}.referencemediaelement .cd-handle.draggable i{color:var(--black)}.referencemediaelement .is-visible .cd-handle{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);-moz-transform:translate3d(0, 0, 0) scale(1);-ms-transform:translate3d(0, 0, 0) scale(1);-o-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1);-webkit-transition:-webkit-transform 0.3s 0.7s, opacity 0s 0.7s;-moz-transition:-moz-transform 0.3s 0.7s, opacity 0s 0.7s;transition:transform 0.3s 0.7s, opacity 0s 0.7s}