.videos-grid{display:block;width:100%}.videos-grid__header{align-items:center;display:flex;flex-direction:column;margin:0 auto 48px;max-width:779px;position:relative;text-align:center;width:100%}.videos-grid__sunburst-wrap{display:flex;justify-content:center;margin-bottom:-10px;position:relative;width:min(779px,100%)}.videos-grid__sunburst{display:block;height:auto;width:100%}.videos-grid__logo-icon{bottom:8px;height:auto;left:50%;margin-bottom:60px;position:absolute;transform:translate(-50%);width:44px}.videos-grid__title{color:#2a2119;font-size:50px;font-weight:500;letter-spacing:0;line-height:1.02;margin:0}.videos-grid__list{display:grid;gap:24px;grid-auto-flow:dense;grid-auto-rows:auto;grid-template-columns:1fr;list-style:none;margin:0;padding:0}@media screen and (min-width:750px){.videos-grid__list{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:990px){.videos-grid__list{grid-template-columns:repeat(3,1fr);gap:32px}}.videos-grid__item{align-self:stretch;display:flex;flex-direction:column;margin:0}.videos-grid__item--tall{grid-row:span 1}@media screen and (min-width:990px){.videos-grid__item--tall{grid-row:span 2}}.videos-grid__tile{-webkit-appearance:none;appearance:none;background:transparent;border:0;box-shadow:0 8px 12px #0000001a;color:inherit;cursor:pointer;display:flex;flex:1;flex-direction:column;font:inherit;margin:0;overflow:hidden;padding:0;text-align:left;transition:transform .25s ease,box-shadow .25s ease;width:100%}.videos-grid__tile:hover,.videos-grid__tile:focus-visible{box-shadow:0 14px 22px #00000026;transform:translateY(-2px)}.videos-grid__tile:focus-visible{outline:.2rem solid rgba(var(--color-foreground, 0, 0, 0),.6);outline-offset:.3rem}.videos-grid__tile[disabled]{box-shadow:0 4px 8px #00000014;cursor:default;transform:none}.videos-grid__media{background-color:#1a1a1a;display:block;overflow:hidden;position:relative;width:100%}.videos-grid__media--standard,.videos-grid__media--tall{aspect-ratio:460 / 290}@media screen and (min-width:990px){.videos-grid__media--tall{aspect-ratio:5 / 8}}.videos-grid__poster,.videos-grid__media img{display:block;height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.videos-grid__tile:hover .videos-grid__poster{transform:scale(1.04)}.videos-grid__poster--placeholder{align-items:center;background:#f0f0f0;color:#c5c5c5;display:flex;height:100%;justify-content:center;width:100%}.videos-grid__poster--placeholder svg{height:60%;width:60%}.videos-grid__play{align-items:center;background:#0000;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute;transition:background-color .25s ease}.videos-grid__play-icon{align-items:center;background:#ffffffeb;border-radius:50%;color:#fd5223;display:flex;height:72px;justify-content:center;padding-left:6px;transition:transform .25s ease,background-color .25s ease;width:72px}.videos-grid__play-icon svg{height:26px;width:auto}.videos-grid__tile:hover .videos-grid__play,.videos-grid__tile:focus-visible .videos-grid__play{background-color:#0000002e}.videos-grid__tile:hover .videos-grid__play-icon,.videos-grid__tile:focus-visible .videos-grid__play-icon{background:#fd5223;color:#fff;transform:scale(1.06)}@media screen and (max-width:749px){.videos-grid__play-icon{height:56px;width:56px}.videos-grid__play-icon svg{height:20px}}.videos-grid__caption{align-items:center;background:#fff;box-sizing:border-box;color:#000;display:flex;flex:1;gap:12px;justify-content:space-between;min-height:78px;padding:14px 24px 18px}.videos-grid__caption-text{display:flex;flex-direction:column;flex:1;gap:4px;min-width:0}.videos-grid__caption-title{color:#2a2119;font-size:18px;font-weight:500;line-height:1.4}.videos-grid__caption-description{color:#2a2119;font-size:18px;font-weight:300;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.videos-grid__caption-arrow{align-items:center;background:#fd5223;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:transform .25s ease,background-color .25s ease;width:40px}.videos-grid__caption-arrow svg{height:14px;width:14px}.videos-grid__caption-arrow svg path{fill:currentColor}.videos-grid__tile:hover .videos-grid__caption-arrow,.videos-grid__tile:focus-visible .videos-grid__caption-arrow{background:#2a2119;transform:translate(2px,-2px)}.videos-grid__modal{align-items:center;background:#000000d1;display:flex;height:100%;justify-content:center;left:0;opacity:0;overflow:hidden;padding:24px;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease,visibility 0s linear .3s;visibility:hidden;width:100%;z-index:101}.videos-grid__modal[open]{opacity:1;pointer-events:auto;transition:opacity .3s ease,visibility 0s linear 0s;visibility:visible}.videos-grid__modal .modal-video__content{background-color:transparent;border-radius:12px;box-shadow:0 24px 64px #00000073;display:flex;flex-direction:column;height:auto;margin:0;max-height:90vh;max-width:90vw;opacity:0;overflow:visible;padding:0;position:relative;transform:scale(.85);transition:opacity .35s ease,transform .35s cubic-bezier(.16,1,.3,1);width:min(1280px,90vw)}.videos-grid__modal[open] .modal-video__content{opacity:1;transform:scale(1)}.videos-grid__modal .modal-video__content-info{height:auto;margin:0;padding:0;width:100%}.videos-grid__modal-player{aspect-ratio:16 / 9;background:#000;border-radius:12px;max-height:90vh;overflow:hidden;position:relative;width:100%}.videos-grid__modal-player>*{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.videos-grid__modal-player video,.videos-grid__modal-player iframe,.videos-grid__modal-player .videos-grid__modal-native{background:#000;display:block;object-fit:contain}.videos-grid__modal .modal-video__toggle{align-items:center;background-color:#fff;border-radius:50%;color:#2a2119;display:flex;height:40px;justify-content:center;padding:0;position:absolute;right:-12px;top:-12px;width:40px;z-index:2}.videos-grid__modal .modal-video__toggle .svg-wrapper,.videos-grid__modal .modal-video__toggle svg{height:16px;margin:0;width:16px}@media screen and (min-width:990px){.videos-grid__modal .modal-video__toggle{height:48px;right:-20px;top:-20px;width:48px}.videos-grid__modal .modal-video__toggle .svg-wrapper,.videos-grid__modal .modal-video__toggle svg{height:18px;width:18px}}@media screen and (max-width:749px){.videos-grid__title{font-size:clamp(28px,7vw,36px)}.videos-grid__caption{min-height:64px;padding:12px 16px 14px}.videos-grid__caption-title,.videos-grid__caption-description{font-size:16px}.videos-grid__caption-arrow{height:34px;width:34px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/custom-videos-grid.css.map */