.features-showcase{position:relative}.features-showcase__header{margin-bottom:3rem}.features-showcase__title{margin:0;color:rgb(var(--color-foreground))}.features-showcase__title.h0{font-size:4rem;line-height:1.1}.features-showcase__title.h1{font-size:3.2rem;line-height:1.2}.features-showcase__title.h2{font-size:2.4rem;line-height:1.3}@media screen and (min-width: 750px){.features-showcase__title.h0{font-size:5rem}.features-showcase__title.h1{font-size:4rem}.features-showcase__title.h2{font-size:3.2rem}}.features-showcase__container{position:relative;padding-bottom:4.8rem}.features-showcase__track{display:flex;gap:2rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:1rem}.features-showcase__track::-webkit-scrollbar{display:none}.features-showcase__card{flex:0 0 100%}.features-showcase__card-content{background:#f8f8f8;border-radius:20px;overflow:hidden;height:100%;display:grid;grid-template-columns:1fr;gap:2rem;padding:2.5rem}.features-showcase__card-title{font-size:1.8rem;font-weight:700;line-height:1.3;margin:0 0 1.5rem;color:rgb(var(--color-foreground))}@media screen and (min-width: 750px){.features-showcase__card-title{font-size:2rem}}.features-showcase__card-description{font-size:1.4rem;line-height:1.6;color:rgba(var(--color-foreground),.8);margin:0}@media screen and (min-width: 750px){.features-showcase__card-description{font-size:1.5rem}}.features-showcase__card-description p{margin:0 0 1rem}.features-showcase__card-description p:last-child{margin-bottom:0}.features-showcase__card-image{border-radius:15px;overflow:hidden;padding:1.5rem;display:flex;align-items:center;justify-content:center}.features-showcase__card-image img{width:100%;height:auto;object-fit:contain;display:block;border-radius:10px;max-height:200px}@media screen and (min-width: 750px){.features-showcase__card-image{padding:2rem}.features-showcase__card-image img{height:auto;max-height:380px}}.features-showcase__card-image .placeholder-svg{width:100%;height:200px;fill:currentColor;opacity:.3;border-radius:10px}@media screen and (min-width: 750px){.features-showcase__card-image .placeholder-svg{height:100%;max-height:380px}}.features-showcase__navigation{position:absolute;right:1.2rem;bottom:-1.6rem;display:flex;gap:.8rem;pointer-events:none;z-index:2}.features-showcase__nav{background:rgba(var(--color-background),.9);border:1px solid rgba(var(--color-foreground),.1);border-radius:50%;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.features-showcase__nav:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background));transform:scale(1.05)}.features-showcase__nav--prev,.features-showcase__nav--next{margin:0}.features-showcase__nav svg{width:1.6rem;height:1.6rem}.features-showcase__pagination{position:absolute;left:0rem;bottom:-1.6rem;display:flex;justify-content:flex-start;gap:.8rem}.features-showcase__dot{width:1rem;height:1rem;border-radius:50%;border:2px solid rgba(var(--color-foreground),.3);background:transparent;cursor:pointer;transition:all .3s ease}.features-showcase__dot:hover{border-color:rgba(var(--color-foreground),.6)}.features-showcase__dot--active{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}@media screen and (max-width: 749px){.features-showcase__navigation{display:none}.features-showcase__card-content{grid-template-columns:1fr;padding:2rem}.features-showcase__card-title{font-size:1.8rem}}@media screen and (min-width: 750px){.features-showcase__track{gap:3rem}.features-showcase__card-content{grid-template-columns:40% 60%;align-items:center}.features-showcase__card-text{display:flex;flex-direction:column;justify-content:center;height:100%}.features-showcase__card-image{display:flex;align-items:center;justify-content:center}}.features-showcase.scroll-trigger .features-showcase__card{opacity:0;transform:translateY(2rem);transition:opacity .6s ease,transform .6s ease}.features-showcase.scroll-trigger.animate--slide-in .features-showcase__card{opacity:1;transform:translateY(0)}@media (forced-colors: active){.features-showcase__card-content{border:1px solid}.features-showcase__nav{border:2px solid}}
/*# sourceMappingURL=/cdn/shop/t/95/assets/component-features-showcase.css.map */