.tr-video__layout{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:center}.tr-video__layout[data-media=right]{direction:rtl}.tr-video__layout[data-media=right]>*{direction:ltr}.tr-video__frame{position:relative;width:100%;aspect-ratio:var(--tr-video-ratio, 16 / 9);border-radius:var(--tr-radius-lg);overflow:hidden;background:#12091f;box-shadow:var(--tr-shadow-raised)}.tr-video__frame video,.tr-video__frame iframe,.tr-video__frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:0;display:block}.tr-video__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer;display:block}.tr-video__poster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000d,#00000059);transition:background .25s ease}.tr-video__poster:hover:after{background:linear-gradient(180deg,#0000001a,#00000073)}.tr-video__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:68px;height:68px;border-radius:50%;background:#fffffff0;color:var(--tr-purple);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 26px #00000047;transition:transform .22s ease,background .22s ease}.tr-video__poster:hover .tr-video__play{transform:translate(-50%,-50%) scale(1.08);background:#fff}.tr-video__play svg{width:26px;height:26px;margin-left:3px}.tr-video__duration{position:absolute;right:14px;bottom:14px;z-index:2;background:#0000009e;color:#fff;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:var(--tr-radius-pill)}.tr-video__intro{color:var(--tr-text-muted);font-size:14px;line-height:1.6;margin:0 0 24px}.tr-vsteps{display:flex;flex-direction:column}.tr-vstep{position:relative;display:flex;gap:16px;padding-bottom:22px}.tr-vstep:last-child{padding-bottom:0}.tr-vstep:before{content:"";position:absolute;left:17px;top:36px;bottom:0;width:2px;background:var(--tr-border)}.tr-vstep:last-child:before{display:none}.tr-vstep__num{position:relative;z-index:1;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:var(--tr-purple);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--tr-font-heading);font-weight:700;font-size:14px}.tr-vstep--icon .tr-vstep__num{background:var(--tr-lavender-chip);color:var(--tr-purple);font-size:18px}.tr-vstep__body{padding-top:3px}.tr-vstep__title{font-family:var(--tr-font-heading);font-weight:700;font-size:15px;margin:0 0 4px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tr-vstep__time{font-size:11px;font-weight:600;color:var(--tr-orange);background:#f67d201a;border-radius:var(--tr-radius-pill);padding:3px 9px}.tr-vstep__text{font-size:13px;line-height:1.6;color:var(--tr-text-muted);margin:0}.tr-video__note{margin-top:24px;padding:14px 18px;border-radius:var(--tr-radius-md);background:var(--tr-lavender);font-size:12.5px;color:var(--tr-text-muted);display:flex;gap:10px;align-items:flex-start}.tr-video__note .tr-icon{color:var(--tr-purple);font-size:16px;flex-shrink:0}@media(prefers-reduced-motion:reduce){.tr-video__poster:hover .tr-video__play{transform:translate(-50%,-50%)}}@media(max-width:989px){.tr-video__layout{grid-template-columns:1fr;gap:32px}.tr-video__layout[data-media=right]{direction:ltr}}@media(max-width:749px){.tr-video__play{width:56px;height:56px}.tr-video__play svg{width:21px;height:21px}.tr-vstep{gap:13px;padding-bottom:18px}.tr-vstep__num{flex-basis:32px;width:32px;height:32px;font-size:13px}.tr-vstep:before{left:15px;top:32px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/tr-video.css.map */