.media-grid{--media-grid-gap: 30px;--media-grid-padding: 60px 20px;--media-grid-max-width: 1600px;width:100%;padding:var(--media-grid-padding);background-color:#fff}.media-grid__container{max-width:var(--media-grid-max-width);margin:0 auto}.media-grid__items{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--media-grid-gap)}.media-grid__items[data-columns="1"]{grid-template-columns:repeat(1,1fr)}.media-grid__items[data-columns="2"]{grid-template-columns:repeat(2,1fr)}.media-grid__items[data-columns="3"]{grid-template-columns:repeat(3,1fr)}.media-grid__items[data-columns="4"]{grid-template-columns:repeat(4,1fr)}.media-grid__items[data-columns="5"]{grid-template-columns:repeat(5,1fr)}.media-grid__items[data-columns="6"]{grid-template-columns:repeat(6,1fr)}.media-item{display:grid;align-content:start}.media-item__media{position:relative;overflow:hidden;aspect-ratio:1 / 1;background-color:#f5f5f5;border-radius:var(--image-border-radius, 4px)}.media-item__image,.media-item__video{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:var(--image-border-radius, 4px)}.media-item__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border-radius:4px}.media-item__placeholder-text{font-size:16px;color:#999}.media-item__content{margin-top:24px;display:flex;flex-direction:column;gap:8px}.media-item__title{font-size:20px;font-weight:var(--font-weight-bold, 700);line-height:1.2;margin:0;color:#181818;letter-spacing:var(--letter-spacing-body, 0)}.media-item__description{font-size:14px;line-height:1.5;margin:0;color:#181818;letter-spacing:var(--letter-spacing-body, 0);font-weight:var(--font-weight-regular, 400)}.media-item__number{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid currentColor;border-radius:50%;font-family:var(--font-accent-family);font-style:var(--font-accent-style);font-size:18px;line-height:1}.media-item__lines{list-style:none;margin:6px 0 0;padding:8px 0 0;border-top:1px solid rgba(255,255,255,.6)}.media-item__lines li{padding:7px 0}.media-item__lines li+li{border-top:1px solid rgba(255,255,255,.25)}.media-item__icon-list{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:var(--list-item-gap, 8px)}.media-item__icon-list .media-item__description{display:flex;align-items:flex-start;gap:10px;margin:0!important;text-align:left!important}.media-item__list-icon{flex:0 0 auto;display:inline-flex;width:var(--list-icon-size, 18px);height:var(--list-icon-size, 18px);margin-top:calc((1.5em - var(--list-icon-size, 18px)) / 2);color:var(--list-icon-color, #e41e1e)}.media-item__list-icon svg{width:100%;height:100%;display:block}.media-item__divider{width:50%;height:2px;background-color:#000;margin:12px auto}.media-item--card{background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:20px 18px}.media-item--card .media-item__content{margin-top:20px}@media(max-width:1024px){.media-grid{--media-grid-padding: 60px 30px;--media-grid-gap: 30px}.media-grid__items{grid-template-columns:repeat(2,1fr)}.media-grid__items[data-columns="1"]{grid-template-columns:repeat(1,1fr)}.media-grid__items[data-columns="2"],.media-grid__items[data-columns="3"],.media-grid__items[data-columns="4"],.media-grid__items[data-columns="5"],.media-grid__items[data-columns="6"]{grid-template-columns:repeat(2,1fr)}}@media(max-width:749px){.media-grid{--media-grid-padding: 60px 20px;--media-grid-gap: 30px}.media-grid__items{grid-template-columns:repeat(2,1fr)}.media-item__title{font-size:18px}.media-item__description{font-size:14px}}@media(max-width:480px){.media-grid__items--single-column{grid-template-columns:repeat(1,1fr)}.media-grid__items--single-column .media-item{text-align:center}}.media-item{animation:fadeInUp .6s ease-out forwards;animation-delay:calc(.1s * var(--index, 0))}.media-item[data-index="1"]{--index: 1}.media-item[data-index="2"]{--index: 2}.media-item[data-index="3"]{--index: 3}.media-item[data-index="4"]{--index: 4}.media-item[data-index="5"]{--index: 5}.media-item[data-index="6"]{--index: 6}
/*# sourceMappingURL=/cdn/shop/t/33/assets/component-media-grid.css.map */