.cd-ci-banner{--cd-ci-bg: transparent;--cd-ci-max-width: 1360px;--cd-ci-radius: 0px;--cd-ci-shadow: none;--cd-ci-pad-top: 20px;--cd-ci-pad-bottom: 20px;background:var(--cd-ci-bg);padding-top:var(--cd-ci-pad-top);padding-bottom:var(--cd-ci-pad-bottom);padding-left:20px;padding-right:20px}.cd-ci-banner__outer{width:100%}.cd-ci-banner__frame{position:relative;width:100%;overflow:hidden;border-radius:var(--cd-ci-radius);box-shadow:var(--cd-ci-shadow);background:#e6e3df}.cd-ci-banner__picture,.cd-ci-banner__image{display:block;width:100%;object-fit:cover}.cd-ci-banner__image{height:auto}.cd-ci-banner__curtain,.cd-ci-banner__sheen,.cd-ci-banner__glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cd-ci-banner__curtain{z-index:3;inset:0 auto 0 0;width:50.5%;background:linear-gradient(90deg,#f0ede9fa,#f0ede9f2 62%,#f0ede9d1 84%,#f0ede91f);transform:translateZ(0);transition:transform 1.15s cubic-bezier(.22,1,.36,1),opacity .8s ease}.cd-ci-banner__curtain--right{inset:0 0 0 auto;background:linear-gradient(270deg,#f0ede9fa,#f0ede9f2 62%,#f0ede9d1 84%,#f0ede91f)}.cd-ci-banner__sheen{z-index:2;opacity:0;background:linear-gradient(110deg,#fff0 34%,#ffffff6b 49%,#ffffff24 58%,#fff0 69%);transform:translate(-34%);transition:transform 1.3s cubic-bezier(.22,1,.36,1),opacity 1s ease;mix-blend-mode:screen}.cd-ci-banner__glow{z-index:1;background:radial-gradient(circle at 50% 38%,#ffffff47,#fff0 52%);opacity:0;transition:opacity .8s ease}.cd-ci-banner__frame .cd-ci-banner__image{transform:scale(1.04);filter:blur(10px);opacity:.68;transition:transform 1.3s cubic-bezier(.22,1,.36,1),filter 1.1s ease,opacity .9s ease}.cd-ci-banner.is-visible .cd-ci-banner__curtain--left{transform:translate3d(-102%,0,0);opacity:0}.cd-ci-banner.is-visible .cd-ci-banner__curtain--right{transform:translate3d(102%,0,0);opacity:0}.cd-ci-banner.is-visible .cd-ci-banner__sheen{opacity:1;transform:translate(28%)}.cd-ci-banner.is-visible .cd-ci-banner__glow{opacity:1}.cd-ci-banner.is-visible .cd-ci-banner__image{transform:scale(1);filter:blur(0);opacity:1}@media screen and (max-width:767px){.cd-ci-banner{--cd-ci-pad-top: 16px;--cd-ci-pad-bottom: 16px}.cd-ci-banner__media-shell{width:100%;aspect-ratio:1/1}.cd-ci-banner__frame,.cd-ci-banner__picture,.cd-ci-banner__image{height:100%;object-fit:cover}.cd-ci-banner__curtain{width:53%}}@media(prefers-reduced-motion:reduce){.cd-ci-banner__curtain,.cd-ci-banner__sheen,.cd-ci-banner__glow,.cd-ci-banner__frame .cd-ci-banner__image{transition:none!important;animation:none!important}.cd-ci-banner .cd-ci-banner__curtain,.cd-ci-banner .cd-ci-banner__sheen,.cd-ci-banner .cd-ci-banner__glow,.cd-ci-banner .cd-ci-banner__image{opacity:1!important;transform:none!important;filter:none!important}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/cleerdent-collection-image-banner.css.map */