:host{--uid-dialog-border:0;--uid-dialog-inline-size:calc(50% - 3.125rem);--uid-dialog-max-inline-size:calc(80vw - 6.25rem);--uid-dialog-inline-padding:3.125rem;--uid-dialog-block-padding:6.25rem}@layer uid-framework{.uid-dialog{border:var(--uid-dialog-border);inline-size:var(--uid-dialog-inline-size);max-inline-size:var(--uid-dialog-inline-size);padding-inline:var(--uid-dialog-inline-padding);padding-block:var(--uid-dialog-block-padding)}}@layer project{:host{--roths-dialog-backdrop:var(--colour-background-dark-semi);--roths-dialog-close-space:var(--spacing-xxs);--roths-dialog-width-max:43.75rem;--uid-dialog-border:0;--uid-dialog-inline-size:100dvw;--uid-dialog-max-inline-size:100dvw;--uid-dialog-inline-padding:0;--uid-dialog-block-padding:0}@media (min-width:64rem){:host{--roths-dialog-close-space:var(--spacing-lg)}}.uid-dialog{--roths-dialog-content:none;inline-size:100dvw;block-size:100dvh;max-inline-size:var(--roths-dialog-width-max);max-block-size:none;border:0;margin-block:0;margin-inline:auto;box-sizing:border-box;background:#0000;color:var(--colour-text-light);overflow:hidden;padding-block:var(--spacing-lg);padding-inline:var(--layout-gutter-inline);opacity:0;flex-flow:column;transition:opacity var(--anim-speed-short) var(--anim-easing-cubic),overlay var(--anim-speed-short) allow-discrete,display var(--anim-speed-short) allow-discrete}@media (prefers-reduced-motion:reduce){.uid-dialog{transition:none!important;animation:none!important}}.uid-dialog[open]{--roths-dialog-content:block;opacity:1;display:flex}.uid-dialog[open]::backdrop{opacity:1}.uid-dialog::backdrop{background:var(--roths-dialog-backdrop);opacity:0;transition:opacity var(--anim-speed-short) var(--anim-easing-cubic),overlay var(--anim-speed-short) allow-discrete,display var(--anim-speed-short) allow-discrete}@media (prefers-reduced-motion:reduce){.uid-dialog::backdrop{transition:none!important;animation:none!important}}.uid-dialog [part=uid-dialog-close]{margin-inline:auto 0;margin-block:0 var(--roths-dialog-close-space);flex:0 0 auto;--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);border-width:var(--clickable-border-width);color:var(--clickable-text-colour);text-decoration:underline}.uid-dialog [part=uid-dialog-close]:focus-visible,.uid-dialog [part=uid-dialog-close]:hover{text-decoration:none}.uid-dialog [part=uid-dialog-close]:not(:disabled):not([href=""]){cursor:pointer}.uid-dialog [part=uid-dialog-close] *{pointer-events:none}.uid-dialog [part=uid-dialog-close] use{fill:currentColor}.uid-dialog [part=uid-dialog-close] img{object-fit:cover;width:100%;height:100%}.uid-dialog [part=uid-dialog-close]{--clickable-background-colour:#0000;--clickable-text-colour:var(--colour-text-light);--clickable-padding-inline:0;--clickable-padding-block:0;--clickable-width:2.25rem;--clickable-icon-size:1.125rem;--clickable-icon-color:var(--colour-text-light);position:relative;background-color:var(--clickable-background-colour);text-decoration:none;display:inline-flex;gap:var(--spacing-sm);align-items:center;border-style:solid;padding-inline:var(--clickable-padding-inline);padding-block:var(--clickable-padding-block);color:var(--clickable-icon-color);width:var(--clickable-width);height:var(--clickable-width);justify-content:center;border-width:0;cursor:pointer}.uid-dialog [part=uid-dialog-close]:hover{--clickable-background-colour:var(--colour-text-light);--clickable-icon-color:var(--colour-brand-blue-100)}.uid-dialog [part=uid-dialog-close]:focus-visible{outline:.0625rem solid var(--clickable-icon-color);outline-offset:.0625rem}.uid-dialog [part=uid-dialog-close]{transition:ease-out var(--anim-speed-short) color,ease-out var(--anim-speed-short) background-color}@media (prefers-reduced-motion:reduce){.uid-dialog [part=uid-dialog-close]{transition:none!important;animation:none!important}}.uid-dialog [part=uid-dialog-close] .uid-clickable-icon-start{width:var(--clickable-icon-size);height:var(--clickable-icon-size);opacity:1;transform:none;fill:currentColor}@starting-style{.uid-dialog[open],.uid-dialog[open]::backdrop{opacity:0}}::slotted(.uid-dialog-content){position:relative;width:100%;height:auto;max-height:calc(100dvh - 4.625rem);overflow:auto;flex:1 1 auto;display:var(--roths-dialog-content)}}