.VideoModal{--modal_bg_icon_default:rgba(0,0,0,.25);--modal_bg_hover:rgba(0,0,0,.75);--modal_bg_backdrop:rgba(0,0,0,.9);--animation-speed:.25s}.VideoModalThumbnail{align-items:center;border:unset;border-radius:var(--border-radius);cursor:pointer;display:flex;justify-items:center;overflow:hidden;padding:0;place-items:center;position:relative}.VideoModalThumbnail,.VideoModalThumbnail img{height:auto;width:100%}.VideoModalThumbnail__icon{color:var(--colour-white);display:inline-flex;height:8rem;width:8rem;z-index:1}.VideoModalThumbnail__icon,.VideoModalThumbnail__icon:after{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.VideoModalThumbnail__icon:after{background-color:var(--modal_bg_icon_default);border-radius:50%;content:"";display:block;height:100%;transition:all var(--animation-speed) ease-in-out;width:100%}.VideoModalThumbnail:hover .VideoModalThumbnail__icon:after{background-color:transparent;border-radius:0;height:300%;width:300%}.VideoModalThumbnail__icon svg{color:var(--colour-white);height:100%;transition:all var(--animation-speed) ease;width:100%;z-index:1}.VideoModalThumbnail__icon svg path{fill:var(--colour-white)}.VideoModalThumbnail:after{background-color:transparent;bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;transition:background var(--animation-speed) ease}.VideoModalThumbnail:hover:after{background-color:var(--modal_bg_hover)}.VideoModalThumbnail:hover svg{transform:scale(1.15)}body.VideoModalModalOpen{overflow:hidden;overflow-y:scroll}.VideoModalModal{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.VideoModalModal__backdrop{background-color:var(--modal_bg_backdrop);bottom:0;left:0;position:absolute;right:0;top:0}.VideoModalModal__panel{background:#000;border-radius:var(--border-radius);margin:1rem auto;max-height:70dvh;overflow:hidden;position:relative;top:50%;transform:translateY(-50%);width:min(90dvw,70dvh*(var(--aspect)));z-index:1}.VideoModalModal__close{align-items:center;background:#fff;border:0;border-radius:50%;cursor:pointer;display:grid;font-size:2rem;height:2.5rem;justify-items:center;line-height:1;place-items:center;position:fixed;right:2.5rem;top:2.5rem;width:2.5rem;z-index:2}.VideoModalModal__close span{font-family:monospace;line-height:100%}.VideoModalModal__close:focus-visible{outline:2px solid hsla(0,0%,100%,.85);outline-offset:3px}.VideoModalModal__content{aspect-ratio:var(--aspect);background:#000;position:relative;width:100%}.VideoModalModal__content iframe,.VideoModalModal__content video{border:0;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.VideoModalModal--open{animation:fadeIn .4s ease;display:block}