.collaborator-banner{display:flex;flex-wrap:wrap;height:50vw;overflow:hidden}.collaborator-banner.right{flex-direction:row-reverse}.collaborator-banner .media,.collaborator-banner .text-content{width:50%;height:100%}.collaborator-banner.boxed .media{padding:var(--padding-general) 0 var(--padding-general) var(--padding-general)}.collaborator-banner .media img,.collaborator-banner .media video{width:100%;height:100%;display:block;object-fit:cover}.collaborator-banner.boxed .media img,.collaborator-banner.boxed .media video{border-radius:12px;overflow:hidden}.collaborator-banner .text-content{display:flex;flex-direction:column;justify-content:space-between;font-size:var(--font-size-7);line-height:var(--line-height-7)}.collaborator-banner .text-content .top{padding-top:var(--padding-general)}.collaborator-banner .text-content .top .heading{font-size:var(--font-size-8);line-height:var(--line-height-8);margin-bottom:14px}.collaborator-banner .text-content .bottom{padding-bottom:var(--padding-general)}.collaborator-banner .text-content .button{margin-top:-webkit-calc(var(--padding-general) * 2);margin-top:calc(var(--padding-general) * 2);font-size:14px;line-height:var(--line-height-2);text-transform:none;padding:5px 10px;border:1px solid var(--color-black);border-radius:58px;color:var(--color-black);text-decoration:none;display:inline-block}.collaborator-banner .text-content .button:hover{transition-property:all!important;background-color:var(--color-black);color:var(--color-white)}@media only screen and (max-width: 1200px){.collaborator-banner{flex-direction:column-reverse;height:auto!important}.collaborator-banner .media,.collaborator-banner .text-content{width:100%}.collaborator-banner .text-content{display:block}.collaborator-banner .text-content .top{margin-bottom:15vw}.collaborator-banner.boxed .media{padding:var(--padding-general)}}@media only screen and (max-width: 740px){.collaborator-banner{flex-wrap:unset}.collaborator-banner .media,.collaborator-banner .text-content{min-height:0;height:auto}.collaborator-banner .text-content .top .heading{font-size:var(--font-size-6);line-height:var(--line-height-6)}.collaborator-banner .text-content{font-size:var(--font-size-7);line-height:var(--line-height-7)}.collaborator-banner .text-content .button{font-size:14px;line-height:var(--line-height-7);margin-top:var(--padding-general);padding:3px 11px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-collaborator-banner.css.map */