.calinfi-odun-features{--calinfi-odun-features-accent: #ff7443;--calinfi-odun-features-background: #ffffff;--calinfi-odun-features-text: #000000;--calinfi-odun-features-font: "Funnel Display", var(--font-body-family, system-ui), sans-serif;--section-height-desktop: 876px;--section-height-mobile: 700px;--section-spacing-top-desktop: 0px;--section-spacing-bottom-desktop: 0px;--section-spacing-top-mobile: 0px;--section-spacing-bottom-mobile: 0px;--slider-left: 22.604%;--card-width: min(1052px, 54.792vw);--card-height: min(698px, 36.354vw);--card-gap: 10px;position:relative;width:100%;height:clamp(560px,45.625vw,var(--section-height-desktop));margin-block:var(--section-spacing-top-desktop) var(--section-spacing-bottom-desktop);overflow:hidden;isolation:isolate;background:var(--calinfi-odun-features-background);color:var(--calinfi-odun-features-text);font-family:var(--calinfi-odun-features-font)}.calinfi-odun-features,.calinfi-odun-features *{box-sizing:border-box}.calinfi-odun-features:before,.calinfi-odun-features:after{content:"";position:absolute;top:0;bottom:0;z-index:0;width:min(424px,22.084vw);pointer-events:none}.calinfi-odun-features:before{left:0;background:linear-gradient(90deg,color-mix(in srgb,var(--calinfi-odun-features-accent) 50%,transparent) 0%,transparent 100%)}.calinfi-odun-features:after{right:0;background:linear-gradient(270deg,color-mix(in srgb,var(--calinfi-odun-features-accent) 50%,transparent) 0%,transparent 100%)}.calinfi-odun-features__headline{position:absolute;top:13.36%;left:3.23%;z-index:3;width:min(281px,17vw);margin:0;color:var(--calinfi-odun-features-text);font-family:var(--calinfi-odun-features-font);font-size:clamp(28px,1.875vw,36px);font-weight:500;line-height:.8784;letter-spacing:0;transition:opacity .32s ease,transform .32s ease}.calinfi-odun-features[data-odun-active-index]:not([data-odun-active-index="0"]) .calinfi-odun-features__headline{opacity:0;transform:translateY(-4px);pointer-events:none}.calinfi-odun-features__stage{position:absolute;inset:10px 0 auto;z-index:1;height:var(--card-height)}.calinfi-odun-features__window{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.calinfi-odun-features__track{display:flex;gap:var(--card-gap);height:100%;transform:translateZ(0);transition:transform .62s cubic-bezier(.56,0,.44,1.01);will-change:transform}.calinfi-odun-features__slide{--image-scale: 100;--image-x: 50%;--image-y: 50%;--mobile-image-scale: 112;--mobile-image-x: 50%;--mobile-image-y: 50%;position:relative;flex:0 0 var(--card-width);width:var(--card-width);height:100%;overflow:hidden;border-radius:20px;background:#d9d9d9;color:#fff}.calinfi-odun-features[data-odun-active-index="0"] .calinfi-odun-features__slide--clone-before{visibility:hidden}.calinfi-odun-features__slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#0000,#0000000a 42%,#00000080),linear-gradient(180deg,#00000014,#0000002e);opacity:.78;pointer-events:none}.calinfi-odun-features__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.calinfi-odun-features__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--image-x) var(--image-y);transform:scale(calc(var(--image-scale) / 100));transform-origin:var(--image-x) var(--image-y)}.calinfi-odun-features__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:#00000024;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.65),transparent 30%),linear-gradient(135deg,#d9d9d9,#9aa26f)}.calinfi-odun-features__copy{position:absolute;top:16.76%;left:53.14%;z-index:2;width:min(440px,41%);color:#fff;font-family:var(--calinfi-odun-features-font);opacity:0;transition:opacity .32s ease}.calinfi-odun-features__slide.is-active .calinfi-odun-features__copy{opacity:1}.calinfi-odun-features__copy h3,.calinfi-odun-features__copy p{margin:0;color:inherit;font-family:inherit;letter-spacing:0}.calinfi-odun-features__copy h3{font-size:clamp(28px,1.875vw,36px);font-weight:500;line-height:.8784}.calinfi-odun-features__copy p{margin-top:2px;font-size:clamp(18px,1.25vw,24px);font-weight:500;line-height:.8784}.calinfi-odun-features__controls{position:absolute;left:calc(var(--slider-left) + (var(--card-width) / 2));bottom:clamp(34px,3.542vw,68px);z-index:3;display:flex;align-items:center;width:min(371px,38vw);height:47px;transform:translate(-50%)}.calinfi-odun-features__arrow,.calinfi-odun-features__dot{padding:0;-webkit-appearance:none;appearance:none;font:inherit;cursor:pointer}.calinfi-odun-features__arrow{display:inline-flex;flex:0 0 47px;align-items:center;justify-content:center;width:47px;height:47px;border:1px solid #ff9773;border-radius:20px;background:color-mix(in srgb,var(--calinfi-odun-features-accent) 20%,transparent);color:var(--calinfi-odun-features-accent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background-color .18s ease,border-color .18s ease,color .18s ease}.calinfi-odun-features__arrow:hover{border-color:#ff591e;background:var(--calinfi-odun-features-accent);color:#fff}.calinfi-odun-features__arrow svg{width:26px;height:23px}.calinfi-odun-features__arrow--prev svg{transform:rotate(180deg)}.calinfi-odun-features__dots{display:flex;flex:1 1 auto;align-items:center;justify-content:center;gap:17px;height:47px;margin:0 -1px;border:1px solid #ff591e;border-radius:20px;background:color-mix(in srgb,var(--calinfi-odun-features-accent) 20%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.calinfi-odun-features__dot{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border:0;border-radius:999px;background:transparent}.calinfi-odun-features__dot span{display:block;width:12px;height:12px;border:1px solid var(--calinfi-odun-features-accent);border-radius:inherit;background:transparent;transition:background-color .18s ease,border-color .18s ease}.calinfi-odun-features__dot.is-active span,.calinfi-odun-features__dot:hover span{border-color:var(--calinfi-odun-features-accent);background:var(--calinfi-odun-features-accent)}@media screen and (max-width:989px){.calinfi-odun-features{height:auto;min-height:var(--section-height-mobile);margin-block:var(--section-spacing-top-mobile) var(--section-spacing-bottom-mobile);padding:42px 0}.calinfi-odun-features:before,.calinfi-odun-features:after{width:34vw}.calinfi-odun-features__headline{position:relative;top:auto;left:auto;width:min(320px,calc(100% - 40px));margin:0 20px 24px;font-size:34px}.calinfi-odun-features__stage{position:relative;inset:auto;height:auto}.calinfi-odun-features__window{position:relative;left:auto;width:calc(100% - 40px);height:min(68vw,520px);min-height:420px;margin:0 auto;border-radius:20px}.calinfi-odun-features__track{gap:0}.calinfi-odun-features__slide{flex-basis:100%;width:100%}.calinfi-odun-features__image{object-position:var(--mobile-image-x) var(--mobile-image-y);transform:scale(calc(var(--mobile-image-scale) / 100));transform-origin:var(--mobile-image-x) var(--mobile-image-y)}.calinfi-odun-features__copy,.calinfi-odun-features__slide--first .calinfi-odun-features__copy{top:auto;right:28px;bottom:34px;left:28px;width:auto}.calinfi-odun-features__copy h3{font-size:32px}.calinfi-odun-features__copy p{max-width:520px;font-size:18px}.calinfi-odun-features__controls{position:relative;left:auto;bottom:auto;width:min(371px,calc(100% - 40px));margin:18px auto 0;transform:none}}@media screen and (max-width:749px){.calinfi-odun-features{padding:34px 0}.calinfi-odun-features__headline{font-size:30px}.calinfi-odun-features__window{width:calc(100% - 32px);height:470px;min-height:0}.calinfi-odun-features__copy,.calinfi-odun-features__slide--first .calinfi-odun-features__copy{right:20px;bottom:24px;left:20px}.calinfi-odun-features__copy h3{font-size:28px}.calinfi-odun-features__copy p{font-size:16px}.calinfi-odun-features__controls{width:min(344px,calc(100% - 32px))}.calinfi-odun-features__dots{gap:12px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/calinfi-odun-features.css.map */