.m-infoboard{overflow:hidden}.m-infoboard__inner{display:grid;gap:var(--infoboard-gap-mobile, 32px)}.m-infoboard__media{position:relative;overflow:hidden;background:rgb(var(--color-background));aspect-ratio:var(--infoboard-image-ratio, 1 / 1)}.m-infoboard__image{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity var(--m-duration-default, .25s) ease,visibility var(--m-duration-default, .25s) ease}.m-infoboard__image.is-active{opacity:1;visibility:visible}.m-infoboard__image img,.m-infoboard__placeholder{display:block;width:100%;height:100%;object-fit:cover}.m-infoboard__placeholder svg{width:100%;height:100%}.m-infoboard__content{min-width:0}.m-infoboard__heading{margin:0 0 var(--infoboard-heading-spacing-mobile, 24px);color:rgb(var(--color-heading));font-size:var(--infoboard-heading-size-mobile, 36px);line-height:var(--infoboard-heading-line-height, 1.06);font-weight:400;letter-spacing:0;text-transform:var(--infoboard-heading-transform, none)}.m-infoboard__cards{display:flex;gap:var(--infoboard-card-gap-mobile, 16px);overflow-x:auto;overflow-y:hidden;padding:0 0 18px;margin:0;list-style:none;scroll-snap-type:x mandatory;scrollbar-color:rgb(var(--color-foreground)) rgba(var(--color-foreground),.18);scrollbar-width:auto;-webkit-overflow-scrolling:touch}.m-infoboard__cards::-webkit-scrollbar{height:5px}.m-infoboard__cards::-webkit-scrollbar-track{background:rgba(var(--color-foreground),.18)}.m-infoboard__cards::-webkit-scrollbar-thumb{background:rgb(var(--color-foreground))}.m-infoboard__card{flex:0 0 min(var(--infoboard-card-width-mobile, 70vw),var(--infoboard-card-max-width-mobile, 360px));min-height:var(--infoboard-card-height-mobile, 280px);display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:var(--infoboard-card-padding-mobile, 22px);background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.16);border-radius:0;scroll-snap-align:start;cursor:pointer;transition:border-color var(--m-duration-default, .25s) ease,box-shadow var(--m-duration-default, .25s) ease}.m-infoboard__card.is-active{border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 1px rgb(var(--color-foreground))}.m-infoboard__card:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.m-infoboard__icon{width:var(--infoboard-icon-size-mobile, 40px);height:var(--infoboard-icon-size-mobile, 40px);margin-bottom:auto;color:currentColor}.m-infoboard__icon img,.m-infoboard__icon svg{display:block;width:100%;height:100%;object-fit:contain}.m-infoboard__text{margin-top:var(--infoboard-text-spacing-mobile, 28px)}.m-infoboard__title{margin:0 0 var(--infoboard-title-spacing, 12px);color:rgb(var(--color-heading));font-size:var(--infoboard-title-size-mobile, 18px);line-height:var(--infoboard-title-line-height, 1.25);font-weight:700;letter-spacing:var(--infoboard-title-letter-spacing, .08em);text-transform:var(--infoboard-title-transform, uppercase);overflow-wrap:anywhere}.m-infoboard__description{color:rgb(var(--color-foreground));font-size:var(--infoboard-description-size-mobile, 16px);line-height:var(--infoboard-description-line-height, 1.35);overflow-wrap:anywhere}.m-infoboard__description p{margin:0}.m-infoboard__description p+p{margin-top:10px}.m-infoboard__description a{color:inherit;text-decoration:underline;text-underline-offset:2px}@media screen and (min-width:768px){.m-infoboard__inner{grid-template-columns:minmax(0,var(--infoboard-media-width, 50%)) minmax(0,1fr);align-items:center;gap:var(--infoboard-gap-desktop, 48px)}.m-infoboard__heading{margin-bottom:var(--infoboard-heading-spacing-desktop, 32px);font-size:var(--infoboard-heading-size-desktop, 56px)}.m-infoboard__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--infoboard-card-gap-desktop, 24px);overflow:visible;padding:0;scroll-snap-type:none}.m-infoboard__card{min-width:0;min-height:var(--infoboard-card-height-desktop, 260px);padding:var(--infoboard-card-padding-desktop, 30px)}.m-infoboard__icon{width:var(--infoboard-icon-size-desktop, 48px);height:var(--infoboard-icon-size-desktop, 48px)}.m-infoboard__text{margin-top:var(--infoboard-text-spacing-desktop, 44px)}.m-infoboard__title{font-size:var(--infoboard-title-size-desktop, 18px)}.m-infoboard__description{font-size:var(--infoboard-description-size-desktop, 16px)}}@media screen and (max-width:767px){.m-infoboard__heading{margin-top:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/infoboard.css.map */
