.cs{--cs-pad-x: max(var(--page-margin, 20px), 20px);position:relative;overflow:hidden;isolation:isolate;color:var(--cs-heading, #091f67);background:linear-gradient(115deg,var(--cs-bg1, #f4f8ff) 0%,var(--cs-bg2, #ffffff) 100%)}.cs:before{content:"";position:absolute;z-index:-1;right:-14%;top:-35%;width:min(80vw,980px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 40%,#0089ff29,#0089ff00 66%)}.cs:after{content:"";position:absolute;z-index:-1;left:-8%;bottom:-45%;width:min(60vw,700px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 50%,#091f6712,#091f6700 68%)}.cs__stage{display:grid}.cs-slide{grid-area:1 / 1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(20px,3vw,56px);width:100%;max-width:1600px;margin-inline:auto;padding:clamp(16px,3vh,48px) calc(var(--cs-pad-x) + 28px) 80px;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s}.cs-slide.is-active{opacity:1;visibility:visible;transition:opacity .6s ease,visibility 0s}.cs-copy{display:flex;flex-direction:column;align-items:flex-start;gap:0}.cs-eyebrow{display:inline-flex;margin:0 0 14px;padding:6px 14px;border-radius:999px;background:#0089ff1f;color:var(--cs-accent, #0089ff);font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.cs-heading{margin:0;color:var(--cs-heading, #091f67);font-family:var(--font-heading--family, inherit);font-weight:var(--font-heading--weight, 700);font-size:clamp(2rem,min(4.2vw,7.2vh),3.6rem);line-height:1.04;letter-spacing:-.02em;text-transform:none}.cs-sub{margin:8px 0 0;font-size:clamp(1rem,min(1.6vw,2.8vh),1.3rem);font-weight:600;color:var(--cs-accent, #0089ff)}.cs-text{margin:14px 0 0;max-width:34em;font-size:clamp(.95rem,1.2vw,1.06rem);line-height:1.5;color:#091f67cc}.cs-price{margin:16px 0 0;font-size:clamp(1.4rem,min(2.2vw,4vh),1.9rem);font-weight:700;color:var(--cs-heading, #091f67)}.cs-price span{font-size:.55em;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.65;margin-inline-end:4px}.cs-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.cs-media{position:relative;justify-self:center;width:min(100%,calc(max(300px,100svh - 300px)*1.85));margin:0 20px 20px 0}.cs-media:before{content:"";position:absolute;top:22px;right:-20px;bottom:-20px;left:22px;border-radius:32px;background:linear-gradient(135deg,var(--cs-accent, #0089ff),#091f67);opacity:.92}.cs-card{position:relative;z-index:1;aspect-ratio:1.85 / 1;background:#fff;border-radius:28px;box-shadow:0 30px 60px -28px #091f6773,0 8px 24px -12px #091f672e;display:grid;place-items:center;padding:0;overflow:hidden}.cs-media__link{display:grid;place-items:center;width:100%;height:100%}.cs-img{width:100%;height:100%;object-fit:cover;object-position:center}.cs-badge{position:absolute;z-index:2;top:16px;left:16px;padding:7px 14px;border-radius:999px;background:#091f67;color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.cs-anim{opacity:0;transform:translateY(20px);transition:opacity .35s ease,transform .35s ease}.cs-slide.is-active .cs-anim{opacity:1;transform:none;transition:opacity .7s ease calc(.18s + var(--n, 0) * .08s),transform .8s cubic-bezier(.2,.7,.2,1) calc(.18s + var(--n, 0) * .08s)}.cs-media{opacity:0;transform:translate(56px) scale(.96);transition:opacity .4s ease,transform .4s ease}.cs-slide.is-active .cs-media{opacity:1;transform:none;transition:opacity .8s ease .1s,transform 1s cubic-bezier(.2,.7,.2,1) .1s}.cs-slide.is-active .cs-img{animation:cs-drift 9s ease-in-out 1.2s infinite alternate}@keyframes cs-drift{0%{transform:translate(-6px) scale(1)}to{transform:translate(8px) scale(1.035)}}.cs-arrow{position:absolute;top:50%;z-index:3;display:grid;place-items:center;width:48px;height:48px;margin-top:-24px;padding:0;border:0;border-radius:50%;background:#fff;color:#091f67;cursor:pointer;box-shadow:0 6px 20px #091f6738;transition:transform .2s ease,background-color .2s ease,color .2s ease}.cs-arrow:hover{background:#091f67;color:#fff;transform:scale(1.06)}.cs-arrow--prev{left:max(10px,calc(var(--cs-pad-x) - 18px))}.cs-arrow--next{right:max(10px,calc(var(--cs-pad-x) - 18px))}.cs-controls{position:absolute;z-index:3;left:50%;bottom:18px;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:8px 14px;border-radius:999px;background:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 16px #091f671f}.cs-dots{display:flex;align-items:center;gap:8px}.cs-dot{position:relative;width:12px;height:12px;padding:0;border:0;border-radius:999px;background:#091f6738;cursor:pointer;overflow:hidden;transition:width .4s ease,background-color .3s ease}.cs-dot.is-active{width:44px}.cs-dot__fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;transform:scaleX(0);background:#091f67;border-radius:inherit}.cs:not(.cs--auto) .cs-dot.is-active .cs-dot__fill{transform:scaleX(1)}.cs--auto .cs-dot.is-active .cs-dot__fill{animation:cs-fill var(--cs-interval, 7s) linear forwards}.cs.is-paused .cs-dot__fill{animation-play-state:paused}@keyframes cs-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.cs-toggle{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#091f6714;color:#091f67;cursor:pointer}.cs-toggle:hover{background:#091f6729}.cs-toggle__play{display:none}.cs-toggle[aria-pressed=true] .cs-toggle__play{display:block}.cs-toggle[aria-pressed=true] .cs-toggle__pause{display:none}@media(max-width:989px){.cs-slide{padding-inline:calc(var(--cs-pad-x) + 8px)}.cs-arrow{display:none}}@media(max-width:749px){.cs-slide{grid-template-columns:minmax(0,1fr);gap:22px;padding:24px var(--cs-pad-x) 84px;align-content:start}.cs-media{order:-1;width:auto;justify-self:stretch;margin:0 12px 12px 0}.cs-media:before{top:14px;right:-12px;bottom:-12px;left:14px;border-radius:22px}.cs-card{border-radius:20px}.cs-heading{font-size:clamp(1.9rem,8vw,2.4rem)}.cs-actions .button,.cs-actions .button-secondary{flex:1 1 auto;text-align:center;justify-content:center}.cs-controls{bottom:18px}}@media(prefers-reduced-motion:reduce){.cs-slide,.cs-anim,.cs-media{transition:none!important}.cs-anim,.cs-media{opacity:1;transform:none}.cs-slide.is-active .cs-img{animation:none}.cs--auto .cs-dot.is-active .cs-dot__fill{animation:none;transform:scaleX(1)}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/campaign-slider.css.map */