.comparison-section{position:relative;overflow:hidden}.comparison-section .comparison-section-list-wrapper{max-width:1500px;margin-inline:auto}.comparison-section .comparison-header-list{display:grid;grid-template-columns:.6fr 1fr 1fr}.comparison-section .comparison-header-list .empty{display:block;padding-left:8rem;position:relative}.comparison-section .comparison-header-list .empty:before{content:"";position:absolute;top:0;right:100%;width:500%;height:100%;background:var(--bg-color)}.comparison-section .comparison-header-list .comparison-header-list-item{padding:4rem 6rem 3rem;text-align:center}.comparison-section .comparison-header-list .comparison-header-list-item .icon-with-text{font-size:3.4rem;line-height:1.6857;color:#364958;display:inline-flex;position:relative;align-items:center;gap:1.2rem;margin-bottom:1.2rem}.comparison-section .comparison-header-list .comparison-header-list-item .icon-with-text .tag{border:1rem solid #09aeae;border-right:.6rem solid transparent;border-left:.6rem solid transparent;position:relative;display:inline-block;position:absolute;top:0;right:-18%;transform:rotate(32deg)}.comparison-section .comparison-header-list .comparison-header-list-item .icon-with-text .tag span{display:block;width:100%;text-align:center;line-height:0;padding-inline:.4rem;font-size:1.2rem;letter-spacing:-.4px;color:#fff;text-transform:uppercase}.comparison-section .comparison-header-list .comparison-header-list-item .image-wrapper{width:100%;display:flex}.comparison-section .comparison-header-list .comparison-header-list-item .image-wrapper img{width:100%;height:100%}.comparison-section .comparison-header-list .comparison-header-list-item .rte{font-size:1.6rem;line-height:1.2;color:#364958}.comparison-section .content-content-list{display:grid;grid-template-columns:.6fr 1fr 1fr}.comparison-section .content-content-list.active-overlay>*{position:relative}.comparison-section .content-content-list.active-overlay>*:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#000;opacity:.05}.comparison-section .content-content-list.active-overlay>*>*{position:relative;z-index:1}.comparison-section .content-content-list .text{padding:2rem 1.2rem 2rem 5rem;position:relative}.comparison-section .content-content-list .text:before{content:"";position:absolute;top:0;right:100%;width:500%;height:100%;background:var(--bg-color)}.comparison-section .content-content-list .text .inline-richtext{font-size:2rem;font-weight:700;line-height:1;color:#364958;margin:0;text-align:center}.comparison-section .content-content-list .content-content-list-item{padding:3rem 6rem;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;height:100%;flex-direction:column;row-gap:1.2rem}.comparison-section .content-content-list .content-content-list-item:has(.image-wrapper)+.content-content-list-item{justify-content:flex-start}.comparison-section .content-content-list .content-content-list-item:before{content:"";position:absolute;width:90%;top:0;left:50%;transform:translate(-50%);border:1px solid;border-image:linear-gradient(90deg,#fff,#415362 20% 77%,#fff) 1}.comparison-section .content-content-list.active-overlay .content-content-list-item:before,.comparison-section .content-content-list.active-overlay+.content-content-list:not(.active-overlay) .content-content-list-item:before{display:none}.comparison-section .content-content-list.active-overlay+.content-content-list.active-overlay .content-content-list-item:before{display:block}.comparison-section .content-content-list .content-content-list-item .rte{font-size:1.6rem;line-height:1.2;color:#364958;width:100%}.comparison-section .content-content-list .content-content-list-item .rte ul{text-align:left;width:100%;margin:0}.comparison-section .content-content-list .content-content-list-item .icon-wrapper{display:flex;justify-content:center}.comparison-section .content-content-list .content-content-list-item .image-wrapper{width:100%;display:flex;margin-top:2rem}.comparison-section .content-content-list .content-content-list-item .image-wrapper img{width:100%;height:100%}@media screen and (max-width: 1400px){.comparison-section .comparison-header-list .empty{padding-left:6rem}.comparison-section .comparison-header-list .comparison-header-list-item{padding:4rem 4rem 3rem}.comparison-section .content-content-list .text{padding:1.8rem 1.2rem 1.8rem 6rem}.comparison-section .content-content-list .content-content-list-item{padding:2rem 3rem}.comparison-section .content-content-list .content-content-list-item .icon-wrapper img{width:3.4rem}}@media screen and (max-width: 1260px){.comparison-section .comparison-header-list .comparison-header-list-item{padding:4rem 2rem 3rem}.comparison-section .comparison-header-list .comparison-header-list-item .icon-with-text{font-size:2.4rem;gap:.8rem}.comparison-section .comparison-header-list .comparison-header-list-item .icon-with-text img{width:2.8rem;height:2.8rem}.comparison-section .comparison-header-list .comparison-header-list-item .icon-with-text .tag{right:-25%}.comparison-section .content-content-list .text .inline-richtext{font-size:1.8rem}.comparison-section .content-content-list .content-content-list-item{padding:1.6rem 2rem}}@media screen and (max-width: 989px){.comparison-section .comparison-header-list .comparison-header-list-item{padding:3rem 1.6rem 2rem}.comparison-section .comparison-header-list .comparison-header-list-item .icon-with-text{font-size:2rem;gap:.6rem}.comparison-section .comparison-header-list .comparison-header-list-item .icon-with-text .tag{border:.8rem solid #09aeae;border-right:.4rem solid transparent;border-left:.4rem solid transparent;right:-25%}.comparison-section .comparison-header-list .comparison-header-list-item .icon-with-text .tag span{font-size:1rem}.comparison-section .comparison-header-list .comparison-header-list-item .rte{font-size:1.4rem}.comparison-section .content-content-list .text{padding:1.8rem 1.2rem 1.8rem 5rem}.comparison-section .content-content-list .text .inline-richtext{font-size:1.4rem}.comparison-section .content-content-list .content-content-list-item{padding:1.4rem 1.6rem}.comparison-section .content-content-list .content-content-list-item .rte{font-size:1.4rem}}@media screen and (max-width: 767px){.comparison-section .comparison-section-list-wrapper{overflow:hidden}.comparison-section .comparison-header-list{display:flex}.comparison-section .comparison-header-list .empty{padding-left:1.5rem;max-width:35%;width:100%;position:relative;z-index:2}.comparison-section .comparison-header-list .comparison-header-list-item{max-width:65%;width:100%;height:auto;transition:all .5s ease-in-out}.comparison-section .comparison-header-list .comparison-header-list-item.first-column:not(.active){margin-left:-65%;transition:all .5s ease-in-out}.comparison-section .comparison-header-list .comparison-header-list-item.last-column:not(.active){margin-right:-100%;transition:all .5s ease-in-out}.comparison-section .content-content-list{display:flex}.comparison-section .content-content-list .text{padding:1.8rem 1.5rem;max-width:35%;width:100%;position:relative;z-index:2}.comparison-section .content-content-list .content-content-list-item{max-width:65%;width:100%;height:auto;transition:all .5s ease-in-out}.comparison-section .content-content-list .content-content-list-item.first-column:not(.active){margin-left:-65%;transition:all .5s ease-in-out}.comparison-section .content-content-list .content-content-list-item.last-column:not(.active){margin-right:-100%;transition:all .5s ease-in-out}.comparison-nav{position:absolute;top:50%;transform:translateY(-50%);right:0;width:65%;display:flex;align-items:flex-end;justify-content:space-between;z-index:2}.comparison-nav .comparison-nav-btn{width:4rem;height:4rem;background:#06aeae;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:1.2rem;visibility:hidden;opacity:0}.comparison-nav .comparison-nav-btn.active-btn{visibility:visible;opacity:1}.comparison-nav .comparison-nav-btn.comparison-prev svg{transform:rotate(180deg)}}@media screen and (max-width: 480px){.comparison-section .comparison-header-list .comparison-header-list-item .icon-with-text{font-size:1.8rem}.comparison-section .comparison-header-list .comparison-header-list-item .icon-with-text img{width:2.4rem;height:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/comparison_section.css.map */