.cs-related__container{display:flex;flex-direction:column}.cs-related__header-wrapper{display:flex;flex-direction:column;margin-bottom:2rem}.cs-related__title{margin:0 0 1rem;text-align:left}.cs-related__description{margin:0}.cs-related__card{position:relative;overflow:hidden;display:flex;flex-direction:column}.cs-related__card--below{display:flex;flex-direction:column;height:100%}.cs-related__media{position:relative;z-index:0;width:100%;height:100%;overflow:hidden;background-color:#fff;aspect-ratio:1 / 1}.cs-related__card--overlay .cs-related__media{position:absolute;top:0;right:0;bottom:0;left:0}.cs-related__image,.cs-related__placeholder{width:100%;height:100%;object-fit:contain;object-position:center center;display:block}.cs-related__placeholder svg{width:100%;height:100%;object-fit:contain;object-position:center center}.cs__placeholder{--color-foreground: 1, 1, 1}.cs-related__media video{width:100%;height:100%;object-fit:contain;object-position:center center;display:block}.cs-related__media iframe{width:100%;height:100%;border:none;position:absolute;top:0;left:0;object-fit:contain;object-position:center center}.cs-related__text-box{position:relative;z-index:2;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;flex:0 0 auto}.cs-related__card--overlay .cs-related__text-box{position:absolute;bottom:16px;left:16px;max-width:305px;width:calc(100% - 32px)}.cs-related__card--below .cs-related__text-box{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start}.cs-related__card--below .cs-related__media{flex:0 0 auto}.cs-related__caption-wrapper{display:flex;align-items:center;gap:.5rem}.cs-related__caption{flex:1 1 auto;text-transform:uppercase;font-size:1.4rem;font-weight:600;letter-spacing:.05em}.cs-related__icon{flex:0 0 auto;display:flex;align-items:center;transform:rotate(0);transition:transform var(--duration-default) ease}.cs-related__icon svg{width:20px;height:21px;display:block}.cs-related__text-box-link{position:absolute;top:0;right:0;bottom:0;left:0;text-decoration:none;color:inherit;display:flex;flex-direction:column;z-index:1;display:block!important}.cs-related__text-box-link:hover .cs-related__icon,.cs-related__card:hover .cs-related__icon{transform:rotate(45deg)}.cs-related__heading{margin:0;text-align:left;color:inherit;font-size:3.5rem}.cs-related__grid{margin:0;align-items:stretch}@media screen and (min-width:750px){.cs-related__header-wrapper{margin-bottom:2.5rem}.cs-related__title{margin-bottom:1rem}.cs-related__text-box{padding:2rem;gap:1rem}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/cs-related.css.map */