@layer components{.button[data-v-c09beef3]{padding-inline:var(--button-padding-x);padding-block:var(--button-padding-y);white-space:nowrap;cursor:pointer;border-radius:var(--button-radius);text-transform:var(--button-transform);letter-spacing:var(--button-letter-spacing);font:inherit;font-weight:var(--button-weight);color:inherit;text-align:center;background:0 0;border:1px solid #0000;transition:transform .15s,background-color .15s,color .15s,border-color .15s;display:inline-block;position:relative}.button--pill[data-v-c09beef3]{border-radius:var(--radius-full)}.button[data-v-c09beef3]:hover:not([disabled]){transform:scale(1.05)}.button[disabled][data-v-c09beef3]{opacity:.5;cursor:not-allowed}.button[data-loading][data-v-c09beef3]{cursor:wait}.button[data-loading] .button__content[data-v-c09beef3]{color:#0000}.button__spinner[data-v-c09beef3]{color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button[data-colour=primary][data-v-c09beef3]{background:var(--colour-primary);border-color:var(--colour-primary);color:var(--colour-on-primary)}.button[data-colour=primary][data-v-c09beef3]:hover:not([disabled]){background:var(--colour-primary-dark);border-color:var(--colour-primary-dark)}.button[data-colour=secondary][data-v-c09beef3]{background:var(--colour-secondary);border-color:var(--colour-secondary);color:var(--colour-on-secondary)}.button[data-colour=secondary][data-v-c09beef3]:hover:not([disabled]){background:var(--colour-secondary-dark);border-color:var(--colour-secondary-dark)}.button[data-colour=tertiary][data-v-c09beef3]{background:var(--colour-tertiary);border-color:var(--colour-tertiary);color:var(--colour-on-tertiary)}.button[data-colour=tertiary][data-v-c09beef3]:hover:not([disabled]){background:var(--colour-tertiary-dark);border-color:var(--colour-tertiary-dark)}.button[data-colour=red][data-v-c09beef3]{background:var(--colour-danger);border-color:var(--colour-danger);color:#fff}.button[data-colour=red][data-v-c09beef3]:hover:not([disabled]){background:var(--colour-danger-dark);border-color:var(--colour-danger-dark)}.button[data-colour=green][data-v-c09beef3]{background:var(--colour-success);border-color:var(--colour-success);color:#fff}.button[data-colour=green][data-v-c09beef3]:hover:not([disabled]){background:var(--colour-success-dark);border-color:var(--colour-success-dark)}.button[data-colour=yellow][data-v-c09beef3]{background:var(--colour-warning);border-color:var(--colour-warning);color:#fff}.button[data-colour=yellow][data-v-c09beef3]:hover:not([disabled]){background:var(--colour-warning-dark);border-color:var(--colour-warning-dark)}.button[data-colour=gray][data-v-c09beef3]{color:#fff;background:#4b5563;border-color:#4b5563}.button[data-colour=gray][data-v-c09beef3]:hover:not([disabled]){background:#374151;border-color:#374151}.button--outline[data-colour=primary][data-v-c09beef3]{color:var(--colour-primary);border-color:var(--colour-primary);background:0 0}.button--outline[data-colour=primary][data-v-c09beef3]:hover:not([disabled]){background:var(--colour-primary);color:var(--colour-on-primary)}.button--outline[data-colour=secondary][data-v-c09beef3]{color:var(--colour-secondary);border-color:var(--colour-secondary);background:0 0}.button--outline[data-colour=secondary][data-v-c09beef3]:hover:not([disabled]){background:var(--colour-secondary);color:var(--colour-on-secondary)}.button--outline[data-colour=tertiary][data-v-c09beef3]{color:var(--colour-tertiary);border-color:var(--colour-tertiary);background:0 0}.button--outline[data-colour=tertiary][data-v-c09beef3]:hover:not([disabled]){background:var(--colour-tertiary);color:var(--colour-on-tertiary)}.button--outline[data-colour=red][data-v-c09beef3]{color:var(--colour-danger);border-color:var(--colour-danger);background:0 0}.button--outline[data-colour=red][data-v-c09beef3]:hover:not([disabled]){background:var(--colour-danger);color:#fff}.button--outline[data-colour=green][data-v-c09beef3]{color:var(--colour-success);border-color:var(--colour-success);background:0 0}.button--outline[data-colour=green][data-v-c09beef3]:hover:not([disabled]){background:var(--colour-success);color:#fff}.button--outline[data-colour=yellow][data-v-c09beef3]{color:var(--colour-warning);border-color:var(--colour-warning);background:0 0}.button--outline[data-colour=yellow][data-v-c09beef3]:hover:not([disabled]){background:var(--colour-warning);color:#fff}.button--outline[data-colour=gray][data-v-c09beef3]{color:#4b5563;background:0 0;border-color:#4b5563}.button--outline[data-colour=gray][data-v-c09beef3]:hover:not([disabled]){color:#fff;background:#4b5563}}