.custom-feature-showcase__card{display:grid;grid-template-columns:var(--custom-feature-showcase-content-width, 45%) 1fr;gap:40px;background-color:rgb(var(--color-background-secondary));background-image:var(--custom-feature-showcase-bg-image, none);background-position:var(--custom-feature-showcase-bg-position, center center);background-repeat:var(--custom-feature-showcase-bg-repeat, no-repeat);background-size:var(--custom-feature-showcase-bg-size, cover);color:rgb(var(--color-foreground));border-radius:var(--border-radius-main, 4px);padding-top:48px;padding-bottom:48px;padding-left:var(--custom-feature-showcase-padding-horizontal, 48px);padding-right:var(--custom-feature-showcase-padding-horizontal, 48px)}.custom-feature-showcase__content{display:flex;flex-direction:column;row-gap:1.8rem}.custom-feature-showcase .header{display:flex;flex-direction:column;row-gap:var(--custom-feature-showcase-header-gap, 8px)}.image-wrapper img{display:block;width:100%;height:auto}.custom-feature-showcase__heading{margin:0}.custom-feature-showcase__icons{display:grid;grid-template-columns:repeat(var(--custom-feature-showcase-icons-per-row, 4),1fr);gap:1.8rem}.custom-feature-showcase__icon{display:flex;flex-direction:column;align-items:center;row-gap:10px;text-align:center;justify-content:space-evenly}.custom-feature-showcase__icon-image{display:block;width:48px;height:auto;object-fit:contain}.custom-feature-showcase__icon-title{color:rgb(var(--color-foreground-secondary));margin:0;font-size:1.4rem;line-height:1.3}.custom-feature-showcase__description{color:rgb(var(--color-foreground-secondary))}.custom-feature-showcase__disclaimer{margin:0;font-size:1.2rem;color:rgb(var(--color-foreground-secondary))}.custom-feature-showcase__slideshow{position:relative;aspect-ratio:4 / 3;border-radius:var(--border-radius-main, 4px);overflow:hidden}.custom-feature-showcase__slides{position:relative;display:flex;width:100%;height:100%;will-change:transform;transition:transform var(--duration-long, .5s) ease}.custom-feature-showcase__slide{position:relative;flex:0 0 100%;width:100%;height:100%;pointer-events:none}.custom-feature-showcase__slide.is-active{pointer-events:auto}.custom-feature-showcase__slide-image{display:block;width:100%;height:100%;object-fit:cover}.custom-feature-showcase__arrow{position:absolute;top:50%;z-index:5;display:none;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:1px solid rgb(var(--color-border));border-radius:var(--border-radius-icons, 50%);background:rgb(var(--color-background-tertiary));color:rgb(var(--color-accent));cursor:pointer;transform:translateY(-50%);transition:border-color var(--duration-default)}@media screen and (min-width:750px){.custom-feature-showcase__arrow{display:flex}}.custom-feature-showcase__arrow:hover{border-color:rgb(var(--color-border-on-hover))}.custom-feature-showcase__arrow--prev{left:1.6rem}.custom-feature-showcase__arrow--prev svg{transform:rotate(180deg)}.custom-feature-showcase__arrow--next{right:1.6rem}.custom-feature-showcase__pagination{position:absolute;bottom:1.6rem;left:50%;z-index:5;width:auto;transform:translate(-50%)}.custom-feature-showcase__marker{position:absolute;z-index:1;display:flex;cursor:pointer}.custom-feature-showcase__marker:hover,.custom-feature-showcase__marker[aria-expanded=true]{z-index:999}.custom-feature-showcase__marker:focus,.custom-feature-showcase__marker:focus-visible{outline:2px solid black;outline-offset:3px}.custom-feature-showcase__marker-dot{position:relative;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:50%;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:rgb(var(--color-accent),.2);transition:all var(--duration-long, .3s) linear}@media screen and (min-width:750px){.custom-feature-showcase__marker-dot{width:4rem;height:4rem}}.custom-feature-showcase__marker-dot .marker-icon-circle{width:1.2rem;height:1.2rem;color:rgb(var(--color-accent))}.custom-feature-showcase__marker-dot:after{content:"";position:absolute;z-index:-1;top:50%;left:50%;display:block;width:6rem;height:6rem;box-sizing:border-box;border-radius:50%;background-color:rgba(var(--color-accent),.3);transform:translate(-50%,-50%) scale(.33);animation:custom-feature-showcase-marker-pulse 1.25s cubic-bezier(.4,0,.6,1) infinite}@keyframes custom-feature-showcase-marker-pulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:.9}50%{opacity:.6}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.custom-feature-showcase__marker-card{position:absolute;z-index:4;width:20rem;padding:1.6rem;border-radius:var(--border-radius-main, 4px);background-color:rgb(var(--color-background-tertiary));color:rgb(var(--color-foreground));opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity var(--duration-default),visibility var(--duration-default),transform var(--duration-default);pointer-events:none}.custom-feature-showcase__marker[aria-expanded=true] .custom-feature-showcase__marker-card{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.custom-feature-showcase__marker.left .custom-feature-showcase__marker-card{left:0}.custom-feature-showcase__marker.right .custom-feature-showcase__marker-card{right:0}.custom-feature-showcase__marker.top .custom-feature-showcase__marker-card{top:100%;margin-top:.8rem}.custom-feature-showcase__marker.bottom .custom-feature-showcase__marker-card{bottom:100%;margin-bottom:.8rem}.custom-feature-showcase__marker-image{display:block;width:100%;height:auto;margin-bottom:.8rem;border-radius:var(--border-radius-main, 4px)}.custom-feature-showcase__marker-heading{margin:0 0 .4rem;font-weight:700}.custom-feature-showcase__marker-description{margin:0;font-size:1.3rem;color:rgb(var(--color-foreground-secondary))}@media screen and (max-width:749px){.custom-feature-showcase__marker-card{width:16rem}}@media screen and (max-width:749px){.custom-feature-showcase__card{grid-template-columns:1fr;padding:32px 24px;gap:32px}.custom-feature-showcase__icons{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-custom-feature-showcase.css.map */