.tr-pot-video__container{padding-inline:40px}.tr-pot-video__card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;padding:80px 40px;border-radius:60px}.tr-pot-video__content{display:flex;flex-direction:column;align-items:flex-start;row-gap:24px;padding-inline:40px}.tr-pot-video__heading{max-width:580px}.tr-pot-video__heading+.tr-pot-video__step{margin-top:16px}.tr-pot-video__step{display:flex;align-items:flex-start;column-gap:32px;width:100%}.tr-pot-video__step-icon{flex:0 0 50px;width:50px;height:50px;object-fit:contain}.tr-pot-video__step-content{display:flex;flex:1 1 auto;flex-direction:column;row-gap:10px}.tr-pot-video__step-title{display:flex;column-gap:10px;font-size:24px}.tr-pot-video__step-description{font-size:16px}.tr-pot-video__step+.tr-pot-video__button-wrapper{margin-top:16px}.tr-pot-video__media{position:relative;display:block;width:100%;aspect-ratio:640.5 / 510;overflow:hidden;border-radius:40px}.tr-pot-video__media video{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.tr-pot-video__play-button{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:transparent;border:0;cursor:pointer;transform:translate(-50%,-50%)}.tr-pot-video__play-button svg{width:100%;height:100%;transition:opacity var(--tr-transition-duration)}.tr-pot-video__media.is-playing .tr-pot-video__play-button{opacity:0;pointer-events:none}@media screen and (max-width:989px){.tr-pot-video__card{column-gap:24px;padding:48px 24px}.tr-pot-video__content{padding-inline:16px}}@media screen and (max-width:750px){.tr-pot-video__container{padding-inline:16px}.tr-pot-video__card{display:flex;flex-direction:column;row-gap:32px;padding:24px;border-radius:32px}.tr-pot-video__content{row-gap:24px;padding-inline:0}.tr-pot-video__heading+.tr-pot-video__step{margin-top:0}.tr-pot-video__step-title{font-size:18px}.tr-pot-video__step-description{font-size:14px}.tr-pot-video__step+.tr-pot-video__button-wrapper{margin-top:0}.tr-pot-video__media video{border-radius:24px}.tr-pot-video__media{border-radius:24px}.tr-pot-video__play-button{width:40px;height:40px}}@media(any-hover:hover){.tr-pot-video__play-button:hover svg{opacity:.8}}@media(any-hover:none){.tr-pot-video__play-button:active svg{opacity:.8}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/tr-pot-video.css.map */