.brand-worlds,.brand-worlds *,.brand-worlds *:before,.brand-worlds *:after{box-sizing:border-box}.brand-worlds{--bw-edge: 16px;--bw-gap: 12px;--bw-card-w: 272px;color:rgb(var(--color-foreground));overflow-x:clip}.brand-worlds__inner{display:flex;flex-direction:column;max-width:calc(var(--container-width) + var(--bw-edge) * 2);margin-inline:auto;padding-inline:var(--bw-edge)}.brand-worlds__header{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.brand-worlds__heading{margin:0;text-align:left}.brand-worlds__text{max-width:62ch}.brand-worlds__text p{margin:0}.brand-worlds__link{color:inherit;text-decoration:underline;text-decoration-skip-ink:none;text-underline-position:from-font;transition:var(--transition-quick)}.brand-worlds__link--desktop{display:none}.brand-worlds__link--mobile{align-self:center;margin-top:24px;text-align:center}.brand-worlds__slider-outer{margin-top:16px;padding-bottom:36px;margin-bottom:-36px}.brand-worlds__slider{padding-bottom:36px;margin-bottom:-36px}.brand-worlds__slider{display:block;margin-right:calc(-1 * var(--bw-edge))}.brand-worlds .brand-worlds__slide{width:var(--bw-card-w);height:auto}.brand-worlds__slide .card-brand-world{height:100%}.brand-worlds__editor-hint{margin:16px 0 0;padding:16px;border:1px dashed var(--color-grey-400);border-radius:var(--radius-s);color:var(--color-grey-700);font-size:var(--font-size-body-14)}@media screen and (min-width:750px){.brand-worlds{--bw-edge: 32px;--bw-gap: 16px;--bw-card-w: 300px}}@media screen and (min-width:990px){.brand-worlds__header{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:24px}.brand-worlds__link--desktop{display:block}.brand-worlds__link--mobile{display:none}.brand-worlds__slider-outer{margin-top:20px}.brand-worlds__slider{margin-right:0;overflow:visible;padding-bottom:0;margin-bottom:0}.brand-worlds__grid{overflow:visible}.brand-worlds__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(max(280px,calc(25% - var(--bw-gap))),1fr));gap:var(--bw-gap);transform:none}.brand-worlds .brand-worlds__slide{width:auto}}@media(hover:hover){.brand-worlds__link:hover{color:var(--color-grey-700)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-brand-worlds.css.map */
