[class*=btn--icon] .btn__inner{padding:0 1rem}[class*=btn--icon] .btn__inner .btn__label{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);margin:-1px;white-space:nowrap}[class*=btn--icon].btn--small .btn__inner{padding:0 .5rem}[class*=btn--icon].btn--xsmall .btn__inner{padding:0 .25rem;min-height:2rem}[class*=btn--icon].btn--xsmall .btn__inner:after{content:"";position:absolute;inset:-.375rem}.btn{position:relative;font-size:.875rem;background:none;border:0;padding:0;line-height:1.4285714286;font-weight:700;text-align:center;display:inline-flex;border-radius:64px;cursor:pointer;outline:0;vertical-align:top;--background: tokens.$colour-interactive-primary-bg-default;--background-hover: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51));--background-press: rgb(var(--colour-interactive-primary-bg-pressed, 0, 0, 0));--foreground: rgb(var(--colour-text-and-icon-5, 255, 255, 255));--disabled-foreground: rgb(var(--colour-interactive-disabled-2, 146, 146, 146));--disabled-background: rgb(var(--colour-interactive-disabled-1, 204, 204, 204));color:var(--foreground);text-decoration:none}.btn .btn__inner{box-shadow:var(--box-shadow);background:var(--background)}.btn:hover .btn__inner{background:var(--background-hover);box-shadow:var(--box-shadow-hover)}.btn:active .btn__inner{background:var(--background-press);box-shadow:var(--box-shadow-press)}.btn:hover,.btn:active,.btn:focus{text-decoration:none;color:var(--foreground)}.btn .svg-icon{flex-shrink:0}.btn:disabled{cursor:default}.btn:disabled .btn__inner{background-color:var(--disabled-background);color:var(--disabled-foreground);box-shadow:none}.btn__inner{border-radius:64px;display:inline-flex;justify-content:center;align-items:center;min-height:3.5rem;padding:0 2rem;width:100%;box-sizing:border-box;transition-property:opacity,transform;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.4,1)}.btn:active:not(:disabled) .btn__inner{transform:scale(.97)}.leading-icon .btn__inner{padding-inline-start:1.5rem}.trailing-icon .btn__inner{flex-direction:row-reverse;padding-inline-end:1.5rem}@media(forced-colors:active){.btn__inner{border:1px solid transparent}.btn:disabled .btn__inner{color:GrayText;border-color:GrayText}}.btn--icon-primary,.btn--primary{--background: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17));--background-hover: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51));--background-press: rgb(var(--colour-interactive-primary-bg-pressed, 0, 0, 0))}.btn--icon-emphasised,.btn--emphasised{--background: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163));--background-hover: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147));--background-press: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147))}.btn--icon-secondary,.btn--secondary{--background: none;--background-hover: none;--box-shadow: inset 0 0 0 1px rgb(var(--colour-neutral-7, 17, 17, 17));--box-shadow-hover: inset 0 0 0 2px rgb(var(--colour-neutral-7, 17, 17, 17));--box-shadow-press: inset 0 0 0 2px rgb(var(--colour-neutral-7, 17, 17, 17));--background-press: rgba(var(--colour-interactive-secondary-bg-pressed, 204, 204, 204), .5)}.btn--icon-emphasised-inverse,.btn--emphasised-inverse,.btn--icon-primary-inverse,.btn--primary-inverse{--background: rgb(var(--colour-interactive-subtle-bg-default, 255, 255, 255));--background-hover: rgb(var(--colour-interactive-subtle-bg-hover, 245, 245, 245));--background-press: rgb(var(--colour-interactive-subtle-bg-pressed, 223, 223, 223))}.btn--icon-secondary-inverse,.btn--secondary-inverse{--background: transparent;--background-hover: transparent;--background-press: rgba(var(--colour-neutral-1, 255, 255, 255), .1);--box-shadow: inset 0 0 0 1px rgb(var(--colour-neutral-1, 255, 255, 255));--box-shadow-hover: inset 0 0 0 2px rgb(var(--colour-neutral-1, 255, 255, 255));--box-shadow-press: inset 0 0 0 2px rgb(var(--colour-neutral-1, 255, 255, 255))}.btn--icon-tertiary-inverse,.btn--tertiary-inverse{--background: transparent;--background-hover: rgba(var(--colour-neutral-1, 255, 255, 255), .15);--background-press: rgba(var(--colour-neutral-1, 255, 255, 255), .3);--disabled-background: transparent;--disabled-foreground: rgba(var(--colour-interactive-disabled-1, 204, 204, 204), .15)}.btn--danger{--background: rgb(var(--colour-interactive-destructive-bg-default, 224, 7, 81));--background-hover: rgb(var(--colour-interactive-destructive-bg-hover, 204, 0, 61));--background-press: rgb(var(--colour-interactive-destructive-bg-pressed, 184, 0, 41))}.btn--icon-tertiary,.btn--tertiary{--background: transparent;--background-hover: rgb(var(--colour-interactive-secondary-bg-hover, 223, 223, 223));--background-press: rgb(var(--colour-interactive-secondary-bg-pressed, 204, 204, 204));--disabled-background: transparent;--disabled-foreground: rgb(var(--colour-interactive-disabled-1, 204, 204, 204))}.btn--icon-image-overlay,.btn--image-overlay{--background: rgba(var(--colour-static-black, 17, 17, 17), .75);--background-hover: rgba(var(--colour-static-black, 17, 17, 17), .85);--background-press: rgba(var(--colour-static-black, 17, 17, 17), .95)}.btn.btn--static-colour.btn--primary,.btn.btn--static-colour.btn--icon-primary{--background: rgb(var(--colour-interactive-static-primary-bg-default, 17, 17, 17));--background-hover: rgb(var(--colour-interactive-static-primary-bg-hover, 51, 51, 51));--background-press: rgb(var(--colour-interactive-static-primary-bg-pressed, 0, 0, 0));--foreground: rgb(var(--colour-static-white, 255, 255, 255));--disabled-foreground: rgba(var(--colour-static-black, 17, 17, 17), .15);--disabled-background: rgba(var(--colour-static-black, 17, 17, 17), .15)}.btn.btn--static-colour.btn--secondary,.btn.btn--static-colour.btn--icon-secondary{--background: transparent;--background-hover: transparent;--background-press: rgba(var(--colour-interactive-static-secondary-bg-pressed, 204, 204, 204), .5);--box-shadow: inset 0 0 0 1px rgb(var(--colour-static-black, 17, 17, 17));--box-shadow-hover: inset 0 0 0 2px rgb(var(--colour-static-black, 17, 17, 17));--box-shadow-press: inset 0 0 0 2px rgb(var(--colour-static-black, 17, 17, 17));--foreground: rgb(var(--colour-static-black, 17, 17, 17));--disabled-foreground: rgba(var(--colour-static-black, 17, 17, 17), .15);--disabled-background: rgba(var(--colour-static-black, 17, 17, 17), .15)}.btn.btn--static-colour.btn--tertiary,.btn.btn--static-colour.btn--icon-tertiary{--background: transparent;--background-hover: rgb(var(--colour-interactive-static-secondary-bg-hover, 223, 223, 223));--background-press: rgb(var(--colour-interactive-static-secondary-bg-pressed, 204, 204, 204));--foreground: rgb(var(--colour-static-black, 17, 17, 17));--disabled-foreground: rgba(var(--colour-static-black, 17, 17, 17), .15);--disabled-background: transparent}.btn.btn--static-colour.btn--icon-secondary-inverse,.btn.btn--static-colour.btn--secondary-inverse{--background: transparent;--background-hover: transparent;--background-press: rgba(var(--colour-static-white, 255, 255, 255), .1);--box-shadow: inset 0 0 0 1px rgb(var(--colour-static-white, 255, 255, 255));--box-shadow-hover: inset 0 0 0 2px rgb(var(--colour-static-white, 255, 255, 255));--box-shadow-press: inset 0 0 0 2px rgb(var(--colour-static-white, 255, 255, 255));--foreground: rgb(var(--colour-static-white, 255, 255, 255));--disabled-foreground: rgba(var(--colour-static-white, 255, 255, 255), .15);--disabled-background: rgba(var(--colour-static-white, 255, 255, 255), .15)}.btn.btn--static-colour.btn--icon-emphasised-inverse,.btn.btn--static-colour.btn--icon-primary-inverse,.btn.btn--static-colour.btn--primary-inverse,.btn.btn--static-colour.btn--emphasised-inverse{--background: rgb(var(--colour-static-white, 255, 255, 255));--background-hover: rgb(var(--colour-static-light-grey, 245, 245, 245));--background-press: rgb(var(--colour-static-grey, 223, 223, 223));--foreground: rgb(var(--colour-static-black, 17, 17, 17));--disabled-foreground: rgba(var(--colour-static-white, 255, 255, 255), .15);--disabled-background: rgba(var(--colour-static-white, 255, 255, 255), .15)}.btn.btn--static-colour.btn--icon-tertiary-inverse,.btn.btn--static-colour.btn--tertiary-inverse{--background: transparent;--background-hover: rgba(var(--colour-static-white, 255, 255, 255), .15);--background-press: rgba(var(--colour-static-white, 255, 255, 255), .3);--foreground: rgb(var(--colour-static-white, 255, 255, 255));--disabled-foreground: rgba(var(--colour-static-white, 255, 255, 255), .15)}.btn--icon-emphasised-inverse,.btn--emphasised-inverse,.btn--icon-primary-inverse,.btn--primary-inverse,.btn--icon-secondary,.btn--secondary,.btn--icon-tertiary,.btn--tertiary{--foreground: rgb(var(--colour-text-and-icon-1, 17, 17, 17))}.btn--icon-secondary-inverse,.btn--secondary-inverse,.btn--icon-tertiary-inverse,.btn--tertiary-inverse,.btn--icon-primary,.btn--primary{--foreground: rgb(var(--colour-text-and-icon-5, 255, 255, 255))}.btn--icon-image-overlay,.btn--icon-emphasised,.btn--danger,.btn--emphasised,.btn--image-overlay{--foreground: rgb(var(--colour-static-white, 255, 255, 255))}.btn .btn__loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-160%);display:inline-block;width:0;height:0;border:.25rem solid;border-radius:64px;animation:btn-loader .7s infinite;opacity:0;visibility:hidden;text-indent:-9999px;overflow:hidden;transition-property:opacity,transform;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.4,1)}@keyframes btn-loader{0%,to{transform:translate(-50%,-160%);animation-timing-function:cubic-bezier(.42,0,1,1)}40%{transform:translate(-50%,20%);animation-timing-function:cubic-bezier(0,0,0,1)}}.btn--loading{pointer-events:none}.btn--loading .btn__loader{opacity:1;visibility:visible}.btn--loading .svg-icon,.btn--loading .btn__label{transform:translateY(50%);opacity:0;visibility:hidden}.btn--xsmall{font-size:.75rem;line-height:1.3333333333}.btn--xsmall .btn__inner{min-height:2rem;padding:0 1rem}.btn--xsmall .btn__inner:after{content:"";position:absolute;inset:-.375rem}.btn--xsmall.leading-icon .btn__inner{padding-inline-start:.75rem}.btn--xsmall.trailing-icon .btn__inner{padding-inline-end:.75rem}.btn--xsmall.leading-icon .svg-icon{margin-inline-end:.25rem}.btn--xsmall.trailing-icon .svg-icon{margin-inline-start:.25rem}.btn--small{font-size:.75rem;line-height:1.3333333333}.btn--small .btn__inner{min-height:2.5rem;padding:0 1.5rem}.btn--small .btn__inner:after{content:"";position:absolute;inset:-.125rem}.btn--small.leading-icon .btn__inner{padding-inline-start:1rem}.btn--small.trailing-icon .btn__inner{padding-inline-end:1rem}.btn--expanding.leading-icon .btn__inner,.btn--expanding.trailing-icon .btn__inner,.btn--expanding .btn__inner{transition-property:opacity,transform,padding;padding:0 1rem}.btn--expanding.btn--small .btn__inner{padding:0 .5rem}.btn--expanding.btn--xsmall .btn__icon{margin:0}.btn--expanding.btn--xsmall .btn__inner{padding:0 .25rem;min-height:2rem}.btn--expanding.btn--xsmall .btn__inner:after{content:"";position:absolute;inset:-.375rem}.btn--expanding .btn__icon{transition:margin-inline-end .25s ease-in-out;margin:0}.btn--expanding .btn__inner .btn__label{max-width:0;white-space:nowrap;overflow:hidden;transition:max-width .25s ease-in-out;transform-origin:left;position:static;width:auto;height:auto;margin:0;clip:initial}.btn--expanding:hover .btn__inner .btn__label,.btn--expanding:focus-visible .btn__inner .btn__label{max-width:12.5rem}.btn--expanding:hover.leading-icon .btn__inner,.btn--expanding:focus-visible.leading-icon .btn__inner{padding-inline-end:2rem;padding-inline-start:1.5rem}.btn--expanding:hover.trailing-icon .btn__inner,.btn--expanding:focus-visible.trailing-icon .btn__inner{flex-direction:row-reverse;padding-inline-end:1.5rem;padding-inline-start:2rem}.btn--expanding:hover.leading-icon .btn__icon,.btn--expanding:focus-visible.leading-icon .btn__icon{margin-inline-end:.5rem}.btn--expanding:hover.trailing-icon .btn__icon,.btn--expanding:focus-visible.trailing-icon .btn__icon{margin-inline-start:.5rem}.btn--expanding:hover.leading-icon.btn--small .btn__inner,.btn--expanding:focus-visible.leading-icon.btn--small .btn__inner{padding-inline-end:1.5rem;padding-inline-start:1rem}.btn--expanding:hover.trailing-icon.btn--small .btn__inner,.btn--expanding:focus-visible.trailing-icon.btn--small .btn__inner{padding-inline-end:1rem;padding-inline-start:1.5rem}.btn--expanding:hover.leading-icon.btn--xsmall .btn__inner,.btn--expanding:focus-visible.leading-icon.btn--xsmall .btn__inner{padding-inline-end:1rem;padding-inline-start:.75rem}.btn--expanding:hover.trailing-icon.btn--xsmall .btn__inner,.btn--expanding:focus-visible.trailing-icon.btn--xsmall .btn__inner{padding-inline-end:.75rem;padding-inline-start:1rem}.btn--expanding:hover.leading-icon.btn--xsmall .btn__icon,.btn--expanding:focus-visible.leading-icon.btn--xsmall .btn__icon{margin-inline-end:.25rem}.btn--expanding:hover.trailing-icon.btn--xsmall .btn__icon,.btn--expanding:focus-visible.trailing-icon.btn--xsmall .btn__icon{margin-inline-start:.25rem}@media(hover:none){.btn--expanding.leading-icon:hover .btn__inner,.btn--expanding.trailing-icon:hover .btn__inner{padding:0 1rem}.btn--expanding.leading-icon:hover .btn__inner .btn__label,.btn--expanding.trailing-icon:hover .btn__inner .btn__label{max-width:0}.btn--expanding.leading-icon:hover .btn__icon,.btn--expanding.trailing-icon:hover .btn__icon{margin:0}.btn--expanding.leading-icon.btn--small:hover .btn__inner,.btn--expanding.trailing-icon.btn--small:hover .btn__inner{padding:0 .5rem}.btn--expanding.leading-icon.btn--xsmall:hover .btn__inner,.btn--expanding.trailing-icon.btn--xsmall:hover .btn__inner{padding:0 .25rem}.btn--expanding.leading-icon.btn--xsmall:hover .btn__icon,.btn--expanding.trailing-icon.btn--xsmall:hover .btn__icon{margin:0}.btn--expanding.btn--touch-device-expanded:hover:not(:disabled) .btn__inner .btn__label,.btn--expanding.btn--touch-device-expanded .btn__inner .btn__label{max-width:12.5rem}.btn--expanding.btn--touch-device-expanded:hover:not(:disabled).leading-icon .btn__inner,.btn--expanding.btn--touch-device-expanded.leading-icon .btn__inner{padding-inline-end:2rem;padding-inline-start:1.5rem}.btn--expanding.btn--touch-device-expanded:hover:not(:disabled).trailing-icon .btn__inner,.btn--expanding.btn--touch-device-expanded.trailing-icon .btn__inner{flex-direction:row-reverse;padding-inline-end:1.5rem;padding-inline-start:2rem}.btn--expanding.btn--touch-device-expanded:hover:not(:disabled).leading-icon .btn__icon,.btn--expanding.btn--touch-device-expanded.leading-icon .btn__icon{margin-inline-end:.5rem}.btn--expanding.btn--touch-device-expanded:hover:not(:disabled).trailing-icon .btn__icon,.btn--expanding.btn--touch-device-expanded.trailing-icon .btn__icon{margin-inline-start:.5rem}.btn--expanding.btn--touch-device-expanded:hover:not(:disabled).leading-icon.btn--small .btn__inner,.btn--expanding.btn--touch-device-expanded.leading-icon.btn--small .btn__inner{padding-inline-end:1.5rem;padding-inline-start:1rem}.btn--expanding.btn--touch-device-expanded:hover:not(:disabled).trailing-icon.btn--small .btn__inner,.btn--expanding.btn--touch-device-expanded.trailing-icon.btn--small .btn__inner{padding-inline-end:1rem;padding-inline-start:1.5rem}.btn--expanding.btn--touch-device-expanded:hover:not(:disabled).leading-icon.btn--xsmall .btn__inner,.btn--expanding.btn--touch-device-expanded.leading-icon.btn--xsmall .btn__inner{padding-inline-end:1rem;padding-inline-start:.75rem}.btn--expanding.btn--touch-device-expanded:hover:not(:disabled).trailing-icon.btn--xsmall .btn__inner,.btn--expanding.btn--touch-device-expanded.trailing-icon.btn--xsmall .btn__inner{padding-inline-end:.75rem;padding-inline-start:1rem}.btn--expanding.btn--touch-device-expanded:hover:not(:disabled).leading-icon.btn--xsmall .btn__icon,.btn--expanding.btn--touch-device-expanded.leading-icon.btn--xsmall .btn__icon{margin:0}.btn--expanding.btn--touch-device-expanded:hover:not(:disabled).trailing-icon.btn--xsmall .btn__icon,.btn--expanding.btn--touch-device-expanded.trailing-icon.btn--xsmall .btn__icon{margin:0}}.btn--expanding:focus-visible.btn--loading.trailing-icon .btn__inner,.btn--expanding:focus-visible.btn--loading.leading-icon .btn__inner,.btn--expanding.btn--loading.trailing-icon .btn__inner,.btn--expanding.btn--loading.leading-icon .btn__inner,.btn--expanding:disabled.trailing-icon .btn__inner,.btn--expanding:disabled.leading-icon .btn__inner{padding:0 1rem}.btn--expanding:focus-visible.btn--loading.trailing-icon .btn__inner .btn__label,.btn--expanding:focus-visible.btn--loading.leading-icon .btn__inner .btn__label,.btn--expanding.btn--loading.trailing-icon .btn__inner .btn__label,.btn--expanding.btn--loading.leading-icon .btn__inner .btn__label,.btn--expanding:disabled.trailing-icon .btn__inner .btn__label,.btn--expanding:disabled.leading-icon .btn__inner .btn__label{max-width:0}.btn--expanding:focus-visible.btn--loading.trailing-icon .btn__icon,.btn--expanding:focus-visible.btn--loading.leading-icon .btn__icon,.btn--expanding.btn--loading.trailing-icon .btn__icon,.btn--expanding.btn--loading.leading-icon .btn__icon,.btn--expanding:disabled.trailing-icon .btn__icon,.btn--expanding:disabled.leading-icon .btn__icon{margin:0}.btn--expanding:focus-visible.btn--loading.trailing-icon.btn--small .btn__inner,.btn--expanding:focus-visible.btn--loading.leading-icon.btn--small .btn__inner,.btn--expanding.btn--loading.trailing-icon.btn--small .btn__inner,.btn--expanding.btn--loading.leading-icon.btn--small .btn__inner,.btn--expanding:disabled.trailing-icon.btn--small .btn__inner,.btn--expanding:disabled.leading-icon.btn--small .btn__inner{padding:0 .5rem}.btn--expanding:focus-visible.btn--loading.trailing-icon.btn--xsmall .btn__inner,.btn--expanding:focus-visible.btn--loading.leading-icon.btn--xsmall .btn__inner,.btn--expanding.btn--loading.trailing-icon.btn--xsmall .btn__inner,.btn--expanding.btn--loading.leading-icon.btn--xsmall .btn__inner,.btn--expanding:disabled.trailing-icon.btn--xsmall .btn__inner,.btn--expanding:disabled.leading-icon.btn--xsmall .btn__inner{padding:0 .25rem}.btn--expanding:focus-visible.btn--loading.trailing-icon.btn--xsmall .btn__icon,.btn--expanding:focus-visible.btn--loading.leading-icon.btn--xsmall .btn__icon,.btn--expanding.btn--loading.trailing-icon.btn--xsmall .btn__icon,.btn--expanding.btn--loading.leading-icon.btn--xsmall .btn__icon,.btn--expanding:disabled.trailing-icon.btn--xsmall .btn__icon,.btn--expanding:disabled.leading-icon.btn--xsmall .btn__icon{margin:0}.btn--fluid,.btn--fluid .btn__inner{width:100%}.btn--plain.btn--small .btn__inner:after,.btn--plain .btn__inner:after{content:"";position:absolute;inset:-.25rem}.btn--plain{--background: transparent;--background-hover: transparent;--background-press: transparent;--foreground: rgb(var(--colour-text-and-icon-1, 17, 17, 17))}.btn--plain.btn--small .btn__inner,.btn--plain .btn__inner,.btn--plain.leading-icon .btn__inner,.btn--plain.trailing-icon .btn__inner{padding:0}.btn .svg-icon,.btn__label{transition-property:opacity,margin-right,margin-left,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.4,1)}