@layer uid-framework{:host([cover]) [part=uid-third-party-video-iframe]{transform:translate(-50%,-50%);inset-inline-start:50%;inset-block-start:50%}:host([cover]) .uid-iframe{overflow:hidden}.uid-iframe,.uid-iframe iframe{position:absolute;left:0;top:0;width:100%;height:100%;border:0}.uid-clickable{--clickable-background-colour:var(--colour-utils-transaprent);--clickable-border-colour:var(--colour-utils-transaprent);--clickable-padding-inline:var(--spacing-none);--clickable-padding-block:var(--spacing-none);--clickable-border-width:var(--spacing-none);--clickable-text-colour:var(--colour-text-default);pointer-events:all;background:var(--clickable-background-colour);padding-inline:var(--clickable-padding-inline);padding-block:var(--clickable-padding-block);border-width:var(--clickable-border-width);color:var(--clickable-text-colour);text-decoration:underline}.uid-clickable:focus-visible,.uid-clickable:hover{text-decoration:none}.uid-clickable:not(:disabled):not([href=""]){cursor:pointer}.uid-clickable *{pointer-events:none}.uid-clickable use{fill:currentColor}.uid-clickable img{object-fit:cover}.uid-clickable{left:0;top:0}.uid-clickable,.uid-clickable img{position:absolute;width:100%;height:100%}.uid-clickable img{display:block}}:host{display:block;width:100%}@layer project{.uid-third-party-video{position:relative;aspect-ratio:16/9;width:100%;min-height:0;overflow:hidden;container-name:third-party-video;container-type:inline-size}.uid-third-party-video>.uid-iframe{position:absolute;inset:0;z-index:0;pointer-events:none;width:100%;height:100%;margin:0;border:0}:host([playstate=loading]) .uid-third-party-video>.uid-clickable,:host([playstate=playing]) .uid-third-party-video>.uid-clickable{display:none}:host([playstate=loading]) .uid-third-party-video>.uid-iframe,:host([playstate=playing]) .uid-third-party-video>.uid-iframe{pointer-events:auto;z-index:2}.uid-third-party-video .uid-clickable{position:absolute;inset:0;z-index:1;box-sizing:border-box;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;place-items:stretch;width:100%;height:100%;margin:0;padding:0;border:0;background:#0000;text-decoration:none;line-height:0;appearance:none}.uid-third-party-video .uid-clickable>picture{grid-area:1/1;position:relative;place-self:stretch;min-width:0;min-height:0;width:100%;height:100%;margin:0;z-index:0;display:block}.uid-third-party-video .uid-clickable>picture img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.uid-third-party-video .uid-clickable>svg:first-of-type{grid-area:1/1;place-self:center;position:relative;z-index:1;box-sizing:border-box;width:3.75rem;min-width:3.75rem;height:3.75rem;min-height:3.75rem;padding:var(--spacing-xs);border:0;background-color:var(--colour-brand-blue-100);color:var(--colour-brand-white);display:flex;align-items:center;justify-content:center;transform:none}.uid-third-party-video .uid-clickable>svg:first-of-type use{fill:currentColor}@container third-party-video (max-width: 52rem){.uid-third-party-video .uid-clickable>svg:first-of-type{width:3rem;min-width:3rem;height:3rem;min-height:3rem;padding:var(--spacing-xxs)}}}