.video-card .video-card__image{display:block;margin-bottom:20px;position:relative;isolation:isolate;overflow:hidden;background-color:transparent;border-radius:20px;overflow:hidden;transition:background 250ms linear}
.video-card .video-card__image:hover,.video-card .video-card__image:focus{background-color:#f9550d}
.video-card .video-card__image img.preview-image{max-width:100%;height:inherit;border-radius:20px;transition:filter 500ms linear}
.video-card .video-card__image .play-button{pointer-events:none;background:#f9550d;border:0;position:absolute;right:0;bottom:0;width:170px;height:58px;border-radius:20px 0;text-align:left;padding:0 30px;transform:translate(96px,0);display:flex;align-items:center;transition:transform 250ms linear}
.video-card .video-card__image:hover .play-button,.video-card .video-card__image:focus .play-button{transform:translate(0,0)}
.video-card .video-card__image:hover img.preview-image,.video-card .video-card__image:focus img.preview-image{filter:grayscale(1);mix-blend-mode:multiply}
.video-card .video-card__image .play-button img{width:24px;mix-blend-mode:unset;object-fit:none}
.video-card .video-card__image .play-button span{display:inline-block;margin-left:30px;height:24px;line-height:24px;color:#fff;text-transform:uppercase}
.video-card .video-card__title{position:relative;isolation:isolate;margin-bottom:10px}
.video-card .video-card__title .share-toggle{position:absolute;right:0;top:0;transform:translate(0,-25%);border:0;background:transparent;padding:0}
.video-card .video-card__title .share-toggle .btn-toggle{background:0;font-size:20px;font-weight:700;color:#097463;height:36px;width:36px;text-align:center;translate:6px 6px;z-index:1;left:7px}
.video-card .video-card__title .share-toggle .btn-share{display:none;z-index:2}
.video-card .video-card__description{max-width:30ch;margin-bottom:30px}
.video-card .video-card__tags{position:relative;isolation:isolate}
.video-card .video-card__tags .tags_title{text-transform:uppercase;color:#58595b}
.video-card .video-card__tags .tags_list{list-style:none;padding:5px 2px;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;overflow:hidden;height:36px}
.video-card .video-card__tags .tags_list.expanded{overflow:unset;height:unset}
.video-card .video-card__tags .tag{color:#000;padding:6px 20px;display:inline-grid;align-items:center;font-size:12px;line-height:17px;border:0 solid currentColor;border-radius:30px;box-shadow:0 0 0 1px currentColor;white-space:nowrap}
.video-card .video-card__tags .show-hide-tags{border:0;background:0;box-shadow:unset;position:absolute;top:70px;right:0;padding:6px}
.video-card .video-card__tags .tags_list.expanded .show-hide-tags{position:static}
.video-card .video-card__tags .tags_list li{color:#000}
.video-card .video-card__download{border-top:1px solid #dedede;padding-top:16px;margin-top:16px}
.video-card .video-card__download a{color:#2891a3;font-size:16px;line-height:22px;text-decoration:none}
.video-card .video-card__download a:hover,.video-card .video-card__download a:focus{text-decoration:underline}
.video-card .video-card__download a svg{margin-right:12px;translate:0 -3px}
.video-card .video-card__title .share-toggle button{display:none;position:relative;border:0}
@media(min-width:768px){.video-card .video-card__title .share-toggle button{display:inline-block;position:relative;border:0}
.video-card .video-card__image{max-height:372px;margin-bottom:40px;background-color:transparent;border-radius:20px;overflow:hidden;transition:background 250ms linear}
.video-card .video-card__image:hover,.video-card .video-card__image:focus{background-color:#f9550d}
.video-card .video-card__image img.preview-image{max-width:100%;height:auto;border-radius:20px;transition:filter 500ms linear}
.video-card .video-card__image .play-button{background:#f9550d;border:0;position:absolute;right:0;bottom:0;width:170px;height:80px;border-radius:20px 0;text-align:left;padding:0 30px;transform:translate(90px,0);display:flex;align-items:center;transition:transform 250ms linear}
.video-card .video-card__image:hover .play-button,.video-card .video-card__image:focus .play-button,.video-card .video-card__image .play-button:is(:hover,:focus-within){transform:translate(0,0)}
.video-card .video-card__image:hover img.preview-image,.video-card .video-card__image:focus img.preview-image{filter:grayscale(1);mix-blend-mode:multiply}
.video-card .video-card__image .play-button img{width:24px;mix-blend-mode:unset;object-fit:none}
.video-card .video-card__image .play-button span{display:inline-block;margin-left:30px;height:24px;line-height:24px;color:#fff;text-transform:uppercase}
.video-card .video-card__title .share-toggle span{translate:6px 2px}
.video-card .video-card__tags .tags_list{overflow:unset;height:unset}
.video-card .video-card__tags .show-hide-tags{display:none}
}
#videoDialog{border:0;position:fixed;top:0;isolation:isolate;background:#fff url(../../../content/dam/ukadviser/web/img/bg-video-modal.png) left center repeat-x;width:100%;height:100%;max-height:100%;max-width:100%;overflow-x:hidden}
@media(min-width:768px){#videoDialog{width:95%;overflow-y:auto;min-height:fit-content;height:auto;border-radius:20px}
}
@media(width>1440px){#videoDialog{max-width:850px}
}
@media(width>1600px){#videoDialog{max-width:1120px}
}
#videoDialog::backdrop{background:#000;opacity:.5}
#videoDialog .dialog-close,#videoShareDialog .shareDialog-close{position:absolute;right:calc(1em + 10px);z-index:5;border:0;background:0}
.hide-mobile{display:none}
@media(min-width:768px){.hide-mobile{display:block}
}
@media(min-width:768px){.show-mobile{display:none}
}
.video-content{min-height:400px}
@media(min-width:1440px){.video-content{padding:0 106px}
}
#player-wrapper{padding-block:5.5%;position:relative}
.player-header{display:grid;grid-template-columns:1fr 1fr}
#player-title{color:#f9550d;text-transform:uppercase;font-family:"Druk";font-size:30px;line-height:.9em;font-weight:700;letter-spacing:.02em;margin-bottom:14px}
@media(min-width:1024px){#player-title{font-size:38px;line-height:1em}
}
#player-description{font-size:16px;margin-bottom:0;color:#4e4f51}
@media(min-width:1024px){#player-description{font-size:20px}
}
#player-description:empty{display:none}
ul.player-links{list-style:none;display:flex;padding:0;margin-top:2rem;flex-direction:column;gap:24px}
@media(min-width:1024px){ul.player-links{margin-top:0;flex-direction:row;justify-content:flex-end}
}
.dialog-link{background:0;border:0;padding:0;font-family:"Akkurat Pro";color:#2891a3;font-size:16px;line-height:24px;text-decoration:none}
.dialog-link:is(:hover,:focus){text-decoration:underline}
.dialog-link svg{margin-right:10px;translate:0 -2px}
#player-container,#vid-player-container{margin-block:5.5%;width:100vw;position:relative;left:50%;margin-left:-50vw}
@media(min-width:768px){#player-container,#vid-player-container{margin-block:5.5%;width:auto;position:static;margin-left:unset}
}
#videoDialog #player-loading{display:grid;align-content:center;justify-content:center;position:absolute;inset:0}
#videoDialog .player-controls{display:grid;grid-template-columns:1fr 1fr;align-items:center}
#videoDialog #player-time{color:#2f2f2f;font-family:"Druk";font-size:20px;line-height:1em;font-weight:700;letter-spacing:.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}
@media(min-width:768px){#videoDialog #player-time{font-size:38px}
}
#videoDialog #player-time #elapsed{display:inline-block;min-width:27px;color:#f9550d}
@media(min-width:768px){#videoDialog #player-time #elapsed{min-width:50px}
}
#videoDialog .player-actions{justify-self:end;border:0;background:0;font-family:Druk;font-size:20px;font-weight:700;line-height:18px;letter-spacing:0;text-align:right}
#videoDialog .player-actions svg{transform:scale(0.5)}
@media(min-width:768px){#videoDialog .player-actions{font-size:38px;line-height:34px}
#videoDialog .player-actions svg{transform:scale(1)}
}
#videoDialog .player-actions span{pointer-events:none}
#videoDialog .player-actions .player-isPlaying,#videoDialog .player-actions.isPlaying .player-isPaused{display:none}
#videoDialog .player-actions .player-isPaused,#videoDialog .player-actions.isPlaying .player-isPlaying{display:flex;flex-direction:row;align-items:center;gap:0}
@media(min-width:768px){#videoDialog .player-actions .player-isPaused,#videoDialog .player-actions.isPlaying .player-isPlaying{gap:10px;align-items:baseline}
}
#shareDialog{position:fixed;top:0;width:100%;max-width:100%;border:0;height:280px;max-height:unset;padding:35px 18px}
#shareDialog::backdrop{opacity:.1;background:#000}
#shareDialog .shareDialog-close{position:absolute;right:calc(1em + 10px);z-index:5;border:0;background:0}
#shareDialog .share-title{padding-bottom:14px;color:#4e4f51}
#shareDialog .share-options-container{border-bottom:1px solid #d5d5d7;padding-bottom:18px;margin-bottom:18px}
#shareDialog .share-options{list-style:none;padding:0;margin-bottom:0;display:flex;flex-direction:row;justify-content:space-between}
#shareDialog .share-options li{display:flex;flex-direction:column;align-content:center;justify-content:flex-end;align-items:center}
#shareDialog .share-options li span{display:none}
#shareDialog .share-options li a{display:grid;grid-template-rows:46px;align-items:center;gap:40px;color:#000;text-align:center;text-decoration:none}
#copyPageUrlMobile{border:0;background:0;color:#2891a3}
@media(min-width:768px){#shareDialog{top:0;height:fit-content;background:#fff;box-shadow:0 10px 10px rgba(0,0,0,0.25);border-radius:10px;width:520px;padding:34px 37px 49px 45px}
#shareDialog::backdrop{opacity:.8;background:#000}
#shareDialog .share-title{padding-bottom:60px}
#shareDialog .share-options-container{border-bottom:0;padding-bottom:0;margin-bottom:0;border-top:1px solid #d5d5d7}
#shareDialog .share-options{list-style:none;padding:44px 0;margin-bottom:0;display:flex;flex-direction:row;justify-content:space-evenly}
#shareDialog .share-options li svg,#shareDialog .share-options li span{display:block;margin-inline:auto}
#shareDialog .share-options li a{display:grid;grid-template-rows:46px 1fr;align-items:center;gap:40px;color:#013f54;text-align:center;text-decoration:none}
#shareDialog .share-options li a:hover,#shareDialog .share-options li a:focus{color:#2891a3}
#shareDialog .share-url{position:relative;border-radius:100vw;background:#f3eee9;padding:10px 20px}
#shareDialog .share-url input#pageurl{width:85%;background:transparent;font-size:12px;border:0}
#shareDialog .share-url input#pageurl:focus{outline:0}
#shareDialog .share-url button#copyPageUrl{position:absolute;right:0;top:0;border:0;border-radius:100vw;background:#f9550d;color:#fff;font-size:16px;padding:10px 35px}
}