main [class^=ai-before-after-]:not([class*=__]){position:relative;isolation:isolate;overflow:hidden}main [class^=ai-before-after-]:not([class*=__]):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(52% 34% at 50% 40%,rgba(53,146,205,.11),transparent 72%)}main div[class^=ai-before-after-][class*=__compare]{--sa-pos:50%;border:1px solid #D7EAF5;border-radius:24px;background:linear-gradient(180deg,#fff,#f1f7fc);box-shadow:0 26px 64px #17365f21}main div[class^=ai-before-after-][class*=__after]{width:100%!important;border-right:0!important;clip-path:inset(0 calc(100% - var(--sa-pos)) 0 0)}main div[class^=ai-before-after-][class*=__after] div[class*=__image]{width:100%!important}main span[class^=ai-before-after-][class*=__handle]{width:54px;height:54px;border-width:3px;box-shadow:0 10px 28px #17365f4d;transition:transform .4s cubic-bezier(.16,1,.3,1)}main span[class^=ai-before-after-][class*=__handle]:before,main span[class^=ai-before-after-][class*=__handle]:after{content:"";position:absolute;left:50%;width:2px;height:1000px;margin-left:-1px;pointer-events:none;box-shadow:0 0 14px #3592cd73}main span[class^=ai-before-after-][class*=__handle]:before{bottom:calc(100% + 1px);background:linear-gradient(to top,#fff,#ffffff8c)}main span[class^=ai-before-after-][class*=__handle]:after{top:calc(100% + 1px);background:linear-gradient(to bottom,#fff,#ffffff8c)}main div[class^=ai-before-after-][class*=__compare].is-drag span[class*=__handle]{transform:translate(-50%,-50%) scale(1.12)}main div[class^=ai-before-after-][class*=__compare]:has(input:focus-visible){outline:3px solid rgba(53,146,205,.45);outline-offset:4px}main span[class^=ai-before-after-][class*=__label]{top:20px;padding:9px 15px;font-family:var(--font-heading-family);font-size:11px;font-weight:500;letter-spacing:.06em;box-shadow:0 6px 18px #17365f1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}main span[class^=ai-before-after-][class*=__label--before]{left:20px;background:#ffffffd1;border-color:#d7eaf5e6;color:#17365f}main span[class^=ai-before-after-][class*=__label--after]{right:20px;background:#3592cded;border-color:transparent;color:#fff}main [class^=ai-before-after-][class*=__caption]{max-width:560px}main div[class^=ai-before-after-][class*=__trust]{gap:20px;max-width:960px}main article[class^=ai-before-after-][class*=__card]{position:relative;overflow:hidden;padding:26px 24px;border:1px solid #D7EAF5;border-radius:18px;background:#fff;box-shadow:none;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1),border-color .4s}main article[class^=ai-before-after-][class*=__card]:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#3592cd,#9cc8e6);transform:scaleX(0);transform-origin:left;transition:transform .8s cubic-bezier(.16,1,.3,1) .5s}.sa-ba.is-in article[class*=__card]:before{transform:scaleX(1)}main span[class^=ai-before-after-][class*=__check]{width:34px;height:34px;margin-bottom:16px;background:#ebf5ff;color:#3592cd;font-size:15px}main details[class^=ai-serenova-faq__item]{position:relative;border-bottom:1px solid #D7EAF5;transition:background-color .5s ease,border-color .4s ease}main details[class^=ai-serenova-faq__item][open]:not(.is-closing){background:linear-gradient(90deg,#3592cd0f,#3592cd00 72%);border-bottom-color:#9cc8e6}main details[class^=ai-serenova-faq__item]:before{content:"";position:absolute;left:-14px;top:20px;bottom:20px;width:3px;border-radius:3px;background:linear-gradient(#3592cd,#3592cd40);opacity:0;transition:opacity .4s}main details[class^=ai-serenova-faq__item][open]:not(.is-closing):before{opacity:1}main summary[class^=ai-serenova-faq__summary]{padding:26px 8px 26px 0;transition:color .3s ease,padding .45s cubic-bezier(.16,1,.3,1)}main span[class^=ai-serenova-faq__icon]{flex:0 0 30px;width:30px;height:30px;border:1px solid #D7EAF5;border-radius:50%;background:#fff;transition:background-color .35s,border-color .35s,color .35s,transform .55s cubic-bezier(.16,1,.3,1)}main span[class^=ai-serenova-faq__icon]:before,main span[class^=ai-serenova-faq__icon]:after{width:12px}main details[class^=ai-serenova-faq__item][open]:not(.is-closing) span[class^=ai-serenova-faq__icon]{background:#3592cd;border-color:#3592cd;color:#fff;transform:rotate(180deg)}main div[class^=ai-serenova-faq__answer]{overflow:hidden}main div[class^=ai-faq-][class*=__item]{background:#fff;border-radius:18px;transition:border-color .4s,box-shadow .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}main div[class^=ai-faq-][class*=__item]:has(button[aria-expanded=true]){border-color:#3592cd;box-shadow:0 16px 40px #17365f17}main button[class^=ai-faq-][class*=__question]{padding:24px 26px;transition:color .3s ease}main button[class^=ai-faq-][class*=__question]:hover{color:#3592cd}main span[class^=ai-faq-][class*=__icon]{flex:0 0 30px;width:30px;height:30px;border:1px solid #D7EAF5;border-radius:50%;background:#fff;transition:background-color .35s,border-color .35s,color .35s,transform .55s cubic-bezier(.16,1,.3,1)}main span[class^=ai-faq-][class*=__icon]:before,main span[class^=ai-faq-][class*=__icon]:after{top:14px;left:7px;width:16px;height:1.6px}main button[class^=ai-faq-][aria-expanded=true] span[class*=__icon]{background:#3592cd;border-color:#3592cd;color:#fff;transform:rotate(180deg)}main div[class^=ai-faq-][class*=__answer]:not([class*=__answer-]){transition:max-height .55s cubic-bezier(.16,1,.3,1)}main div[class^=ai-faq-][class*=__answer-inner]{opacity:0;transform:translateY(-8px);transition:opacity .45s ease .08s,transform .55s cubic-bezier(.16,1,.3,1)}main button[class^=ai-faq-][aria-expanded=true]+div div[class*=__answer-inner]{opacity:1;transform:none}html a[class^=ai-faq-][class*=__cta]{background-image:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.42) 50%,transparent 62%)!important;background-size:260% 100%!important;background-position:170% 0!important;background-repeat:no-repeat!important;transition:background-position 1.1s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s ease,background-color .3s}html a[class^=ai-faq-][class*=__cta]:hover{background-position:-70% 0!important;transform:translateY(-2px);box-shadow:0 10px 28px #17365f29}@media(prefers-reduced-motion:no-preference){html.js .sa-ba:not(.is-in) :is(h2[class*=__title],[class*=__intro],[class*=__compare],p[class*=__caption],article){opacity:0}.sa-ba.is-in h2[class*=__title]{animation:sa-up-lux 1s var(--sa-ease) .15s backwards}.sa-ba.is-in [class*=__intro]{animation:sa-up-lux 1s var(--sa-ease) .28s backwards}.sa-ba.is-in [class*=__compare]{animation:sa-ba-frame 1.4s var(--sa-ease) .4s backwards}.sa-ba.is-in span[class*=__label--before]{animation:sa-slide-l 1.1s var(--sa-ease) 1s backwards}.sa-ba.is-in span[class*=__label--after]{animation:sa-slide-r 1.1s var(--sa-ease) 1.1s backwards}.sa-ba.is-in p[class*=__caption]{animation:sa-up-lux 1s var(--sa-ease) .9s backwards}.sa-ba.is-in article:nth-child(1){animation:sa-up-lux 1.1s var(--sa-ease) 1.05s backwards}.sa-ba.is-in article:nth-child(2){animation:sa-up-lux 1.1s var(--sa-ease) 1.18s backwards}.sa-ba.is-in article:nth-child(3){animation:sa-up-lux 1.1s var(--sa-ease) 1.31s backwards}.sa-ba.is-in span[class*=__check]{animation:sa-avatar-pop .8s var(--sa-ease) 1.5s backwards}html.js .sa-faq:not(.is-in) :is([class*=__intro],h2[class*=__heading],details,div[class*=__item],a[class*=__cta]){opacity:0}.sa-faq.is-in [class*=__intro]{animation:sa-up-lux 1s var(--sa-ease) .05s backwards}.sa-faq.is-in h2[class*=__heading]{animation:sa-up-lux 1s var(--sa-ease) .12s backwards}.sa-faq.is-in :is(details,div[class*=__item]){animation:sa-up-lux 1s var(--sa-ease) backwards}.sa-faq.is-in :is(details,div[class*=__item]):nth-child(1){animation-delay:.2s}.sa-faq.is-in :is(details,div[class*=__item]):nth-child(2){animation-delay:.32s}.sa-faq.is-in :is(details,div[class*=__item]):nth-child(3){animation-delay:.44s}.sa-faq.is-in :is(details,div[class*=__item]):nth-child(4){animation-delay:.56s}.sa-faq.is-in :is(details,div[class*=__item]):nth-child(5){animation-delay:.68s}.sa-faq.is-in :is(details,div[class*=__item]):nth-child(6){animation-delay:.8s}.sa-faq.is-in :is(details,div[class*=__item]):nth-child(7){animation-delay:.92s}.sa-faq.is-in a[class*=__cta]{animation:sa-up-lux 1s var(--sa-ease) 1.05s backwards}main details[class^=ai-serenova-faq__item][open]:not(.is-closing) div[class^=ai-serenova-faq__answer]{animation:sa-faq-in .7s var(--sa-ease) both}}@media(prefers-reduced-motion:no-preference)and (hover:hover){main article[class^=ai-before-after-][class*=__card]:hover{transform:translateY(-5px);border-color:#9cc8e6;box-shadow:0 18px 40px #17365f17}main summary[class^=ai-serenova-faq__summary]:hover{color:#3592cd;padding-left:8px}main div[class^=ai-faq-][class*=__item]:hover{border-color:#9cc8e6;transform:translateY(-2px)}main span[class^=ai-before-after-][class*=__handle]{animation:sa-handle-ring 3.2s ease-in-out infinite}}@media screen and (max-width:749px){main div[class^=ai-before-after-][class*=__compare]{border-radius:20px}main div[class^=ai-faq-][class*=__item]{border-radius:16px}main button[class^=ai-faq-][class*=__question]{padding:20px 18px}main details[class^=ai-serenova-faq__item]:before{left:-8px}}@keyframes sa-ba-frame{0%{opacity:0;transform:translateY(32px) scale(.96)}to{opacity:1;transform:none}}@keyframes sa-slide-l{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:none}}@keyframes sa-slide-r{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}@keyframes sa-faq-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes sa-handle-ring{0%,to{box-shadow:0 10px 28px #17365f4d,0 0 #3592cd80}60%{box-shadow:0 10px 28px #17365f4d,0 0 0 16px #3592cd00}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/serenova-showcase.css.map */