/* /website_toolrange_v2/static/src/css/pages/videos.css */
.tr-videos-v2__hero{padding:clamp(90px,12vw,170px) 0 70px;background:#14212b;color:#fff}.tr-videos-v2__hero h1{font-size:clamp(42px,7vw,86px);line-height:.95;margin:0}.tr-videos-v2__hero h1 span{color:#f5b335}.tr-videos-v2__hero p{font-size:20px;margin:25px 0 0}.tr-videos-v2__library{padding:70px 0 110px}.tr-videos-v2__library h2{margin:0 0 30px}.tr-videos-v2__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.tr-videos-v2__card{border:1px solid #dfe5e8;background:#fff}.tr-videos-v2__media{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#172934;color:#fff}.tr-videos-v2__media img,.tr-videos-v2__preview{width:100%;height:100%;object-fit:cover;border:0}.tr-videos-v2__shade{position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.6))}.tr-videos-v2__play{position:absolute;inset:0;display:grid;place-items:center;font-size:38px}.tr-videos-v2__play i{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:#f5b335;color:#14212b;padding-left:5px}.tr-videos-v2__duration{position:absolute;right:12px;bottom:10px}.tr-videos-v2__body{padding:18px}.tr-videos-v2__body h2{font-size:20px;margin:0}.tr-videos-v2__load-more{text-align:center;padding:45px;color:#53616a}.tr-videos-v2__empty{text-align:center;padding:70px}.tr-videos-v2__modal[hidden]{display:none}.tr-videos-v2__modal{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:24px}.tr-videos-v2__backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.82)}.tr-videos-v2__dialog{position:relative;width:min(100%,1000px);background:#111;color:#fff}.tr-videos-v2__dialog header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px}.tr-videos-v2__dialog header h2{margin:0;font-size:20px}.tr-videos-v2__dialog header button{border:0;background:none;color:#fff;font-size:22px}.tr-videos-v2__player{aspect-ratio:16/9}.tr-videos-v2__player video,.tr-videos-v2__player iframe,.tr-videos-v2__player>[data-tr-video-embed]{width:100%;height:100%;border:0}@media(max-width:800px){.tr-videos-v2__grid{grid-template-columns:1fr 1fr}}@media(max-width:540px){.tr-videos-v2__grid{grid-template-columns:1fr}.tr-videos-v2__library{padding:45px 0 70px}}.tr-videos-v2{--tr-video-accent: var(--color-primary); --tr-video-accent-dark: var(--color-primary-dark); --tr-video-ink: var(--color-black); background: var(--color-gray-50); color: var(--tr-video-ink);}.tr-videos-v2 .tr-container{width: min( calc(100% - (var(--page-gutter) * 2)), calc(var(--page-width, 1320px) + (var(--page-gutter) * 2)) ); margin-inline: auto; padding-inline: 0;}.tr-videos-v2__hero{min-height: 210px; padding-block: 32px; background: url('/website_toolrange_v2/static/src/images/banners/Video-page-banner-mobile.webp') center / cover no-repeat;}.tr-videos-v2__hero h1{margin: 10px 0 16px; font-family: var(--font-display); font-size: clamp(27px, 5vw, 78px); font-weight: 600; letter-spacing: .02em; line-height: .98; text-transform: uppercase;}.tr-videos-v2__hero h1 span{color: var(--tr-video-accent);}.tr-videos-v2__hero p{max-width: 650px; margin: 0; color: rgba(255, 255, 255, .76); font-size: clamp(16px, 1.6vw, 20px); line-height: 1.55;}.tr-videos-v2__library{padding-block: clamp(52px, 7vw, 100px);}.tr-videos-v2__library > .tr-container > h2{margin: 0 0 clamp(28px, 4vw, 48px); font-family: var(--font-display); font-size: clamp(28px, 4vw, 46px); font-weight: 600; letter-spacing: -.025em; line-height: 1.05; text-transform: uppercase;}.tr-videos-v2__grid{column-gap: clamp(16px, 2vw, 24px); row-gap: clamp(28px, 3vw, 38px);}.tr-videos-v2__card{overflow: hidden; border: 1px solid var(--color-gray-200); border-radius: var(--radius-md); background: var(--color-white); box-shadow: var(--shadow-sm);}.tr-videos-v2__media{border-radius: 0;}.tr-videos-v2__play i{background: rgba(0, 0, 0, .78); color: var(--color-white); box-shadow: 0 4px 14px rgba(0, 0, 0, .28);}.tr-videos-v2__media:hover .tr-videos-v2__play i, .tr-videos-v2__media:focus-visible .tr-videos-v2__play i{background: var(--tr-video-accent-dark); color: var(--color-white);}.tr-videos-v2__media:focus-visible{outline-color: var(--tr-video-accent);}.tr-videos-v2__body{padding: 14px 16px 18px;}.tr-videos-v2__body h2{font-size: var(--text-lg);}.tr-videos-v2__load-more{padding-block: 45px;}.tr-videos-v2__empty i{color: var(--tr-video-accent-dark);}.tr-videos-v2__loader{border-top-color: var(--tr-video-accent);}@media (min-width: 744px){.tr-videos-v2__hero{min-height: 260px; padding-block: 48px; background-image: url('/website_toolrange_v2/static/src/images/banners/Video-page-banner-tablet-1.webp');}}@media (min-width: 1200px){.tr-videos-v2__hero{min-height: 450px; padding-block: 64px; background-image: url('/website_toolrange_v2/static/src/images/banners/Video-page-banner-desktop-1.webp');}.tr-videos-v2__grid{grid-template-columns: repeat(4, minmax(0, 1fr));}}@media (min-width: 1600px) and (min-height: 900px){.tr-videos-v2 .tr-container{width: min( calc(100% - (var(--page-gutter) * 2)), 1600px );}.tr-videos-v2__hero{min-height: 330px; padding-block: 52px;}.tr-videos-v2__library{padding-block: 56px 84px;}.tr-videos-v2__library > .tr-container > h2{margin-bottom: 28px; font-size: 40px;}.tr-videos-v2__grid{grid-template-columns: repeat(5, minmax(0, 1fr)); column-gap: 24px; row-gap: 32px;}.tr-videos-v2__body{padding: 12px 14px 16px;}}.tr-videos-v2__modal{z-index: 2147483647; isolation: isolate;}.tr-videos-v2__backdrop{z-index: 0;}.tr-videos-v2__dialog{z-index: 1;}.tr-videos-v2__dialog{width: min(100%, calc(177.7778dvh - 142.2222px)); max-width: 1440px; max-height: calc(100dvh - 48px); overflow: hidden; border-radius: var(--radius-md); box-shadow: 0 24px 80px rgba(0, 0, 0, .52);}.tr-videos-v2__dialog header{min-height: 56px; padding: 8px 12px 8px 20px; background: var(--color-white);}.tr-videos-v2__dialog header h2{color: var(--color-black); font-size: clamp(17px, 2vw, 24px); font-weight: var(--font-weight-heavy); line-height: 1.25;}.tr-videos-v2__dialog header button{width: 42px; height: 42px; border-radius: 50%; background: var(--color-gray-100); color: var(--color-black);}.tr-videos-v2__dialog header button:hover, .tr-videos-v2__dialog header button:focus-visible{background: var(--tr-video-accent); color: var(--color-black);}.tr-videos-v2__player{height: min(calc(56.25vw - 27px), calc(100dvh - 106px), 810px); background: #000;}@media (max-width: 639.98px){.tr-videos-v2__modal{padding: 12px;}.tr-videos-v2__dialog{width: 100%; max-height: calc(100dvh - 24px);}.tr-videos-v2__player{height: min(calc(56.25vw - 27px), calc(100dvh - 82px));}}