.bubble-demo{max-width:26.25rem}.bubble-wrapper{display:flex;flex-direction:column;height:100%;width:100%}@media (min-width:1024px){.bubble-wrapper{display:grid;grid-template-columns:1fr auto 1fr}}.bubble-wrapper__col-left,.bubble-wrapper__col-right{align-items:center;display:grid;gap:var(--space-16);justify-content:center;padding:3.375rem 0 3.8125rem}@media (min-width:1024px){.bubble-wrapper__col-left,.bubble-wrapper__col-right{align-items:center;display:flex;flex-direction:column}}@media (min-width:1280px){.bubble-wrapper__col-left,.bubble-wrapper__col-right{padding-inline:var(--space-40)}}.bubble-wrapper .object-mb--middle{place-self:center}.bubble-wrapper .object-mb--left{place-self:flex-start}.bubble-wrapper .object-mb--right{place-self:flex-end}@media (min-width:1280px){.bubble-wrapper .object--middle{place-self:center}.bubble-wrapper .object--left{place-self:flex-start}.bubble-wrapper .object--right{place-self:flex-end}}.bubble-wrapper .row-1{grid-template-rows:repeat(1,auto)}.bubble-wrapper .row-2{grid-template-rows:repeat(2,auto)}.bubble-wrapper .row-3{grid-template-rows:repeat(3,auto)}@media (max-width:1023px){.bubble-wrapper.row-3{grid-template-columns:repeat(2,auto);grid-template-rows:repeat(2,auto)}.bubble-wrapper.row-3 .bubble:first-child{grid-column:1/3}.bubble-wrapper.row-3 .bubble:nth-child(2){grid-column:1/2;grid-row:2/3;margin-top:3.125rem}.bubble-wrapper.row-3 .bubble:last-child{grid-column:2/3;grid-row:2/3}.bubble-wrapper.row-3-reverse .bubble:first-child{align-self:flex-start;grid-column:2/3;grid-row:1/2}.bubble-wrapper.row-3-reverse .bubble:nth-child(2){grid-column:1/2;grid-row:1/2;margin-top:3.125rem}.bubble-wrapper.row-3-reverse .bubble:last-child{grid-column:1/3;grid-row:2/3}.bubble-wrapper.row-2 .bubble:first-child,.bubble-wrapper.row-2-reverse .bubble:first-child{grid-column:1/2;grid-row:1/2}.bubble-wrapper.row-2 .bubble:last-child,.bubble-wrapper.row-2-reverse .bubble:last-child{grid-column:2/3;grid-row:2/3}}@property --color1{syntax:"<color>";inherits:false;initial-value:#094453}@property --color2{syntax:"<color>";inherits:false;initial-value:#03171c}@property --percent1{syntax:"<percentage>";inherits:false;initial-value:0%}@property --percent2{syntax:"<percentage>";inherits:false;initial-value:60%}@property --rotation{syntax:"<angle>";inherits:false;initial-value:1turn}@property --bg-color{syntax:"<color>";inherits:false;initial-value:var(--color-brand-1300)}.tabs-component{--animation-name:color-shift-dark-to-light;--bg-color:var(--color-brand-1300)}@keyframes color-shift-dark-to-light{to{--color1:#fff;--color2:#ccf2f8;--percent1:40%;--percent2:100%;--rotation:180deg;--bg-color:#ccf2f8}}@keyframes color-shift-light-to-dark{to{--color1:#094453;--color2:#03171c;--percent1:0%;--percent2:60%;--rotation:360deg;--bg-color:var(--color-brand-1300)}}.tabs-component{background:linear-gradient(var(--rotation),var(--color1) var(--percent1),var(--color2) var(--percent2));background-color:var(--bg-color);transition:background-color 1s linear}.tabs-component:has(.tabs-component__tab.animating){animation:var(--animation-name) .5s linear}@keyframes card-blur{0%{filter:blur(var(--initial-blur))}50%{filter:blur(var(--medium-blur))}to{filter:blur(0)}}.tabs-component:has(.tabs-component__tab.animating) .card-img--left,.tabs-component:has(.tabs-component__tab.animating) .card-img--right{--initial-blur:5px;--medium-blur:2px;animation:card-blur .5s cubic-bezier(.4,0,1,1)}@media (max-width:1023px){.tabs-component:has(.tabs-component__tab.animating) .card-img--left,.tabs-component:has(.tabs-component__tab.animating) .card-img--right{--initial-blur:2px;--medium-blur:1px}}.tabs-component:has(.tabs-component__panel:nth-child(2n):not(.is-hidden)){--color1:#fff;--color2:#ccf2f8;--percent1:40%;--percent2:100%;--rotation:180deg;--bg-color:#ccf2f8;--animation-name:color-shift-light-to-dark}.tabs-component--comparator .is-hidden{display:grid!important;left:-9999px!important;position:absolute!important;top:-9999px!important;visibility:hidden}@keyframes bubbles-fade{0%,10%{opacity:0}to{opacity:1}}@keyframes bubbles-fade-out{0%{opacity:1}to{opacity:0}}.tabs-component__panel.bubbles-fade .bubble{animation:bubbles-fade 2.4s forwards}.tabs-component__panel.bubbles-fade-out .bubble{animation:bubbles-fade-out 2.4s forwards}.tabs-component__panel.is-hidden .bubble{opacity:0}.tabs-component__panel:nth-child(odd):focus-visible{border:3px dashed #fff;outline:none!important}.tabs-component__panel:nth-child(2n):focus-visible{border:3px dashed var(--color-brand-1300);outline:none!important}.tabs-component__panel .card-img{filter:blur(5px);position:absolute;top:3.125rem}@media (min-width:1024px){.tabs-component__panel .card-img{transition:transform 1.8s linear}}@media (max-width:1023px){.tabs-component__panel .card-img{filter:blur(2px);height:6.25rem;top:2.5rem;width:9.875rem}}.tabs-component__panel .card-img--right{right:-23.125rem}@media (min-width:1024px){.tabs-component__panel .card-img--right{transform:translateX(100%)}}@media (max-width:1023px){.tabs-component__panel .card-img--right{right:-8.75rem}}.tabs-component__panel .card-img--left{right:calc(100% - 6.5625rem)}@media (min-width:1024px){.tabs-component__panel .card-img--left{transform:translateX(-100%)}}@media (max-width:1023px){.tabs-component__panel .card-img--left{right:calc(100% - 1.125rem)}}@media (min-width:1024px){.tabs-component__panel .bubble-wrapper .bubble{transform:translateX(0);transition:transform .8s linear}.tabs-component__panel .bubble-wrapper__col-left.is-hiding .bubble:first-child{transform:translate(-50vw,-100px)}.tabs-component__panel .bubble-wrapper__col-left.is-hiding .bubble:nth-child(2),.tabs-component__panel .bubble-wrapper__col-left.is-hiding .bubble:nth-child(3){transform:translate(-50vw,100px)}}@media screen and (min-width:1024px) and (height <= 850px) and (width >= 1024px){.tabs-component__panel .bubble-wrapper__col-left.is-hiding .bubble{transform:unset!important}}@media (min-width:1024px){.tabs-component__panel .bubble-wrapper__col-right.is-hiding .bubble:first-child{transform:translate(50vw,-100px)}.tabs-component__panel .bubble-wrapper__col-right.is-hiding .bubble:nth-child(2){transition-duration:.6s}.tabs-component__panel .bubble-wrapper__col-right.is-hiding .bubble:nth-child(2),.tabs-component__panel .bubble-wrapper__col-right.is-hiding .bubble:nth-child(3){transform:translate(50vw,100px)}}@media screen and (min-width:1024px) and (height <= 850px) and (width >= 1024px){.tabs-component__panel .bubble-wrapper__col-right.is-hiding .bubble{transform:unset!important}}.cards-bullets{display:flex;margin-block:0 2.75rem;order:2}.cards-bullets__bullet button{background:none;border:none;cursor:pointer;padding:var(--space-8)}.cards-bullets__bullet button:focus-visible{--color-focus:#61eaff}.cards-bullets__bullet button span{background-color:var(--bullet-bg-color);border-radius:50%;display:block;height:var(--space-8);padding:0;width:var(--space-8)}.cards-bullets__bullet--current button{padding:var(--space-8) .625rem}.cards-bullets__bullet--current button span{background-color:var(--bullet-current-bg-color);border-radius:var(--space-8);width:var(--space-24)}.tabs-component{--bullet-bg-color:#ffffff80;--bullet-current-bg-color:#fff}.tabs-component:has(.tabs-component__panel:nth-child(2n):not(.is-hidden)){--bullet-bg-color:#04425880;--bullet-current-bg-color:var(--color-brand-1200)}.tabs-component{display:flex;flex-direction:column;gap:var(--space-40)}@media (min-width:1024px){.tabs-component{container-type:size;display:grid;gap:0;grid-template-columns:1fr;grid-template-rows:8rem 1fr;height:calc(100vh - var(--header-height));justify-content:center;overflow-y:hidden;padding:0}}@media (max-width:1023px){.tabs-component{padding-bottom:3.75rem}}@container (min-height: 780px) and (max-height: 850px) and (min-width: 1024px){.tabs-component .hp-comparator__card{padding-bottom:3.75rem!important}.tabs-component .hp-comparator__card--content{padding-top:19.5rem!important}.tabs-component .hp-comparator__card--img{height:15.5rem;width:auto}.tabs-component .card-img{height:12.5rem;top:3.125rem;width:auto}.tabs-component .card-img--right{right:-15.625rem}.tabs-component .card-img--left{right:calc(100% - 4.5rem)}.tabs-component .bubble-wrapper__col-left,.tabs-component .bubble-wrapper__col-right{padding-block:var(--space-16) var(--space-8)}}@media screen and (height <= 850px) and (width >= 1024px){.tabs-component{container-type:normal;height:100%;overflow-y:unset;position:relative}.tabs-component .tabs-component__tabs{margin-top:var(--space-24);position:sticky;top:calc(var(--header-height) + var(--space-24))}.tabs-component .tabs-component__panel{grid-template-rows:1fr auto;overflow:hidden auto}.tabs-component .tabs-component__content{position:relative;top:unset}}@media screen and (height <= 850px) and (width >= 1024px) and (min-width:1024px){.tabs-component .tabs-component__content{min-height:48.75rem}}@media screen and (height <= 850px) and (width >= 1024px){.tabs-component .hp-comparator__card{height:100%!important}}.tabs-component:has(.tabs-component__panel:nth-child(2n):not(.is-hidden)){--link-color:var(--color-brand-1200);--link-color-hover:var(--color-brand-1000);--link-color-active:var(--color-brand-1300)}.tabs-component:has(.tabs-component__panel:nth-child(2n):not(.is-hidden)) .cta,.tabs-component:has(.tabs-component__panel:nth-child(2n):not(.is-hidden)) .link{--color-focus:var(--color-brand-1200)}.tabs-component.no-scroll-animation{container-type:normal;height:100%;overflow-y:unset;position:relative}.tabs-component.no-scroll-animation .tabs-component__tabs{margin-top:var(--space-24);position:sticky;top:calc(var(--header-height) + var(--space-24))}.tabs-component.no-scroll-animation .tabs-component__panel{grid-template-rows:1fr auto;overflow:hidden auto}.tabs-component.no-scroll-animation .tabs-component__content{position:relative;top:unset}@media (min-width:1024px){.tabs-component.no-scroll-animation .tabs-component__content{min-height:48.75rem}}.tabs-component.no-scroll-animation .hp-comparator__card{height:100%!important}.tabs-component.no-scroll-animation .is-hidden{display:none!important}.tabs-component__tabs{grid-column:1/2;grid-row:1/2}@media (max-width:1023px){.tabs-component__tabs{position:sticky!important;top:calc(var(--header-height) + var(--space-24));transition:top .4s}}.tabs-component__panels{grid-column:1/2;grid-row:1/3}.tabs-component__panel{display:flex;flex-direction:column;transition:all .4s ease}@media (min-width:1024px){.tabs-component__panel{display:grid;grid-template-rows:1fr var(--space-80);height:100%;overflow:hidden;scroll-behavior:smooth;scrollbar-width:none}}.tabs-component__panel:nth-child(2n) .hp-comparator__card--description *,.tabs-component__panel:nth-child(2n) .hp-comparator__card--title *,.tabs-component__panel:nth-child(2n) .hp-comparator__offre,.tabs-component__panel:nth-child(2n) .hp-comparator__offre--title h2{color:#032f40}.tabs-component__panel:nth-child(2n) .hp-comparator__card--title h2 span{color:var(--color-brand-1000)}.tabs-component__panel:nth-child(2n) .hp-comparator__offre--footer{--color-focus:var(--color-brand-1200);--link-color:var(--color-brand-1200)}.tabs-component__panel.in-view{overflow-y:scroll}.tabs-component__content{display:flex;flex-direction:column;height:100%;width:100%}@media (min-width:1024px){.tabs-component__content{display:grid;grid-template-columns:1fr 26.25rem 1fr;position:sticky;top:0}}.tabs-component .hp-comparator__offre{color:#fff;place-self:center;text-align:center}@media (min-width:1024px){.tabs-component .hp-comparator__offre{margin-top:8rem}}.tabs-component .hp-comparator__offre--title{font-family:var(--font-expanded);font-size:var(--space-24);font-weight:700;margin-block-end:.875rem}.tabs-component .hp-comparator__offre--title *{color:#fff}@media (min-width:1024px){.tabs-component .hp-comparator__offre--title{font-size:var(--space-40)}}.tabs-component .hp-comparator__offre--pill{background-color:var(--color-accent-3-300);border-radius:var(--space-24);color:var(--color-accent-3-1100);font-size:.75rem;font-weight:600;line-height:1.35;margin:1.625rem auto var(--space-16);padding:var(--space-4) .75rem;width:-moz-fit-content;width:fit-content}@media (min-width:1024px){.tabs-component .hp-comparator__offre--pill{margin:1.375rem auto var(--space-16)}}.tabs-component .hp-comparator__offre--texte{font-size:.875rem;font-weight:600;line-height:125%}@media (min-width:1024px){.tabs-component .hp-comparator__offre--texte{font-size:1rem}}.tabs-component .hp-comparator__offre--baseline{font-size:.75rem;font-weight:500;line-height:135%}.tabs-component .hp-comparator__offre--footer{--color-focus:#fff;margin-block-start:var(--space-24)}.tabs-component .hp-comparator__offre--information{display:grid;font-family:var(--font-expanded);grid-template-columns:1fr 4.6875rem;place-self:center;width:-moz-fit-content;width:fit-content}@media (min-width:1024px){.tabs-component .hp-comparator__offre--information{grid-template-columns:7.8125rem 1fr 7.8125rem;margin-block:.875rem}}@media (max-width:1023px){.tabs-component .hp-comparator__offre--information{margin:1.125rem auto}}.tabs-component .hp-comparator__offre--date{font-size:var(--space-24);font-weight:700;grid-column:3/3;line-height:100%;place-self:end}@media (min-width:1024px){.tabs-component .hp-comparator__offre--date{font-size:var(--space-40)}}.tabs-component .hp-comparator__offre--number{align-items:flex-start;display:flex;font-weight:700;grid-column:2/3;position:relative;width:-moz-fit-content;width:fit-content}.tabs-component .hp-comparator__offre--number span{display:block;font-size:8rem;line-height:6.25rem;text-align:center}@media (min-width:1024px){.tabs-component .hp-comparator__offre--number span{font-size:15rem;line-height:11.25rem}}.tabs-component .hp-comparator__offre--number sup{display:block;font-size:1.5rem;line-height:var(--space-40);top:-.1em;width:1.625rem}@media (min-width:1024px){.tabs-component .hp-comparator__offre--number sup{font-size:var(--space-40)}}.tabs-component .hp-comparator__card{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:100%;overflow-x:hidden;padding-bottom:5.625rem;place-self:center;position:relative;text-align:center;width:100%}@media (min-width:1024px){.tabs-component .hp-comparator__card{height:-moz-fit-content;height:fit-content;justify-content:start;place-self:baseline center;scrollbar-width:none}}@media (max-width:1023px){.tabs-component .hp-comparator__card{padding-block:13.125rem 1.875rem}}.tabs-component .hp-comparator__card--img{margin-block-end:4rem;order:1;position:absolute}@media (max-width:1023px){.tabs-component .hp-comparator__card--img{height:11.25rem;top:0;width:17.875rem}}@media (min-width:1024px){.tabs-component .hp-comparator__card--img{margin-block-end:4rem;z-index:1}}.tabs-component .hp-comparator__card--content{order:2}@media (min-width:1024px){.tabs-component .hp-comparator__card--content{padding-top:29.125rem;position:relative}}.tabs-component .hp-comparator__card--text{display:flex;flex-direction:column;gap:var(--space-24)}@media (max-width:1023px){.tabs-component .hp-comparator__card--text{padding-inline:2.3125rem}}.tabs-component .hp-comparator__card--text *{color:#fff}.tabs-component .hp-comparator__card--title h2 span{color:#61eaff}.tabs-component .hp-comparator__card--description{line-height:125%}@media (min-width:1024px){.tabs-component .hp-comparator__card--description{margin:0 auto;max-width:31rem}}.tabs-component .hp-comparator__card--baseline{font-size:.75rem;margin-block-start:var(--space-8)}.tabs-component .hp-comparator__card--footer{align-items:center;display:flex;flex-flow:row wrap;gap:var(--space-24);justify-content:center;margin-block-start:var(--space-40)}@media (max-width:1023px){.tabs-component .hp-comparator__card--footer{flex-direction:column;order:4}}.tabs-component .hp-comparator__card--footer a{--color-focus:#fff}
/*# sourceMappingURL=clientlib-comp-aem-card-comparator/resources/maps/css/clientlib-comp-aem-card-comparator.min.css.map */