pre[class*=language-]{margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.1em}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a;background:#ffffff80}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function,.token.class-name{color:#dd4a68}.token.regex,.token.important,.token.variable{color:#e90}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}@media (prefers-color-scheme:dark){code[class*=language-],pre[class*=language-]{color:#c5c8c6;text-shadow:0 1px #0000004d;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;direction:ltr;font-family:Inconsolata,Monaco,Consolas,Courier New,Courier,monospace;line-height:1.5}pre[class*=language-]{border-radius:.3em;margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#1d1f21}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#7c7c7c}.token.punctuation{color:#c5c8c6}.namespace{opacity:.7}.token.property,.token.keyword,.token.tag{color:#96cbfe}.token.class-name{color:#ffffb6;text-decoration:underline}.token.boolean,.token.constant{color:#9c9}.token.symbol,.token.deleted{color:#f92672}.token.number{color:#ff73fd}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a8ff60}.token.variable{color:#c6c5fe}.token.operator{color:#ededed}.token.entity{color:#ffffb6;cursor:help}.token.url{color:#96cbfe}.language-css .token.string,.style .token.string{color:#87c38a}.token.atrule,.token.attr-value{color:#f9ee98}.token.function{color:#dad085}.token.regex{color:#e9c062}.token.important{color:#fd971f}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}body.admiralty-light-mode code[class*=language-],body.admiralty-light-mode pre[class*=language-]{color:#000;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace}body.admiralty-light-mode :not(pre)>code[class*=language-],body.admiralty-light-mode pre[class*=language-]{background:#f5f2f0}body.admiralty-light-mode .token.comment,body.admiralty-light-mode .token.prolog,body.admiralty-light-mode .token.doctype,body.admiralty-light-mode .token.cdata{color:#708090}body.admiralty-light-mode .token.punctuation{color:#999}body.admiralty-light-mode .token.property,body.admiralty-light-mode .token.tag,body.admiralty-light-mode .token.boolean,body.admiralty-light-mode .token.number,body.admiralty-light-mode .token.constant,body.admiralty-light-mode .token.symbol,body.admiralty-light-mode .token.deleted{color:#905}body.admiralty-light-mode .token.selector,body.admiralty-light-mode .token.attr-name,body.admiralty-light-mode .token.string,body.admiralty-light-mode .token.char,body.admiralty-light-mode .token.builtin,body.admiralty-light-mode .token.inserted{color:#690}body.admiralty-light-mode .token.operator,body.admiralty-light-mode .token.entity,body.admiralty-light-mode .token.url,body.admiralty-light-mode .language-css .token.string,body.admiralty-light-mode .style .token.string{color:#9a6e3a;background:#ffffff80}body.admiralty-light-mode .token.atrule,body.admiralty-light-mode .token.attr-value,body.admiralty-light-mode .token.keyword{color:#07a}body.admiralty-light-mode .token.function,body.admiralty-light-mode .token.class-name{color:#dd4a68}body.admiralty-light-mode .token.regex,body.admiralty-light-mode .token.important,body.admiralty-light-mode .token.variable{color:#e90}}body.admiralty-dark-mode code[class*=language-],body.admiralty-dark-mode pre[class*=language-]{color:#c5c8c6;text-shadow:0 1px #0000004d;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;direction:ltr;font-family:Inconsolata,Monaco,Consolas,Courier New,Courier,monospace;line-height:1.5}body.admiralty-dark-mode pre[class*=language-]{border-radius:.3em;margin:.5em 0;padding:1em;overflow:auto}body.admiralty-dark-mode :not(pre)>code[class*=language-],body.admiralty-dark-mode pre[class*=language-]{background:#1d1f21}body.admiralty-dark-mode :not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em}body.admiralty-dark-mode .token.comment,body.admiralty-dark-mode .token.prolog,body.admiralty-dark-mode .token.doctype,body.admiralty-dark-mode .token.cdata{color:#7c7c7c}body.admiralty-dark-mode .token.punctuation{color:#c5c8c6}body.admiralty-dark-mode .namespace{opacity:.7}body.admiralty-dark-mode .token.property,body.admiralty-dark-mode .token.keyword,body.admiralty-dark-mode .token.tag{color:#96cbfe}body.admiralty-dark-mode .token.class-name{color:#ffffb6;text-decoration:underline}body.admiralty-dark-mode .token.boolean,body.admiralty-dark-mode .token.constant{color:#9c9}body.admiralty-dark-mode .token.symbol,body.admiralty-dark-mode .token.deleted{color:#f92672}body.admiralty-dark-mode .token.number{color:#ff73fd}body.admiralty-dark-mode .token.selector,body.admiralty-dark-mode .token.attr-name,body.admiralty-dark-mode .token.string,body.admiralty-dark-mode .token.char,body.admiralty-dark-mode .token.builtin,body.admiralty-dark-mode .token.inserted{color:#a8ff60}body.admiralty-dark-mode .token.variable{color:#c6c5fe}body.admiralty-dark-mode .token.operator{color:#ededed}body.admiralty-dark-mode .token.entity{color:#ffffb6;cursor:help}body.admiralty-dark-mode .token.url{color:#96cbfe}body.admiralty-dark-mode .language-css .token.string,body.admiralty-dark-mode .style .token.string{color:#87c38a}body.admiralty-dark-mode .token.atrule,body.admiralty-dark-mode .token.attr-value{color:#f9ee98}body.admiralty-dark-mode .token.function{color:#dad085}body.admiralty-dark-mode .token.regex{color:#e9c062}body.admiralty-dark-mode .token.important{color:#fd971f}body.admiralty-dark-mode .token.important,body.admiralty-dark-mode .token.bold{font-weight:700}body.admiralty-dark-mode .token.italic{font-style:italic}
:root{--playground-container-border-colour:#d0d0d0;--playground-copy-button-focus-outline:#fd0}
.demo-container{border:1px solid var(--playground-container-border-colour);padding:24px}.codesnippet-container{border-right:1px solid var(--playground-container-border-colour);border-left:1px solid var(--playground-container-border-colour);border-bottom:1px solid var(--playground-container-border-colour);padding:24px}.codesnippet-content{position:relative}.copy-button{z-index:1;width:22px;height:22px;line-height:0;display:block;position:absolute;top:4px;right:4px}.copy-button admiralty-icon{opacity:.9;transform-origin:50%;width:14px;min-width:0;height:14px;min-height:0;margin:0;transition:color .3s,opacity .3s,transform .5s;display:block;transform:scale(1)}.copy-button button.icon-secondary.borderless,.copy-button button.icon-secondary.borderless:hover,.copy-button button.icon-secondary.borderless:active{background-color:#0000;width:22px;min-width:22px;height:22px;min-height:22px;padding:0}.copy-button button.icon-secondary.borderless:focus{width:22px;min-width:22px;height:22px;min-height:22px;box-shadow:none;color:var(--admiralty-colour-primary);background-color:#0000;padding:0}.copy-button button.icon-secondary.borderless:focus admiralty-icon{color:var(--admiralty-colour-primary)!important}.copy-button button.icon-secondary.borderless:focus-visible{width:22px;min-width:22px;height:22px;min-height:22px;box-shadow:none;color:var(--admiralty-colour-primary);outline:3px solid var(--playground-copy-button-focus-outline);outline-offset:2px;background-color:#0000;padding:0}.copy-button button.icon-secondary.borderless:focus-visible admiralty-icon{color:var(--admiralty-colour-primary)!important}.copy-button--copied button.icon-secondary.borderless,.copy-button--copied button.icon-secondary.borderless:hover,.copy-button--copied button.icon-secondary.borderless:active{color:var(--admiralty-colour-primary)}.copy-button--copied button.icon-secondary.borderless admiralty-icon{opacity:1;transform:scale(1.08);color:var(--admiralty-colour-primary)!important}.copy-tooltip-label{display:none}admiralty-tooltip .tooltip .copy-tooltip-label{display:inline}
.styles-module__samKta__homePageContainer{flex-wrap:wrap;place-content:center;align-items:center;gap:3rem;margin-bottom:80px;display:grid}.styles-module__samKta__latestUpdates{background-color:var(--admiralty-background-colour);width:1000px;height:250px;padding:30px 18px}.styles-module__samKta__colourBlocksContainer{box-sizing:border-box;flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;max-width:1000px;display:flex}@media (max-width:1024px){.styles-module__samKta__latestUpdates,.styles-module__samKta__colourBlocksContainer{width:100%;max-width:none}.styles-module__samKta__colourBlocksContainer{flex-direction:column;align-items:center}}
.styles-module__-47_rq__colourContainer{border:1px solid #d0d0d0;width:220px;height:140px;margin-bottom:18px}.styles-module__-47_rq__hexValue,.styles-module__-47_rq__variable{margin-bottom:0}
.styles-module__5scYXa__colourPaletteContainer{flex-wrap:wrap;gap:24px;margin-bottom:50px;display:flex}.styles-module__5scYXa__colourSwatch{vertical-align:top;white-space:nowrap;border-radius:.25em;gap:.375em;min-width:1.5rem;min-height:1.5rem;padding:.5rem;font-size:.875em;line-height:1;display:inline-flex;box-shadow:0 .125em .25em #0000001a,inset 0 0 0 1px #0000001a}.styles-module__5scYXa__cell{align-content:center}
.styles-module__V7kN6q__container{border:1px solid #d0d0d0;flex-direction:column;padding:24px;display:flex}@media (prefers-color-scheme:dark){.styles-module__V7kN6q__container{filter:invert()brightness(100)saturate()}}
.styles-module__tUT7Oq__container{border:1px solid #d0d0d0;padding:24px}.styles-module__tUT7Oq__typographicScaleTable{border-top:1px solid #d0d0d0;width:100%;padding-bottom:50px;display:grid}.styles-module__tUT7Oq__borderTop{border-top:1px solid #d0d0d0}.styles-module__tUT7Oq__section{margin-bottom:15px}.styles-module__tUT7Oq__lightTitle{margin:0;font-size:25px;font-weight:300;line-height:50px}.styles-module__tUT7Oq__light{font-size:50px;font-weight:300;line-height:50px}.styles-module__tUT7Oq__mediumTitle{margin:0;font-size:25px;font-weight:400;line-height:50px}.styles-module__tUT7Oq__medium{font-size:50px;font-weight:400;line-height:50px}.styles-module__tUT7Oq__h1Large{font-size:var(--admiralty-font-size-7);font-weight:var(--admiralty-font-weight-medium)}.styles-module__tUT7Oq__h1Medium{font-size:var(--admiralty-font-size-6);font-weight:var(--admiralty-font-weight-medium)}.styles-module__tUT7Oq__h1MediumMobile{font-size:2.625rem;font-weight:var(--admiralty-font-weight-medium)}.styles-module__tUT7Oq__h1Small{font-size:var(--admiralty-font-size-5);font-weight:var(--admiralty-font-weight-medium)}.styles-module__tUT7Oq__h2Large{font-size:var(--admiralty-font-size-4);font-weight:var(--admiralty-font-weight-medium)}.styles-module__tUT7Oq__h2LargeMobile{font-size:1.875rem;font-weight:var(--admiralty-font-weight-medium)}.styles-module__tUT7Oq__h2Medium{font-size:var(--admiralty-font-size-3);font-weight:var(--admiralty-font-weight-medium)}.styles-module__tUT7Oq__h2Small{font-size:var(--admiralty-font-size-2);font-weight:var(--admiralty-font-weight-medium)}.styles-module__tUT7Oq__h345Large{font-size:var(--admiralty-font-size-1);font-weight:var(--admiralty-font-weight-medium)}.styles-module__tUT7Oq__h345LargeMobile{font-size:1.25rem;font-weight:var(--admiralty-font-weight-medium)}.styles-module__tUT7Oq__h345Medium,.styles-module__tUT7Oq__h345MediumMobile{font-size:var(--admiralty-font-size-0);font-weight:var(--admiralty-font-weight-medium)}.styles-module__tUT7Oq__h345Small,.styles-module__tUT7Oq__h345SmallMobile,.styles-module__tUT7Oq__labelLarge,.styles-module__tUT7Oq__labelLargeMobile{font-size:var(--admiralty-font-size--1);font-weight:var(--admiralty-font-weight-medium)}.styles-module__tUT7Oq__labelMedium,.styles-module__tUT7Oq__labelMediumMobile{font-size:var(--admiralty-font-size--2);font-weight:var(--admiralty-font-weight-medium)}.styles-module__tUT7Oq__labelSmall{font-size:var(--admiralty-font-size--3);font-weight:var(--admiralty-font-weight-medium)}.styles-module__tUT7Oq__pLarge{font-size:var(--admiralty-font-size--1);font-weight:var(--admiralty-font-weight-normal);color:var(--admiralty-colour-light-contrast)}.styles-module__tUT7Oq__pLargeMobile{font-size:var(--admiralty-font-size-0);font-weight:var(--admiralty-font-weight-normal);color:var(--admiralty-colour-light-contrast)}.styles-module__tUT7Oq__pMedium{font-size:var(--admiralty-font-size--2);font-weight:var(--admiralty-font-weight-normal);color:var(--admiralty-colour-light-contrast)}.styles-module__tUT7Oq__pSmall{font-size:var(--admiralty-font-size--3);font-weight:var(--admiralty-font-weight-normal);color:var(--admiralty-colour-light-contrast)}.styles-module__tUT7Oq__pSmallMobile{font-size:var(--admiralty-font-size--2);font-weight:var(--admiralty-font-weight-normal);color:var(--admiralty-colour-light-contrast)}.styles-module__tUT7Oq__pTitle{color:var(--admiralty-colour-light-contrast)}
.styles-module__kS0rea__introText p{--admiralty-font-size-0:28px;line-height:36px}.styles-module__kS0rea__imagesRow{flex-wrap:nowrap;align-items:center;gap:2rem;display:flex}.styles-module__kS0rea__imageWrapper{background:#fff;border:1px solid #d0d0d0;padding:12px;display:inline-block}.styles-module__kS0rea__image{max-width:100%;display:block}
.styles-module__M5twua__introText p{--admiralty-font-size-0:28px;line-height:36px}