.story-mosaic{--sm-gap: 4px;--sm-gap-mobile: 4px;width:100%}.story-mosaic--boxed{max-width:192rem;margin-inline:auto;padding-inline:2.4rem}.story-mosaic__columns{display:grid;grid-template-columns:repeat(var(--sm-columns-mobile, 2),minmax(0,1fr));gap:var(--sm-gap-mobile);align-items:start}.story-mosaic__column{display:flex;flex-direction:column;gap:var(--sm-gap-mobile);min-width:0}.story-mosaic__column:empty{display:none}.story-mosaic__tile{position:relative;overflow:hidden;aspect-ratio:var(--sm-ratio-mobile, 212 / 318);min-width:0;container-type:inline-size}.story-mosaic__media-link{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.story-mosaic__tile--media img,.story-mosaic__tile--media video,.story-mosaic__tile--media iframe,.story-mosaic__tile--media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:0;display:block}.story-mosaic__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none}.story-mosaic__image--desktop{display:none}.story-mosaic__image--mobile,.story-mosaic__video--mobile{display:block}.story-mosaic__image--desktop:only-of-type,.story-mosaic__video--desktop:only-of-type{display:block}.story-mosaic__text-inner{--sm-unit: calc(100cqw / var(--sm-col-mobile, 212));position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-inline:calc(var(--sm-text-pad-mobile, 8) * var(--sm-unit));background:var(--sm-text-bg, #f5f5f5);color:var(--sm-text-color, #000);text-align:center}.story-mosaic__text-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--sm-text-gap, 16) * var(--sm-unit));width:100%}.story-mosaic__text-content--text_first{flex-direction:column-reverse}.story-mosaic__heading{margin:0;width:100%;font-size:calc(var(--sm-heading-mobile, 24) * var(--sm-unit));line-height:calc(var(--sm-heading-lh-mobile, 32) * var(--sm-unit));font-weight:inherit;letter-spacing:0;text-transform:none;color:inherit}.story-mosaic__body{width:100%;font-size:calc(var(--sm-body-mobile, 12) * var(--sm-unit));line-height:calc(var(--sm-body-lh-mobile, 20) * var(--sm-unit));color:inherit}.story-mosaic__body p{margin:0}.story-mosaic__body p+p{margin-top:calc(var(--sm-text-gap, 16) * var(--sm-unit))}.story-mosaic__text-inner--audio{cursor:pointer}.story-mosaic__text-inner--audio:focus-visible{outline:.2rem solid currentColor;outline-offset:-.6rem}.story-mosaic__audio-button{position:absolute;top:calc(16 * var(--sm-unit));right:calc(16 * var(--sm-unit));width:calc(40 * var(--sm-unit));height:calc(40 * var(--sm-unit));border-radius:50%;display:flex;align-items:center;justify-content:center;background:currentColor;pointer-events:none}.story-mosaic__audio-icon{width:calc(18 * var(--sm-unit));height:calc(18 * var(--sm-unit));color:var(--sm-text-bg, #f5f5f5)}.story-mosaic__audio-icon--pause,.story-mosaic__text-inner--audio.is-playing .story-mosaic__audio-icon--play{display:none}.story-mosaic__text-inner--audio.is-playing .story-mosaic__audio-icon--pause{display:block}@media screen and (min-width:990px){.story-mosaic__columns{grid-template-columns:repeat(var(--sm-columns, 3),minmax(0,1fr));gap:var(--sm-gap)}.story-mosaic__column{gap:var(--sm-gap)}.story-mosaic__tile{aspect-ratio:var(--sm-ratio, 477 / 561)}.story-mosaic__image--desktop,.story-mosaic__video--desktop{display:block}.story-mosaic__image--mobile,.story-mosaic__video--mobile{display:none}.story-mosaic__text-inner{--sm-unit: calc(100cqw / var(--sm-col, 477.33));padding-inline:calc(var(--sm-text-pad, 32) * var(--sm-unit))}.story-mosaic__heading{font-size:calc(var(--sm-heading, 48) * var(--sm-unit));line-height:calc(var(--sm-heading-lh, 56) * var(--sm-unit))}.story-mosaic__body{font-size:calc(var(--sm-body, 14) * var(--sm-unit));line-height:calc(var(--sm-body-lh, 22) * var(--sm-unit))}.story-mosaic__audio-button{top:calc(24 * var(--sm-unit));right:calc(24 * var(--sm-unit))}}
/*# sourceMappingURL=/cdn/shop/t/227/assets/section-story-mosaic.css.map */